:root { --ink:#17221f; --muted:#64706b; --line:#dbe3de; --paper:#f7faf7; --green:#1f6b52; --gold:#d7a629; --white:#fff; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 85% 5%,#e7f0e8 0,transparent 30%),var(--paper); color:var(--ink); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.shell { width:min(1160px,calc(100% - 40px)); margin:auto; }
.nav { position:relative; display:flex; align-items:center; justify-content:center; gap:24px; padding:34px 0 30px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:18px; color:var(--ink); text-decoration:none; line-height:1.05; }
.brand-copy { display:grid; gap:5px; min-width:0; }
.brand-name { display:block; color:#075b62; font-size:clamp(22px,2.8vw,36px); font-weight:950; letter-spacing:-.055em; white-space:nowrap; }
.brand-initial { display:inline-block; font-size:1.25em; line-height:.8; letter-spacing:-.07em; }
.brand-domain { color:var(--green); font-size:.58em; font-weight:850; letter-spacing:0; }
.brand-tagline { color:#49655e; font-family:"Trebuchet MS","Avenir Next",Avenir,sans-serif; font-size:12px; font-weight:800; letter-spacing:.18em; white-space:nowrap; }
.brand-mark { display:grid; place-items:center; flex:0 0 auto; width:72px; height:72px; border-radius:17px; background:var(--green); color:white; font-size:23px; font-weight:950; letter-spacing:-.1em; box-shadow:7px 7px 0 #dbe8dc; }
.status { position:absolute; right:0; padding:7px 12px; border:1px solid #d5e0d6; border-radius:999px; color:var(--green); background:#eef5ef; font-size:12px; font-weight:750; }
.hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(32px,5vw,72px); min-height:650px; padding:70px 0 20px; }
.eyebrow { margin:0 0 18px; color:var(--green); font-size:12px; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
h1 { max-width:760px; margin:0; font-size:clamp(48px,6vw,72px); line-height:.98; letter-spacing:-.065em; }
h1 em { display:block; margin-top:14px; color:var(--green); font-size:28px; line-height:1.08; letter-spacing:-.04em; font-style:normal; white-space:nowrap; }
.hero-powered { margin:14px 0 0; color:#49655e; font-family:"Trebuchet MS","Avenir Next",Avenir,sans-serif; font-size:clamp(11px,1vw,14px); font-weight:650; letter-spacing:.035em; }
.hero-powered span { color:#075b62; font-weight:900; }
.lede { max-width:560px; margin:28px 0 32px; color:var(--muted); font-size:19px; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:9px; font-size:14px; font-weight:800; text-decoration:none; }
.primary { background:var(--green); color:#fff; box-shadow:0 8px 20px #1f6b5230; }
.text { color:var(--green); }
.analysis-card { position:relative; overflow:hidden; padding:27px; border:1px solid #cedbd1; border-radius:18px; background:#fff; box-shadow:18px 20px 0 #e5eee6; }
.analysis-card:before { content:""; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--green),var(--gold)); }
.card-top,.card-foot { display:flex; justify-content:space-between; gap:12px; color:#7b8781; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.example-link { color:var(--green); text-decoration:none; }
.ticker-row { display:flex; align-items:center; justify-content:space-between; margin-top:42px; color:var(--green); font-size:13px; }
.chip { padding:5px 8px; border-radius:5px; background:#f4edd6; color:#80631a; font-size:10px; font-weight:800; }
.analysis-card h2 { margin:17px 0 8px; font-size:28px; line-height:1.08; letter-spacing:-.04em; }
.structure-list { margin:0; color:var(--ink); font-size:14px; line-height:1.55; }
.card-copy { margin:0; color:var(--muted); }
.levels { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:26px 0; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.levels small { display:block; margin-bottom:4px; color:#89948e; font-size:10px; font-weight:800; text-transform:uppercase; }
.levels b { font-size:12px; }
.dot { width:8px; height:8px; margin-top:5px; border-radius:50%; background:var(--gold); }
.structures-strip { display:grid; grid-template-columns:.7fr 1.3fr; gap:24px; padding:30px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.structures-strip .eyebrow { margin:0 0 10px; }
.structures-strip h2 { max-width:330px; margin:0; font-size:clamp(24px,3vw,36px); line-height:1.02; letter-spacing:-.05em; }
.coverage-note { margin:14px 0 0; color:var(--muted); font-size:13px; line-height:1.45; }
.ecosystem { padding:14px 0 64px; border-top:1px solid var(--line); }
.section-intro { display:grid; grid-template-columns:.7fr 1.3fr; align-items:end; gap:24px; margin-bottom:30px; }
.section-intro .eyebrow { margin:0; }
.section-intro h2 { max-width:760px; margin:0; font-size:clamp(30px,4vw,52px); line-height:1.02; letter-spacing:-.05em; }
.section-intro > p:last-child { grid-column:2; margin:0; color:var(--muted); }
.product-stack { display:grid; gap:16px; }
.product-card { display:grid; grid-template-columns:7fr 3fr; gap:clamp(28px,6vw,90px); min-width:0; padding:28px 30px; border:1px solid #cedbd1; border-radius:16px; background:#fff; box-shadow:10px 12px 0 #ced6cf; }
.product-card-featured { border-top:5px solid var(--green); padding-top:20px; }
.product-kicker { margin:0 0 13px; color:var(--green); font-size:10px; font-weight:900; letter-spacing:.12em; }
.product-card h3 { margin:0; font-size:clamp(27px,3vw,42px); line-height:1.02; letter-spacing:-.05em; overflow-wrap:anywhere; }
.product-lede { margin:14px 0 7px; color:var(--ink); font-size:17px; font-weight:800; }
.product-description { max-width:700px; margin:0; color:var(--muted); font-size:14px; }
.product-access-note { max-width:700px; margin:14px 0 0; color:var(--green); font-size:12px; font-weight:800; }
.product-flow { margin:18px 0; padding:13px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--green) !important; font-size:12px !important; font-weight:850; line-height:1.45; }
.product-access { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; padding-left:28px; border-left:1px solid var(--line); }
.access-stack { display:grid; gap:6px; width:100%; max-width:230px; padding:0 0 20px; }
.access-first-line { display:flex; align-items:baseline; gap:10px; }
.free-access-label { color:var(--green); font-size:12px; font-weight:900; letter-spacing:.1em; }
.delayed-access-label { color:#89948e; font-size:12px; font-weight:700; }
.access-detail { margin-left:0; color:var(--green); font-size:12px; font-weight:900; letter-spacing:.1em; }
.access-current { display:flex; align-items:baseline; gap:10px; }
.access-current small { color:#89948e; font-size:10px; font-weight:900; letter-spacing:.1em; }
.access-current strong { font-size:13px; }
.access-grid strong { font-size:13px; }
.product-access-simple { justify-content:center; }
.research-access { display:grid; gap:3px; width:100%; max-width:230px; margin-bottom:16px; }
.research-access strong { color:var(--green); font-size:12px; font-weight:900; letter-spacing:.08em; }
.research-access span { color:#89948e; font-size:12px; font-weight:700; line-height:1.35; }
.research-access-free { color:var(--green) !important; font-size:12px !important; font-weight:900 !important; letter-spacing:.08em; }
.product-card .button { align-self:flex-start; font-size:12px; white-space:nowrap; }
.disclaimer { margin:25px 0 0; color:#89948e; font-size:11px; }
.hlap-note { display:grid; grid-template-columns:.7fr 1.3fr; gap:10px 24px; padding:42px 0 46px; border-top:1px solid var(--line); }
.hlap-note .eyebrow { grid-column:1; margin:0; }
.hlap-note h2,.hlap-note > p:not(.eyebrow) { grid-column:2; }
.hlap-note h2 { margin:0; font-size:clamp(28px,3.5vw,46px); line-height:1.02; letter-spacing:-.05em; }
.hlap-note > p:not(.eyebrow) { max-width:720px; margin:0; color:var(--muted); }
.hlap-note .hlap-tagline { margin-top:2px; color:var(--green); font-weight:850; }
.start-free { padding:48px 0 52px; border-top:1px solid var(--line); }
.start-free .eyebrow { margin-bottom:12px; }
.start-free h2 { max-width:650px; margin:0 0 25px; font-size:clamp(32px,4vw,55px); line-height:1; letter-spacing:-.055em; }
.start-free-copy { max-width:680px; margin:0; color:var(--muted); font-size:16px; }
footer { display:flex; justify-content:space-between; gap:16px; padding:18px 0 28px; color:#82908a; font-size:12px; }
@media (max-width:780px) { .shell { width:min(100% - 28px,600px); } .nav { align-items:flex-start; justify-content:space-between; flex-direction:column; } .status { position:static; } .brand-name { font-size:20px; } .brand-tagline { font-size:9px; } .brand-mark { width:58px; height:58px; font-size:19px; } .hero { grid-template-columns:1fr; min-height:auto; padding:58px 0 70px; } .analysis-card { max-width:560px; } h1 em { white-space:normal; } .structures-strip,.hlap-note { grid-template-columns:1fr; } .hlap-note .eyebrow,.hlap-note h2,.hlap-note > p:not(.eyebrow) { grid-column:auto; } .section-intro { grid-template-columns:1fr; } .section-intro > p:last-child { grid-column:auto; } .product-card { grid-template-columns:1fr; gap:22px; padding:24px; } .product-access { padding:20px 0 0; border-top:1px solid var(--line); border-left:0; } .product-access-simple { padding-top:0; border-top:0; } footer { flex-direction:column; } }