:root{color-scheme:light;--ink:#19242b;--muted:#5c696e;--paper:#f7f8f5;--line:#dce3df;--accent:#326f71;--soft:#e4f0ed}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}
.page-shell{max-width:1240px;margin:0 auto;padding:0 48px}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.045em}
.brand-mark{width:31px;height:31px;display:flex;align-items:end;justify-content:center;gap:3px;padding:6px;border:1px solid #a7c5bf;border-radius:9px;background:#e9f3f0;transform:rotate(-5deg)}
.brand-mark span{width:4px;border-radius:5px;background:var(--accent)}
.brand-mark span:nth-child(1){height:7px}.brand-mark span:nth-child(2){height:12px}.brand-mark span:nth-child(3){height:17px}
nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:650}
nav a{text-decoration:none}nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--accent)}
.hero{min-height:565px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:80px 0 92px}
.hero-copy{max-width:595px}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 26px;padding:8px 12px;background:var(--soft);border:1px solid #c9e0d9;border-radius:100px;color:#265a5a;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}
.status-dot{width:6px;height:6px;border-radius:50%;background:#3f8f81;box-shadow:0 0 0 3px #c5dfd8}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.12}
h1{font-size:clamp(48px,5vw,72px);font-weight:720;margin-bottom:24px}
.lead{max-width:550px;color:var(--muted);font-size:17px;line-height:1.75;margin-bottom:29px}
.text-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:13px;font-weight:750;color:#245d5e}
.signal-card{height:352px;background:#fff;border:1px solid #dce5e1;border-radius:14px;box-shadow:0 20px 46px rgba(31,63,58,.07),0 2px 5px rgba(31,63,58,.04);padding:26px 28px 21px;transform:rotate(2deg)}
.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#778883;letter-spacing:.14em;font-size:10px;font-weight:750}.card-stars{font-size:17px;color:#87aaa1;letter-spacing:2px}
.chart{position:relative;height:242px;margin:15px 0 9px;overflow:hidden}.chart-grid{position:absolute;inset:0;background:linear-gradient(to bottom,transparent calc(25% - 1px),#edf1ee 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#edf1ee 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#edf1ee 75%,transparent calc(75% + 1px))}
.chart svg{position:absolute;inset:18px 0 6px;width:100%;height:210px;overflow:visible}.chart-fill{fill:#d8ebe5}.chart-line{fill:none;stroke:#347b73;stroke-width:4;stroke-linecap:round}.chart circle{fill:#347b73;stroke:#fff;stroke-width:4}
.card-bottom{border-top:1px solid #e9efeb;padding-top:13px;letter-spacing:0;text-transform:uppercase;font-size:9px}
.about-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;padding:91px 0 104px;border-top:1px solid var(--line)}
.section-label{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--accent);margin-bottom:22px}
.section-intro h2{font-size:clamp(36px,3.4vw,50px);margin-bottom:22px}.section-intro p:not(.section-label){max-width:450px;color:var(--muted);font-size:15px;line-height:1.8}
.features{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.features li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.feature-number{padding-top:5px;color:#7ca39a;font-size:11px;font-weight:800}.features h3{font-size:19px;font-weight:700;margin-bottom:5px}.features p{color:var(--muted);font-size:13px;margin:0}
.site-footer{padding:26px 0 46px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;margin-bottom:19px}.footer-row a{text-decoration:none;font-weight:650}.site-footer p{max-width:900px;margin:0;font-size:11px;line-height:1.7}
.policy-page{max-width:820px;padding:80px 0 106px}.policy-page h1{font-size:clamp(44px,5vw,66px);margin-bottom:18px}.policy-lead{color:var(--muted);font-size:18px;line-height:1.7;margin-bottom:49px}.policy-content{border-top:1px solid var(--line)}.policy-content section{padding:27px 0;border-bottom:1px solid var(--line)}.policy-content h2{font-size:23px;margin-bottom:9px}.policy-content p{color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:0}.policy-content a{color:var(--accent)}.back-link{margin-top:40px}
@media(max-width:850px){.page-shell{padding:0 28px}.hero{gap:36px}.signal-card{height:300px;padding:20px}.chart{height:195px}.chart svg{height:175px}.about-section{gap:45px}}
@media(max-width:680px){.page-shell{padding:0 20px}.site-header{height:76px}.brand{font-size:17px}nav{gap:17px;font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:45px;min-height:0;padding:70px 0 76px}.hero-copy{max-width:600px}h1{font-size:clamp(44px,11vw,62px)}.lead{font-size:16px}.signal-card{max-width:530px;width:100%;align-self:center;transform:rotate(1deg)}.about-section{display:block;padding:69px 0 74px}.section-intro{margin-bottom:37px}.policy-page{padding:66px 0 82px}}
@media(max-width:380px){nav{gap:10px}.brand{gap:7px;font-size:16px}.signal-card{height:275px}.chart{height:170px}.chart svg{height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}