/* OperateOS / In full view. Tokens resolve through ../brand-pack.yml.
   CVI master font assets; marketing layout is independent of application UI. */
@font-face{font-family:Operate Display;src:url('./fonts/bricolage-grotesque-400.woff2') format('woff2');font-weight:400;font-display:swap}

@font-face{font-family:Operate Display;src:url('./fonts/bricolage-grotesque-600.woff2') format('woff2');font-weight:600;font-display:swap}

@font-face{font-family:Operate Text;src:url('./fonts/Aptos.woff2') format('woff2');font-weight:400 700;font-display:swap}

:root{--ink:#142528;--muted:#52645f;--line:#d3dcd5;--soft:#f4f6f3;--soft2:#eef5e9;--card:#fff;--night:#101f22;--green:#b8e6a2;--blue:#245542;--display:'Operate Display',Arial,sans-serif;--body:'Operate Text',Arial,sans-serif;--frame:1320px;--gutter:clamp(24px,5vw,84px)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;color:var(--ink);background:var(--soft);font:18px/1.55 var(--body);-webkit-font-smoothing:antialiased}
body.signing{overflow:hidden}
body.installing{overflow:hidden}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400}
h1,h2{letter-spacing:-.055em;line-height:1.03}
h2{font-size:clamp(40px,4.6vw,68px)}
h3{line-height:1.2;letter-spacing:-.025em}
em{font-style:normal}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2c8663;outline-offset:6px}
.cinema a:focus-visible,.masthead a:focus-visible,.masthead button:focus-visible,.people-section a:focus-visible{outline-color:var(--green)}
::selection{background:var(--green);color:var(--night)}
.frame{width:calc(100% - var(--gutter)*2);max-width:var(--frame);margin-inline:auto}
.section-space{padding-block:112px}
.section-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:60px}
.eyebrow,.scene-label,.finding-label,.picker-heading,.preview-label{font-size:12px;letter-spacing:.12em;font-weight:600;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px;color:#446452}
.eyebrow.light{color:#d0e7d5}
.meta-note{font-size:14px;color:var(--muted)}
.button{min-height:52px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:32px;font-size:16px;font-weight:600;border:1px solid transparent;background:var(--green);color:var(--ink);border-radius:3px;transition:background .2s,transform .2s}
.button:hover{background:#c9f1b6;transform:translateY(-2px)}
.button span{font-size:22px;line-height:1}
.text-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;border-bottom:1px solid currentColor;font-size:16px}
.text-link:hover{gap:38px}
.text-link.light{color:#f6f9f4}
.text-link{transition:gap .2s}
.skip-link{position:fixed;z-index:200;top:10px;left:20px;padding:12px 18px;background:var(--green);color:var(--ink);transform:translateY(-160%)}
.skip-link:focus{transform:none}
.brand{display:inline-flex;align-items:center;position:relative;gap:0;font-family:var(--display);font-weight:600;font-size:27px;letter-spacing:-.06em;line-height:1}
.brand span{font-weight:400}
.brand i{height:7px;width:7px;background:var(--green);display:inline-block;margin:0 0 15px 5px}
.masthead{position:absolute;z-index:30;top:0;left:0;width:100%;padding:0 var(--gutter);height:96px;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff26;gap:30px}
.main-nav{display:flex;gap:28px;align-items:center;font-size:15px}
.main-nav a{padding-block:16px;position:relative}
.main-nav a:after{content:'';position:absolute;bottom:10px;height:1px;background:var(--green);left:0;right:100%;transition:right .2s}
.main-nav a:hover:after{right:0}
.nav-actions{display:flex;align-items:center;gap:24px}
.signin-link{border:0;background:transparent;padding:12px 0;font-size:15px;color:inherit}
.signin-link span{margin-left:10px}
.install-app{min-height:44px;padding:5px 13px 5px 5px;display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff38;border-radius:4px;background:#07171c99;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff14;backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .2s}
.install-app:hover{background:#0b2026d9;border-color:#ffffff68;transform:translateY(-1px)}
.install-app-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:3px;background:var(--green);color:var(--night)}
.install-app-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.install-app-label{letter-spacing:.01em}
.nav-cta{min-height:42px;padding:9px 17px;font-size:14px;gap:22px}
.menu-toggle{display:none;color:white;background:transparent;border:1px solid #ffffff45;min-height:44px;padding:8px 14px;font-size:14px}
.menu-toggle span{margin-left:12px}
.cinema{min-height:800px;min-height:max(800px,100svh);max-height:1080px;position:relative;display:flex;align-items:center;background:#0b191e;color:#fff;isolation:isolate;padding-top:96px}
.cinema-image,.cinema-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
.cinema-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,17,22,.70),rgba(4,17,22,.33) 53%,rgba(4,17,22,.02) 80%),linear-gradient(0deg,rgba(4,17,22,.7),transparent 22%,transparent 80%,rgba(4,17,22,.4))}
.hero-content{padding:74px 0 140px}
.hero-content .eyebrow{margin-bottom:30px}
.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--green)}
.status-dot.dark{background:#3e7659}
.hero-content h1{font-size:clamp(70px,8vw,122px);line-height:.98;letter-spacing:-.065em;max-width:1030px}
.hero-content h1 em{color:var(--green)}
.hero-content p{font-size:19px;line-height:1.6;max-width:510px;margin-top:30px;color:#e0e9e4}
.hero-actions{display:flex;gap:32px;align-items:center;margin-top:32px}
.hero-foot{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#d2dcd8;padding-top:22px;border-top:1px solid #ffffff40;gap:20px}
.scene-label{font-size:11px;letter-spacing:.14em}
.scroll-link{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:50%;font-size:24px}
.scope-strip{background:#fff;border-bottom:1px solid var(--line)}
.scope-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:29px}
.scope-inner p{font-size:18px}
.scope-inner>div{display:flex;align-items:center;gap:15px}
.scope-inner strong{font-family:var(--display);font-weight:400;font-size:34px;letter-spacing:-.06em}
.scope-inner span{font-size:14px;color:var(--muted)}
.evidence-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;align-items:end}
.muted-heading{color:#74847c}
.evidence-heading>p{color:var(--muted);max-width:340px;padding-bottom:4px}
.case-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;margin-top:58px}
.lead-finding{background:#e3ebdf;padding:36px 40px 30px;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.finding-label{display:flex;align-items:center;gap:12px;color:#486448;letter-spacing:.075em;font-size:11px}
.mini-cross{font-size:23px;line-height:1}
.big-number{font-family:var(--display);font-size:clamp(90px,10vw,150px);font-weight:400;letter-spacing:-.08em;line-height:1.25;margin-top:14px;white-space:nowrap}
.big-number>span{font-family:var(--body);font-size:.35em;vertical-align:top;display:inline-block;margin-top:28px;margin-left:20px;font-weight:400}
.lead-finding h3{font-size:31px;margin-top:3px}
.lead-finding>p{color:var(--muted);max-width:330px;margin-top:18px;font-size:16px}
.source-line{margin-top:35px;border-top:1px solid #bccdb9;width:100%;padding-top:20px;display:flex;gap:10px;align-items:center;font-size:12px;color:#46604d}
.support-findings{display:flex;flex-direction:column}
.support-findings article{display:flex;gap:26px;border-top:1px solid var(--line);padding:23px 0;flex:1}
.support-findings article:last-child{padding-bottom:0}
.finding-index{font-size:12px;color:#63776c;padding-top:10px}
.support-findings strong{font-family:var(--display);font-size:45px;letter-spacing:-.055em;font-weight:400;line-height:1.1}
.support-findings h3{font-size:18px;margin-top:10px}
.support-findings p{font-size:15px;color:var(--muted);margin-top:8px;max-width:390px}
.rate-arrow{color:#859b7d;font-size:35px;padding-inline:6px}
.platform-section{background:#fff}
.platform-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.platform-intro h2{font-size:clamp(44px,5.3vw,78px)}
.large-copy{font-family:var(--display);font-size:27px;line-height:1.38;letter-spacing:-.025em}
.platform-intro p+p{margin-top:25px;color:var(--muted);font-size:17px;max-width:470px}
.record-map{display:grid;grid-template-columns:1fr 1.1fr 1.55fr 1fr 1fr;align-items:center;margin:60px 0 64px;position:relative;gap:26px;padding:38px 0;border-block:1px solid var(--line)}
.record-map:before{content:'';position:absolute;height:1px;background:var(--line);left:0;right:0;top:50%;z-index:0}
.record-map>div{position:relative;background:white;text-align:center;font-size:16px;line-height:1.4;padding-inline:8px;z-index:1}
.record-map>div>span{display:block;font-size:11px;letter-spacing:.06em;color:#6d8275;margin-bottom:5px}
.record-map .map-centre{padding:24px 16px;background:var(--night);color:var(--green);font-family:var(--display);font-size:20px;letter-spacing:-.03em}
.map-centre i{display:inline-block;width:6px;height:6px;border:1px solid var(--green);margin-right:10px;transform:rotate(45deg);vertical-align:middle}
.capability-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:20px}
.capability-heading h3{font-family:var(--body);font-size:16px}
.capability-heading>span{font-size:13px;color:var(--muted)}
.capability-list{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}
.capability-list details{border-top:1px solid var(--line)}
.capability-list summary{padding:21px 0;display:flex;gap:25px;align-items:center;cursor:pointer;list-style:none;font-size:19px;line-height:1.3}
.capability-list summary::-webkit-details-marker{display:none}
.capability-list summary>span{font-size:12px;color:#667d6b}
.capability-list summary>i{margin-left:auto;font-style:normal;font-size:25px;font-weight:400;color:#638065;transition:transform .2s}
.capability-list details[open] summary>i{transform:rotate(45deg)}
.capability-list details[open] summary{color:#27623d}
.capability-list details>p{font-size:16px;color:var(--muted);padding:0 36px 25px 41px;max-width:570px}
.capability-list summary:hover{color:#27623d}
.people-section{display:grid;grid-template-columns:1.07fr 1fr;min-height:640px;background:var(--night);color:#fff}
.people-image{overflow:hidden}
.people-image img{height:100%;width:100%;object-fit:cover;object-position:65% center}
.people-copy{padding:80px max(40px,6vw);display:flex;flex-direction:column;align-items:flex-start}
.people-copy .eyebrow{font-size:11px}
.people-copy h2{font-size:clamp(44px,4.4vw,65px);margin-top:40px;line-height:1.1}
.people-copy h2 em{color:var(--green)}
.people-copy p{color:#c1d0c8;font-size:17px;max-width:390px;margin-top:25px}
.people-copy .text-link{margin-top:28px}
.people-copy .scene-label{color:#b1c2b8;margin-top:55px}
.desks-heading{display:flex;justify-content:space-between;gap:65px;align-items:end}
.desks-heading>p{color:var(--muted);max-width:340px}
.desk-explorer{display:grid;grid-template-columns:.85fr 1.15fr;margin-top:60px;gap:65px}
.picker-heading{font-size:11px;color:#607369;display:block;margin-bottom:22px}
.desk-buttons{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}
.desk-choice{display:flex;align-items:center;gap:12px;min-height:62px;padding:14px 0;font-size:16px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent}
.desk-choice span{color:#6c7f71;font-size:11px}
.desk-choice i{font-style:normal;font-size:18px;margin-left:auto;opacity:0}
.desk-choice:hover,.desk-choice.active{color:#276b3f}
.desk-choice.active{border-top-color:#6d9872;font-weight:600}
.desk-choice.active i,.desk-choice:hover i{opacity:1}
.desk-preview{background:var(--night);color:#fff;min-height:500px;display:flex;flex-direction:column;box-shadow:0 22px 55px #1425280d}
.preview-top{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid #ffffff20;gap:16px}
.small-brand{font-size:18px}
.preview-top>span:last-child{font-size:10px;letter-spacing:.13em;color:#b9cbc0}
.preview-content{padding:38px 38px 28px;flex:1}
.preview-content h3{font-size:clamp(31px,3vw,43px);line-height:1.13;letter-spacing:-.045em;margin-top:19px;min-height:100px}
.preview-rule{height:1px;background:#ffffff26;margin:25px 0}
.preview-label{font-size:10px;color:#b9cbc0}
.preview-content>p{font-size:16px;color:#d7e4dc;margin-top:12px;min-height:50px;max-width:480px}
.record-sources{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.record-sources span{font-size:12px;padding:4px 10px;border:1px solid #5e7769;color:#d3e5d8;border-radius:2px}
.preview-bottom{padding:18px 28px;border-top:1px solid #ffffff20;display:flex;gap:10px;align-items:center;color:#b8cdc1;font-size:12px}
.start-section{background:#e8eee6}
.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.start-layout>div>p{max-width:395px;color:var(--muted);margin-top:27px}
.start-layout .text-link{margin-top:28px}
.start-steps{margin:0;padding:0;list-style:none}
.start-steps li{display:flex;gap:30px;border-top:1px solid #c4d0c0;padding:28px 0}
.start-steps li:first-child{padding-top:0;border-top:0}
.start-steps li>span{color:#667e61;font-size:13px;padding-top:5px}
.start-steps h3{font-size:26px}
.start-steps p{margin-top:12px;color:var(--muted);font-size:16px;max-width:420px}
.control-section{background:var(--night);color:#fff}
.control-section .meta-note{color:#bdcec2}
.control-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:end}
.control-heading h2{font-size:clamp(40px,4.1vw,60px)}
.control-heading h2 em{color:var(--green)}
.control-heading p{color:#c0cfc5;max-width:330px;font-size:17px}
.control-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:65px}
.control-rules article{border-top:1px solid #53645b;padding-top:22px}
.rule-number{font-size:12px;color:var(--green)}
.control-rules h3{font-size:21px;margin-top:27px;max-width:240px;min-height:51px}
.control-rules p{font-size:15px;color:#bdcfc4;margin-top:18px}
.closing{background:var(--green);padding-block:65px 75px}
.closing-top{display:flex;justify-content:space-between;align-items:center;gap:25px}
.closing-top p{font-size:15px;color:#3b5843}
.closing-link{display:flex;align-items:center;justify-content:space-between;gap:45px;margin:52px 0 40px;padding-bottom:50px;border-bottom:1px solid #87ad78}
.closing-link h2{font-size:clamp(55px,7.8vw,112px);letter-spacing:-.065em}
.closing-link h2 em{color:#487042}
.closing-link>span{font-size:clamp(75px,10vw,140px);font-family:var(--body);font-weight:400;transition:transform .25s}
.closing-link:hover>span{transform:translate(8px,-8px)}
.closing-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}
.closing-bottom p{font-size:17px;color:#34543b}
.dark-button{background:var(--night);color:#fff}
.dark-button:hover{background:#244237}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:130px;font-size:14px}
.site-footer .brand{font-size:24px}
.site-footer .brand i{background:#4b7453}
.site-footer>span{color:var(--muted)}
.site-footer .signin-link{font-size:14px}
.site-footer>a:not(.brand){padding-block:12px}

.install-help[hidden]{display:none}
.install-help{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:22px;background:#07161dd9;backdrop-filter:blur(10px)}
.install-help-card{position:relative;width:min(100%,520px);padding:38px 40px 36px;border:1px solid #d4ddd5;border-radius:4px;background:var(--soft);color:var(--ink);box-shadow:0 32px 100px #0008}
.install-help-card:before{position:absolute;inset:0 0 auto;height:4px;background:var(--green);content:""}
.install-help-heading{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start;padding-right:38px}
.install-help-heading .install-help-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:4px;background:var(--night);color:var(--green)}
.install-help-heading .install-help-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.install-help-card h2{font-size:36px;line-height:1.06;margin:9px 0 24px;letter-spacing:-.045em}
.install-help-card [id^="install-"]>p{position:relative;margin:0 0 24px;padding:18px 18px 18px 52px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:16px;line-height:1.55}
.install-help-card [id^="install-"]>p:before{position:absolute;left:18px;top:18px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--soft2);color:#315f44;font:600 11px var(--body);content:"01"}
.install-help-card p strong{color:var(--ink);font-weight:600}
.install-help-close{position:absolute;z-index:1;top:16px;right:16px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:25px;line-height:1;color:var(--muted);transition:background .2s,color .2s}
.install-help-close:hover{background:#fff;color:var(--ink)}
.install-open{width:100%;justify-content:space-between;background:var(--night);color:#fff}
.install-open:hover{background:#1b3335}
.install-note{display:block;margin-top:14px;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}

/* Shared foundations consumed by the retained authentication stylesheet. */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 18px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);font:600 15px var(--body);cursor:pointer}
.btn.primary{background:var(--night);color:white}
.btn:disabled{cursor:progress;opacity:.65}
.sub{color:var(--muted)}

@media(min-width:1600px){.cinema{min-height:940px}
}

@media(max-width:1100px){.main-nav{gap:19px;font-size:14px}
.nav-actions{gap:18px}
.nav-cta{display:none}
.case-layout{gap:45px}
.evidence-heading{gap:40px}
.lead-finding{padding:30px}
.big-number{font-size:110px}
.platform-intro{gap:60px}
.desk-explorer{gap:40px;grid-template-columns:1fr 1.12fr}
.desk-buttons{column-gap:17px}
.desk-choice{gap:8px;font-size:15px}
.control-rules{gap:26px}
.control-rules h3{font-size:19px}
.people-copy{padding:65px 40px}
.start-layout{gap:60px}
.site-footer{flex-wrap:wrap;padding-block:35px;gap:20px 30px}
}

@media(max-width:800px){:root{--gutter:28px}
.section-space{padding-block:76px}
.section-meta{margin-bottom:40px}
.section-meta .meta-note{display:none}
.masthead{height:80px}
.masthead .brand{font-size:25px}
.main-nav{display:none;position:absolute;left:0;right:0;top:80px;padding:20px var(--gutter);background:var(--night);border-bottom:1px solid #456054;flex-direction:column;align-items:stretch;gap:0}
.main-nav.is-open{display:flex}
.main-nav a{padding:15px 0}
.menu-toggle{display:block}
.nav-actions{gap:20px}
.cinema{min-height:770px;max-height:none;padding-top:80px}
.hero-content{padding:60px 0 135px}
.hero-content h1{font-size:85px}
.hero-content p{font-size:18px;max-width:460px}
.cinema-image{object-position:60% center}
.cinema-shade{background:linear-gradient(90deg,#07161de0,#07161d60 70%,#07161d10),linear-gradient(0deg,#07161db3,transparent 30%)}
.hero-foot .scene-label{display:none}
.scope-inner{flex-wrap:wrap;gap:20px}
.scope-inner p{width:100%;padding-bottom:10px;border-bottom:1px solid var(--line)}
.scope-inner>div{display:block}
.scope-inner strong{display:block}
.scope-inner span{font-size:12px}
.evidence-heading,.platform-intro,.desks-heading,.start-layout,.control-heading{display:grid;grid-template-columns:1fr;gap:28px}
.evidence-heading>p,.desks-heading>p,.control-heading p{max-width:530px}
.case-layout{gap:30px;margin-top:40px}
.lead-finding{padding:25px}
.big-number{font-size:83px}
.big-number>span{margin-left:8px;margin-top:20px}
.lead-finding h3{font-size:25px}
.support-findings strong{font-size:36px}
.support-findings article{gap:17px}
.support-findings h3{font-size:16px}
.support-findings p{font-size:14px}
.finding-label{font-size:10px;letter-spacing:.04em}
.large-copy{font-size:25px}
.platform-intro p+p{max-width:570px}
.record-map{gap:8px;margin-block:40px}
.record-map>div{font-size:13px}
.record-map .map-centre{font-size:16px;padding:22px 8px}
.map-centre i{display:none}
.capability-list{column-gap:28px}
.capability-list summary{font-size:16px;gap:15px}
.capability-heading>span{display:none}
.people-section{grid-template-columns:1fr 1fr;min-height:570px}
.people-copy{padding:45px 28px}
.people-copy h2{font-size:42px;margin-top:27px}
.people-copy .eyebrow{font-size:10px}
.people-copy p{font-size:16px}
.people-copy .scene-label{font-size:9px;margin-top:35px}
.desk-explorer{grid-template-columns:1fr;gap:30px;margin-top:40px}
.desk-buttons{grid-template-columns:repeat(3,1fr)}
.desk-preview{min-height:460px}
.preview-content h3{font-size:44px}
.start-steps{margin-top:15px}
.start-layout>div>p{max-width:550px}
.control-rules{grid-template-columns:1fr 1fr;gap:36px;margin-top:45px}
.control-rules h3{min-height:0;font-size:23px;margin-top:20px}
.control-rules p{font-size:16px}
.closing-link{margin-top:35px}
.closing-link h2{font-size:70px}
.closing-link>span{font-size:90px}
.site-footer{display:grid;grid-template-columns:1fr 1fr}
.site-footer>*:nth-child(even){justify-self:end}
.site-footer .brand{font-size:25px}
}

@media(max-width:520px){:root{--gutter:22px}
.section-space{padding-block:62px}
h2{font-size:39px}
.section-meta{margin-bottom:32px}
.eyebrow{font-size:11px}
.masthead{gap:14px}
.masthead .brand{font-size:23px}
.nav-actions{gap:17px}
.signin-link{font-size:14px}
.nav-actions{gap:10px}
.install-app{width:42px;min-height:42px;padding:4px;justify-content:center}
.install-app-icon{width:32px;height:32px}
.install-app-label{display:none}
.nav-cta{display:none}
.menu-toggle{font-size:0;width:44px;padding:0}
.menu-toggle span{font-size:23px;margin:0}
.cinema{min-height:760px;min-height:max(760px,100svh)}
.hero-content{padding:65px 0 130px}
.hero-content h1{font-size:clamp(48px,12.5vw,65px);line-height:1.04}
.hero-content .eyebrow{font-size:10px;margin-bottom:27px}
.hero-content p{font-size:17px;max-width:310px;margin-top:26px}
.desktop-break{display:none}
.hero-actions{gap:23px;align-items:flex-start;flex-direction:column;margin-top:29px}
.hero-actions .button{padding-inline:20px;min-height:50px}
.hero-actions .text-link{font-size:15px;min-height:36px}
.hero-foot{font-size:12px;bottom:22px;padding-top:19px}
.hero-foot>span:first-child{max-width:235px}
.scroll-link{width:36px;height:36px}
.cinema-image{object-position:67% center}
.cinema-shade{background:linear-gradient(90deg,#05171ce0,#05171c88 64%,#05171c20),linear-gradient(0deg,#06181cf0,transparent 33%,transparent 65%,#07161d50)}
.scope-inner{gap:12px;padding-block:23px}
.scope-inner strong{font-size:29px}
.scope-inner span{font-size:11px;max-width:90px;display:block;line-height:1.4}
.scope-inner p{font-size:16px}
.case-layout{grid-template-columns:1fr;gap:30px}
.lead-finding{padding:27px}
.big-number{font-size:110px}
.lead-finding h3{font-size:29px}
.lead-finding>p{max-width:280px}
.source-line{margin-top:30px}
.support-findings article{padding:24px 0;gap:25px}
.support-findings strong{font-size:43px}
.support-findings h3{font-size:18px}
.support-findings p{font-size:16px}
.evidence-heading>p{font-size:17px}
.platform-intro h2{font-size:46px}
.large-copy{font-size:24px}
.record-map{grid-template-columns:1fr 1fr;gap:0;padding:0;border:1px solid var(--line);margin-block:36px}
.record-map:before{display:none}
.record-map>div{padding:17px 10px;font-size:14px}
.record-map>div:nth-child(2),.record-map>div:last-child{border-left:1px solid var(--line)}
.record-map .map-centre{grid-column:1 / -1;grid-row:2;padding:18px}
.capability-heading h3{font-size:15px}
.capability-list{grid-template-columns:1fr}
.capability-list summary{font-size:18px;padding-block:20px;gap:20px}
.capability-list details>p{padding-left:34px}
.people-section{display:flex;flex-direction:column;min-height:0}
.people-image{height:375px}
.people-image img{object-position:65% 43%}
.people-copy{padding:42px var(--gutter) 48px}
.people-copy h2{font-size:49px;margin-top:28px}
.people-copy p{font-size:17px;max-width:340px}
.people-copy .scene-label{margin-top:35px;font-size:10px}
.desk-buttons{grid-template-columns:1fr 1fr;column-gap:25px}
.desk-choice{font-size:16px}
.preview-top{padding:20px 23px}
.preview-top>span:last-child{font-size:9px}
.preview-content{padding:30px 25px}
.preview-content h3{font-size:37px;min-height:90px}
.preview-bottom{padding:18px 23px;font-size:11px;align-items:flex-start}
.preview-bottom .status-dot{margin-top:6px}
.preview-content>p{min-height:75px}
.start-layout h2{font-size:42px}
.start-steps li{gap:23px}
.start-steps h3{font-size:24px}
.control-heading h2{font-size:38px}
.control-rules{grid-template-columns:1fr;gap:26px;margin-top:35px}
.control-rules h3{font-size:22px;margin-top:14px}
.control-rules p{margin-top:12px}
.closing-top{align-items:flex-start}
.closing-top p{display:none}
.closing-link{gap:12px;margin-block:34px 28px;padding-bottom:34px}
.closing-link h2{font-size:clamp(38px,10vw,51px)}
.closing-link>span{font-size:55px;align-self:flex-end}
.closing-bottom{align-items:flex-start;flex-direction:column;gap:25px}
.closing-bottom p{font-size:16px}
.site-footer{grid-template-columns:1fr;gap:19px;padding-block:40px}
.site-footer>*:nth-child(even){justify-self:start}
.site-footer .signin-link{padding:8px 0}
.site-footer>a:not(.brand){padding:4px 0}
.install-help{align-items:end;padding:0}
.install-help-card{width:100%;padding:28px 22px calc(26px + env(safe-area-inset-bottom,0px));border:0;border-radius:18px 18px 0 0}
.install-help-heading{grid-template-columns:42px 1fr;gap:14px;padding-right:34px}
.install-help-heading .install-help-icon{width:42px;height:42px}
.install-help-card h2{font-size:31px;margin-top:7px}
.install-help-card [id^="install-"]>p{padding:16px 16px 16px 47px;font-size:15px}
.install-help-card [id^="install-"]>p:before{left:15px;top:16px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}

@media print{.masthead,.hero-actions,.scroll-link,.menu-toggle,.scrim,.desk-picker{display:none!important}
.cinema{min-height:500px;color:#fff;print-color-adjust:exact}
.section-space{padding-block:35px}
.case-layout,.platform-intro,.control-heading{gap:30px}
.desk-explorer{display:block}
details>p{display:block}
.control-section,.closing,.desk-preview,.people-section{print-color-adjust:exact}
.site-footer{min-height:60px}
}

/* Reserve the two-line introduction when changing auth tabs. The reset-only
   panel is not part of the sign-in/join height comparison. */
.scrim .signin .sub{min-height:45px}

.panels>#panel-reset[hidden]{display:none}

@media(max-width:360px){.case-layout{grid-template-columns:minmax(0,1fr)}
.lead-finding{min-width:0}
.big-number{font-size:82px}
.finding-label{font-size:9px}
}


/* Cinematic motion: slow dissolves, a slight camera drift, steady copy. */
.cinema{overflow:hidden}
.cinema-image{opacity:0;transition:opacity 2.2s ease;transform:scale(1.015)}
.cinema-image.is-current{opacity:1}
.cinema.motion-ready .cinema-image{animation:cinema-drift 18s ease-in-out infinite alternate}
.cinema.motion-ready .cinema-image:nth-of-type(even){animation-direction:alternate-reverse}
.cinema.motion-paused .cinema-image{animation-play-state:paused}
@keyframes cinema-drift{from{transform:scale(1.015)}to{transform:scale(1.065)}}
.cinema-controls{display:flex;align-items:center;gap:10px}
.cinema-controls[hidden]{display:none}
.cinema-controls button{background:transparent;color:#e4eee6;border:0;min-height:44px;padding:8px 12px;font-size:12px}
.cinema-controls .scene-select{border-bottom:1px solid #ffffff45;min-width:40px}
.cinema-controls .scene-select[aria-pressed="true"]{border-color:var(--green);color:var(--green)}
.cinema-controls .motion-toggle{margin-left:8px;border:1px solid #ffffff45;border-radius:3px;min-width:120px}
.cinema-controls button:hover{background:#ffffff12}
.cinema-controls button:focus-visible{outline-color:var(--green)}
@media(max-width:800px){.hero-foot>span:first-child{display:none}.hero-foot{gap:12px}.cinema-controls{gap:7px}}
@media(prefers-reduced-motion:reduce){.cinema-image{animation:none!important;transition:none!important;transform:none}.motion-toggle{display:none}}
/* Four-scene controls remain usable on a narrow phone. */
@media(max-width:520px){
  .hero-foot .scroll-link{display:none}
  .cinema-controls{width:100%;justify-content:space-between;gap:4px}
  .cinema-controls .scene-select{min-width:30px;padding-inline:8px}
  .cinema-controls .motion-toggle{min-width:106px;margin-left:0;font-size:11px;padding-inline:8px}
}
