:root{--navy:#06152f;--deep:#030c1d;--white:#f8f8f4;--ink:#0b1930;--cyan:#39e2eb;--pink:#ff4ab4;--lime:#b5f16b;--gold:#ffc858;--line:rgba(175,216,244,.24)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--white);font-family:'DM Sans','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.shell{width:min(calc(100% - 72px),1300px);margin-inline:auto}
.skip-link{position:absolute;z-index:100;top:-70px;left:18px;padding:12px;background:#fff;color:#06152f}.skip-link:focus{top:16px}
.preview-ribbon{display:flex;justify-content:center;gap:20px;padding:8px 18px;background:#173b8a;color:#fff;font-size:11px;font-weight:800;letter-spacing:.13em}.preview-ribbon span{font-weight:500;letter-spacing:0}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#051227}
.header-row{display:flex;align-items:center;gap:34px;min-height:76px}
.brand{display:inline-flex;align-items:center;gap:18px;text-decoration:none;white-space:nowrap}.brand img{width:84px}.brand span{padding-left:16px;border-left:1px solid var(--line);color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em}
.desktop-nav{display:flex;gap:30px;margin-left:auto}.desktop-nav a,.header-signin{font-size:14px;font-weight:700;text-decoration:none}.desktop-nav a:hover,.header-signin:hover,.site-footer a:hover{color:var(--cyan)}
.header-signin{margin-left:12px}.mobile-nav{display:none}
.eyebrow{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.15em;line-height:1.4}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy)}.hero:before{position:absolute;z-index:-1;inset:-12% -12% 8% 15%;content:'';background:url('/redesign/assets/color-field.png') center right/cover no-repeat;opacity:.5}.hero:after{position:absolute;z-index:-1;inset:0;content:'';background:linear-gradient(90deg,#06152f 0%,rgba(6,21,47,.88) 45%,rgba(6,21,47,.3) 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.8fr);align-items:center;gap:clamp(50px,7vw,130px);min-height:720px;padding-block:94px 100px}
.hero h1{max-width:820px;margin:28px 0 28px;font-size:clamp(60px,6.1vw,97px);font-weight:800;letter-spacing:-.078em;line-height:.99;text-wrap:balance}.hero h1 em{color:var(--cyan);font-style:normal}
.hero-definition{max-width:610px;font-size:clamp(22px,2.1vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.035em}.hero-explain{max-width:610px;margin:17px 0 31px;color:#e0eafa;font-size:clamp(18px,1.45vw,21px);line-height:1.5}
.primary-action{display:flex;align-items:center;justify-content:space-between;gap:30px;width:min(100%,390px);min-height:64px;padding:0 0 0 23px;border-left:6px solid var(--pink);background:var(--lime);box-shadow:7px 7px 0 var(--cyan);color:#06152f;font-size:17px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s}.primary-action span:last-child{display:grid;place-items:center;align-self:stretch;min-width:63px;border-left:1px solid rgba(6,21,47,.18);font-size:27px}.primary-action:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--cyan)}
.under-action{max-width:400px;margin-top:20px;color:#c1d4e8;font-size:14px;line-height:1.5}.quiet-link{display:inline-flex;align-items:center;gap:17px;min-height:44px;margin-top:17px;border-bottom:2px solid var(--cyan);color:#e7fcff;font-size:15px;font-weight:700;text-decoration:none}.quiet-link:hover{color:var(--cyan)}
.hero-proof{position:relative;width:min(100%,485px);margin-inline:auto}.hero-proof__backdrop{position:absolute;inset:-20px -22px 18px 42px;border:1px solid var(--cyan);background:linear-gradient(160deg,#1263a8 0%,#321d73 65%,#d92994 100%);transform:rotate(3deg)}.hero-proof__screen{position:relative;padding:15px;background:#f1f3eb;color:#06152f;box-shadow:14px 14px 0 rgba(255,74,180,.75)}.proof-label{padding:0 5px 12px;font-size:11px;font-weight:800;letter-spacing:.12em}.hero-proof img{width:100%;max-height:570px;object-fit:contain;background:#071121}.hero-proof figcaption{padding:12px 4px 2px;font-size:13px;font-weight:700}
.idea-band{padding-block:70px;background:#32dfe9;color:#06152f}.idea-grid{display:grid;grid-template-columns:.34fr 1fr;gap:30px}.idea-band .eyebrow{color:#0d3b83}.idea-band h2{max-width:850px;font-size:clamp(38px,4.7vw,65px);line-height:1.02;letter-spacing:-.06em}.idea-band p:not(.eyebrow){max-width:780px;margin-top:17px;font-size:20px;line-height:1.45}
.steps-section{padding-block:100px 110px;background:#f5f5f0;color:var(--ink)}.section-heading{max-width:850px;margin-bottom:42px}.steps-section .eyebrow{color:#9a126a}.section-heading h2{margin:15px 0;font-size:clamp(42px,5.5vw,72px);line-height:1.03;letter-spacing:-.065em}.section-heading>p:last-child{font-size:20px;line-height:1.5}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d4dfe5;box-shadow:7px 7px 0 #ccecf0}.step-card__image{position:relative;display:grid;place-items:center;height:270px;overflow:hidden;background:linear-gradient(145deg,#091938,#1a3e7a);border-bottom:5px solid var(--pink)}.step-card__image img{width:auto;height:100%;object-fit:cover}.step-card__image--story img{width:100%;object-fit:cover}.step-card__image span{position:absolute;left:12px;bottom:12px;padding:6px 8px;background:#06152fee;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em}.step-card__copy{padding:25px 24px 30px}.step-card__copy b{color:#ad1681;font-size:13px;letter-spacing:.14em}.step-card h3{margin:12px 0;font-size:clamp(24px,2.5vw,34px);letter-spacing:-.05em}.step-card p{color:#455468;font-size:17px;line-height:1.5}.quiet-link--dark{margin-top:37px;color:#0a2761;border-color:#0a6db7}
.people-section{padding-block:100px;background:#0b2255}.people-section .section-heading{max-width:950px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.people-grid article{padding:25px 22px 28px;border-top:4px solid var(--cyan);background:#112e68;min-height:225px}.people-grid article:nth-child(2){border-color:var(--pink)}.people-grid article:nth-child(3){border-color:var(--gold)}.people-grid h3{margin:20px 0 10px;font-size:26px;letter-spacing:-.04em}.people-grid p{color:#d1e2f3;font-size:17px;line-height:1.48}.status{display:inline-block;padding:5px 8px;border:1px solid currentColor;color:#79edf3;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.status--prototype{color:#ff8bc9}.status--planned{color:#ffd47c}.people-section>.shell>.quiet-link{margin-top:32px}
.story-section{position:relative;isolation:isolate;display:flex;align-items:center;min-height:580px;overflow:hidden;background:#06152f}.story-section__image{position:absolute;z-index:-2;inset:0;background:url('/redesign/assets/fields-dawn.png') center right/cover no-repeat}.story-section:after{position:absolute;z-index:-1;inset:0;content:'';background:linear-gradient(90deg,#06152f 0%,rgba(6,21,47,.93) 33%,rgba(6,21,47,.52) 66%,rgba(6,21,47,.15))}.story-content{padding-block:100px}.story-content h2{max-width:700px;margin:17px 0 20px;font-size:clamp(48px,6vw,82px);letter-spacing:-.07em;line-height:1}.story-content>p:not(.eyebrow){max-width:540px;font-size:20px;line-height:1.5}.secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:58px;margin-top:30px;padding:0 20px;border-left:5px solid var(--pink);background:#fff;color:#06152f;font-weight:800;text-decoration:none}.secondary-action:hover{background:var(--cyan)}.story-content .story-caption{margin-top:22px;color:#d1e2f3;font-size:13px!important}
.status-section{padding-block:90px;background:#fff;color:var(--ink)}.status-layout{display:grid;grid-template-columns:.9fr 1fr;gap:90px}.status-section .eyebrow{color:#9a126a}.status-section h2{margin-top:16px;font-size:clamp(39px,5vw,65px);line-height:1.02;letter-spacing:-.06em}.status-details{border-top:2px solid #162b55}.status-details p{padding:18px 0;border-bottom:1px solid #c5d4df;color:#3b4b61;font-size:18px;line-height:1.5}.status-details strong{color:#0b1930}
.site-footer{padding:45px 0 30px;background:#030c1d;color:#c2d2e3}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid>div>p{margin-top:16px;font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:15px 25px}.site-footer nav a{font-size:14px;text-decoration:none}.footer-note{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.5}
/* How it works */
.inner-hero{padding-block:92px;background:radial-gradient(circle at 88% 26%,rgba(57,226,235,.2),transparent 29%),url('/redesign/assets/color-field.png') center right/cover,#06152f}.inner-hero h1{max-width:850px;margin:20px 0 24px;font-size:clamp(62px,7vw,100px);letter-spacing:-.075em;line-height:.96}.inner-hero p:not(.eyebrow){max-width:780px;margin-bottom:30px;font-size:23px;line-height:1.42}.inner-hero .under-action{margin-top:19px;font-size:14px}
.walkthrough{padding-block:94px;background:#fff;color:var(--ink)}.walkthrough .eyebrow{color:#9a126a}.walk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:clamp(30px,6vw,90px);padding:44px 0;border-top:1px solid #d0dce5}.walk-row:last-child{border-bottom:1px solid #d0dce5}.walk-row:nth-of-type(2) .walk-image{order:-1}.walk-number{color:#b91582;font-size:14px;font-weight:800;letter-spacing:.15em}.walk-row h3{margin:18px 0;font-size:clamp(37px,4vw,56px);letter-spacing:-.06em}.walk-row p{max-width:600px;color:#405169;font-size:21px;line-height:1.5}.walk-image{display:grid;place-items:center;max-height:490px;overflow:hidden;background:#0b214d;border:10px solid #d9f9f4;box-shadow:12px 12px 0 #fc6caf}.walk-image img{height:450px;width:100%;object-fit:contain}.walk-image--scene img{object-fit:cover}
.example-section{padding-block:90px;background:#101e43}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.example-grid figure{padding:9px;background:#172e61}.example-grid img{width:100%;height:270px;object-fit:contain;background:#07142e}.example-grid figcaption{padding:15px 7px 8px;color:#d4e5f4;font-size:15px;line-height:1.42}.example-grid figcaption strong{display:block;margin-bottom:5px;color:#fff}.example-note{margin-top:27px;color:#c2d6ea;font-size:16px;line-height:1.5}
.controls-section{padding-block:90px;background:#f4f4ef;color:var(--ink)}.controls-grid{display:grid;grid-template-columns:.75fr 1fr;gap:70px}.controls-section .eyebrow{color:#9a126a}.controls-section h2{margin-top:15px;font-size:clamp(41px,5vw,64px);letter-spacing:-.06em}.controls-list{list-style:none;margin:0;padding:0;border-top:2px solid #263d68}.controls-list li{padding:17px 0;border-bottom:1px solid #c9d6dd;font-size:19px;line-height:1.5}.controls-list strong{color:#101e43}
.faq-section{padding-block:88px;background:#0b2255}.faq-section details{border-top:1px solid var(--line)}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;padding:22px 0;font-size:20px;font-weight:800}.faq-section details p{max-width:820px;padding:0 0 23px;color:#d0e0ef;font-size:18px;line-height:1.5}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:62px;min-height:0}.hero-proof{width:min(100%,500px)}.step-card__image{height:225px}.status-layout{gap:45px}}
@media(max-width:760px){.shell{width:min(calc(100% - 38px),1300px)}.header-row{min-height:66px;gap:12px}.brand img{width:72px}.brand span{font-size:10px}.desktop-nav{display:none}.header-signin{margin-left:auto}.mobile-nav{display:block;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;padding:10px 12px;border:1px solid var(--line);font-size:13px;font-weight:800}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;z-index:20;top:100%;right:0;display:grid;min-width:190px;padding:8px 18px;background:#071731;border:1px solid var(--line);box-shadow:0 14px 20px #0008}.mobile-nav nav a{padding:11px 0;text-decoration:none;border-bottom:1px solid var(--line)}.mobile-nav nav a:last-child{border:0}.hero-grid{padding-block:66px 82px}.hero h1{font-size:clamp(53px,10vw,78px)}.idea-grid,.status-layout,.controls-grid{grid-template-columns:1fr;gap:20px}.step-grid,.people-grid{grid-template-columns:1fr}.step-card{display:grid;grid-template-columns:.42fr .58fr}.step-card__image{height:100%;min-height:220px;border-bottom:0;border-right:5px solid var(--pink)}.walk-row{grid-template-columns:1fr}.walk-row:nth-of-type(2) .walk-image{order:0}.example-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{display:block}.site-footer nav{justify-content:flex-start;margin-top:28px}}
@media(max-width:540px){.preview-ribbon{display:block;text-align:center;font-size:10px}.preview-ribbon span{display:block;margin-top:2px}.brand{gap:9px}.brand span{padding-left:9px}.hero h1{font-size:clamp(47px,11.3vw,64px)}.hero-definition{font-size:22px}.hero-explain{font-size:18px}.hero-proof__backdrop{inset:-11px -8px 20px 19px}.hero-proof__screen{padding:10px;box-shadow:7px 7px 0 rgba(255,74,180,.75)}.proof-label{font-size:9px}.hero-proof img{max-height:450px}.idea-band,.steps-section,.people-section,.status-section,.walkthrough,.example-section,.controls-section,.faq-section{padding-block:65px}.idea-band h2,.section-heading h2{font-size:clamp(38px,9vw,52px)}.step-card{display:block}.step-card__image{height:230px;border-right:0;border-bottom:5px solid var(--pink)}.step-card__copy{padding:20px}.people-grid article{min-height:0}.story-section{min-height:570px;align-items:flex-end}.story-section:after{background:linear-gradient(0deg,#06152f 0%,rgba(6,21,47,.92) 50%,rgba(6,21,47,.1))}.story-content{padding-block:220px 55px}.story-content h2{font-size:55px}.inner-hero{padding-block:70px}.inner-hero h1{font-size:clamp(51px,11vw,70px)}.inner-hero p:not(.eyebrow){font-size:20px}.walk-row{padding:30px 0}.walk-image img{height:360px}.example-grid{grid-template-columns:1fr 1fr;gap:8px}.example-grid figure{padding:4px}.example-grid img{height:200px}.example-grid figcaption{font-size:12px}.controls-list li{font-size:17px}}
@media(max-width:360px){.brand span{display:none}.example-grid{grid-template-columns:1fr}.example-grid img{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-action{transition:none}}
.inner-hero{background:linear-gradient(90deg,#06152f 0%,rgba(6,21,47,.9) 40%,rgba(6,21,47,.28) 100%),url('/redesign/assets/color-field.png') center right/cover,#06152f}
@media(max-width:760px){.inner-hero{background:linear-gradient(90deg,rgba(6,21,47,.94),rgba(6,21,47,.72)),url('/redesign/assets/color-field.png') center right/cover,#06152f}}
