:root{--navy:#02111e;--ink:#061b2b;--cyan:#12d8d0;--teal:#0ca7b5;--gold:#f6aa2b;--ice:#edf8fa;--white:#fff;--muted:#66808d;--line:rgba(6,27,43,.12);--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.6 var(--sans);background:#f7fbfc;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.nav-shell{position:absolute;top:0;left:0;width:100%;z-index:20}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:220px;height:auto;display:block}
.nav .brand{display:inline-flex;align-items:center;padding:7px 14px;background:linear-gradient(135deg,#fff,#edf8fa);border:1px solid rgba(18,216,208,.3);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 30px rgba(18,216,208,.1)}
.nav-links{display:flex;gap:36px}
.nav a{color:#d6e5ea;text-decoration:none;font-size:14px}
.nav-links a:hover{color:var(--cyan)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--cyan);color:#032034!important;padding:16px 22px;text-decoration:none;font-weight:700;font-size:15px;border-radius:3px;transition:.25s}
.button:hover{background:#fff;transform:translateY(-2px)}
.button span{font-size:19px}
.button-small{padding:11px 17px;font-size:13px}
.menu{display:none;background:none;border:0}
.hero{min-height:780px;padding-top:165px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:start;gap:28px;position:relative}
.hero:before{content:"";position:absolute;z-index:-2;top:0;left:50%;transform:translateX(-50%);width:100vw;height:780px;background:radial-gradient(circle at 73% 36%,#0a5669 0,transparent 34%),linear-gradient(125deg,#02111e 0%,#03263a 100%)}
.hero:after{content:"";position:absolute;z-index:-1;inset:0 calc((1180px - 100vw)/2) auto;height:780px;opacity:.18;background-image:linear-gradient(rgba(18,216,208,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(18,216,208,.25) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent,#000)}
.eyebrow,.kicker{font-size:12px;letter-spacing:.18em;font-weight:800}
.eyebrow{color:#a3c1cc;display:flex;align-items:center;gap:10px}
.eyebrow span{width:28px;height:1px;background:var(--cyan)}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.05}
h1{font-size:clamp(52px,6vw,79px);color:#fff;letter-spacing:-.055em;margin:25px 0 28px}
h1 em,h2 em{font-style:normal;color:var(--cyan)}
.hero-copy>p{color:#adbec5;font-size:18px;max-width:510px;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:36px}
.text-link{color:#fff;text-decoration:none;font-weight:700}
.text-link span{color:var(--cyan);margin-left:8px}
.trust-row{border-top:1px solid rgba(255,255,255,.13);margin-top:53px;padding-top:19px;display:flex;gap:17px;color:#7f99a3;font-size:12px}
.trust-row b{color:#c6d5da;font-weight:500}
.hero-visual{position:relative;padding-top:40px}
.data-card{background:rgba(250,255,255,.98);border:1px solid rgba(18,216,208,.2);box-shadow:0 30px 90px rgba(0,0,0,.38);border-radius:10px}
.main-card{padding:25px 26px 20px;transform:perspective(1000px) rotateY(-4deg)}
.card-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:17px}
.card-top small,.proof-panel small{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}
.card-top h3{font-size:20px;margin-top:5px}
.status{font-size:10px;background:#e2f7f2;color:#167568;padding:6px 9px;border-radius:20px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:21px 0}
.metric-grid>div{display:grid}
.metric-grid small{font-size:10px;color:var(--muted);letter-spacing:.12em}
.metric-grid strong{font:700 26px var(--display);margin:2px 0}
.metric-grid span{font-size:10px;color:#81929a}
.metric-grid .up{color:#138978}
.chart-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700}
.chart-head div{color:#7c8e96;font-size:9px}
.chart-head i{display:inline-block;width:13px;height:2px;vertical-align:middle;margin:0 3px 0 7px}
.chart-head .actual{background:var(--cyan)}
.chart-head .forecast{border-top:2px dashed var(--gold)}
.chart{width:100%;overflow:visible}
.grid path{stroke:#dce7ea;stroke-width:1}
.area{fill:url(#fade)}
.line{fill:none;stroke-width:4}
.actual-line{stroke:var(--cyan)}
.forecast-line{stroke:var(--gold);stroke-dasharray:8 7}
.chart circle{fill:#fff;stroke:var(--gold);stroke-width:4}
.marker{stroke:#a5b6bc;stroke-dasharray:3 5}
.axis{display:flex;justify-content:space-between;color:#8799a0;font-size:9px}
.float-card{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 16px;background:#fff;border:1px solid #d9e9ec;border-radius:8px;box-shadow:0 16px 30px rgba(0,0,0,.22)}
.float-card small{font-size:8px;letter-spacing:.12em;color:#728790}
.float-card b,.float-card span{display:block;line-height:1.35}
.float-card b{font-size:13px}
.float-card span{font-size:9px;color:#6f838b}
.score-card{right:-28px;top:3px}
.ring{width:48px;height:48px;border:5px solid var(--cyan);border-left-color:#dcebec;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:8px}
.ring strong{font:800 15px var(--display)}
.ring small{font-size:7px}
.evidence-card{left:-35px;bottom:-26px}
.check{background:#e1f8f3;color:#11766b;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:800}
.orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.25;z-index:-1}
.orb-one{width:260px;height:260px;background:var(--cyan);right:-60px;top:100px}
.ticker{height:58px;background:var(--cyan);overflow:hidden;white-space:nowrap;display:flex;align-items:center;font-size:12px;letter-spacing:.15em;font-weight:800;color:#042334}
.ticker div{animation:ticker 28s linear infinite}
.ticker i{margin:0 26px;color:#fff;font-style:normal}
.section{padding:125px 0}
.dealproof{padding-top:135px}.dealproof-title{display:grid;grid-template-columns:1.05fr .95fr;column-gap:90px;align-items:end}.dealproof-title>.kicker,.dp-lockup{grid-column:1}.dealproof-title h2{font-size:clamp(42px,5.3vw,68px);letter-spacing:-.055em;margin:18px 0 0}.dealproof-title h2 em{font-style:normal;color:#079fa8}.dealproof-title>p{grid-column:2;grid-row:2/4;color:#607a86;font-size:17px;margin:0 0 7px}.dp-lockup{font:800 clamp(52px,7vw,92px)/.95 var(--display);letter-spacing:-.07em;margin-top:20px}.dp-lockup span{color:#07304a}.dp-lockup strong{color:#08aab3}.dp-lockup sup{font-size:14px;color:#f6aa2b;vertical-align:top;margin-left:5px}.deal-journey{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;background:#061b2b;color:#fff}.deal-journey article{padding:30px 25px 34px;min-height:255px;border-right:1px solid rgba(255,255,255,.1);position:relative}.deal-journey article:last-child{border-right:0}.deal-journey b{position:absolute;right:18px;top:16px;color:#4f7381;font-size:11px}.deal-journey span{font-size:10px;letter-spacing:.16em;color:#12d8d0;font-weight:800}.deal-journey h3{font-size:20px;margin:62px 0 12px}.deal-journey p{font-size:13px;color:#91a9b2;margin:0}.proof-anatomy{margin-top:24px;background:linear-gradient(135deg,#e1f6f6,#f7fbfc);display:grid;grid-template-columns:.7fr 1.3fr;align-items:stretch;border:1px solid rgba(6,27,43,.1)}.anatomy-score{padding:45px;text-align:center;background:#032437;color:#fff;display:flex;flex-direction:column;justify-content:center}.anatomy-score small{letter-spacing:.18em;color:#78acb9}.mega-score{font:800 92px/.95 var(--display);letter-spacing:-.08em;margin:14px 0 10px;color:#fff}.mega-score sup{font-size:18px;color:#8eadb7;letter-spacing:0}.anatomy-score>span{align-self:center;background:#12d8d0;color:#032437;padding:4px 13px;border-radius:20px;font-size:11px;font-weight:800}.anatomy-score p{font-size:12px;color:#8eadb7}.anatomy-score p b{color:#fff}.anatomy-copy{padding:50px 55px}.anatomy-copy h3{font-size:31px;margin:12px 0}.anatomy-copy>p{color:#5f7781;max-width:620px}.anatomy-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.anatomy-tags span{background:#fff;border:1px solid rgba(6,27,43,.12);padding:8px 12px;font-size:11px;font-weight:700}
.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end;margin-bottom:64px}
.kicker{color:#058b98}
.section-head h2,.intel-copy h2,.principles h2,.cta h2{font-size:clamp(40px,5vw,63px);letter-spacing:-.05em;margin-top:17px}
.section-head p{color:#607a86;font-size:17px;margin:0 0 4px}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flow-card{padding:33px 28px 38px;border-right:1px solid var(--line);position:relative}
.flow-card:last-child{border:0}
.flow-card .num{position:absolute;right:18px;top:14px;color:#9eafb5;font-size:10px}
.flow-icon{font:500 34px var(--display);color:var(--teal);margin-bottom:48px}
.flow-card h3{font-size:21px}
.flow-card p{font-size:14px;color:#6b828c}
.dark-section{background:#031725;color:#fff;padding:125px 0;position:relative;overflow:hidden}
.dark-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(18,216,208,.15),transparent 32%)}
.intelligence-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;position:relative}
.intel-copy p{color:#9eb1b9;max-width:530px;font-size:17px}
.intel-copy ul{list-style:none;padding:0;margin:38px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.intel-copy li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);font-weight:600}
.intel-copy li span{font-size:10px;color:var(--cyan);margin-right:20px}
.proof-panel{background:#f7fbfc;color:var(--ink);padding:25px 27px;border-radius:8px;box-shadow:0 35px 70px #0006;transform:rotate(1.2deg)}
.proof-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}
.proof-header span{font-size:10px;color:#71858d}
.proof-score{height:185px;display:flex;justify-content:center;align-items:center;position:relative}
.proof-score>div{text-align:center;position:absolute;z-index:2}
.proof-score strong{font:800 48px var(--display);display:block}
.proof-score strong span{font-size:14px;color:#86989e}
.proof-score b{font-size:11px;color:#0b8c81;background:#dbf5ef;padding:4px 9px;border-radius:20px}
.proof-score svg{width:150px;transform:rotate(-90deg)}
.proof-score circle{fill:none;stroke:#dbe9eb;stroke-width:9}
.proof-score .progress{stroke:var(--cyan);stroke-dasharray:383;stroke-dashoffset:69;stroke-linecap:round}
.bars{display:grid;gap:12px}
.bars span{display:flex;justify-content:space-between;font-size:11px}
.bars i{display:block;height:5px;background:#e2ecee;margin-top:4px}
.bars em{display:block;height:100%;background:linear-gradient(90deg,#0ba9b2,var(--cyan))}
.confidence{margin-top:22px;padding:15px;background:#e9f7f7;display:grid;grid-template-columns:1fr auto}
.confidence span{font-size:11px;font-weight:700}
.confidence b{color:#0b817e}
.confidence small{grid-column:1/3}
.modules-section{padding-bottom:140px}
.filter-row{display:flex;gap:9px;margin-bottom:30px}
.filter-row button{border:1px solid var(--line);background:transparent;padding:10px 18px;border-radius:30px;color:#5d7680;font:600 13px var(--sans);cursor:pointer}
.filter-row button.active,.filter-row button:hover{background:var(--ink);color:#fff}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.module{background:#fff;border:1px solid var(--line);padding:25px;min-height:205px;position:relative;transition:.25s;overflow:hidden}
.module:hover{transform:translateY(-5px);border-color:rgba(12,167,181,.45);box-shadow:0 18px 50px rgba(4,37,50,.09)}
.module .cat{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#0b939e;font-weight:800}
.module h3{font-size:21px;margin:30px 0 10px}
.module p{font-size:13px;line-height:1.55;color:#6c828b;margin:0}
.module.hide{display:none}
.module-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:6px;font:700 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:30px;border:1px solid transparent;white-space:nowrap}
.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.badge-operational{color:#0b7f6a;background:rgba(18,216,208,.14);border-color:rgba(12,167,181,.35)}
.badge-in-development{color:#8a5a00;background:rgba(246,170,43,.16);border-color:rgba(246,170,43,.5)}
.badge-planned{color:#5d7680;background:transparent;border-color:rgba(6,27,43,.25)}
.badge-planned:before{background:transparent;border:1.5px solid currentColor;width:5px;height:5px}
.module.status-planned{background:#f6fafb;border-style:dashed}
.filter-group{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.filter-group .filter-row{margin-bottom:0}
.filter-label{font:700 10px var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#0b939e;min-width:64px}
.status-legend{color:#607a86;font-size:13px;line-height:1.6;margin:6px 0 24px;max-width:900px}
.status-legend b{color:var(--ink)}
.module-count{color:#607a86;font-size:13px;margin:0 0 14px}
.sample-note{font-size:12px;color:#66808d;margin:14px 0 0}
.principles{background:#dff4f4;padding:120px 0}
.principles-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(6,27,43,.15);border:1px solid rgba(6,27,43,.15)}
.principle-grid article{background:#dff4f4;padding:28px}
.principle-grid b{font-size:11px;color:#068d96}
.principle-grid h3{font-size:20px;margin:60px 0 12px}
.principle-grid p{font-size:13px;color:#58717b}
.cta{margin-top:110px;margin-bottom:110px;background:#041827;color:#fff;padding:70px;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:space-between}
.cta h2{margin-bottom:0}
.cta .button{position:relative;z-index:2;white-space:nowrap}
.gold{background:var(--gold)}
.cta-lines{position:absolute;width:440px;height:440px;right:-140px;top:-180px;border:1px solid rgba(18,216,208,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(18,216,208,.05),0 0 0 84px rgba(18,216,208,.04),0 0 0 126px rgba(18,216,208,.03)}
footer{background:#020e17;color:#fff;padding:55px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;align-items:start}
.footer-brand{display:inline-flex;justify-self:start;padding:9px 15px;background:linear-gradient(135deg,#fff,#edf8fa);border:1px solid rgba(18,216,208,.26);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.24)}
.footer-brand img{width:205px}
.footer-grid p{color:#839ca6;max-width:340px;font-size:13px;margin:0}
.footer-grid div{display:flex;justify-content:end;gap:24px}
.footer-grid div a{color:#b5c7ce;text-decoration:none;font-size:13px}
.footer-grid small{grid-column:1/4;border-top:1px solid rgba(255,255,255,.1);padding-top:25px;color:#617984}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}
.reveal.visible{opacity:1;transform:none}
.delay{transition-delay:.15s}
@keyframes ticker{to{transform:translateX(-50%)}
}

@media(max-width:900px){.nav-links{display:none}
.dealproof-title{grid-template-columns:1fr}.dealproof-title>p{grid-column:1;grid-row:auto;margin-top:25px}.deal-journey{grid-template-columns:1fr 1fr}.proof-anatomy{grid-template-columns:1fr}
.menu{display:block}
.hero{grid-template-columns:1fr;min-height:1100px;padding-top:140px}
.hero:before,.hero:after{height:1100px}
.hero-copy{text-align:center}
.eyebrow,.hero-actions{justify-content:center}
.hero-copy>p{margin-inline:auto}
.trust-row{justify-content:center}
.hero-visual{width:min(620px,95%);margin:auto}
.section-head,.intelligence-grid{grid-template-columns:1fr;gap:35px}
.flow-grid,.principle-grid{grid-template-columns:1fr 1fr}
.flow-card:nth-child(2){border-right:0}
.module-grid{grid-template-columns:1fr 1fr}
.cta{align-items:start;flex-direction:column;gap:40px}
}

@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}
.dealproof{padding-top:90px}.deal-journey{grid-template-columns:1fr}.deal-journey article{min-height:210px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.anatomy-score,.anatomy-copy{padding:35px 24px}.mega-score{font-size:76px}
.nav{height:76px}
.nav .brand{padding:5px 10px;border-radius:6px}
.brand img{width:165px}
.footer-brand img{width:190px}
.nav .button-small{display:none}
.menu span{width:25px;height:2px;background:white;display:block;margin:6px}
.hero{padding-top:110px;min-height:950px}
.hero:before,.hero:after{height:950px}
h1{font-size:51px}
.hero-copy>p{font-size:16px}
.hero-actions{flex-direction:column;gap:16px}
.trust-row{display:none}
.main-card{padding:16px;transform:none}
.score-card{right:-7px}
.evidence-card{left:-7px}
.section{padding:85px 0}
.section-head{margin-bottom:40px}
.flow-grid,.module-grid,.principle-grid{grid-template-columns:1fr}
.flow-card{border-right:0;border-bottom:1px solid var(--line)}
.dark-section{padding:85px 0}
.proof-panel{padding:19px;transform:none}
.filter-row{overflow:auto}
.module-grid{gap:10px}
.principles{padding:85px 0}
.principles-head{display:block}
.principle-grid article{min-height:210px}
.principle-grid h3{margin-top:50px}
.cta{margin:70px 14px;padding:45px 25px}
.cta h2{font-size:39px}
.footer-grid{grid-template-columns:1fr}
.footer-grid div{justify-content:start}
.footer-grid small{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
.ticker div{animation:none}
}
html,body{overflow-x:clip}
.filter-row button{white-space:nowrap;flex:none}
