@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root { --ink:#12130f; --paper:#f3f0e8; --lime:#c8ff3d; --orange:#ff6433; --line:#c9c5b9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
nav, footer { max-width:1280px; margin:auto; padding:28px 44px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.brand { font-weight:600; letter-spacing:-1px; font-size:20px; }
.brand span { color:var(--orange); }
main { overflow:hidden; }
.hero { max-width:1180px; margin:0 auto; padding:110px 24px 95px; text-align:center; }
.eyebrow { font-size:12px; font-weight:600; letter-spacing:2.2px; }
h1 { max-width:950px; margin:22px auto; font-family:"Instrument Serif",serif; font-weight:400; font-size:clamp(60px,8vw,112px); line-height:.88; letter-spacing:-4px; }
h1 em { color:var(--orange); }
.lede { max-width:710px; margin:30px auto; font-size:20px; line-height:1.6; color:#4f514a; }
.trust-row { display:flex; justify-content:center; gap:28px; margin-top:46px; font-size:13px; }
.trust-row span::first-letter { color:var(--orange); }
.demo { background:#171914; color:#f6f3e9; padding:100px max(24px,calc((100vw - 1100px)/2)); display:grid; grid-template-columns:1fr 410px; gap:120px; align-items:center; }
.demo-copy h2 { font-family:"Instrument Serif",serif; font-weight:400; font-size:70px; line-height:.95; margin:20px 0; }
.demo-copy>p:not(.eyebrow) { color:#aaaca3; font-size:18px; line-height:1.7; max-width:550px; }
ol { list-style:none; padding:20px 0 0; }
li { border-top:1px solid #3d4038; padding:18px 4px; display:grid; grid-template-columns:90px 1fr; color:#777a70; }
li.active { color:var(--lime); } li span { color:#aaa; }
.phone { background:#f8f5ed; color:var(--ink); border-radius:36px; padding:18px 26px 30px; box-shadow:0 24px 80px #0008; text-align:center; }
.phone-top { display:flex; justify-content:space-between; font-size:11px; padding:0 5px 24px; }
.shield { width:54px; height:60px; margin:auto; display:grid; place-items:center; background:var(--ink); color:var(--lime); font:32px "Instrument Serif"; clip-path:polygon(50% 0,95% 16%,86% 75%,50% 100%,14% 75%,5% 16%); }
.muted { margin:18px 0 5px; color:#777; font-size:10px; letter-spacing:1.8px; }
.phone h3 { margin:0; font-size:18px; }
.amount { margin:22px 0; padding:22px; border:1px solid var(--line); border-radius:16px; display:flex; flex-direction:column; }
.amount small { font-size:10px; letter-spacing:1.5px; color:#777; }.amount strong { font:44px "Instrument Serif"; }.amount span { color:#777; font-size:13px; }
.disclosure { text-align:left; border-top:1px solid var(--line); padding:14px 2px; display:flex; flex-direction:column; gap:4px; font-size:12px; }.disclosure span { color:#777; }.private b { color:#4f7723; }
button { width:100%; border:0; border-radius:100px; background:var(--ink); color:white; padding:16px; margin-top:12px; font:600 14px "DM Sans"; cursor:pointer; transition:.2s; } button:hover { transform:translateY(-2px); background:#292c24; } button:disabled { cursor:default; transform:none; }.verified { background:#4f7723; }
#status { font-size:10px; color:#777; line-height:1.5; margin:12px 18px 0; }.success { color:#4f7723!important; }.error { color:#b52b1d!important; }
.uses { max-width:1180px; margin:auto; padding:110px 24px; }.cards { display:grid; grid-template-columns:repeat(3,1fr); margin-top:35px; border-top:1px solid var(--line); }.cards article { padding:34px 35px 10px 0; border-right:1px solid var(--line); }.cards article+article { padding-left:35px; }.cards article:last-child { border:0; }.cards span { color:var(--orange); }.cards h3 { font:44px "Instrument Serif"; margin:50px 0 15px; }.cards p { color:#66685f; line-height:1.6; }
.principle { background:var(--lime); padding:100px 24px; text-align:center; }.principle>p:first-child { font-size:12px; letter-spacing:2px; }.principle blockquote { font:clamp(55px,7vw,100px)/.9 "Instrument Serif"; margin:40px 0; }.principle i { color:#5d741f; }.principle>p:last-child { max-width:620px; margin:auto; line-height:1.6; }
footer { border-top:1px solid var(--line); border-bottom:0; } footer p { color:#777; font-size:12px; }
@media (max-width:800px) { nav { padding:22px 20px; }.hero { padding-top:75px; }h1 { letter-spacing:-2px; }.trust-row { flex-direction:column; gap:10px; }.demo { grid-template-columns:1fr; gap:50px; }.demo-copy h2 { font-size:52px; }.phone { max-width:410px; width:100%; margin:auto; }.cards { grid-template-columns:1fr; }.cards article,.cards article+article { border-right:0; border-bottom:1px solid var(--line); padding:28px 0; }.cards h3 { margin:25px 0 10px; }footer { align-items:flex-start; gap:30px; padding:25px 20px; }}