:root{--mango-ink:#172017;--mango-amber:#ffba45;--mango-paper:#faf8f1}
body{background:var(--mango-paper);color:var(--mango-ink)}
.brand-logo{width:48px;height:48px;object-fit:contain}.footer-logo{width:38px;vertical-align:middle;margin-right:8px}
.site-header{background:#faf8f1f2;backdrop-filter:blur(16px)}
.btn-primary{background:var(--mango-amber);color:#172017}.btn-dark{background:var(--mango-ink)}
.hero-section{background:radial-gradient(ellipse at 85% 40%,#e9eddc 0,transparent 52%),var(--mango-paper)}
.hero-copy h1{letter-spacing:-.055em;max-width:720px}.hero-copy .hero-lead{max-width:560px}
.connection-card{background:#192419;color:#fff;border:1px solid #33402d;transform:rotate(2deg)}
.connection-card h2,.connection-card .connection-label{color:#fff}.connection-card p{color:#ccd3c3}
.connection-ring{background:radial-gradient(circle,#ffbc4920,transparent 70%)}
.connection-ring>div{background:#273226;color:#ffba45}.connection-ring strong{color:#ffba45}
.demo-server{padding:18px;border:1px solid #4b5844;border-radius:16px;display:flex;justify-content:space-between;margin-top:22px}
.demo-caption{font-size:12px!important;opacity:.65;margin-top:20px!important}
.device-filter{display:flex;justify-content:center;gap:8px;margin:24px auto;flex-wrap:wrap}
.device-filter button{padding:12px 24px;border-radius:30px;border:1px solid #d7dacd;background:transparent;cursor:pointer;font:inherit}
.device-filter button[aria-pressed=true]{background:#ffba45;border-color:#ffba45;color:#172017}
.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px;margin-left:auto;margin-right:auto}
.plan-card[hidden]{display:none}.plan-card{box-shadow:none;border:1px solid #dbded2;background:#fffdf8}
.plan-featured{border:1px solid #dbded2}.plan-ribbon{display:none}.section-soft{background:#eff1e7}
.consent-row{display:flex!important;align-items:flex-start!important;gap:10px;font-size:13px;line-height:1.5;margin:16px 0;text-align:left}
.consent-row input{width:18px!important;height:18px!important;flex:0 0 18px;margin-top:2px;accent-color:#d68c00}
.checkout-shell{max-width:620px;text-align:center}.checkout-shell h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em}
.subscription-active{border-color:#90a273}.subscription-active .subscription-top{background:#1c2a1d;color:white;border-radius:16px;padding:24px}
.subscription-active h3{color:white}.dashboard-header h1{letter-spacing:-.045em}.auto-side-card{border:1px solid #d9b96d}
.mango-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.mango-metric{border:1px solid #d7dacd;border-radius:20px;background:#fffdf8;padding:24px}.mango-metric strong{display:block;font-size:32px}
.admin{max-width:1440px;margin:auto;padding:32px 24px}.admin .tablewrap{overflow:auto}.admin input{max-width:240px}
.app-note{font-size:13px;color:#697460;margin:16px 0}.download-section{border-radius:28px;background:#1c2a1d;color:white;padding:36px;margin-top:32px}.download-section h2{color:white}
@media(max-width:700px){.plans-grid,.mango-metrics{grid-template-columns:1fr}.hero-grid{gap:32px}.connection-card{transform:none}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.subscription-active .subscription-top{padding:16px}.admin{padding:20px 12px}}