:root{--brand-950:#061b16;--brand-900:#0a2f25;--brand-800:#0d4935;--brand-700:#0b6547;--brand-600:#0d8458;--brand-500:#16a76d;--brand-400:#42c991;--brand-300:#83e1b6;--brand-100:#dff8eb;--sand-50:#fbfaf5;--sand-100:#f3efe2;--ink:#10201a;--muted:#68766f;--surface:#fff;--surface-raised:#fff;--border:#10201a1f;--shadow-sm:0 8px 28px #061b1614;--shadow-lg:0 30px 80px #061b1633;--radius-sm:.75rem;--radius-md:1.15rem;--radius-lg:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem}@media (prefers-color-scheme:dark){:root{--ink:#effaf4;--muted:#9db1a7;--surface:#07150f;--surface-raised:#0c2118;--border:#dff8eb1c;--sand-50:#07150f;--sand-100:#0c2118}}
*{box-sizing:border-box}body{background:linear-gradient(145deg, var(--brand-950), #0b3e2d);color:#fff;margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:clamp(2rem,6vw,6rem) clamp(1rem,5vw,4rem) 6rem}.shell-header{justify-content:space-between;align-items:start;display:flex}.shell-eyebrow{color:var(--brand-300);letter-spacing:.18em;font-size:.65rem;font-weight:900}.shell-header h1{letter-spacing:-.05em;max-width:850px;margin:.8rem 0 1.5rem;font:500 clamp(3.6rem,8vw,7.5rem)/.9 Georgia,serif}.status-pill{white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:.45rem .7rem;font-size:.65rem}.lede{color:#b5cec2;max-width:760px;font-size:1.05rem;line-height:1.8}.actions{gap:.7rem;margin:2rem 0 5rem;display:flex}.actions button{background:var(--brand-500);color:#fff;opacity:.65;border:1px solid #ffffff26;border-radius:999px;padding:.8rem 1rem;font-weight:800}section{margin:5rem 0}h2{font:500 2.4rem Georgia,serif}.steps{background:#ffffff1a;grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.steps article{background:#0a2d22;min-height:220px;padding:1.4rem}.steps b{color:var(--brand-400);margin-bottom:4rem;font-size:.7rem;display:block}.steps strong{font-size:.9rem}.steps p,.capabilities span,aside p{color:#9fb8ad;font-size:.75rem;line-height:1.6}.capabilities div{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.capabilities span{border:1px solid #ffffff1a;border-radius:.7rem;padding:1rem}aside{background:#7ee3b40f;border:1px solid #7ee3b440;border-radius:1.3rem;padding:2rem}aside p{max-width:800px}@media (max-width:760px){.shell-header{display:block}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.steps b{margin-bottom:1rem}.capabilities div{grid-template-columns:1fr}}
.studio-form{background:#ffffff0d;border:1px solid #ffffff26;border-radius:1rem;gap:1rem;max-width:760px;margin-top:2rem;padding:1.5rem;display:grid}.studio-form h2{margin:0 0 .5rem}.studio-form label{color:#b5cec2;gap:.45rem;font-size:.78rem;font-weight:700;display:grid}.studio-form input,.studio-form textarea,.studio-form select{color:#fff;width:100%;min-height:46px;font:inherit;background:#071f18;border:1px solid #ffffff2e;border-radius:.65rem;padding:.75rem}.studio-form button{background:var(--brand-500);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:48px;font-weight:850}.studio-status{border-left:3px solid var(--brand-400);color:#c4ddd1;background:#ffffff0d;padding:1rem}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.studio-grid article{background:#0a2d22;border:1px solid #ffffff1f;border-radius:.8rem;padding:1.2rem}.studio-grid p,.studio-grid small{color:#9fb8ad}.studio-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.studio-columns .studio-form{margin:0}@media (max-width:760px){.studio-grid,.studio-columns{grid-template-columns:1fr}}
.insights-shell{max-width:1320px;margin:auto;padding:clamp(1.5rem,4vw,4rem)}.insights-shell .shell-header h1{font-size:clamp(2.8rem,6vw,6rem)}.insights-login{background:#0a2d22;border:1px solid #ffffff26;border-radius:1rem;gap:1rem;max-width:520px;padding:2rem;display:grid}.insights-login label,.insights-toolbar label{gap:.45rem;font-weight:700;display:grid}.insights-login input,.insights-toolbar select{color:#fff;background:#071f18;border:1px solid #ffffff40;border-radius:.6rem;padding:.8rem}.insights-login button,.export-button{background:var(--brand-400);color:#052117;text-align:center;border:0;border-radius:999px;padding:.8rem 1rem;font-weight:900;text-decoration:none}.insights-tabs{border-bottom:1px solid #ffffff24;flex-wrap:wrap;gap:.5rem;padding:1rem 0;display:flex}.insights-tabs a{color:#c8ded4;border-radius:999px;padding:.6rem .8rem;text-decoration:none}.insights-tabs a:first-child{color:#fff;background:#7ee3b429}.insights-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin:2rem 0;display:flex}.privacy-note{border-left:4px solid var(--brand-400);color:#c8ded4;background:#7ee3b414;padding:1rem}.insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 5rem;display:grid}.insights-grid article{background:#0a2d22;border:1px solid #ffffff1f;border-radius:1rem;padding:1.4rem}.insights-grid small{color:#9fb8ad}.insights-grid strong{margin:.5rem 0;font:500 2.8rem Georgia,serif;display:block}.insights-grid p{color:#9fb8ad;font-size:.78rem;line-height:1.5}.insights-columns{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.insights-shell table{border-collapse:collapse;background:#0a2d22;width:100%}.insights-shell th,.insights-shell td{text-align:left;border-bottom:1px solid #ffffff1a;padding:.8rem}.bar-chart{padding:0;list-style:none}.bar-chart li{grid-template-columns:80px 1fr 40px;align-items:center;gap:.7rem;margin:.7rem 0;display:grid}.bar-chart meter{width:100%}.availability-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.availability-list article,.insights-shell dl div{background:#0a2d22;border-radius:.7rem;justify-content:space-between;gap:1rem;padding:1rem;display:flex}.insights-shell dl{gap:.7rem;display:grid}.insights-shell dd{color:#b5cec2}@media (max-width:800px){.insights-grid{grid-template-columns:1fr 1fr}.insights-columns{grid-template-columns:1fr}}@media (max-width:560px){.insights-grid,.availability-list{grid-template-columns:1fr}.insights-toolbar{flex-direction:column;align-items:stretch}}
