:root{--ink:#07130e;--green:#18d477;--mint:#baffd6;--paper:#f3f1e9;--muted:#68746d;--line:#dbe0da;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ccd2cc;position:sticky;top:0;background:rgba(243,241,233,.92);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.04em}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:var(--ink);border-radius:10px;transform:rotate(-4deg);font-weight:950}header nav{display:flex;align-items:center;gap:28px}header nav a{color:#334039;text-decoration:none;font-size:14px;font-weight:650}.primary,.secondary,.ghost,.light,.outline-light{border:0;border-radius:9px;padding:11px 18px;font-weight:750}.primary{background:var(--green);color:var(--ink);box-shadow:0 5px 20px #18d47725}.secondary{background:var(--ink);color:white}.ghost{background:transparent;border:1px solid #c9cfca}.large{padding:15px 23px}.full{width:100%}.light{background:white;color:var(--ink)}.outline-light{background:transparent;color:white;border:1px solid #ffffff80}.menu{display:none;border:0;background:transparent;font-size:24px}.hero{min-height:720px;padding:90px max(5vw,24px);position:relative;overflow:hidden;background:radial-gradient(circle at 75% 42%,#d3efdb 0,transparent 27%),linear-gradient(125deg,var(--paper) 55%,#e3eee4)}.hero>p{max-width:650px;font-size:20px;line-height:1.6;color:#536159}.eyebrow,.kicker{font-size:11px;font-weight:850;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #18d47724}.hero h1{font-family:Georgia,serif;font-size:clamp(58px,7.6vw,110px);line-height:.9;max-width:850px;letter-spacing:-.06em;margin:35px 0}.hero h1 em{color:#0cad60;font-weight:400}.actions{display:flex;gap:12px;margin-top:30px}.actions span{margin-left:18px}.proof{display:flex;align-items:center;gap:24px;margin-top:60px;font-size:11px;color:#718078}.proof span{letter-spacing:.13em;text-transform:uppercase}.proof b:before{content:'✓';color:#0cad60;margin-right:7px}.signal-card{position:absolute;right:6vw;top:235px;width:min(35vw,470px);height:310px;background:#081a12;color:white;border-radius:24px;padding:38px;display:flex;align-items:center;gap:35px;box-shadow:0 30px 80px #07130e33;transform:rotate(2deg)}.orb{width:150px;height:150px;border:1px solid #37e99266;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 40px #18d47725}.orb span,.pill{font-size:9px;letter-spacing:.16em;color:var(--green)}.orb b{font-size:44px}.orb small{color:#96a89d}.signal-card h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.chart{height:60px;display:flex;gap:6px;align-items:flex-end}.chart i{width:10px;background:linear-gradient(var(--green),#117546);border-radius:4px}.metrics{background:var(--ink);color:white;padding:35px 6vw;display:grid;grid-template-columns:repeat(3,1fr)}.metrics div{padding:10px 6vw;border-right:1px solid #ffffff22}.metrics div:last-child{border:0}.metrics strong,.metrics span{display:block}.metrics strong{font-family:Georgia,serif;font-size:25px}.metrics span{font-size:12px;color:#9eada4;margin-top:7px}.section{padding:105px max(6vw,24px)}.section-head{display:flex;justify-content:space-between;align-items:end}.section h2,.cta h2{font-family:Georgia,serif;font-size:clamp(44px,5vw,70px);letter-spacing:-.05em;line-height:1;margin:18px 0}.section-head p{max-width:450px;color:var(--muted);line-height:1.7}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.campaign-card{background:white;border:1px solid var(--line);border-radius:15px;padding:25px;transition:.2s}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #07130e12}.company{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:750;color:#526059}.company i{width:35px;height:35px;border-radius:9px;background:#d9fbe7;display:grid;place-items:center;color:#087b43;font-style:normal}.campaign-card h3{font-size:22px;letter-spacing:-.03em;margin:26px 0 12px}.campaign-card>p{font-size:13px;line-height:1.6;color:var(--muted);min-height:42px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.tags span{font-size:10px;padding:6px 9px;background:#eef2ee;border-radius:99px}.pay{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.pay b{font-size:20px}.pay small{display:block;color:var(--muted)}.card-action{width:100%;margin-top:18px}.how{background:white}.how>h2{text-align:center}.how>.kicker{display:block;text-align:center;color:#0a9b54}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.steps article{position:relative;padding:30px 8vw 20px;text-align:center;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps article>b{position:absolute;left:24px;top:18px;font-family:Georgia,serif;color:#c3ccc6}.step-icon{font-size:40px;color:#0bad5d}.steps h3{font-size:20px}.steps p{font-size:14px;line-height:1.6;color:var(--muted)}.cta{background:#0b8e52;color:white;text-align:center;padding:100px 20px}.cta p{color:#c9f4da}.cta .actions{justify-content:center}dialog{border:0;border-radius:20px;padding:38px;width:min(92vw,480px);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#07130ecc;backdrop-filter:blur(7px)}dialog .close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:28px;color:#6b746f}.modal-mark{margin-bottom:28px}dialog h2{font-family:Georgia,serif;font-size:40px;margin:10px 0}dialog>p{color:var(--muted)}label{font-size:12px;font-weight:750;display:block;margin:15px 0}input,textarea{display:block;width:100%;padding:13px;border:1px solid #cad2cc;border-radius:8px;margin-top:7px;background:#fafbf8}textarea{min-height:80px;resize:vertical}.two,.three{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.three{grid-template-columns:repeat(3,1fr)}.form-error{color:#bc2b2b;font-size:12px;min-height:16px}.switch{text-align:center;font-size:13px}.switch button{border:0;background:transparent;color:#078548;font-weight:800}.demo{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:8px;align-items:center}.demo span{font-size:9px;letter-spacing:.1em}.demo button,.role-toggle button{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 9px;font-size:11px}.role-toggle{display:grid;grid-template-columns:1fr 1fr;margin-top:7px}.role-toggle button.active{background:var(--ink);color:white}#app{min-height:100vh;background:#f4f5f1}#app aside{position:fixed;width:250px;inset:0 auto 0 0;background:var(--ink);color:white;padding:30px 20px;display:flex;flex-direction:column}#app aside .brand{color:white;margin:0 10px 45px}.user-card{display:flex;align-items:center;gap:12px;padding:15px 10px;border-bottom:1px solid #ffffff16}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#174a34;color:var(--green);font-weight:850}.user-card span{display:block;color:#82978b;font-size:11px;text-transform:capitalize;margin-top:3px}#app-nav{display:grid;gap:7px;margin-top:24px}#app-nav button,#logout{border:0;background:transparent;color:#9cb0a5;text-align:left;padding:12px;border-radius:8px}#app-nav button.active,#app-nav button:hover{background:#ffffff10;color:white}#logout{margin-top:auto}.workspace{margin-left:250px;padding:45px}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{font-family:Georgia,serif;font-size:45px;margin:8px 0}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat{background:white;border:1px solid var(--line);padding:22px;border-radius:13px}.stat span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stat b{font-size:28px;display:block;margin-top:10px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h3{font-size:18px}.qr-panel{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center}.qr-panel img{width:200px;border:8px solid white;box-shadow:0 5px 30px #0002}.identity-code{font-family:ui-monospace,monospace;font-size:26px;letter-spacing:.12em}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;border-bottom:1px solid var(--line);padding:13px 8px;font-size:12px}.table th{color:var(--muted);text-transform:uppercase;font-size:10px}.empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:1000px){.signal-card{opacity:.15;right:-100px}.hero>p,.hero h1,.hero .actions,.hero .proof,.hero .eyebrow{position:relative;z-index:1}.campaign-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){header nav a,header nav .ghost{display:none}.menu{display:block}.hero{padding-top:65px}.hero h1{font-size:58px}.hero .actions,.proof,.section-head,.cta .actions{flex-direction:column;align-items:stretch}.signal-card{display:none}.metrics,.campaign-grid,.steps{grid-template-columns:1fr}.metrics div,.steps article{border:0;border-bottom:1px solid #ffffff22}.section{padding:75px 24px}.section-head{align-items:start}.campaign-grid{margin-top:30px}#app aside{position:static;width:auto;height:auto;padding:18px}#app aside .brand{margin:0}.user-card,#app-nav,#logout{display:none}.workspace{margin:0;padding:22px}.topbar h1{font-size:34px}.dashboard-grid{grid-template-columns:1fr 1fr}.qr-panel{grid-template-columns:1fr}.three,.two{grid-template-columns:1fr}}