.hero-cinematic .hero-content{perspective:1600px}.hero-cinematic :is(.hero-topline,h1,.hero-lower,.hero-bottom){animation:none}.hero-cinematic h1{transform-style:preserve-3d;transform-origin:48% 55%;transform:translate3d(0, var(--hero-title-y,0px), 0) rotateX(var(--hero-tilt-x,0deg)) rotateY(var(--hero-tilt-y,0deg)) scale(var(--hero-title-scale,1));opacity:var(--hero-title-opacity,1)}.hero-cinematic .hero-lower{transform:translate3d(0, var(--hero-lower-y,0px), 0)}.hero-cinematic .hero-title-line{transform-origin:50% 100%;display:block}.hero.hero-clear-copy .hero-growth-title{font-size:clamp(42px,6.5vw,100px);line-height:1.03}.hero-growth-title .hero-title-line{text-wrap:balance}@media (max-width:600px){.hero.hero-clear-copy .hero-growth-title{font-size:clamp(37px,10.2vw,55px)}}.hero-cinematic h1>span{--letter-edge:#46577b55;--letter-depth:#16274744;--letter-soft:#17294a38;text-shadow:0 1px 0 var(--letter-edge), 0 2px 0 var(--letter-edge), 0 3px 1px var(--letter-depth), var(--hero-shadow-x,0px) var(--hero-shadow-y,7px) 9px var(--letter-depth), 0 18px 32px var(--letter-soft);transform:translateZ(12px)}.hero-cinematic h1>span+span{transform:translateZ(28px)}html[data-theme=dark] .hero-cinematic h1>span,.hero-cinematic h1>span[data-ink-tone=dark]{--letter-edge:#adb8cf99;--letter-depth:#07163199;--letter-soft:#040d2b60}.hero-cinematic h1>span[data-ink-tone=light]{--letter-edge:#46577b55;--letter-depth:#16274744;--letter-soft:#17294a38}@media (prefers-reduced-motion:no-preference){html:is([data-hero-intro=pending],[data-hero-intro=play]) .hero-cinematic .hero-topline{animation:1.6s cubic-bezier(.22,1,.36,1) both hero-detail-arrive}html:is([data-hero-intro=pending],[data-hero-intro=play]) .hero-cinematic .hero-title-line{animation:2.5s cubic-bezier(.16,.8,.24,1) .1s both hero-title-arrive}html:is([data-hero-intro=pending],[data-hero-intro=play]) .hero-cinematic h1>span+span .hero-title-line{animation-delay:.46s}html:is([data-hero-intro=pending],[data-hero-intro=play]) .hero-cinematic .hero-description{animation:1.8s cubic-bezier(.22,1,.36,1) .8s both hero-detail-arrive}html:is([data-hero-intro=pending],[data-hero-intro=play]) .hero-cinematic :is(.hero-cta,.hero-watch){animation:1.8s cubic-bezier(.22,1,.36,1) 1s both hero-detail-arrive}html:is([data-hero-intro=pending],[data-hero-intro=play]) .hero-cinematic .hero-bottom{animation:1.6s cubic-bezier(.22,1,.36,1) 1.25s both hero-detail-arrive}html[data-hero-intro=pending] .hero-cinematic :is(.hero-topline,.hero-title-line,.hero-description,.hero-cta,.hero-watch,.hero-bottom){animation-play-state:paused}@keyframes hero-title-arrive{0%{opacity:0;transform:translate3d(0,58px,-35px)rotateX(9deg)}to{opacity:1;transform:none}}@keyframes hero-detail-arrive{0%{opacity:.45;transform:translateY(26px)}to{opacity:1;transform:none}}}html[data-motion-paused=true] .hero-cinematic :is(.hero-topline,.hero-title-line,.hero-description,.hero-cta,.hero-watch,.hero-bottom){animation:none}@media (prefers-reduced-motion:reduce){.hero-cinematic :is(h1,.hero-lower){opacity:1;transform:none}.hero-cinematic :is(.hero-topline,.hero-title-line,.hero-description,.hero-cta,.hero-watch,.hero-bottom){animation:none}}@media (max-width:700px){.hero-cinematic h1{transform:translate3d(0, calc(var(--hero-title-y,0px) * .4), 0)}.hero-cinematic h1>span{text-shadow:0 -.5px 0 var(--letter-edge), 0 2px 1px var(--letter-depth), 0 8px 16px var(--letter-soft)}}
.os-showcase{max-width:1080px;margin:64px auto 0;position:relative}.os-showcase-frame{background:linear-gradient(125deg,#32415a,#111a2c 50%,#4a4e5b);border:1px solid #93a1bb69;border-radius:16px;padding:7px;box-shadow:0 50px 90px -40px #11224980,0 4px 14px #09132926}.os-showcase-bar{color:#dce5f7;grid-template-columns:1fr auto 1fr;align-items:center;height:32px;padding:0 12px 5px;font-size:13px;line-height:1;display:grid}.os-showcase-dots{gap:5px;display:flex}.os-showcase-dots i{background:#97a4bb;border-radius:50%;width:5px;height:5px}.os-showcase-os{color:#e8bfa5;font-family:var(--font-mono), monospace;padding-left:6px;font-size:9px;display:inline-block}.os-showcase-label{color:#b4c0d4;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;justify-self:end;font-size:8.5px}.os-showcase-crop{aspect-ratio:1280/616;background:#eef1f8;border-radius:8px;position:relative;overflow:hidden}.os-shot{opacity:0;transition:opacity .7s var(--ease-out), transform 1.2s var(--ease-out);position:absolute;inset:0;transform:scale(1.025)}.os-shot[data-active]{opacity:1;transform:none}.os-shot img{width:100%;max-width:none;height:auto;display:block;position:absolute;top:-6.49351%;left:0}.os-dock{z-index:1;background:var(--glass-fill-strong);width:max-content;max-width:calc(100% - 32px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 var(--glass-shine), 0 0 0 1px var(--glass-edge), var(--glass-menu-depth);border-radius:24px;align-items:center;gap:6px;margin:-36px auto 0;padding:7px;display:flex;position:relative}.os-dock-tabs{gap:4px;display:flex}.os-dock-tab{min-height:50px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), box-shadow var(--dur-fast);background:0 0;border:0;border-radius:17px;align-items:center;gap:10px;padding:7px 18px 7px 8px;font-size:13.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.os-dock-tab:hover{background:var(--glass-hover);color:var(--text)}.os-dock-tab[aria-selected=true]{background:var(--glass-hover-strong);color:var(--text);box-shadow:0 0 0 1px var(--glass-edge), 0 8px 18px -12px #0d132066}.os-dock-icon{background:var(--soft-blue);width:36px;height:36px;color:var(--accent);transition:background var(--dur-fast), color var(--dur-fast);border-radius:12px;flex:none;place-items:center;display:grid}.os-dock-tab[aria-selected=true] .os-dock-icon{background:var(--navy-tile);color:var(--apricot)}.os-dock-progress{background:color-mix(in srgb, var(--text) 10%, transparent);opacity:0;height:2px;transition:opacity var(--dur-fast);border-radius:2px;position:absolute;bottom:5px;left:16px;right:16px;overflow:hidden}.os-dock-progress i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.os-dock-toggle{border:1px solid var(--glass-edge);width:40px;height:40px;color:var(--muted);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);background:0 0;border-radius:50%;flex:none;place-items:center;margin-inline:2px 4px;display:none}.os-dock-toggle:hover{background:var(--glass-hover);color:var(--text)}@media (prefers-reduced-motion:no-preference){html:not([data-motion-paused=true]) .os-dock-toggle{display:grid}html:not([data-motion-paused=true]) .os-showcase[data-playing] .os-dock-tab[aria-selected=true] .os-dock-progress{opacity:1}html:not([data-motion-paused=true]) .os-showcase[data-playing] .os-dock-tab[aria-selected=true] .os-dock-progress i{animation:6.5s linear forwards os-dock-clock}html:not([data-motion-paused=true]) .os-showcase[data-playing]:is(:hover,:focus-within,:not([data-visible])) .os-dock-tab[aria-selected=true] .os-dock-progress i{animation-play-state:paused}.os-showcase-caption{animation:os-caption-in .6s var(--ease-out) both}}@keyframes os-dock-clock{to{transform:scaleX(1)}}@keyframes os-caption-in{0%{opacity:0;transform:translateY(6px)}}.os-showcase-caption{max-width:600px;color:var(--muted);text-align:center;margin:24px auto 0;font-size:15px;line-height:1.7}.os-showcase-caption strong{color:var(--text);font-weight:500}@media (max-width:800px){.os-showcase{margin-top:44px}.os-showcase-frame{border-radius:10px;padding:4px}.os-showcase-bar{height:25px;padding-inline:7px;font-size:10px}.os-showcase-label{font-size:7px}.os-showcase-crop{border-radius:5px}.os-dock{border-radius:20px;width:auto;max-width:none;margin:14px 0 0}.os-dock-tabs{flex:1;grid-template-columns:1fr 1fr;display:grid}.os-dock-tab{padding-right:10px;font-size:13px}.os-showcase-caption{text-align:left;margin-top:18px;font-size:14px}}