.design-2 .figma-hero{height:100svh;min-height:720px;max-height:none;background:#000}
.figma-hero .figma-wave-scene{position:absolute;inset:0;transform:none!important;clip-path:none;background:#000;pointer-events:none}
.figma-shade,.wave-light,.figma-wave,.figma-hero-meta{display:none}
.figma-hero-content{position:absolute;top:34%;left:50%;right:auto;width:920px;max-width:90%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;z-index:2}
.design-2 .figma-hero h1{font-family:'Instrument Sans',sans-serif;font-size:clamp(60px,5.3vw,86px);font-weight:400;letter-spacing:-.045em;line-height:.98;text-align:center;white-space:normal;width:100%}
.figma-hero h1 em{font-family:'Instrument Serif',serif;letter-spacing:-.025em}
.figma-hero-aside{position:fixed;top:calc(100svh - 34svh - 112px);left:50%;transform:translateX(-50%);width:563px!important;max-width:90%;text-align:center}
.hero-ready .figma-hero-aside{transform:translateX(-50%)}
.figma-hero-aside p{font-size:16px;line-height:1.45;letter-spacing:0;color:#bdbdbd;margin:0}
.figma-actions{display:none}
@media(max-width:700px){.design-2 .figma-hero{height:100svh;min-height:700px}.figma-hero-content{top:35%;width:90%;max-width:none;gap:0}.design-2 .figma-hero h1{font-size:clamp(40px,10vw,62px);line-height:1.04;letter-spacing:-.035em}.figma-hero-aside{top:calc(100svh - 35svh - 138px);width:88%!important;max-width:none}.figma-hero-aside p{font-size:14px;line-height:1.5}.design-2 .figma-nav{mix-blend-mode:normal}}
.design-2 .figma-nav{mix-blend-mode:normal}
.gradient-story{height:280svh;position:relative;background:#000}
.gradient-story-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000}
.design-2 .gradient-story .figma-hero{position:absolute;inset:0;height:100%;min-height:0}
.gradient-story .figma-hero-content{opacity:var(--copy-fade,1);transform:translate(-50%,var(--copy-shift,0px));will-change:transform,opacity}
.design-2 .gradient-story #view{position:absolute;inset:0;min-height:0;height:100%;padding:130px 8% 60px;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;will-change:opacity,transform;z-index:3}
.gradient-story #view>div{max-width:1000px}.gradient-story #view .body-copy{max-width:720px;margin:auto}.gradient-story #view .belief-statement{font-size:clamp(32px,3.5vw,56px);line-height:1.15}
@media(max-width:700px){.gradient-story{height:260svh}.design-2 .gradient-story #view{padding:100px 7% 50px}.gradient-story #view h2{font-size:44px;line-height:1}.gradient-story #view .belief-statement{font-size:32px;line-height:1.1;margin:30px auto}}
@media(prefers-reduced-motion:reduce){.gradient-story{height:auto}.gradient-story-stage{position:relative;height:auto;overflow:visible}.design-2 .gradient-story .figma-hero{position:relative;height:100svh}.design-2 .gradient-story #view{position:relative;height:100svh;opacity:1!important;visibility:visible!important;transform:none!important}.gradient-story .figma-hero-content{opacity:1!important;transform:translateX(-50%)!important}}
/* Larger hero typography while retaining the designed two-line composition. */
.design-2 .figma-hero h1{font-size:clamp(70px,6.4vw,108px)}.gradient-story .figma-hero-content{width:1100px;max-width:92%}@media(max-width:700px){.design-2 .figma-hero h1{font-size:clamp(40px,10.8vw,68px);line-height:1.03}.gradient-story .figma-hero-content{width:94%;max-width:94%}}
.hero-intelligence-signal{position:absolute;left:50%;top:58%;transform:translateX(-50%);width:min(760px,74%);height:130px;z-index:2;pointer-events:none;opacity:var(--copy-fade,1);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}@media(max-width:700px){.hero-intelligence-signal{top:55%;width:88%;height:105px}}@media(max-height:750px) and (min-width:701px){.hero-intelligence-signal{top:59%;height:80px}}
.hero-signal-options{position:absolute;top:calc(58% + 132px);left:50%;transform:translateX(-50%);display:flex;justify-content:center;gap:6px;flex-wrap:wrap;width:min(540px,90%);z-index:5;opacity:var(--copy-fade,1)}.hero-signal-options button{font:11px 'Instrument Sans',sans-serif;background:#ffffff08;color:#999;border:1px solid #ffffff26;border-radius:20px;padding:7px 13px;cursor:pointer;transition:background .2s,color .2s}.hero-signal-options button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.hero-signal-options button:focus-visible{outline:2px solid #89c4ff;outline-offset:3px}.hero-signal-options small{flex-basis:100%;text-align:center;color:#777;font-size:10px;margin-top:3px}@media(max-width:700px){.hero-signal-options{top:calc(55% + 105px);width:96%;gap:4px}.hero-signal-options button{font-size:9px;padding:6px 10px}}@media(max-height:750px) and (min-width:701px){.hero-signal-options{top:calc(59% + 85px)}}
.hero-bg-options{position:absolute;left:50%;bottom:165px;transform:translateX(-50%);display:flex;justify-content:center;gap:7px;flex-wrap:wrap;width:min(570px,94%);z-index:5;opacity:var(--copy-fade,1)}.hero-bg-options button{background:#0006;border:1px solid #ffffff3b;border-radius:22px;padding:8px 15px;color:#ddd;backdrop-filter:blur(8px);font:11px 'Instrument Sans',sans-serif;cursor:pointer}.hero-bg-options button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.hero-bg-options button:focus-visible{outline:2px solid #89c4ff;outline-offset:3px}.hero-bg-options small{flex-basis:100%;text-align:center;font-size:10px;color:#999;margin-top:2px}@media(max-width:700px){.hero-bg-options{bottom:165px;gap:5px}.hero-bg-options button{padding:7px 10px;font-size:10px}}@media(max-height:750px) and (min-width:701px){.hero-bg-options{bottom:150px}}

/* Context rises continuously beside the hero, matching the Figma chip study. */
.hero-context{position:absolute;left:0;top:37%;width:150px;height:236px;z-index:2;overflow:hidden;opacity:var(--copy-fade,1);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);pointer-events:none}
.hero-context-track{width:max-content;animation:hero-context-rise 20s linear infinite;will-change:transform}
.hero-context-group{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-bottom:7px}
.hero-context-group span{display:block;box-sizing:border-box;height:34px;padding:6px 14px;border:1px solid #ffffff33;border-radius:7px;background:#020108d9;color:#fff;font:500 14px/20px 'Instrument Sans',sans-serif;letter-spacing:-.18px;white-space:nowrap}
@keyframes hero-context-rise{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@media(max-width:1000px){.hero-context{top:57%;height:150px;width:142px}.hero-context-group span{font-size:12px;height:31px;padding:5px 11px}}
@media(max-width:700px){.hero-context{top:57%;height:132px}}
@media(prefers-reduced-motion:reduce){.hero-context-track{animation:none}.hero-context{opacity:1}}

.design-2 .figma-hero h1>span:last-child{max-width:1100px;white-space:normal}.design-2 .figma-hero h1{font-size:clamp(60px,5.5vw,90px)}@media(max-width:700px){.design-2 .figma-hero h1{font-size:clamp(36px,10vw,58px)}}
