:root{--background:#f7f8f3;--surface:#fff;--surface-soft:#f1f6ec;--surface-blue:#eef4fb;--surface-gold:#fff6df;--ink:#172018;--muted:#607062;--quiet:#849186;--line:#dce6d6;--line-strong:#c8d8c1;--green:#11823b;--green-dark:#075a28;--blue:#2269b3;--gold:#aa720c;--red:#b42318;--shadow:0 18px 55px #182f1b14}*{box-sizing:border-box}html{background:var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(90deg, #11823b0a, transparent 28%), var(--background);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page{width:min(1180px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:820;display:inline-flex}.brand-mark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-size:.92rem;font-weight:900;display:inline-grid}.nav{align-items:center;gap:10px;display:flex}.nav a,.ghost-button,.primary-button,.secondary-button,.danger-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:730;display:inline-flex}.nav a,.ghost-button{color:var(--muted);background:0 0}.nav a:hover,.ghost-button:hover{color:var(--green-dark);background:#eef5e8}.primary-button{border-color:var(--green);background:var(--green);color:#fff}.primary-button:hover{background:var(--green-dark)}.secondary-button{border-color:var(--line-strong);color:var(--green-dark);background:#fff}.danger-button{color:var(--red);background:#fff;border-color:#efcbc6}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.58}.hero{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:stretch;gap:28px;padding:38px 0 24px;display:grid}.hero-copy{flex-direction:column;justify-content:center;min-height:560px;display:flex}.eyebrow{background:var(--surface-soft);width:fit-content;color:var(--green-dark);text-transform:uppercase;border:1px solid #cde9be;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:.78rem;font-weight:820}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:720px;font-size:clamp(2.6rem,5vw,5.4rem);line-height:.98}h2{font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1.08}h3{font-size:1.08rem;line-height:1.22}.lead{max-width:680px;color:var(--muted);margin-top:20px;font-size:1.12rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.proof-item{border-left:3px solid var(--green);padding-left:12px}.proof-item strong{font-size:1.28rem;display:block}.proof-item span{color:var(--muted);font-size:.9rem}.product-frame{border:1px solid var(--line);min-height:560px;box-shadow:var(--shadow);background:#fbfdf9;border-radius:18px;align-content:center;padding:20px;display:grid}.app-window{border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;overflow:hidden}.window-bar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:.92rem;font-weight:700;display:flex}.window-content{grid-template-columns:1fr 1fr;gap:14px;padding:16px;display:grid}.mini-panel,.metric-card,.receipt-row,.feature-card,.plan-card,.auth-card,.dashboard-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px}.mini-panel{min-height:170px;padding:16px}.bar-list{gap:10px;margin-top:16px;display:grid}.bar-line{background:#e6eee1;border-radius:999px;height:10px;overflow:hidden}.bar-line span{border-radius:inherit;background:var(--green);height:100%;display:block}.receipt-stack{gap:10px;margin-top:14px;display:grid}.mock-receipt{border:1px solid var(--line);background:#fbfdf9;border-radius:10px;justify-content:space-between;gap:12px;padding:12px;display:flex}.section{padding:34px 0}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-header p{max-width:620px;color:var(--muted)}.feature-grid,.plan-grid,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card,.plan-card,.metric-card,.dashboard-panel{padding:18px;box-shadow:0 8px 30px #182f1b0a}.feature-card p,.plan-card p,.metric-card p,.dashboard-panel p{color:var(--muted)}.plan-card.featured{background:var(--surface-soft);border-color:#bddfb0}.price{margin:14px 0;font-size:2rem;font-weight:850}.price span{color:var(--muted);font-size:.95rem;font-weight:650}.check-list{gap:9px;margin:16px 0 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--muted);grid-template-columns:18px 1fr;gap:8px;display:grid}.check-list li:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;margin-top:8px}.auth-page{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-shell{grid-template-columns:.9fr 1fr;gap:18px;width:min(980px,100%);display:grid}.auth-card{box-shadow:var(--shadow);padding:24px}.auth-card form{gap:12px;margin-top:18px;display:grid}.auth-card label{color:var(--muted);gap:7px;font-size:.9rem;font-weight:700;display:grid}.auth-card input{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);background:#fbfdf9;border-radius:10px;padding:0 13px}.auth-divider{color:var(--quiet);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;font-size:.88rem;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);height:1px}.message{color:var(--muted);background:#f2f6ef;border-radius:10px;padding:12px}.message.error{color:var(--red);background:#fff0ee}.dashboard-layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfdf9;height:100vh;padding:22px;position:sticky;top:0}.sidebar-nav{gap:8px;margin-top:32px;display:grid}.sidebar-nav a,.sidebar-nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:10px;padding:12px;font-weight:720}.sidebar-nav a:hover,.sidebar-nav button:hover,.sidebar-nav .active{background:var(--surface-soft);color:var(--green-dark)}.dashboard-main{padding:28px}.dashboard-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px;display:flex}.badge{background:var(--surface-soft);min-height:30px;color:var(--green-dark);border-radius:999px;align-items:center;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.badge.blue{background:var(--surface-blue);color:var(--blue)}.badge.gold{background:var(--surface-gold);color:var(--gold)}.metric-card strong{margin-top:8px;font-size:2rem;line-height:1.05;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;margin-top:16px;display:grid}.receipt-list{gap:10px;margin-top:16px;display:grid}.receipt-row{grid-template-columns:1fr auto;gap:14px;padding:14px;display:grid}.receipt-row small,.muted{color:var(--muted)}.chip-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{color:var(--muted);background:#eef2eb;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);background:#fbfdf9;border-radius:12px;padding:22px}.billing-page{padding:22px 0 52px}.billing-hero{border:1px solid var(--line);box-shadow:var(--shadow);background:#fbfdf9;border-radius:18px;margin:28px 0 20px;padding:28px}@media (max-width:920px){.hero,.auth-shell,.dashboard-grid,.dashboard-layout{grid-template-columns:1fr}.hero-copy,.product-frame{min-height:auto}.feature-grid,.plan-grid,.metric-grid,.window-content{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}}@media (max-width:620px){.page{width:min(100% - 20px,1180px)}.topbar,.dashboard-header,.section-header{flex-direction:column;align-items:stretch}.nav{width:100%;overflow-x:auto}.hero-proof{grid-template-columns:1fr}.dashboard-main{padding:18px 10px 28px}.sidebar-nav{grid-template-columns:1fr}}