
/* V9 Cinematic subpage system. Three typefaces, one navigation, fluid layout. */
:root{--v9-edge:clamp(24px,5vw,140px);--v9-line:#303237;--v9-muted:#bfc0c2}
html{background:#08090a}body{background:#08090a;color:#f5f5f4;font-family:"DM Sans",sans-serif!important}
.v9-wrap{width:100%;padding-inline:var(--v9-edge)}
.v9-hero{position:relative;isolation:isolate;min-height:min(790px,82svh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--v9-line);background:#090a0c}
.v9-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 48% 70% at 85% 53%,#31384255,transparent 85%),linear-gradient(115deg,#08090a 5%,#12151a 75%,#090a0c)}
.v9-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090a 0%,#08090ac7 43%,transparent 100%)}
.v9-hero-inner{padding-top:clamp(85px,10vh,170px);padding-bottom:clamp(85px,10vh,170px);position:relative;z-index:1}
.v9-index{font:600 clamp(14px,1vw,17px)/1.5 "DM Sans",sans-serif;color:#c5c7ca;letter-spacing:.06em;text-transform:uppercase;margin:0 0 clamp(28px,4vh,55px)}
.v9-hero h1{font:700 clamp(57px,7.3vw,155px)/.99 "DM Sans",sans-serif!important;letter-spacing:-.065em!important;max-width:17ch!important;margin:0 0 32px!important;text-wrap:balance}
.v9-hero .v9-subtitle{font:500 clamp(20px,2.1vw,34px)/1.38 "DM Sans",sans-serif;max-width:35ch;color:#f1f1f1;margin:0 0 20px}
.v9-hero .v9-lead{font:400 clamp(17px,1.2vw,21px)/1.65 "DM Sans",sans-serif;color:#c4c7c9;max-width:67ch;margin:0}
.v9-scroll{margin-top:45px;display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#fff;font:600 15px "DM Sans",sans-serif}
.v9-scroll span{display:grid;place-items:center;border:1px solid #81858b;border-radius:50%;width:46px;height:46px}
.v9-section{border-bottom:1px solid var(--v9-line);padding-block:clamp(85px,9vw,175px)}
.v9-section .v9-label{font:600 15px/1.4 "DM Sans",sans-serif;letter-spacing:.065em;color:#bfc1c5;text-transform:uppercase;margin:0 0 40px}
.v9-section h2{font:600 clamp(41px,4.9vw,102px)/1.07 "DM Sans",sans-serif!important;letter-spacing:-.055em!important;margin:0 0 40px!important}
.v9-section p{font:400 clamp(17px,1.2vw,21px)/1.75 "DM Sans",sans-serif;color:#bfc1c5;max-width:70ch}
.v9-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,9vw,200px)}
.v9-split>*{min-width:0}
.v9-list{list-style:none;padding:0;margin:0;border-top:1px solid #515358}
.v9-list li{padding:23px 0;border-bottom:1px solid #373a3e;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;font:400 clamp(17px,1.28vw,22px)/1.55 "DM Sans",sans-serif}
.v9-list li span{font:500 15px "DM Sans",sans-serif;color:#aaaeb4;padding-top:4px}
.v9-outcome{background:#101215}
.v9-outcome .v9-split{align-items:start}
.v9-outcome .v9-quote{font:500 clamp(27px,3.2vw,58px)/1.25 "DM Sans",sans-serif!important;letter-spacing:-.04em;color:#f4f4f4;max-width:24ch}
.v9-next{padding-block:clamp(90px,10vw,185px)}
.v9-next h2{font:600 clamp(50px,6vw,122px)/1.02 "DM Sans",sans-serif!important;letter-spacing:-.06em;max-width:13ch;margin:0 0 40px}
.v9-links{display:flex;flex-wrap:wrap;gap:18px 40px}
.v9-link{display:inline-flex;align-items:center;gap:15px;color:#fff;text-decoration:none;font:600 clamp(15px,1vw,18px) "DM Sans",sans-serif}
.v9-link .v9-circle{display:grid;place-items:center;width:50px;height:50px;border:1px solid #9b9b9b;border-radius:50%;transition:background .2s}
.v9-link:hover .v9-circle{background:#383b40}
.v9-link:focus-visible{outline:2px solid white;outline-offset:5px}
.v9-footer{border-top:1px solid #303237;padding-block:34px;color:#b8babd;font-size:15px}
.v9-footer .v9-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.v9-footer a{color:#fff}
.v9-feature-number{position:absolute;right:clamp(10px,4vw,100px);top:50%;transform:translateY(-48%);font:500 clamp(230px,33vw,720px)/.8 "DM Sans",sans-serif;color:#ffffff0b;letter-spacing:-.1em;pointer-events:none}
.v9-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,3vw,60px)}
.v9-summary{border-top:1px solid #666;padding-top:28px}
.v9-summary h3{font:600 clamp(26px,2.2vw,42px)/1.15 "DM Sans",sans-serif!important;letter-spacing:-.045em;margin:0 0 18px}
.v9-summary p{margin:0}
.v9-summary a{color:#fff;display:inline-block;margin-top:24px}
.v9-footnote{font-size:15px!important;color:#b4b7bc!important;margin-top:40px}
@media(max-width:900px){.v9-split,.v9-summary-grid{grid-template-columns:1fr;gap:50px}.v9-hero{min-height:720px}.v9-hero h1{font-size:clamp(55px,10vw,88px)!important}.v9-feature-number{font-size:clamp(180px,36vw,400px)}}
@media(max-width:600px){.v9-hero{min-height:calc(100svh - 73px)}.v9-hero h1{font-size:clamp(46px,11.5vw,70px)!important}.v9-hero-inner{padding-top:100px;padding-bottom:100px}.v9-feature-number{right:-30px;top:27%;font-size:180px}.v9-section{padding-block:75px}.v9-list li{grid-template-columns:35px minmax(0,1fr)}.v9-next h2{font-size:clamp(44px,11vw,70px)!important}}
@media(prefers-reduced-motion:reduce){.v9-link .v9-circle{transition:none}}
