:root{--black:#080c09;--surface:#111913;--border:#29402e;--emerald:#467451;--gold:#c3a363;--white:#f6f7f4;--muted:#a0aea8}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{padding:16px clamp(20px,5vw,80px);justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:13px;background:none;border:0;color:white;font-size:20px;font-weight:700;letter-spacing:3px;text-align:left}.brand img{width:55px;height:55px;object-fit:cover;border-radius:12px}.brand small{display:block;color:var(--gold);font-size:9px;letter-spacing:2px;margin-top:5px}.topbar nav{display:flex;flex-wrap:wrap;gap:6px}.topbar nav button{background:transparent;border:0;color:var(--muted);padding:12px;border-radius:6px}.topbar nav button.active,.topbar nav button:hover{color:var(--white);background:#1d3022}.demo{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 20px;background:#1d3122;color:#d9e8dd;font-size:12px;text-align:center}main{flex:1 1;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:50px 0 90px}.hero{padding:75px 0 0;text-align:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:3px}.hero h1{font-size:clamp(58px,10vw,125px);line-height:1;margin:25px 0;letter-spacing:-5px}.hero h1 em{font-style:normal;color:#467451}.hero>p{max-width:640px;margin:0 auto;color:var(--muted);font-size:19px;line-height:1.8}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:35px 0 85px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:15px 22px;border-radius:7px;border:1px solid var(--emerald);font-weight:700}.primary{background:var(--emerald);color:white}.primary:hover{background:#467451}.secondary{background:transparent;color:var(--white);border-color:var(--border)}.secondary:hover{border-color:var(--gold)}button:disabled{opacity:.6;cursor:wait}.features,.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.features article,.metrics article,.panel{background:linear-gradient(145deg,#152318,#0e1510);border:1px solid var(--border);border-radius:14px;padding:27px}.features svg,.metrics svg{color:var(--gold)}.features h3{font-size:18px}.features p,.sectionhead p{color:var(--muted);line-height:1.7}.sectionhead{margin-bottom:35px}.sectionhead h1{font-size:clamp(40px,6vw,70px);margin:15px 0}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.panel h2{display:flex;align-items:center;gap:10px;margin:0 0 26px;font-size:20px}.panel h2 svg{color:var(--gold)}form{grid-gap:18px;gap:18px}form,label{display:grid}label{grid-gap:8px;gap:8px;color:#d5e0d8;font-size:13px}input,select,textarea{width:100%;border:1px solid #38563f;border-radius:7px;background:#0b110c;color:white;padding:13px}textarea{min-height:105px;resize:vertical}.formrow{display:grid;grid-template-columns:2fr 1fr;grid-gap:12px;gap:12px}.entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid var(--border)}.entry code,.entry small,.entry strong{display:block}.entry small{color:var(--muted);margin-top:7px;font-size:12px}.entry code{font-size:11px;color:var(--gold);margin-top:9px;overflow-wrap:anywhere}.right{text-align:right}.right b{display:block;margin-bottom:7px}.pill{display:inline-block;color:#467451;background:#1d3022;border-radius:100px;padding:5px 9px;font-size:11px}.empty{color:var(--muted);padding:30px 0}.iconbtn{border:1px solid var(--border);border-radius:8px;background:transparent;color:white;padding:10px}.metrics{margin-bottom:25px}.metrics article{display:flex;flex-direction:column;gap:15px}.metrics small{color:var(--muted)}.metrics strong{font-size:38px}.rowbetween{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.panel h3{color:var(--gold);margin-top:30px}.email{max-width:610px;margin:30px auto;background:#111a13;border:1px solid #4d4330;text-align:center;padding:45px 35px}.email,.email img{border-radius:12px}.email img{display:block;margin:0 auto 25px;width:95px;height:95px;object-fit:cover}.email h2{font-size:37px}.email p{color:var(--muted);line-height:1.8}.fakebutton{display:inline-block;background:var(--emerald);padding:15px 30px;margin:22px 0;font-size:12px;letter-spacing:2px}.email small{display:block;color:var(--gold);font-size:10px}footer{border-top:1px solid var(--border);padding:24px 5vw;color:var(--muted);display:flex;justify-content:space-between;gap:12px;font-size:12px}footer span:last-child{display:flex;align-items:center;gap:8px}.toast{position:fixed;bottom:20px;right:20px;background:#233928;color:white;padding:15px 20px;border:1px solid var(--emerald);border-radius:9px;max-width:350px;box-shadow:0 10px 35px #0009}.toast.err{background:#51201e}.toast button{border:0;background:none;color:white;font-size:22px;margin-left:15px}@media(max-width:760px){.topbar,.topbar nav{justify-content:center}.topbar nav button{padding:9px}.features,.metrics,.two{grid-template-columns:1fr}.hero{padding-top:30px}.hero h1{letter-spacing:-2px}.features{gap:12px}main{padding-top:35px}footer{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}