:root{color-scheme:light;--bg: #fff8ea;--panel: #fffdf6;--ink: #123f38;--muted: #5d7f73;--green: #176052;--mint: #dff2eb;--line: #e7dcc5;--gold: #f2b84b}*{box-sizing:border-box}body{background:radial-gradient(circle at top right,#fff1bf 0,transparent 28rem),linear-gradient(180deg,var(--bg),#f2f8dc);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}a{color:var(--green);font-weight:800}.page{margin:0 auto;max-width:1080px;min-height:100vh;padding:22px}.nav{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:44px}.brand img{display:block;height:52px;width:auto}.nav-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.nav-links a{background:#ffffffad;border:1px solid var(--line);border-radius:999px;color:var(--ink);padding:10px 14px;text-decoration:none}.nav-links a[aria-current=page]{background:var(--mint);border-color:#b9ddd1}.hero{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);margin-bottom:22px}.eyebrow{color:#57907f;font-size:.78rem;font-weight:900;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}h1{font-size:clamp(3rem,8vw,6.5rem);letter-spacing:0;line-height:.95;margin:0 0 18px}h2{font-size:1.35rem;margin:0 0 10px}h3{font-size:1.05rem;margin:24px 0 6px}p{color:var(--muted);font-size:1rem;line-height:1.65}.lead{font-size:clamp(1.1rem,2vw,1.35rem);max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{border-radius:16px;display:inline-flex;padding:14px 18px;text-decoration:none}.button.primary{background:var(--green);color:#fff}.button.secondary{background:var(--mint);color:var(--ink)}.hero-card,.card,.document{background:#fffdf6db;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px #42341a14}.hero-card{min-height:320px;padding:28px;position:relative}.hero-card .sun{height:110px;margin-bottom:28px;width:122px}.grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.card{padding:22px}.text-page{max-width:900px}.document{padding:clamp(24px,5vw,52px)}.document h1{font-size:clamp(2.4rem,7vw,4.8rem)}.document h2{margin-top:34px}@media(max-width:760px){.page{padding:16px}.nav{align-items:flex-start;flex-direction:column;margin-bottom:28px}.hero,.grid{grid-template-columns:1fr}.brand img{height:46px}}
