/* Deep blue, actual material depth and one distinct component study per repair. */
:root{--aqua:#aacbf1;--aqua-bright:#d4e5f8;--ink:#0b1323;--paper:#eff2f6}
body{background:#0b1323}
body em,.manifesto-text h2>span{color:#aacbf1}
.hero{background:radial-gradient(ellipse at 75% 48%,#253b612b,transparent 48%),linear-gradient(135deg,#101b2e,#090f1d 78%)}
.mint{background:linear-gradient(115deg,#c3daf4,#98bde8);color:#182b46;box-shadow:0 4px 22px #668fc30c}
.mint:hover{background:#d4e5f7}
.assurance{background:#bbd3ef;color:#1b2b45}
.detail-hero{background:radial-gradient(ellipse at 84% 58%,#30496833,transparent 55%),#0c1526}
.manifesto-sticky{background:radial-gradient(ellipse at 72% 45%,#263f5e66,transparent 60%),#0a1424}
.manifesto-shade{background:linear-gradient(90deg,#0a1424 10%,#0a1424bb 30%,transparent 58%)}
.component-stories{background:#eff2f6!important;padding-block:35px 65px!important}
.component-story{column-gap:11%;min-height:610px;overflow:visible}
.component-volume{color:#709fd4;position:relative;isolation:isolate}
.component-view{display:block;position:relative;width:100%;aspect-ratio:1.04;min-height:360px;background:radial-gradient(ellipse at 51% 50%,#b9cce233,transparent 65%)}
.component-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.7}
.component-view>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}
.component-view:after{content:'';position:absolute;left:24%;right:18%;bottom:9%;height:13px;border-radius:50%;background:#334661;opacity:.11;filter:blur(13px);z-index:-1;pointer-events:none}
.detail-visual-v2 img,.detail-visual-v2:hover img{animation:none!important;transform:none!important;transition:none!important}
.webgl-ready .component-view>img{visibility:hidden}
.static-fallback .component-view>canvas{display:none}
.component-volume:before{display:none!important}
.component-caption{color:#405d82;font-size:10px;letter-spacing:.13em;margin-top:7px}
.component-hint{color:#6e8099;border-color:#52739d33;gap:15px}
.component-hint i{border-color:#7398c355;color:#5d86b7}
.component-volume[aria-pressed=true] .component-hint i{transform:rotate(45deg)}
.component-model-note{display:block;font-size:7px;letter-spacing:.08em;color:#8390a2;line-height:1.6;margin-top:12px}
.component-beam{stroke:#629be3;display:block!important;z-index:-1;overflow:visible;pointer-events:none}
.beam-line{stroke:#75a1d8;stroke-width:1.35;opacity:.65}
.beam-aura{stroke:#71a4ee;stroke-width:16;opacity:.26;filter:blur(7px);transition:opacity .55s,stroke-width .55s}
.beam-travel{stroke:#b3d2ff;stroke-width:2.2;stroke-dasharray:38 460;opacity:.55;animation:depth-beam-flow 7s linear infinite;animation-play-state:paused}
.component-story.is-current .beam-travel{animation-play-state:running;opacity:.65}
.beam-terminal{fill:#7fa7dc;opacity:.8;transition:r .4s,fill .4s}
.component-story[data-component-story].beam-active .beam-aura{opacity:.65;stroke-width:23}
.component-story[data-component-story].beam-active .beam-line{stroke:#508de0;stroke-width:2;opacity:1}
.component-story[data-component-story].beam-active .beam-travel{stroke:#f4f9ff;stroke-width:3;opacity:1;animation-duration:1.6s}
.component-story[data-component-story].beam-active .beam-terminal{r:4.5;fill:#5796e3}
@keyframes depth-beam-flow{to{stroke-dashoffset:-498}}
.component-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px 9%;padding:65px 0 20px;border-top:1px solid #697e9c33;max-width:1320px;margin:auto}
.component-notes article{margin:0!important}
.component-notes h2{font-size:clamp(29px,2.8vw,42px);line-height:1.1;color:#24364d}
.component-notes p{font-size:14px;line-height:1.9;color:#647181}
.component-notes>a{grid-column:1/-1;justify-self:start;margin-top:4px;color:#4e739f;border-color:#7198c066}
.component-copy .eyebrow{color:#637d9f}
.component-copy p{color:#637181}
.component-copy li{border-color:#8998ac26}
.component-copy li:before{color:#7d9cbe}
.component-copy a{color:#557ca8}
.fg-reviews{--rv-bg:#101c2d!important;--rv-card:#16253a!important;--rv-accent:#aacbf1!important;--rv-line:#9cb9de30!important;background:radial-gradient(ellipse at 18% 0%,#253c5726,transparent 60%),#101c2d}
.fg-reviews[data-review-count="5"] .fg-review-card{background:linear-gradient(130deg,#1b304599,#14223680)}
.fg-contact-wrap,.fg-email-form{--fg-accent:#aacbf1!important;--fg-bg:#101c2b!important;--fg-panel:#192b41!important;--fg-field:#111f30!important;--fg-line:#9bbbdc44!important}
body a.floating-wa{background:#b8d2f1!important;color:#213a5c!important;box-shadow:0 8px 28px #05132340,inset 0 0 0 1px #deedff4d}
body a.floating-wa:hover{background:#d7e7fb!important}
.fg-form-shortcut{border-color:#a8c5e23b!important;background:#1b3045dd!important;color:#c3d8f0!important}
@media(max-width:1000px){.component-story{column-gap:6%;min-height:570px}.component-view{min-height:330px}}
@media(max-width:720px){
 .component-story{min-height:0;gap:22px;padding-block:40px 45px}
 .component-view{aspect-ratio:1.05;min-height:310px}
 .component-caption{font-size:9px}
 .component-model-note{font-size:7px;max-width:290px}
 .component-beam{opacity:1}
 .beam-aura{stroke-width:14;opacity:.30}
 .component-notes{grid-template-columns:1fr;padding-top:42px;gap:35px}
 .component-notes h2{font-size:31px;max-width:340px}
 .component-notes p{font-size:14px}
 .manifesto-shade{background:linear-gradient(#0a1424 0%,transparent 60%)}
}
@media(prefers-reduced-motion:reduce){.beam-travel{animation:none!important;opacity:.4}.component-story[data-component-story].beam-active .beam-aura{transition:none}.component-hint i{transition:none}}

/* Violet light carries the collection imagery into the first impression. */
.hero{background:radial-gradient(ellipse at 76% 46%,#66518d33,transparent 49%),radial-gradient(ellipse at 45% 0%,#44497520,transparent 55%),linear-gradient(135deg,#15192c,#0b1120 78%)}
.hero h1 em{color:#b9b2de}
.hero .orbit{border-color:#b09ad839}.hero .orbit-two{border-color:#b09ad824}
.hero .mint{background:linear-gradient(115deg,#cec5e8,#a9b8e1)}
.hero .explore-button .plus{color:#e3d9f5;border-color:#bfa8e34a;background:#39335435}
.hero .phone-model-note{color:#b1accb}
.manifesto-sticky>.macbook-fallback{position:absolute;inset:15% 0 12% 38%;width:62%;height:73%;object-fit:contain;opacity:1}
.macbook-static .macbook-fallback{display:block}
#macbook-story-slot:after{content:'';position:absolute;left:17%;right:12%;bottom:20%;height:15%;background:#0c1027;filter:blur(35px);border-radius:50%;opacity:.35;z-index:-1;pointer-events:none}
#opening-explore{display:inline-block;text-decoration:none}
@media(max-width:720px){.manifesto-sticky>.macbook-fallback{inset:35% -4% 17%;width:108%;height:48%}}

/* Two circular contact controls, shared across every Blue page. */
body a.fg-form-shortcut{right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 76px);width:60px;height:60px;min-width:0;padding:0!important;display:grid;place-items:center;gap:0;border-radius:50%!important;line-height:1;background:#1b3045ec!important;color:#d0d9ed!important;border:1px solid #adbdde44;box-shadow:0 8px 28px #05132335;z-index:30;transition:background .3s,transform .3s}
body a.fg-form-shortcut svg{width:25px;height:25px;display:block}
body a.fg-form-shortcut:hover{background:#3b4262!important;transform:translateY(-3px)}
.assurance{display:block;padding:0!important;overflow:hidden;position:relative}
.assurance-track{display:flex;width:max-content;animation:assurance-drift 52s linear infinite;will-change:transform}
.assurance-set{display:flex;align-items:center;justify-content:space-around;width:100vw;min-width:880px;height:80px;flex:none}
.assurance .assurance-set>span{white-space:nowrap;flex:1;text-align:center;padding:0 35px;border-right:1px solid #203b6122;font-size:11px;letter-spacing:.015em}
.assurance:hover .assurance-track{animation-play-state:paused}
@keyframes assurance-drift{to{transform:translateX(-50%)}}
@media(max-width:720px){
 body a.fg-form-shortcut{width:56px;height:56px;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + 70px)}
 body a.fg-form-shortcut svg{width:23px;height:23px}
 .assurance-set{min-width:860px;height:68px}.assurance-track{animation-duration:46s}
 .assurance .assurance-set>span{font-size:10px;padding:0 30px}
}
@media(prefers-reduced-motion:reduce){.assurance-track{animation:none;width:100%}.assurance-set{width:100%;min-width:0;display:grid;grid-template-columns:1fr 1fr;height:auto;gap:18px;padding:24px 4%}.assurance .assurance-set>span{padding:0;border:0;white-space:normal}.assurance-set[aria-hidden=true]{display:none}}

.component-caption,.component-hint,.component-model-note{display:none!important}
