:root{color-scheme:light;--ink:#3a2a1e;--green:#2f8f3e;--coral:#e8603f;--muted:#6d5a4a;--line:#eadfcd;--paper:#fffaf1;--forest:#1f4428}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:18px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid #f3b33d;outline-offset:5px}
header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 32px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:750;text-decoration:none}
.brand img{width:42px;height:42px;border-radius:10px}
.brand small{display:block;font-weight:500;font-size:12px;letter-spacing:.15em}
nav{display:flex;gap:24px;font-size:16px}nav a{text-decoration:none;color:var(--ink)}
.hero{background:var(--forest);color:#fff;overflow:hidden}
.hero-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;padding:78px 40px 0;align-items:center}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#bfe7a6}
.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.06;letter-spacing:-.045em;margin:20px 0 28px;max-width:620px}
.hero p{color:#e3eedb;max-width:540px;font-size:20px}.hero .copy{padding-bottom:76px}
.pill{display:inline-block;border:1px solid #6f9a72;border-radius:100px;padding:8px 16px;font-size:14px;margin-top:14px}
.screen{max-width:100%;height:auto;display:block;border:7px solid #2b2119;border-radius:34px;box-shadow:0 30px 80px #0003}
.hero .screen{width:330px;transform:translateY(70px);margin:auto}
.section{max-width:1120px;padding:76px 32px;margin:auto}
.intro{font-size:clamp(25px,3vw,38px);line-height:1.3;letter-spacing:-.025em;max-width:820px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:45px}
.feature{border-top:3px solid var(--coral);padding-top:16px}.feature p{color:var(--muted)}
h2{font-size:34px;line-height:1.2;letter-spacing:-.025em}h3{font-size:22px;line-height:1.3}
.showcase{background:#f3ead9}
.showcase-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:65px 32px}
.showcase .screen{max-width:290px;margin:auto}
.label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--coral)}
.small{font-size:15px;color:var(--muted)}
footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:32px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:15px;color:var(--muted)}
footer div{display:flex;gap:22px;flex-wrap:wrap}
.legal{max-width:810px;margin:35px auto 75px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:50px}
.legal h1{font-size:44px;letter-spacing:-.035em;line-height:1.15}.legal h2{font-size:25px;margin-top:36px}
.legal p,.legal li{font-size:17px}.legal .lede{font-size:21px;color:var(--muted)}
details{border-top:1px solid var(--line);padding:20px 0}summary{font-weight:650;cursor:pointer}
.notice{border-left:4px solid var(--green);padding:14px 20px;background:#eef7e8}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:10}
@media(max-width:700px){header{padding:20px;align-items:flex-start}.brand{font-size:15px}.brand small{font-size:10px}
nav{gap:12px;font-size:14px;flex-wrap:wrap}.hero-inner{grid-template-columns:1fr;gap:0;padding:45px 24px 0}
.hero .copy{padding-bottom:0}.hero .screen{width:260px;transform:translateY(45px)}.hero p{font-size:18px}
.features,.showcase-inner{grid-template-columns:1fr}.section{padding:55px 24px}.features{gap:20px}
.showcase-inner{gap:28px;padding:45px 24px}.legal{margin:20px 16px 50px;padding:28px 22px}.legal h1{font-size:36px}
.legal p{overflow-wrap:anywhere}footer{padding:26px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}