.platform-section{position:relative;z-index:8;height:calc(var(--platform-content-height,100svh) + 100svh);background:#050b14;color:#edf3f5;scroll-margin-top:0}
.platform-sticky{position:sticky;top:var(--platform-sticky-top,0px);min-height:100svh;display:grid;align-items:center;isolation:isolate;background:radial-gradient(ellipse at 80% 52%,#15324666,transparent 62%),#050b14}
.platform-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;width:100%;max-width:2100px;margin:auto;padding:132px 5.3% 32px}
.platform-copy h2{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px;font:500 clamp(28px,2.5vw,38px)/1.35 var(--heading);letter-spacing:.025em;color:#e8f0f2;margin:0 0 8px}
.platform-layout .platform-copy h2>span{display:inline;font:inherit;letter-spacing:.04em;color:#a8c9d6;margin:0}
.platform-copy .platform-introduction{font-size:15px;color:#b8cbd5;line-height:1.95;letter-spacing:.025em;margin:0}
.platform-visual{min-width:0}
.platform-window{position:relative;border:1px solid #7095ac45;background:#0c1925;border-radius:9px;overflow:hidden;box-shadow:0 22px 90px #0007}
.platform-window-top{height:37px;display:flex;align-items:center;gap:18px;padding:0 17px;color:#90a9b8;font:11px var(--body);letter-spacing:.1em;border-bottom:1px solid #7095ac24;background:linear-gradient(90deg,#0d1c29,#111f2c)}
.platform-window-mark{color:#d7e5eb;letter-spacing:.12em}
.platform-window-top>a{margin-left:auto;color:#b8d2e0;font-size:11px;letter-spacing:.04em}
.platform-window-top>a:hover{color:#fff}
.platform-window-top>i{width:4px;height:4px;background:#dcecf1;border-radius:50%;box-shadow:0 0 7px #e1f4fa66}
.platform-screens{position:relative;height:clamp(360px,calc(100svh - 320px),860px);overflow:hidden;background:#f5f7fa}
.platform-app{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#f5f7fa;color-scheme:light}
.platform-mode .motion-toggle{opacity:0;pointer-events:none}
.platform-launch:focus-visible,.platform-company-launch:focus-visible{outline:2px solid #b9e1ee;outline-offset:5px}
.site-header .platform-launch{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:18px;padding:11px 16px;border:1px solid #97c0d64d;font-size:13px;line-height:1.5;color:#d7e8f0;letter-spacing:.04em;background:#0c1e2a70;transition:border-color .2s,background .2s;white-space:nowrap}
.platform-launch:hover{border-color:#b9e1ee;background:#173043b3}.platform-launch>span[aria-hidden]{font-size:19px}.platform-launch-short{display:none}
.platform-company-launch{display:inline-flex;align-items:center;gap:20px;margin-top:28px;padding:9px 0;border-bottom:1px solid #83b6c866;font-size:14px;color:#d5e9f1;letter-spacing:.025em}.platform-company-launch>span{font-size:20px}.platform-company-launch:hover{color:white;border-color:#c6e9f7}
.platform-section.is-entering{background:transparent}
.platform-section.is-entering .platform-sticky{position:fixed;inset:0;opacity:var(--platform-reveal,0);pointer-events:none;will-change:opacity}
.platform-section.is-entering .platform-copy,.platform-section.is-entering .platform-visual{pointer-events:var(--platform-entry-events,none)}
.hardware-transition{position:relative;height:100svh;margin-top:-100svh;z-index:6;pointer-events:none}
.hardware-handoff-active .platform-sticky{position:fixed;inset:0;opacity:var(--handoff-network-opacity,1);scale:var(--handoff-map-scale,1);filter:blur(var(--handoff-blur,0px));pointer-events:none;will-change:opacity,scale,filter}
@media(min-width:1800px){.platform-layout{padding-left:7%;padding-right:7%}}
@media(max-width:760px){.platform-layout{gap:20px;padding:105px 7% 30px}.platform-copy h2{font-size:26px;gap:0 10px}.platform-copy .platform-introduction{font-size:13px;line-height:1.9}.platform-screens{height:clamp(350px,calc(100svh - 380px),700px)}.platform-window-top{height:28px;padding:0 11px;gap:12px;font-size:9px}.platform-window-mark{font-size:9px}.platform-window{border-radius:6px}.site-header .platform-launch{font-size:11px;padding:8px 10px;gap:8px}.platform-launch-long{display:none}.platform-launch-short{display:inline}.platform-company-launch{font-size:13px}}
@media(max-width:420px){.site-header .menu-toggle{width:40px;height:40px;flex:none;justify-content:center;padding:8px;font-size:0;gap:0;white-space:nowrap}.site-header .menu-toggle>span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hardware-handoff-active .platform-sticky{scale:1;filter:none}}