:root{--bg:#0f1117;--bg2:#1a1d27;--bg3:#232736;--border:#2e3248;--border2:#3d4260;--text:#e8eaf0;--text2:#b9bbc5;--text3:#b0b2bc;--accent:#1a6b8a;--accent2:#2c8fad;--green:#1d9e75;--red:#a32d2d;--green-bg:#0d2e22;--green-txt:#4ade9e;--red-bg:#2e0d0d;--red-txt:#f87171;--amber-bg:#2e1f05;--amber-txt:#fbbf24;--blue-bg:#0d1e35;--blue-txt:#60a5fa;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:env(safe-area-inset-bottom);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}input,select,textarea,button{font-family:inherit}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}small,.text-xs{font-size:12px}@media (max-width:768px){.mobile-header{display:flex!important}.sidebar{z-index:200!important;height:100vh!important;transition:transform .25s!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.sidebar .mobile-header{display:block!important}}@media (min-width:769px){.mobile-header{display:none!important}.sidebar{position:sticky!important;transform:none!important}}@media (max-width:640px){.page-content{padding:16px!important}.section{padding:50px 20px!important}.mockup-wrap{margin-top:0!important}.breakdown-label{width:110px!important;font-size:11px!important;font-weight:600!important}}@media (max-width:768px){button,a{align-content:center;min-height:36px}}html{-webkit-text-size-adjust:100%}@media (max-width:900px){.hero-content>div{grid-template-columns:1fr!important}.hero-title,.hero-sub,.hero-cta,.hero-proof{text-align:center!important}.hero-cta,.hero-proof{justify-content:center!important}.mockup-wrap{margin-top:0}}.grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:600px){.grid-2col{grid-template-columns:1fr}}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:600px){.filter-bar>*{flex:100%;width:100%}}.tab-bar{gap:4px;display:flex}.tab-bar>button{white-space:nowrap;flex:none;padding:8px 14px;font-size:13px}@media (max-width:600px){.tab-bar>button{text-align:center;flex:1 1 0;min-width:0;padding:8px 2px;font-size:12px}}