:root{--bg:#f7f8fb;--surface:#fff;--surface-muted:#eef3f8;--ink:#101827;--muted:#637083;--line:#d7dfeb;--primary:#2563eb;--primary-dark:#1748b5;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:0 18px 50px #10182717}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:linear-gradient(180deg, #2563eb14, transparent 430px), var(--bg);min-height:100%;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{min-height:100vh}.container{width:min(1120px,100% - 40px);margin:0 auto}.marketing-nav,.admin-nav{justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link,.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-weight:700;display:inline-flex}.nav-link{color:var(--muted);cursor:pointer;background:0 0}.nav-link.active,.nav-link:hover{color:var(--ink);border-color:var(--line);background:#ffffffb8}.button{background:var(--primary);color:#fff;cursor:pointer}.button:hover{background:var(--primary-dark)}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:56px;padding:72px 0 88px;display:grid}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:18px;font-size:clamp(44px,7vw,76px);line-height:.96}.lead{max-width:660px;color:var(--muted);font-size:20px;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.cta-note{color:var(--muted);font-size:14px;font-weight:700}.product-preview{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:20px}.preview-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.pill{background:var(--surface-muted);color:var(--muted);border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.workout-row{border-top:1px solid var(--line);grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:13px 0;display:grid}.workout-day{color:var(--muted);font-weight:700}.workout-title{font-weight:800}.workout-meta{color:var(--muted);font-size:13px}.section{padding:56px 0}.section-muted{border-block:1px solid var(--line);background:#ffffff75;margin-inline:calc(-50vw + min(1120px,100vw - 40px)/2);padding-inline:calc(50vw + min(1120px,100vw - 40px)/-2)}.section h2{margin-bottom:10px;font-size:32px}.grid{gap:16px;display:grid}.grid.three,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.card h3{margin-bottom:8px}.card p{color:var(--muted);margin-bottom:0;line-height:1.55}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.step-number{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;margin-bottom:16px;font-weight:900;display:grid}.step-card p,.faq-item p{color:var(--muted);line-height:1.6}.faq-list{gap:12px;margin-top:22px;display:grid}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.faq-item h3{margin-bottom:8px}.final-cta{text-align:center;border-top:1px solid var(--line);justify-items:center;padding-bottom:80px;display:grid}.admin-page{min-height:100vh}.admin-main{padding:34px 0 72px}.admin-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.admin-header h1{margin-bottom:6px;font-size:36px;line-height:1.1}.admin-subtitle{color:var(--muted);margin-bottom:0}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-value{font-size:32px;font-weight:850}.metric-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:800}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.panel-title{margin:0;font-size:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:13px 16px}th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}tbody tr:hover{background:#2563eb0a}.muted{color:var(--muted)}.stack{gap:18px;display:grid}.split{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:18px;display:grid}.login-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:28px}.form-stack{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:800}.field input{border:1px solid var(--line);border-radius:8px;width:100%;padding:12px 13px}.error-box{color:var(--danger);background:#dc262612;border:1px solid #dc26263d;border-radius:8px;padding:10px 12px}.setup-panel{max-width:720px}.setup-body{padding:18px}.setup-body code{background:var(--surface-muted);border-radius:6px;padding:2px 6px}@media (max-width:900px){.hero,.split,.grid.three,.feature-grid,.steps,.metrics-grid{grid-template-columns:1fr}.hero{padding-top:36px}.admin-header,.marketing-nav,.admin-nav{flex-direction:column;align-items:flex-start}}
