.landing{--paper:#062138;--surface:#061a2c;--panel:#0a253b;--section-ground:#041a2e;--figure-ground:#061a2c;--line:#21435b;--ink:#eafbff;--muted:#acc8db;--accent:#79dedf;--ice:#c2faff;background:linear-gradient(180deg,#082b46 0%,#062138 25%,#041b31 60%,#031427 100%)}
.page-header,.runtime-intro{background:transparent}
.runtime-intro{overflow:visible}.runtime-frame{padding-bottom:70px;overflow:visible}.runtime-message h1{text-shadow:none}

.chapter + .chapter{border:0}.chapter{position:relative}
#permissions{padding-top:85px}
.visual-stage{position:relative;isolation:isolate}

.visual-stage::before{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from 35deg,#46d7ee00,#60e5c659 15%,#4de8f000 32%,#9183e35e 57%,#52cce03d 78%,#4de8f000);filter:blur(19px);opacity:.56}
.visual-stage{border-radius:14px}

.floating-orca{position:absolute;width:var(--orca-size);height:var(--orca-size);top:var(--orca-top);right:var(--orca-right);pointer-events:none;animation:orca-float 9s ease-in-out infinite;transform-origin:50% 80%}
.orca-body{z-index:1;filter:drop-shadow(0 5px 13px #57e0e73b)}
.orca-fin{z-index:3;clip-path:polygon(48.667% 62.333%,51.667% 62.833%,54.167% 64.667%,56.000% 68.667%,57.000% 73.333%,57.500% 78.333%,57.167% 82.667%,56.333% 87.000%,54.500% 90.667%,52.000% 92.667%,48.500% 94.000%,44.000% 95.000%,39.667% 95.000%,36.500% 94.167%,34.500% 92.833%,33.500% 90.500%,33.000% 88.000%,33.500% 84.833%,34.667% 81.500%,36.167% 78.333%,38.167% 74.833%,40.500% 71.667%,43.333% 68.667%,46.167% 65.667%,47.333% 63.500%)}
.orca-light{position:absolute;width:540px;height:340px;right:0;top:-240px;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 55% 65%,#53e7e226 0%,#59d8f015 35%,#7f89e50a 50%,transparent 70%)}

.integration{background:transparent;border-color:#21435b66}.site-footer{border-color:#21435b}
@keyframes orca-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
.stage-overview.orca-paused .floating-orca{animation-play-state:paused}
@media(min-width:1600px){.runtime-frame{padding-top:90px}}
@media(max-width:800px){.orca-light{width:360px;height:280px;right:-25px;top:-190px}}
@media(max-width:520px){.runtime-frame{padding-bottom:55px}#permissions{padding-top:65px}.orca-light{width:280px;height:240px;right:-10px;top:-165px}.visual-stage::before{filter:blur(12px);opacity:.38}}
@media(prefers-reduced-motion:reduce){.floating-orca{animation:none;transform:rotate(-2deg)}}
.landing{background:#040e1f}
.runtime-intro{position:relative;padding-bottom:0;background:linear-gradient(180deg,#040e1f 0%,#051630 30%,#07203c 65%,#082b46 100%)}
.runtime-frame{padding:100px 0 0}
.runtime-message h1{font-size:clamp(58px,6vw,86px);font-weight:500;letter-spacing:-.055em;word-spacing:0;max-width:950px;margin-inline:auto}

.runtime-summary{max-width:570px;font-size:18px;margin-top:20px}

#permissions{padding-top:100px;padding-bottom:100px}

.chapter{padding-block:120px}
.chapter h2{font-size:clamp(35px,3.5vw,48px);font-weight:500}

.integration{padding-block:120px;background:radial-gradient(ellipse 45% 60% at 50% 100%,#315b7530,transparent 90%)}
@media(max-width:800px){.runtime-frame{padding-top:75px}}
@media(max-width:520px){.runtime-frame{padding-top:65px;padding-bottom:0}.runtime-message h1{font-size:clamp(52px,14vw,70px)}.runtime-summary{font-size:16px;max-width:350px}.chapter{padding-block:80px}#permissions{padding-block:75px}.integration{padding-block:85px}}

.stage-overview{position:relative}

.page-header{position:sticky;top:0;z-index:8;background:#010710;backdrop-filter:none;border-bottom:0}
.landing .journey,.landing .integration,.landing .site-footer{background:#040e1f}


.feature-chapter{overflow:clip;padding-block:110px}#permissions{padding-top:130px;padding-bottom:110px}
.feature-layout{max-width:1280px}.feature-heading{text-align:center;max-width:980px;margin:0 auto 80px}.feature-heading h2{font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-.045em}.feature-heading .section-label{color:#a6d8df;margin-bottom:22px}.integration .section-label{color:#a6d8df}
.feature-scene{position:relative;isolation:isolate;padding:44px;border:1px solid #263542;border-radius:14px;background:linear-gradient(180deg,#080e17 30%,#0d2031 100%)}
.feature-scene::before{content:'';position:absolute;inset:-150px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 30% 26% at 74% 26%,#92ebef75,transparent 100%),radial-gradient(ellipse 38% 34% at 76% 30%,#3b7fbc45,transparent 100%)}
.deploy-scene::before{background:radial-gradient(ellipse 30% 26% at 74% 26%,#7dddc15c,transparent 100%),radial-gradient(ellipse 38% 34% at 76% 30%,#377fbc35,transparent 100%)}
.measure-scene::before{background:radial-gradient(ellipse 30% 26% at 74% 26%,#90c8ee65,transparent 100%),radial-gradient(ellipse 38% 34% at 76% 30%,#6b68a745,transparent 100%)}
.feature-copy{max-width:420px}.feature-copy .chapter-intro{margin:0;font-size:20px;line-height:1.65;color:#dceaf1}
.feature-snippet{margin:0;min-width:0}

@media(max-width:1100px){.feature-copy .chapter-intro{font-size:18px}}
@media(max-width:800px){.feature-chapter{padding-block:80px}#permissions{padding-top:100px;padding-bottom:80px}.feature-heading{margin-bottom:44px}.feature-heading h2{font-size:42px}.feature-scene::before{inset:0;background:radial-gradient(ellipse 70% 25% at 60% 42%,#7bdce645,transparent 100%)}.feature-copy{max-width:520px;margin:auto;text-align:center}.feature-copy .chapter-intro{font-size:18px}.feature-snippet{width:100%;max-width:620px;margin:auto}}
@media(max-width:520px){.feature-heading h2{font-size:35px}.feature-scene{border-radius:10px}.feature-copy{padding-inline:8px}.feature-copy .chapter-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){.feature-scene{scroll-behavior:auto}}

.runtime-message h1{font-weight:600;letter-spacing:-.05em}.runtime-summary{max-width:670px;letter-spacing:-.012em}.feature-heading h2{font-weight:500;letter-spacing:-.04em}

@media(max-width:800px){.runtime-summary{max-width:600px}}
@media(max-width:520px){.runtime-message h1{font-size:clamp(48px,13vw,65px);letter-spacing:-.045em}.runtime-summary{font-size:16px;max-width:360px}}

.feature-copy .chapter-intro{font-size:clamp(23px,2.05vw,30px);line-height:1.38;letter-spacing:-.025em;color:#edf3f8}

@media(min-width:801px) and (max-width:1100px){.feature-copy .chapter-intro{font-size:24px}}
@media(max-width:800px){.feature-copy .chapter-intro{font-size:24px;line-height:1.45}}
@media(max-width:520px){.feature-copy .chapter-intro{font-size:21px;line-height:1.45}}

.landing{--page-edge-left:32px;--page-edge-right:var(--page-edge-left);--page-divider:#21435b66}.landing .page-header{padding-left:var(--page-edge-left);padding-right:var(--page-edge-right)}.landing .integration,.landing .site-footer{border-color:var(--page-divider)}.landing .site-footer .footer-content{width:100%;max-width:none;margin:0;padding:12px var(--page-edge-right) 12px var(--page-edge-left);min-height:68px}
@media(max-width:520px){.landing{--page-edge-left:16px}.landing .site-footer .footer-content{padding-block:10px;gap:0}.landing .site-footer .brand{min-height:36px}.landing .site-footer nav{gap:20px}}

.landing .page-header{height:64px;min-height:64px;padding-block:10px;margin-bottom:-64px;background:rgb(4 14 31 / var(--header-depth,0));border:0;box-shadow:none}.landing .runtime-intro{padding-top:64px}