:root{--forest-950:#0b251d;--forest-900:#11382c;--forest-800:#18503e;--forest-700:#1f6a50;--forest-100:#dfeee7;--forest-50:#eff7f2;--ink:#18231f;--muted:#5c6964;--paper:#fffdf8;--warm:#f7f3ea;--white:#fff;--line:#dbe1dc;--gold:#c79038;--radius-sm:12px;--radius:20px;--radius-lg:32px;--shadow:0 30px 80px rgba(12,45,35,.14);--soft-shadow:0 16px 42px rgba(12,45,35,.08);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper)}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:clip;background:var(--paper)}body,button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}h1,h2,h3,p,ul,ol,dl,dd{margin:0}h1,h2,h3{color:var(--forest-950);font-family:Manrope,Inter,sans-serif;letter-spacing:-.04em;line-height:1.02}p{color:var(--muted);line-height:1.68}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,106,80,.36);outline-offset:4px}
.section-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:.75rem 1rem;border-radius:9px;background:var(--forest-950);color:#fff;font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:50;display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:1.5rem;padding:.8rem max(20px,calc((100% - 1180px)/2));border-bottom:1px solid rgba(219,225,220,.68);background:rgba(255,253,248,.76);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);box-shadow:0 8px 28px rgba(12,45,35,.045)}.brand{flex:0 0 auto}.brand img{width:160px;height:auto}.header-menu{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:clamp(1rem,2.3vw,2.2rem)}.primary-nav,.header-actions{display:flex;align-items:center;gap:clamp(.8rem,1.7vw,1.35rem)}.primary-nav a,.text-link{color:#33423c;font-size:.86rem;font-weight:750;white-space:nowrap}.primary-nav a:hover,.text-link:hover,.primary-nav a[aria-current=page]{color:var(--forest-700)}.primary-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:rgba(31,106,80,.35);text-decoration-thickness:2px;text-underline-offset:.45rem}.menu-button{display:none;align-items:center;gap:.55rem;border:0;background:transparent;color:var(--forest-950);font-size:.85rem;font-weight:800}.menu-button-lines{display:grid;gap:5px}.menu-button-lines i{display:block;width:20px;height:2px;background:currentColor;transition:transform .2s ease}
.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.55rem;padding:.82rem 1.18rem;border:1px solid var(--forest-800);border-radius:12px;background:var(--forest-800);color:#fff;font-size:.92rem;font-weight:800;line-height:1.15;box-shadow:0 12px 28px rgba(24,80,62,.18);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.button:hover{background:var(--forest-700);transform:translateY(-2px);box-shadow:0 16px 34px rgba(24,80,62,.24)}.button-compact{min-height:42px;padding:.68rem .9rem;font-size:.8rem}.button-outline,.button-secondary{border-color:#b9c7c0;background:transparent;color:var(--forest-950);box-shadow:none}.button-outline:hover,.button-secondary:hover{border-color:var(--forest-800);background:var(--forest-50);color:var(--forest-950);box-shadow:none}.button-account{border-color:var(--forest-950);background:var(--forest-950)}.button-on-dark{border-color:var(--paper);background:var(--paper);color:var(--forest-950)}.button-on-dark:hover{background:#fff;color:var(--forest-950)}.button-quiet{border-color:rgba(255,255,255,.35);background:transparent;color:#fff;box-shadow:none}.button-quiet:hover{border-color:#fff;background:rgba(255,255,255,.08)}.action-row{display:flex;flex-wrap:wrap;gap:.75rem}.text-link,[data-icon]{align-items:center;gap:.4rem}.text-link,[data-icon]:not(.button){display:inline-flex}.control-label{min-width:0}.mui-icon{display:block;flex:0 0 auto;width:1.1em;height:1.1em;fill:currentColor}
.eyebrow{color:var(--forest-700);font-size:.73rem;font-weight:900;letter-spacing:.15em;line-height:1.35;text-transform:uppercase}.eyebrow-light{color:#a9d2c1}.story-hero{position:relative;display:grid;min-height:calc(100svh - 78px);align-items:center;overflow:hidden;padding:clamp(4rem,8vw,7rem) 0;background:var(--paper)}.story-hero::before{position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(31,106,80,.1),transparent 28rem);content:"";pointer-events:none}.story-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);align-items:center;gap:clamp(2.5rem,6vw,6rem)}.story-hero-copy{display:grid;justify-items:start;gap:1.35rem}.story-hero h1{max-width:880px;font-size:clamp(3.25rem,6.6vw,6.25rem)}.story-hero-lede{max-width:650px;color:#43524c;font-size:clamp(1.05rem,1.65vw,1.26rem);font-weight:560;line-height:1.62}.story-hero-visual{position:relative;min-height:540px;overflow:hidden;border-radius:var(--radius-lg);background:var(--forest-950);box-shadow:var(--shadow)}.story-hero-visual .product-screenshot,.scene-media .product-screenshot{width:100%;height:100%;object-fit:cover}.story-hero-visual::after,.scene-media::after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(11,37,29,.1);content:"";pointer-events:none}.hero-caption{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(11,37,29,.76);color:#fff;backdrop-filter:blur(12px)}.hero-caption span{color:#bcd4c9;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-caption strong{font-size:.82rem}
.proof-strip{border-block:1px solid var(--line);background:var(--forest-950)}.proof-strip-inner{display:grid;grid-template-columns:repeat(4,1fr)}.proof-strip p{display:grid;min-height:74px;place-items:center;padding:1rem;border-right:1px solid rgba(255,255,255,.12);color:#e2eee8;font-size:.79rem;font-weight:800;text-align:center}.proof-strip p:last-child{border-right:0}
.story-section{position:relative;padding:clamp(6rem,11vw,10rem) 0}.story-section-soft{background:var(--warm)}.story-section-dark{overflow:clip;background:var(--forest-950);color:#fff}.story-section-dark h2,.story-section-dark h3{color:#fff}.story-section-dark p{color:#bed0c7}.story-intro{display:grid;gap:1rem;max-width:850px;margin-bottom:clamp(3rem,6vw,6rem)}.story-intro-centred{margin-inline:auto;text-align:center}.story-intro h2{font-size:clamp(2.7rem,5.6vw,5.25rem)}.story-intro>p:not(.eyebrow){max-width:680px;font-size:clamp(1rem,1.55vw,1.16rem)}.story-intro-centred>p:not(.eyebrow){margin-inline:auto}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.highlight-card{display:grid;min-height:360px;align-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,2.2rem);border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:var(--soft-shadow)}.highlight-card:nth-child(2){transform:translateY(2.5rem)}.highlight-card h3{max-width:280px;font-size:clamp(1.6rem,2.4vw,2.25rem)}.highlight-card p{max-width:300px;font-size:.92rem}.chapter-number{color:var(--forest-700);font:900 .7rem/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.story-section-dark .chapter-number{color:#a9d2c1}
.scroll-story{--scene-progress:0;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(2rem,6vw,6rem)}.scroll-story-pinned{--scene-end-padding:calc(100svh - 120px)}.scene-copy{display:grid;gap:min(18vh,9rem);padding-block:10vh var(--scene-end-padding,14vh)}.scene-step{display:grid;min-height:62vh;align-content:center;gap:1rem;opacity:.34;transform:translateY(36px);transition:opacity .38s ease,transform .38s ease}.scene-step.is-active{opacity:1;transform:translateY(0)}.scene-step h2,.scene-step h3{font-size:clamp(2.3rem,4.6vw,4.5rem)}.scene-step p{max-width:500px;font-size:clamp(1rem,1.45vw,1.12rem)}.proof-list{display:flex;flex-wrap:wrap;gap:.55rem;padding:0;list-style:none}.proof-list li{padding:.55rem .72rem;border:1px solid #ccd7d0;border-radius:999px;background:rgba(255,255,255,.78);color:var(--forest-900);font-size:.75rem;font-weight:800}.story-section-dark .proof-list li{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#e1eee7}.scene-stage{position:sticky;top:92px;display:grid;height:calc(100svh - 120px);place-items:center}.scene-media{position:relative;width:100%;height:min(72vh,720px);overflow:hidden;border-radius:var(--radius-lg);background:var(--forest-900);box-shadow:var(--shadow)}.scene-media .product-screenshot{transform:scale(calc(1.04 + var(--scene-progress)*.05)) translate3d(calc((var(--scene-progress) - .5)*-2%),0,0)}.scene-overlay{position:absolute;inset:0;pointer-events:none}.scene-line{position:absolute;top:50%;right:12%;left:12%;height:2px;background:linear-gradient(90deg,var(--gold) calc(var(--scene-progress)*100%),rgba(255,255,255,.18) 0)}.scene-node{position:absolute;top:calc(50% - 16px);display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:var(--forest-950);color:#fff;font-size:.68rem;font-weight:900}.scene-node:nth-child(2){left:12%}.scene-node:nth-child(3){left:38%}.scene-node:nth-child(4){left:63%}.scene-node:nth-child(5){right:12%}.scene-status{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(11,37,29,.78);color:#fff;backdrop-filter:blur(12px)}.scene-status span{color:#a9d2c1;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.scene-status strong{font-size:.82rem}
.chapter-stack{display:grid;gap:clamp(4rem,9vw,8rem)}.chapter-scene{--scene-progress:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.72fr);min-height:min(880px,92svh);align-items:center;gap:clamp(2.5rem,7vw,7rem)}.chapter-scene:nth-child(even) .chapter-visual{order:2}.chapter-scene:nth-child(even) .chapter-copy{order:1}.chapter-visual{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--forest-950);box-shadow:var(--shadow)}.chapter-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.chapter-visual-light{background:var(--warm)}.chapter-visual .dashboard-shot{inset:10%;width:80%;height:80%;object-fit:cover;object-position:left top;border:1px solid rgba(255,255,255,.4);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.28);transform:none}.chapter-copy{display:grid;gap:1.1rem}.chapter-copy h2{font-size:clamp(2.4rem,4.7vw,4.6rem)}.chapter-copy>p{font-size:clamp(1rem,1.4vw,1.1rem)}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.outcome-card{display:grid;min-height:240px;align-content:space-between;gap:2rem;padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.055)}.outcome-card h3{font-size:1.35rem}.outcome-card p{font-size:.88rem}.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.deployment-option{display:grid;min-height:520px;align-content:end;gap:1rem;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--soft-shadow)}.deployment-option h2,.deployment-option h3{font-size:clamp(1.8rem,3vw,2.7rem)}.deployment-option p{font-size:.92rem}
.principle-rail{display:grid;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:1rem;overflow-x:auto;padding:.5rem max(20px,calc((100vw - 1180px)/2)) 2rem;scrollbar-width:thin;scroll-snap-type:x mandatory}.principle-card{display:grid;min-height:420px;align-content:space-between;gap:2rem;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow);scroll-snap-align:center}.principle-card h3{max-width:260px;font-size:1.8rem}.principle-card p{max-width:300px;font-size:.9rem}
.compact-band{padding:clamp(4rem,8vw,7rem) 0;background:var(--warm)}.band-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,7vw,7rem)}.band-grid h2{font-size:clamp(2.5rem,5vw,4.7rem)}.band-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.band-point{min-height:160px;padding:1.2rem;border-top:1px solid #bccbc3}.band-point strong{display:block;color:var(--forest-950);font-size:1rem}.band-point p{margin-top:.6rem;font-size:.84rem}
.contact-story{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2.5rem,7vw,7rem)}.contact-aside{position:sticky;top:110px;display:grid;gap:1rem}.contact-aside h2{font-size:clamp(2.2rem,4.5vw,4rem)}.contact-aside-media{position:relative;min-height:330px;margin-top:1.5rem;overflow:hidden;border-radius:var(--radius);background:var(--forest-950);box-shadow:var(--soft-shadow)}.contact-aside-media img{width:100%;height:100%;object-fit:cover}.contact-note{padding:1.1rem;border:1px solid #cddbd3;border-radius:14px;background:var(--forest-50)}.contact-note strong{color:var(--forest-950);font-size:.88rem}.contact-note p{margin-top:.4rem;font-size:.82rem}.contact-form{display:grid;gap:1.1rem;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--soft-shadow)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:grid;gap:.45rem}.field-full{grid-column:1/-1}.field label,.field legend{color:var(--forest-950);font-size:.82rem;font-weight:820}.required{color:#a44234}.field input,.field textarea{width:100%;padding:.82rem .9rem;border:1px solid #bdc9c2;border-radius:10px;background:#fffefa;color:var(--ink)}.field input{min-height:48px}.field textarea{min-height:160px;resize:vertical;line-height:1.55}.field input:invalid:not(:placeholder-shown),.field textarea:invalid:not(:placeholder-shown){border-color:#a44234}.requirements-fieldset{padding:0;border:0}.requirements-fieldset legend{margin-bottom:.75rem}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem}.checkbox-item{display:flex;align-items:center;gap:.55rem;color:#3f4c47;font-size:.84rem;font-weight:650;line-height:1.45}.checkbox-item input{flex:0 0 auto;width:17px;height:17px;min-height:17px;margin:0;padding:0;accent-color:var(--forest-700)}.form-status{padding:.85rem 1rem;border-radius:10px;font-size:.86rem;font-weight:800;line-height:1.5}.form-status[hidden]{display:none}.form-status[data-status=success]{background:var(--forest-50);color:var(--forest-800)}.form-status[data-status=error]{background:#fff0ed;color:#8b3026}
.cta-band{padding:clamp(4.5rem,8vw,7rem) 0;background:var(--forest-800)}.cta-inner{display:flex;align-items:end;justify-content:space-between;gap:2rem}.cta-copy{display:grid;gap:.85rem;max-width:780px}.cta-band h2{color:#fff;font-size:clamp(2.4rem,4.8vw,4.5rem)}.cta-band p{color:#d3e4dc}.site-footer{padding-top:4rem;background:#091f18;color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:clamp(2rem,6vw,5rem);padding-bottom:3rem}.footer-brand img{width:150px;filter:brightness(0) invert(1)}.footer-brand p{margin-top:1rem;color:#aebeb6;font-size:.84rem}.footer-column{display:grid;align-content:start;gap:.72rem}.footer-column h2{margin-bottom:.3rem;color:#8fb7a5;font-size:.69rem;letter-spacing:.13em;text-transform:uppercase}.footer-column a{color:#e6ede9;font-size:.82rem;font-weight:700}.footer-column a:hover{color:#fff;text-decoration:underline;text-underline-offset:.25rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom p{color:#8fa198;font-size:.72rem;font-weight:700}
.has-motion [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.has-motion [data-reveal].is-visible{opacity:1;transform:translateY(0)}.has-motion [data-reveal][data-reveal-delay="1"]{transition-delay:.1s}.has-motion [data-reveal][data-reveal-delay="2"]{transition-delay:.2s}
@media(max-width:1120px){.site-header{flex-wrap:wrap;min-height:72px}.menu-button{display:inline-flex}.header-menu{display:none;position:absolute;top:calc(100% + 1px);right:0;left:0;align-items:stretch;padding:1rem 20px 1.25rem;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:var(--soft-shadow)}.header-menu.is-open{display:grid}.primary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav a{padding:.75rem;border-radius:8px;background:var(--warm)}.header-actions{padding-top:.4rem}.menu-button[aria-expanded=true] .menu-button-lines i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] .menu-button-lines i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.story-hero-grid{grid-template-columns:1fr}.story-hero-copy{max-width:850px}.story-hero-visual{width:min(900px,100%);min-height:500px}.scroll-story{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.highlight-card:nth-child(2){transform:none}}
@media(max-width:800px){.section-shell{width:min(100% - 28px,1180px)}.story-hero{min-height:auto;padding-block:4.5rem}.story-hero h1{font-size:clamp(2.8rem,12vw,4.8rem)}.story-hero-visual{min-height:58vw}.proof-strip-inner,.highlight-grid,.outcome-grid,.deployment-grid{grid-template-columns:repeat(2,1fr)}.proof-strip p:nth-child(2){border-right:0}.proof-strip p:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.scroll-story,.chapter-scene,.band-grid,.contact-story{grid-template-columns:1fr}.scene-copy{order:2;gap:2rem;padding-block:0}.scene-step{min-height:auto;padding:3.2rem 0;opacity:1;transform:none}.scene-stage{position:relative;top:auto;height:auto}.scene-media{height:68vw;min-height:360px}.chapter-scene{min-height:auto;gap:2rem}.chapter-scene:nth-child(even) .chapter-visual,.chapter-scene:nth-child(even) .chapter-copy{order:initial}.chapter-visual{min-height:62vw}.contact-aside{position:static}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.brand img{width:145px}.header-menu.is-open{max-height:calc(100dvh - 72px);overflow-y:auto}.primary-nav,.header-actions{display:grid;grid-template-columns:1fr}.header-actions .text-link{padding:.8rem;text-align:center}.header-actions .button,.action-row,.action-row .button{width:100%}.story-hero-visual{min-height:82vw}.hero-caption,.scene-status{display:grid}.proof-strip-inner,.highlight-grid,.outcome-grid,.deployment-grid,.band-points,.field-grid,.checkbox-grid{grid-template-columns:1fr}.proof-strip p{min-height:58px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.proof-strip p:last-child{border-bottom:0}.highlight-card,.deployment-option,.principle-card{min-height:320px}.scene-media{min-height:320px}.field-full{grid-column:auto}.cta-inner{display:grid;align-items:start}.cta-inner .button{width:100%}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-column:last-child{grid-column:1/-1}.footer-bottom{display:grid}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}.scene-stage,.contact-aside{position:relative;top:auto}.scene-step{min-height:auto;padding:3rem 0;opacity:1;transform:none}.scene-media .product-screenshot,.story-hero-visual,.chapter-visual img{transform:none!important}}
@media(min-width:801px){.story-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);gap:clamp(2.5rem,5vw,5rem)}.story-hero h1{font-size:clamp(3.15rem,5.5vw,5.2rem)}}

/* Product captures sit inside a consistent two-radius mat instead of being clipped by a thick rounded border. */
.screenshot-frame{--screenshot-frame-edge:2px;--screenshot-frame-radius:22px;--screenshot-content-radius:20px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;isolation:isolate;aspect-ratio:auto;height:auto;min-height:0;gap:0;overflow:hidden;padding:var(--screenshot-frame-edge) var(--screenshot-frame-edge) 0;border:0;border-radius:var(--screenshot-frame-radius);background:var(--forest-950);background-clip:padding-box}
.screenshot-frame>.product-screenshot{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;aspect-ratio:3/2;border-radius:var(--screenshot-content-radius) var(--screenshot-content-radius) 0 0;background:#f7f8fb;object-fit:contain;object-position:center;transform:none!important}
.screenshot-frame-wide>.product-screenshot{aspect-ratio:16/9}
.screenshot-frame-table>.product-screenshot{aspect-ratio:2/1}
body[data-page=home] .screenshot-frame[data-reveal],body[data-page=platform] .screenshot-frame[data-reveal]{opacity:1;transform:none;transition:none}
.scene-media>[data-scene-image]{visibility:hidden;opacity:0;transition:opacity .5s cubic-bezier(.2,.7,.2,1),visibility 0s linear .5s;will-change:opacity}
.scene-media>[data-scene-image].is-active{z-index:1;visibility:visible;opacity:1;transition-delay:0s}
.figure-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(11,37,29,.78);color:#fff}
.figure-caption span{color:#a9d2c1;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.figure-caption strong{font-size:.82rem}
.screenshot-frame>.hero-caption,.screenshot-frame>.scene-status,.screenshot-frame>.figure-caption{position:relative;right:auto;bottom:auto;left:auto;grid-area:2/1;z-index:2;margin:0 0 var(--screenshot-frame-edge);border-top:0;border-radius:0 0 var(--screenshot-content-radius) var(--screenshot-content-radius)}
.screenshot-frame-table>.product-screenshot{object-fit:cover;object-position:center top}
.screenshot-frame::after{position:absolute;z-index:3;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(11,37,29,.12);content:"";pointer-events:none}
@media(min-width:801px){.chapter-scene:nth-child(even){grid-template-columns:minmax(310px,.72fr) minmax(0,1.08fr)}}
@media(max-width:800px){.scene-stage{position:sticky;top:84px;z-index:2;height:auto;align-self:start;margin-bottom:1rem}.scene-media{min-height:0}}
@media(max-width:560px){.figure-caption{display:grid}}