/* Quiet local hero revision. Original landing and section-two content stay intact. */
.site-header.page-width,.hero-content.page-width{width:min(1376px,71.6%)}
.hero{height:auto;min-height:0;max-height:none;background:#100f1d;isolation:isolate}
.hero-atmosphere{position:absolute;inset:-6%;will-change:transform;z-index:0;background:url('/assets/artwork/hero-atmosphere-lossless.webp') center center/cover no-repeat;opacity:.3;pointer-events:none}
.hero::after{height:26%;background:linear-gradient(180deg,rgba(16,26,46,0),#101a2e);z-index:1}
.hero-content{height:auto;min-height:770px;align-items:flex-start;padding:clamp(185px,21vh,235px) 0 76px}
.hero-copy{width:59%;max-width:790px}
.hero-eyebrow{font-size:11px;font-weight:550;letter-spacing:.16em;color:#c9b9dc;margin:0 0 22px;text-transform:uppercase}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,4.35vw,82px);font-weight:400;line-height:1.06;letter-spacing:-.03em;margin:0;color:#eeeaf4;white-space:nowrap;font-kerning:normal;text-rendering:optimizeLegibility}
.hero h1 span{color:#cfbedf}
.hero-explanation{font-size:clamp(17px,1vw,19px);font-weight:400;line-height:1.75;max-width:510px;margin-top:26px;color:#bbb6c8;letter-spacing:0}
.hero .button{margin-top:27px;min-height:54px;padding:14px 25px;gap:26px;font-size:16px;font-weight:500;border-radius:999px;background:#e6dbf2;color:#2a2135;box-shadow:none;border:1px solid #e6dbf2}
.hero .button.primary:hover{background:#f0e8f8;box-shadow:0 3px 18px #c4a2f514;transform:translateY(-1px)}
.hero-discover{font-size:13px;margin-top:21px;gap:15px;color:#9d95ad}
.production-hero{--production-star-x:69%;--production-star-y:51%;--production-star-size:700px}
.hero .production-star{background:transparent;background-image:none}
.hero .production-text-shield{display:none}
/* Larger resting presence; the camera still starts at its original zoom depth. */
.hero .production-star .shape{width:min(214%,112dvh);outline:none!important;box-shadow:none!important}
.hero .production-star .shape::after{display:none!important;content:none!important;border:0!important;outline:0!important}
.hero .production-star .orbital-canvas{filter:none;opacity:0;visibility:visible;transition:opacity .14s ease-out}
.hero .production-star.has-field .orbital-canvas{opacity:1}
.hero .production-star .shape>svg{opacity:0;transition:opacity 1.6s ease}
.hero .production-star.is-fallback .shape>svg{opacity:.5}
.hero .production-star .play-caption,.hero .production-star .quality-panel{display:none!important}
.hero .production-star .shape.has-3d{touch-action:pan-y}
.navy-journey{background:#101a2e}
.vision-intro{scroll-margin-top:40px;padding-top:108px}
body:not(.pricing-page) .octi-header{width:min(1376px,71.6%);border-bottom:0}
@media(min-width:1700px){.hero-content{padding-bottom:76px}}
@media(max-width:1100px){
 .site-header.page-width,.hero-content.page-width,body:not(.pricing-page) .octi-header{width:calc(100% - 80px)}
 .hero h1{font-size:clamp(48px,5vw,55px)}.hero-copy{width:64%}.hero-explanation{max-width:460px;font-size:17px}
 .production-hero{--production-star-x:72%;--production-star-y:53%;--production-star-size:470px}
}
@media(max-width:900px){
 .site-header.page-width,.hero-content.page-width,body:not(.pricing-page) .octi-header{width:calc(100% - 48px)}
 .hero{height:auto;min-height:0;max-height:none}
 .hero-content{padding:156px 0 355px;min-height:0}.hero-copy{width:100%;max-width:620px}
 .hero-eyebrow{font-size:12px;margin-bottom:21px}
 .hero h1{font-size:clamp(36px,5.8vw,56px);line-height:1.17;letter-spacing:-.02em}
 .hero-explanation{font-size:16px;line-height:1.75;margin-top:23px;max-width:480px}
 .hero .button{font-size:15px;min-height:52px;padding:13px 23px;margin-top:23px}
 .hero-discover{font-size:12px;margin-top:19px}
 .production-hero{--production-star-x:50%;--production-star-y:78%;--production-star-size:340px}
 .hero .production-star .shape{width:184%}.hero::after{height:22%}
 .hero-atmosphere{background-position:64% 50%;background-size:auto 100%}
 .vision-intro{padding-top:76px}
}
@media(max-width:400px){.hero h1{font-size:clamp(29px,8.3vw,33px)}.hero-content{padding-top:150px;padding-bottom:310px}.production-hero{--production-star-size:305px;--production-star-y:79%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero *{transition:none!important;animation:none!important}.hero .button.primary:hover{transform:none}}

/* Matched first-frame image prevents an empty hero while GPU shaders prepare. */
.hero-star-poster{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-51%);opacity:1;pointer-events:none;transition:opacity .14s ease-out}
.has-field .hero-star-poster{opacity:0}
.hero .production-star.is-fallback .shape>svg{opacity:0}

/* Quiet, transient guidance follows a held mouse gesture. */
.star-move-hint{position:absolute;z-index:3;width:max-content;max-width:calc(100% - 36px);margin:0;color:#c8bdd8;font:400 12px/1.6 Octi,Arial,sans-serif;text-align:center;letter-spacing:.015em;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .24s ease,transform .24s ease;isolation:isolate;text-shadow:0 1px 8px #100f1d}
.star-move-hint::before{content:"";position:absolute;z-index:-1;inset:-12px -26px;background:#100f1d80;backdrop-filter:blur(3px);mask-image:radial-gradient(ellipse,#000 35%,transparent 74%);pointer-events:none}
.star-move-hint[data-visible="true"]{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.star-move-hint{transition:none;transform:translate(-50%,0)}}