@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";#root{text-align:left;max-width:100%;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}:root{--bg:#0f172a;--panel:#0b1224;--card:#0c1a36;--muted:#94a3b8;--text:#e2e8f0;--brand:#7c3aed;--brand-2:#22d3ee;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--ring:#60a5fa;--line:#ffffff14}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#7c3aed40,transparent 60%),radial-gradient(1000px 500px at 110% 10%,#22d3ee2e,transparent 55%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,Arial}.container{max-width:1000px;margin:0 auto;padding:20px}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:linear-gradient(#7c3aed2e,#22d3ee1f);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:10px;box-shadow:0 10px 30px #00000040,inset 0 0 0 1px #ffffff0d}.topbar a{color:var(--text);opacity:.9;text-decoration:none}.brand{letter-spacing:.3px;font-size:18px;font-weight:700}.topbar nav{gap:8px;display:flex}.pill{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#0000000f);border-radius:999px;padding:8px 12px;transition:all .15s;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff08}.pill:hover{border-color:var(--ring);opacity:1}.pill.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0b1020;box-shadow:0 6px 16px #7c3aed59}main{margin-top:16px}h1{margin:12px 0;font-size:32px}h3{margin:8px 0 6px}.button{cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0b1020;border:0;border-radius:12px;padding:12px 16px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow .2s,opacity .2s;display:inline-block;box-shadow:0 8px 20px #7c3aed59}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px #7c3aed73}.button:disabled{opacity:.5;cursor:not-allowed}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:0;list-style:none;display:grid}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03),var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 24px #02061773}.note{color:var(--muted)}.card[data-domain=kinesthetic]{border-color:#22c55e33;box-shadow:0 8px 24px #22c55e22}.card[data-domain=interpersonal]{border-color:#f59e0b33;box-shadow:0 8px 24px #f59e0b22}.card[data-domain=intrapersonal]{border-color:#eab30833;box-shadow:0 8px 24px #eab30822}.card[data-domain=linguistic]{border-color:#60a5fa33;box-shadow:0 8px 24px #60a5fa22}.card[data-domain=logical]{border-color:#34d39933;box-shadow:0 8px 24px #34d39922}.card[data-domain=musical]{border-color:#fb718533;box-shadow:0 8px 24px #fb718522}.card[data-domain=spatial]{border-color:#a78bfa33;box-shadow:0 8px 24px #a78bfa22}.card[data-domain=naturalist]{border-color:#4ade8033;box-shadow:0 8px 24px #4ade8022}.questions{gap:12px;padding:0;list-style:none;display:grid}.qcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.qhead{color:var(--muted);justify-content:space-between;display:flex}.qcard p{margin:.35rem 0 0}.likert{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;display:grid}.likert label{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#0000001f);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:all .15s;display:flex}.likert input{appearance:none;border:2px solid var(--ring);border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 2px #0b1224}.likert label:hover{border-color:var(--ring);transform:translateY(-1px)}.likert input:checked{background:var(--ring)}.progress{border:1px solid var(--line);background:#0b1224;border-radius:999px;height:12px;overflow:hidden}.progress .bar{background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px;height:100%}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.center{text-align:center;margin:20px 0}.kv{border:1px dashed var(--line);background:#ffffff05;border-radius:10px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}label{font-weight:600}input,select,textarea{width:100%;max-width:480px;color:var(--text);border:1px solid var(--line);background:#0b1224;border-radius:12px;padding:10px 12px}.button.ghost{color:var(--text);box-shadow:none;border:1px solid var(--line);background:0 0}.landing-hero{text-align:center;padding:6rem 0 4rem}.hero-title{margin-bottom:1.5rem;font-size:3rem;line-height:1.1}.hero-subtitle{color:var(--muted);max-width:760px;margin:0 auto 1.25rem;font-size:1.25rem;line-height:1.6}.hero-tagline{color:var(--muted);margin-bottom:2rem;font-size:.95rem}.hero-proof{color:var(--brand-2);margin-bottom:2.5rem;font-size:.95rem;font-weight:600}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-section{padding:4rem 2rem}.landing-section.panel{background:var(--panel)}.section-title{text-align:center;margin-bottom:3rem;font-size:2rem}.final-cta{margin-bottom:2rem;font-size:2.4rem}@media (max-width:1024px){.container{max-width:100%;padding:20px}}@media (max-width:768px){.container{padding:14px}.topbar{flex-wrap:nowrap;gap:12px}.topbar .brand{text-align:left;width:auto;margin:0;font-size:16px}.topbar nav{width:auto;display:block}h1{font-size:26px}.landing-hero{padding:3rem 1.5rem 2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.landing-section{padding:3rem 1.5rem}.section-title{margin-bottom:2rem;font-size:1.75rem}.final-cta{font-size:1.75rem}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.likert{grid-template-columns:repeat(3,1fr)}.likert span{font-size:.9rem}.row{flex-direction:column;align-items:stretch}.landing-page .button,form .button{width:100%}form .row>label{margin-bottom:6px}.banner{flex-direction:column;gap:8px;align-items:stretch!important}}@media (max-width:420px){body{background:radial-gradient(800px 400px at 20% -10%,#7c3aed38,transparent 60%),radial-gradient(700px 350px at 120% 10%,#22d3ee29,transparent 55%),var(--bg)}.container{padding:12px}.brand{font-size:16px}.grid{grid-template-columns:1fr}.likert{grid-template-columns:repeat(2,1fr)}.likert label{padding:8px 6px}.qhead{font-size:.9rem}}.legal{max-width:820px;color:var(--text);margin:0 auto;padding:40px 28px;font-size:16px;line-height:1.8}.legal h1{margin-bottom:20px;font-size:30px}.legal h2,.legal h3{margin-top:28px;margin-bottom:12px;font-size:20px}.legal p{color:var(--text);margin-bottom:18px}.legal strong{color:#fff}@media (max-width:768px){.legal{padding:28px 18px;font-size:15px}.legal h1{font-size:22px}.legal h2,.legal h3{font-size:18px}}@media (max-width:420px){.legal{padding:22px 14px;font-size:14.5px}.legal h1{font-size:20px}}.group-benefits{border:1px solid var(--line);background:linear-gradient(#ffffff08,#ffffff03);border-radius:14px;margin-top:28px;padding:18px 20px}.group-benefits h3{margin-top:0;margin-bottom:12px;font-size:18px}.group-benefits ul{margin:0;padding:0;list-style:none}.group-benefits li{color:var(--text);margin-bottom:10px;padding-left:22px;line-height:1.6;position:relative}.group-benefits li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;left:0}@media (max-width:640px){.group-benefits{padding:16px}.group-benefits h3{font-size:16px}}.comparison-wrapper{max-width:960px;margin:0 auto}.comparison-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:3rem;display:grid}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:1.5rem}}.report-row{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}.report-row.reverse{direction:rtl}.report-row.reverse>*{direction:ltr}.report-image{border:1px solid var(--line);border-radius:14px;width:100%;box-shadow:0 18px 40px #00000059}@media (max-width:768px){.report-row{flex-direction:column-reverse;grid-template-columns:1fr;gap:1.5rem;display:flex}.report-row.reverse{direction:ltr;flex-direction:column-reverse}.report-row{flex-direction:column;gap:1.5rem;display:flex}}
