/* Design tokens let you recolour the whole site from one place. */
:root { --ink:#102838; --navy:#0c2639; --paper:#f5f5f0; --ice:#dcecf0; --sky:#91cfde; --teal:#2c9cb0; --line:rgba(16,40,56,.16); --serif: Georgia, 'Times New Roman', serif; --sans: Manrope, Arial, sans-serif; --mono: 'DM Mono', monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.section-shell { width:min(1180px, calc(100% - 64px)); margin-inline:auto; }
.aurora { position:absolute; z-index:-1; pointer-events:none; filter:blur(2px); opacity:.75; }
.aurora-left { width:460px;height:460px;top:40px;left:-260px;background:radial-gradient(circle,rgba(125,211,225,.36),transparent 68%); }
.aurora-right { width:600px;height:620px;top:120px;right:-340px;background:radial-gradient(circle,rgba(155,208,218,.4),transparent 65%); }
.site-header { width:min(1280px,calc(100% - 64px)); margin:0 auto; padding:25px 0; display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;right:0;z-index:5;color:#f4fbfb; }
.brand { display:inline-flex;gap:9px;align-items:center;font-weight:800;letter-spacing:-.7px;font-size:18px; }.brand-mark { width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#dffaff;padding:5px; }.brand-mark svg{width:100%;height:100%;}
.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.main-nav>a:not(.nav-cta){opacity:.76}.main-nav>a:hover{opacity:1}.nav-cta{background:#f2f8f7;color:var(--ink);padding:12px 17px;border-radius:5px}.nav-cta span{padding-left:7px;color:#267e91}.menu-button{display:none}
/* The photo fills the hero and the content sits on top, matching the supplied reference layout. */
.hero { min-height:720px;position:relative;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;padding:0 max(32px, calc((100% - 1180px) / 2)) 96px; }.hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,16,24,.94) 0%,rgba(5,19,28,.77) 38%,rgba(5,16,23,.22) 76%,rgba(5,16,23,.15) 100%),linear-gradient(0deg,rgba(3,13,20,.36),transparent 50%)}.hero-copy{max-width:670px;color:#f4fafa}.hero .eyebrow{color:#b9d6d9}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72d0be;margin-right:8px}.hero h1,.section-heading h2,.cta-card h2{font:500 clamp(46px,5.4vw,76px)/.99 var(--serif);letter-spacing:-3px;margin:0;color:var(--ink)}.hero h1{color:#fff}.hero h1 em{font-style:italic;color:#96dbe2}.hero-description{font-size:16px;line-height:1.8;max-width:490px;margin:27px 0;color:#d2e3e3}.hero-actions{display:flex;align-items:center;gap:28px}.button{font-size:13px;font-weight:800;border-radius:5px;padding:15px 20px;display:inline-flex;align-items:center;gap:19px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#f1f8f7;color:var(--ink)}.button-primary span{color:#277f91;font-size:19px}.text-link{font-size:13px;font-weight:800;color:#edf8f8}.text-link span{margin-left:7px;color:#8dd2dc}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:50px;font:500 10px var(--mono);color:#c3dcdf}.trust-row i{font-style:normal;color:#75d4c3;margin-right:3px}
.vault-scene{height:430px;position:relative;display:grid;place-items:center}.vault-scene:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(221,247,249,.95),rgba(151,212,221,.15) 58%,transparent 70%)}.vault-core{position:relative;width:245px;height:245px;border-radius:50%;background:linear-gradient(145deg,#effcfb,#a3d7df);box-shadow:inset -18px -22px 40px rgba(36,116,133,.23),inset 15px 14px 24px rgba(255,255,255,.9),0 25px 35px rgba(22,93,111,.2)}.core-ring{position:absolute;border-radius:50%;border:1px solid rgba(27,104,123,.32);inset:23px}.ring-b{inset:48px;border-style:dashed}.core-center{position:absolute;inset:78px;border-radius:50%;display:grid;place-items:center;color:#195f73;background:rgba(248,255,254,.75);box-shadow:inset 0 0 14px #a3d4dc}.core-center svg{width:47px}.orbit{position:absolute;border:1px solid rgba(49,133,150,.3);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:355px;height:155px}.orbit-two{width:310px;height:380px;transform:rotate(43deg)}.data-card{position:absolute;background:rgba(249,255,255,.75);backdrop-filter:blur(7px);padding:13px 17px;border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 28px rgba(32,99,114,.13);border-radius:8px;z-index:2}.data-card span,.data-card small{display:block;font:500 8px var(--mono);letter-spacing:.8px;color:#568292}.data-card b{display:block;margin:5px 0;font-size:18px}.card-top{top:53px;right:26px}.card-bottom{bottom:47px;left:7px}.status-chip{position:absolute;bottom:7px;right:52px;font:500 10px var(--mono);background:#13384b;color:#e7fcff;padding:9px 12px;border-radius:4px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83ddce;margin-right:7px}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:#378fa1}.star-one{top:75px;left:90px}.star-two{top:190px;right:26px}.star-three{bottom:95px;right:110px}
.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo-strip p{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#56717b;margin:0}.logo-strip div{display:flex;gap:31px;align-items:center;flex-wrap:wrap}.logo-strip span{font-size:11px;font-weight:800;letter-spacing:1px;color:#61747b}
.value-section{padding:150px 0 135px;position:relative}.section-heading h2{font-size:clamp(40px,4.8vw,62px)}.section-intro{position:absolute;top:180px;right:0;width:305px;font-size:14px;line-height:1.8;color:#536b74}.value-grid{margin-top:64px;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:stretch}.feature-card{border:1px solid var(--line);padding:30px;min-height:357px;background:rgba(255,255,255,.22)}.feature-card:not(:first-child){border-left:0}.feature-icon{width:34px;height:34px;display:grid;place-items:center;color:#2e8798;background:#d7edf0;border-radius:50%;font-size:19px}.ice-icon{font-size:25px}.metric{font:500 40px var(--serif);margin:45px 0 0}.metric strong{font-size:62px;color:#2a93a6}.feature-card h3{font:600 18px/1.35 var(--serif);letter-spacing:-.4px;margin:14px 0 10px}.feature-card p:not(.metric){font-size:12px;line-height:1.75;color:#5e747c;max-width:280px}.feature-card a{display:inline-block;margin-top:27px;font-size:11px;font-weight:800}.feature-card a span{margin-left:6px;color:#238ca0}.chart{height:55px;margin-top:21px;display:flex;align-items:end;gap:9px;position:relative;padding-bottom:13px}.bar{width:35px;border-radius:2px 2px 0 0}.hot{height:42px;background:#17374b}.warm{height:28px;background:#94bdc7}.cold{height:13px;background:#55aebe}.chart-labels{position:absolute;bottom:-3px;display:flex;gap:12px;font:500 6px var(--mono);color:#6f858b}.chart-labels b{width:32px;font-weight:500}
.workflow-section{background:var(--navy);color:#edf9f7;padding:128px 0}.light .eyebrow{color:#8bc5cf}.light h2{color:#f0f8f7}.workflow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:75px;position:relative}.workflow:before{content:'';position:absolute;height:1px;background:rgba(194,238,239,.23);top:18px;left:0;right:0}.workflow article{padding-right:50px;position:relative}.workflow article:not(:first-child){padding-left:32px}.workflow span{position:relative;display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #78becc;background:var(--navy);font:500 9px var(--mono);color:#a9dce2}.workflow h3{font:500 25px var(--serif);margin:27px 0 11px}.workflow p{font-size:12px;line-height:1.8;color:#b4c8cb;max-width:260px}
.use-cases{padding:140px 0}.case-list{margin-top:70px;border-top:1px solid var(--line)}.case-list article{display:grid;grid-template-columns:80px 1fr 30px;gap:25px;padding:26px 8px;border-bottom:1px solid var(--line);align-items:center;transition:padding .2s,background .2s}.case-list article:hover{padding-left:16px;background:#ecf3f1}.case-number{font:500 11px var(--mono);color:#478496}.case-list h3{font:500 21px var(--serif);margin:0 0 7px}.case-list p{margin:0;font-size:12px;color:#60767e}.case-arrow{font-size:21px;color:#277f92}
.faq-section{padding:120px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:800;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:#277e91;font-size:20px;font-weight:400;line-height:.7}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:#5d737b;max-width:530px;margin:17px 35px 0 0}
.cta-section{padding:30px 0 100px}.cta-card{min-height:450px;background:#d4edf0;position:relative;overflow:hidden;padding:75px 8.6%;}.cta-card:before,.cta-card:after{content:'';position:absolute;border:1px solid rgba(36,132,148,.18);border-radius:50%}.cta-card:before{width:620px;height:620px;right:-180px;top:-95px}.cta-card:after{width:420px;height:420px;right:-70px;top:8px}.cta-card h2{font-size:clamp(39px,4.5vw,62px);position:relative;z-index:1}.cta-card>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#456a74;max-width:390px;margin:22px 0 27px;position:relative;z-index:1}.snowflake{position:absolute;right:13%;top:44%;color:#5ca7b5;font-size:94px;opacity:.8;z-index:1}.button-light{background:var(--ink);color:#fff;position:relative;z-index:1}.button-light span{color:#8ed5df;font-size:19px}.site-footer{border-top:1px solid var(--line);padding:31px 0 36px;display:flex;justify-content:space-between;align-items:center}.site-footer p,.site-footer div{font:500 9px var(--mono);color:#678088}.site-footer div{display:flex;gap:18px;flex-wrap:wrap}.footer-email{color:#237f92;font-weight:500}
@media (max-width:760px){.section-shell,.site-header{width:min(100% - 40px,1180px)}.site-header{padding:18px 0}.menu-button{display:flex;flex-direction:column;gap:5px;width:35px;height:35px;border:1px solid rgba(220,241,242,.45);background:rgba(7,25,34,.35);border-radius:4px;align-items:center;justify-content:center}.menu-button span{width:15px;height:1px;background:#effafa}.main-nav{display:none;position:absolute;right:0;top:65px;background:var(--paper);color:var(--ink);padding:18px;border:1px solid var(--line);border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:15px}.main-nav.is-open{display:flex}.hero{min-height:650px;padding:0 20px 65px;align-items:flex-end}.hero-image{object-position:60% center}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-description{font-size:14px}.logo-strip{align-items:flex-start;flex-direction:column}.logo-strip div{gap:15px}.value-section{padding:90px 0}.section-intro{position:static;width:auto;margin-top:24px}.value-grid{grid-template-columns:1fr;margin-top:44px}.feature-card:not(:first-child){border-left:1px solid var(--line);border-top:0}.feature-card{min-height:250px}.workflow-section{padding:85px 0}.workflow{grid-template-columns:1fr;gap:35px;margin-top:45px}.workflow:before{top:0;bottom:0;width:1px;height:auto;left:18px}.workflow article,.workflow article:not(:first-child){padding:0 0 0 55px}.workflow h3{margin:0 0 8px}.workflow span{position:absolute;left:0;top:0}.use-cases{padding:90px 0}.case-list{margin-top:44px}.case-list article{grid-template-columns:37px 1fr 20px;gap:9px}.case-list h3{font-size:18px}.case-list p{line-height:1.7}.faq-section{padding:80px 0;grid-template-columns:1fr;gap:42px}.cta-section{padding-bottom:65px}.cta-card{padding:58px 30px;min-height:440px}.snowflake{right:-10px;bottom:20px;top:auto;font-size:80px;opacity:.45}.site-footer{align-items:flex-start;flex-direction:column;gap:18px}.trust-row{margin-top:35px}.hero-actions{gap:17px;flex-wrap:wrap}}