@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1e31;--ink:#142c38;--muted:#687c84;--green:#0ba877;--lime:#45cf88;--line:#dae7e1;--bg:#f5f9f7;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--shadow:0 22px 70px rgba(9,47,56,.08)}
html{scroll-behavior:smooth}body{font-family:var(--body);font-size:16px;line-height:1.62;background:#fff;-webkit-font-smoothing:antialiased}h1,h2,h3,button,.brand{font-family:var(--display)}h1,h2,h3{color:var(--navy);font-weight:800;letter-spacing:-.055em}header,main,footer{max-width:1240px;padding-left:30px;padding-right:30px}header{min-height:104px;padding-top:15px;padding-bottom:15px;gap:20px;background:white;border-color:#edf0ee}.brand{display:block;width:244px;flex-shrink:0}.brand img{display:block;width:100%;height:auto;object-fit:contain;max-height:none}.header-right{display:flex;align-items:center;gap:24px}.back-link{color:#53646a;text-decoration:none;font:700 12px var(--display)}.back-link:hover{color:var(--green)}.badge{background:var(--navy);color:white;border-radius:50px;font:800 10px var(--display);padding:12px 17px;letter-spacing:.08em}.badge::first-letter{color:var(--lime)}main{padding-top:0}.intro{position:relative;padding:68px 0 52px;gap:55px;background:radial-gradient(circle at 72% 45%,rgba(172,241,208,.22),transparent 60%)}.eyebrow{display:flex;align-items:center;gap:12px;color:#14725c;font:800 10px/1.5 var(--display);letter-spacing:.17em;margin:0 0 20px}.eyebrow:before{content:'';width:26px;height:2px;background:var(--green);flex-shrink:0}h1{font-size:clamp(38px,4.9vw,64px);line-height:1.1;letter-spacing:-.055em;margin:0 0 23px}h1 em{color:var(--green)}.intro p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:560px}.intro aside{position:relative;overflow:hidden;border:1px solid #385469;border-radius:24px;background:linear-gradient(145deg,#102f48,#0b1929);padding:34px;box-shadow:0 24px 55px rgba(6,43,49,.16)}aside:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #476b6e;border-radius:50%;right:-130px;top:-130px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02);pointer-events:none}aside strong{font-family:var(--display);font-size:19px;letter-spacing:-.03em;color:#fff}.flow-step{display:flex;align-items:center;gap:15px;border-top:1px solid #355064;padding:12px 0;color:#c5dbdc;font-size:13px}.flow-step:first-of-type{margin-top:22px}.flow-step b{display:grid;place-items:center;border:1px solid #3a746d;background:#173e47;color:#7be9ba;width:28px;height:28px;border-radius:9px;font:800 10px var(--display)}aside>span{display:block;margin-top:14px;color:#9fbaba;font-size:11px}nav{border-bottom:1px solid var(--line);padding:12px 0;gap:12px}button{font-family:var(--display);font-size:13px;border-radius:50px;transition:background .2s,color .2s,border-color .2s}nav button{padding:14px 23px;font-size:12px}nav button.active{background:var(--navy);color:white;box-shadow:0 8px 22px rgba(11,30,49,.08)}nav button:hover:not(.active){background:#eaf7f0;color:#067b57}.notice{font-size:11px;padding:17px 0 27px;color:var(--muted)}.split{gap:28px;align-items:stretch}.story{background:linear-gradient(145deg,#f3faf6,#e9f6ef);border:1px solid #dcebe3;border-radius:24px;padding:38px}.pill{background:white;border:1px solid #d6e8dd;color:#14725c;font:800 9px var(--display);letter-spacing:.14em}.story h2{font-size:46px;letter-spacing:-.05em;margin:27px 0 20px}.story>p{color:#536c72;font-size:18px;line-height:1.7}.benefit{margin:27px 0}.benefit b{background:white;color:var(--green);border-radius:10px;box-shadow:0 8px 20px rgba(9,47,56,.05)}.benefit strong{font:800 13px var(--display);color:var(--navy)}.benefit p{font-size:13px;line-height:1.7}.story>small{margin-top:30px}.panel{border:1px solid #e1eae5;border-radius:24px;box-shadow:var(--shadow);padding:32px}h2{font-size:30px;line-height:1.18}h3{font-size:18px}.muted{font-size:13px}label{font:700 12px var(--display);color:var(--navy)}input,select{background:#f8fbf9;border-color:#dce7e1;border-radius:11px;font-family:var(--body);font-size:14px;min-height:48px;padding:12px}.fields{gap:15px}input:focus,select:focus{border-color:var(--green)}.primary{background:#0aa574;color:#fff;box-shadow:0 10px 24px rgba(4,138,98,.15)}.primary:hover:not(:disabled){background:#098963}.secondary{background:#fff;border:1px solid #becfc8;color:var(--navy)}.secondary:hover:not(:disabled){background:#f2faf6;border-color:var(--green)}form .primary{padding:16px 22px;min-height:53px}.section-head h2{font-size:36px;margin:8px 0}.section-head .eyebrow{margin-bottom:10px}.metric{border:1px solid #e1eae5;border-radius:18px;padding:23px;box-shadow:0 9px 30px rgba(9,47,56,.035)}.metric b{font:800 36px var(--display);color:var(--navy);letter-spacing:-.05em}.metric span{display:block;margin-top:5px}.metric:last-child{background:var(--navy);border-color:var(--navy)}.metric:last-child b{color:#7be9ba}.metric:last-child span{color:#b8cecf}.workspace{grid-template-columns:.85fr 1.3fr;gap:24px}.lead{border-radius:14px;padding:17px;background:#f8fbf9;border:1px solid #e1eae5;font-size:13px}.lead.selected{background:#eef9f3;border-color:#0ba877;box-shadow:inset 3px 0 #0ba877}.lead small{font-family:var(--body);font-weight:400}.tag{background:#e5f6ec;color:#087151;font-family:var(--display);font-weight:800;padding:4px 9px;font-size:9px}.actions{gap:9px}.actions button{font-size:11px;padding:11px 15px;min-height:40px}.event{border-color:#a8d9c2}.event>strong{font:800 13px var(--display)}details{background:#f5faf7;border:1px solid #e3eee7;padding:13px;border-radius:11px}.event p{line-height:1.75}.event time{font-family:var(--display)}footer{margin-top:60px;padding-top:30px;padding-bottom:30px;border-top:1px solid #e1eae5}.footer-brand{width:180px;height:auto;display:block;flex-shrink:0}footer>span{color:var(--muted);font-size:12px}footer small{font-size:10px}.skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:white;padding:12px 18px;color:var(--navy)}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #55bd90;outline-offset:4px}::selection{background:#a8eed3;color:var(--navy)}
@media(max-width:1000px){.intro{gap:30px}.header-right{gap:15px}.brand{width:210px}}@media(max-width:760px){header,main,footer{padding-left:20px;padding-right:20px}header{min-height:90px;gap:12px}.brand{width:190px}.header-right .back-link{display:none}.badge{font-size:8px;padding:10px 12px}.intro{padding:38px 0 28px;grid-template-columns:1fr;gap:25px}.intro aside{padding:25px}.flow-step{padding:9px 0}.intro .eyebrow{font-size:9px}.intro p:not(.eyebrow){font-size:14px}.split,.workspace{grid-template-columns:1fr}.story,.panel{padding:25px;border-radius:20px}.story h2{font-size:36px}.section-head h2{font-size:28px}.section-head button{font-size:10px;padding:10px 13px}.metrics{gap:12px}.metric{padding:20px}.metric b{font-size:30px}nav{gap:6px}nav button{padding:12px 16px;font-size:11px}.notice{font-size:10px}.footer-brand{width:165px}footer{gap:15px;margin-top:38px}.eyebrow{font-size:9px}}@media(max-width:390px){.brand{width:155px}.badge{letter-spacing:0;font-size:8px}.actions{flex-direction:column}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}