:root { --ink:#17201c; --muted:#68706c; --paper:#f8f7f1; --line:#d9d7ce; --wood:#efb652; --green:#168f5e; --deep:#12392d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.site-header, main > section, footer { max-width:1180px; margin:0 auto; padding-left:32px; padding-right:32px; }
.site-header { height:80px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(23,32,28,.1); }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:21px; font-weight:750; letter-spacing:-.04em; }
.brand-mark { position:relative; width:30px; height:30px; display:inline-grid; grid-template:repeat(3,1fr)/repeat(3,1fr); gap:3px; padding:3px; border:2px solid var(--ink); border-radius:8px; }
.brand-mark i { display:block; width:100%; height:100%; border-radius:50%; background:var(--ink); }.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){background:var(--wood)}.brand-mark i:nth-child(3){grid-column:3}.brand-mark i:nth-child(4){grid-column:1;grid-row:3}.brand-mark i:nth-child(5){grid-column:3;grid-row:3}.brand-mark.small{transform:scale(.78); transform-origin:left center; margin-right:-6px;}
nav { display:flex; gap:26px; font-size:14px; color:var(--muted); } nav a:hover,.footer-links a:hover { color:var(--green); }
.hero { min-height:610px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:65px; padding-top:84px; padding-bottom:90px; }
.eyebrow { color:var(--green); font-size:12px; font-weight:800; letter-spacing:.15em; margin:0 0 18px; }.hero h1,.intro h2,.local h2,.sources h2,.closing h2 { letter-spacing:-.075em; line-height:1.05; margin:0; font-size:clamp(48px,6vw,79px); }.hero h1 em { color:var(--green); font-style:normal; }.hero-lead { color:var(--muted); font-size:20px; max-width:390px; margin:27px 0; }.hero-actions { display:flex; gap:12px; align-items:center; }.button { display:inline-flex; justify-content:center; align-items:center; min-height:47px; padding:0 21px; border-radius:999px; font-size:15px; font-weight:700; transition:transform .15s,background .15s; }.button:hover{transform:translateY(-2px)}.button.primary { background:var(--green); color:#fff; }.button.secondary { border:1px solid var(--line); }.quiet { color:#919692; font-size:13px; margin:16px 0 0; }
.product-shot { width:min(100%,270px); margin:0 auto; border-radius:26px; overflow:hidden; background:#0d0d0d; box-shadow:0 22px 48px rgba(20,27,23,.20), 0 0 0 5px #171a19; line-height:0; }.product-shot img { display:block; width:100%; height:auto; }.product-shot figcaption{padding:12px 13px 13px;color:#e8ebe9;background:#171a19;font-size:11px;line-height:1.4;font-weight:650;letter-spacing:.01em;text-align:center}
.proof{padding-top:104px;padding-bottom:105px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}.proof .eyebrow{grid-column:1/-1}.proof h2{font-size:clamp(38px,4.4vw,58px);letter-spacing:-.075em;line-height:1.05;margin:0}.proof p{max-width:500px;color:var(--muted);font-size:17px;margin:0 0 15px}.proof .proof-note{font-size:13px;margin:0;color:#8a908c}
.intro { padding-top:120px;padding-bottom:66px; border-top:1px solid var(--line); }.intro h2,.local h2,.sources h2,.closing h2{font-size:clamp(38px,4.4vw,58px)}.intro > p:last-child { max-width:570px; color:var(--muted); font-size:18px; margin:26px 0 0; }.feature-grid { max-width:1180px; margin:0 auto; padding:0 32px 125px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.feature-grid article,.source-cards article{background:#fff;border:1px solid #e8e5db;border-radius:14px;padding:30px;min-height:245px}.feature-number{font-size:13px;font-weight:800;color:var(--green)}h3{font-size:22px;letter-spacing:-.04em;margin:42px 0 9px}.feature-grid p,.source-cards p{color:var(--muted);font-size:15px;margin:0}
.local { background:var(--deep);color:#fff;max-width:none;padding:100px max(32px,calc((100vw - 1116px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px}.local .eyebrow{color:#84d5ad}.local dl{margin:0;border-top:1px solid #ffffff44}.local dl div{padding:18px 0;border-bottom:1px solid #ffffff44;display:grid;grid-template-columns:92px 1fr;gap:12px}.local dt{font-weight:700}.local dd{margin:0;color:#d4e0da}
.sources { padding-top:118px;padding-bottom:115px }.source-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:31px}.source-cards article span{display:inline-grid;place-items:center;min-width:54px;height:31px;border-radius:6px;background:#edb756;color:#513500;font-size:12px;font-weight:800}.source-cards article h3{margin:31px 0 8px}.disclaimer{max-width:790px;color:var(--muted);font-size:13px;margin:29px 0 0}
.closing { padding-top:105px;padding-bottom:112px;border-top:1px solid var(--line) }.closing .button{margin-top:29px}footer{border-top:1px solid var(--line);padding-top:38px;padding-bottom:36px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;font-size:14px;color:var(--muted)}footer .brand{color:var(--ink)}footer p{margin:0}.footer-links{display:flex;gap:20px;justify-content:flex-end}footer small{grid-column:1/-1;color:#989b97}
.icp-record{text-align:center}.icp-record a:hover{color:var(--green)}
.legal { max-width:820px;margin:0 auto;padding:88px 32px 110px }.legal h1{font-size:46px;letter-spacing:-.06em;line-height:1.1;margin:0 0 12px}.legal .date{color:var(--muted);margin:0 0 48px}.legal h2{font-size:22px;margin:34px 0 10px}.legal p,.legal li{color:#414944}.legal a{color:var(--green);text-decoration:underline}.legal .back{display:inline-flex;margin-bottom:50px;color:var(--green);font-weight:700}
@media (max-width:720px){.site-header,main > section,footer{padding-left:20px;padding-right:20px}.site-header{height:68px}nav{display:none}.hero{grid-template-columns:1fr;gap:48px;padding-top:63px;padding-bottom:72px}.hero h1{font-size:55px}.product-shot{max-width:270px;justify-self:center}.proof{grid-template-columns:1fr;padding-top:78px;padding-bottom:80px;gap:23px}.intro{padding-top:82px}.feature-grid,.source-cards{grid-template-columns:1fr}.feature-grid{padding:0 20px 82px}.feature-grid article{min-height:195px}.local{grid-template-columns:1fr;padding:76px 20px;gap:35px}.sources{padding-top:80px;padding-bottom:82px}.closing{padding-top:78px;padding-bottom:84px}footer{grid-template-columns:1fr;gap:17px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.legal{padding:60px 20px 85px}.legal h1{font-size:39px}}