:root{
  --bg:#071116;
  --bg-2:#0a151b;
  --surface:#0d1b22;
  --surface-2:#10232b;
  --surface-3:#132a33;
  --line:rgba(190,221,230,.12);
  --line-strong:rgba(190,221,230,.2);
  --text:#f3f8f9;
  --text-2:#c5d3d8;
  --muted:#89a0a8;
  --cyan:#19c7e8;
  --cyan-2:#6ee7f6;
  --blue:#2f7df4;
  --violet:#826cff;
  --green:#4fc996;
  --gold:#e7b85c;
  --rose:#ef7e9e;
  --danger:#ff7d7d;
  --shadow:0 30px 80px rgba(0,0,0,.38);
  --radius:22px;
  --radius-sm:14px;
  --wrap:1180px;
  --wrap-wide:1320px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;line-height:1.55;min-height:100vh;overflow-x:hidden}
body.light{
  --bg:#eef4f5;
  --bg-2:#e9f1f3;
  --surface:#ffffff;
  --surface-2:#f8fbfc;
  --surface-3:#edf5f6;
  --line:rgba(8,34,41,.1);
  --line-strong:rgba(8,34,41,.17);
  --text:#0b171b;
  --text-2:#3d5258;
  --muted:#6d8288;
  --shadow:0 30px 80px rgba(33,63,70,.12);
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img,svg{display:block}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
::selection{background:rgba(25,199,232,.25);color:var(--text)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.wrap{width:min(var(--wrap),calc(100% - 44px));margin:auto}
.wrap-wide{width:min(var(--wrap-wide),calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:.25s var(--ease)}
.site-header.scrolled{box-shadow:0 12px 40px rgba(0,0,0,.14)}
.nav-shell{height:68px;width:min(var(--wrap-wide),calc(100% - 28px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.035em}
.brand-word{font-size:1.02rem}.brand-word>span{color:var(--cyan)}
.brand-prism{width:28px;height:24px;position:relative;display:inline-block}
.brand-prism i{position:absolute;width:13px;height:20px;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,var(--cyan-2),var(--cyan));filter:drop-shadow(0 0 10px rgba(25,199,232,.25))}
.brand-prism i:nth-child(1){left:0;transform:rotate(-8deg)}
.brand-prism i:nth-child(2){left:7px;opacity:.65;transform:rotate(7deg)}
.brand-prism i:nth-child(3){left:14px;opacity:.32;transform:rotate(18deg)}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:auto}
.desktop-nav a{font-size:.91rem;color:var(--muted);font-weight:600;transition:.2s}
.desktop-nav a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-icon{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer;transition:.2s var(--ease)}
.nav-icon:hover{border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}
.nav-icon svg{width:17px;height:17px}.nav-icon.menu-btn{display:none}
.nav-cta,.primary-btn,.secondary-btn,.soft-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:700;cursor:pointer;transition:.22s var(--ease);border:1px solid transparent}
.nav-cta{height:38px;padding:0 15px;background:var(--text);color:var(--bg);font-size:.86rem}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.primary-btn{padding:14px 20px;background:linear-gradient(135deg,#18c6e6,#168ee6);color:#021115;box-shadow:0 16px 34px rgba(25,199,232,.16)}
.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(25,199,232,.24)}
.secondary-btn{padding:14px 20px;border-color:var(--line-strong);background:var(--surface);color:var(--text)}
.secondary-btn:hover{background:var(--surface-2);transform:translateY(-1px)}
.soft-btn{padding:10px 14px;background:var(--surface-2);border-color:var(--line);font-size:.88rem}
.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:var(--cyan-2)}
.eyebrow .signal{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(25,199,232,.08)}
h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.045em;line-height:1.05}
p{margin:0}.muted{color:var(--muted)}
.hero{position:relative;overflow:hidden;padding:92px 0 72px;background:
 radial-gradient(circle at 76% 36%,rgba(25,199,232,.12),transparent 22%),
 radial-gradient(circle at 20% 10%,rgba(130,108,255,.07),transparent 26%),
 linear-gradient(180deg,var(--bg),var(--bg-2));
}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:68px;align-items:center}
.hero-copy h1{font-size:clamp(3.6rem,6.3vw,6.8rem);max-width:820px;margin:20px 0 24px}
.hero-copy h1 .thin{font-weight:500;color:var(--text-2)}
.hero-copy h1 .accent{background:linear-gradient(90deg,var(--cyan-2),#7ed6ff 52%,#9c8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy .lead{font-size:1.1rem;color:var(--text-2);max-width:690px;line-height:1.72}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:var(--muted);font-size:.85rem}
.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof i{width:5px;height:5px;border-radius:50%;background:var(--green)}
.hero-visual{position:relative;min-height:600px;display:grid;place-items:center}
.orbit{position:absolute;border:1px solid rgba(110,231,246,.11);border-radius:50%;animation:spin 24s linear infinite}
.orbit.one{width:470px;height:470px}.orbit.two{width:360px;height:360px;animation-direction:reverse;animation-duration:18s}.orbit.three{width:250px;height:250px;animation-duration:14s}
.orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);top:-4px;left:50%;box-shadow:0 0 22px rgba(25,199,232,.9)}
@keyframes spin{to{transform:rotate(360deg)}}
.result-orb-card{position:relative;width:min(500px,100%);border:1px solid var(--line-strong);background:linear-gradient(180deg,rgba(16,35,43,.95),rgba(10,24,31,.95));border-radius:28px;box-shadow:var(--shadow);padding:24px;overflow:hidden}
body.light .result-orb-card{background:linear-gradient(180deg,#fff,#f4fafb)}
.result-orb-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(25,199,232,.09);filter:blur(40px);right:-40px;top:-40px}
.demo-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.demo-head small{color:var(--muted);font-size:.78rem}.demo-head strong{font-size:.88rem}
.result-top-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:14px}
.profile-mini,.radar-mini{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}
.profile-mini .big-type{font-size:1.8rem;margin:8px 0 6px}.profile-mini p{font-size:.82rem;color:var(--muted)}
.profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.profile-tags span{font-size:.68rem;padding:6px 8px;border-radius:999px;background:rgba(25,199,232,.08);color:var(--cyan-2);border:1px solid rgba(25,199,232,.12)}
.radar-mini{display:grid;place-items:center;min-height:220px}.radar-mini svg{width:100%;max-width:220px;overflow:visible}.radar-grid{stroke:rgba(170,205,214,.13);fill:none}.radar-shape{fill:rgba(25,199,232,.16);stroke:var(--cyan);stroke-width:2}.radar-dot{fill:var(--cyan-2);stroke:var(--bg);stroke-width:2}
.trait-mini-list{display:grid;gap:11px;margin-top:14px}.trait-mini{display:grid;grid-template-columns:100px 1fr 38px;gap:10px;align-items:center;font-size:.72rem}.trait-mini>span:first-child{color:var(--text-2)}.trait-track{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.trait-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue))}.trait-mini b{text-align:right}
.floating-chip{position:absolute;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);box-shadow:0 18px 36px rgba(0,0,0,.2);border-radius:15px;padding:12px 14px;font-size:.78rem;color:var(--text-2)}
.floating-chip strong{display:block;color:var(--text);font-size:.9rem;margin-top:2px}.chip-a{left:0;top:110px}.chip-b{right:-8px;bottom:100px}.chip-c{left:40px;bottom:30px}
.metric-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr)}.metric-item{padding:24px 28px;border-right:1px solid var(--line)}.metric-item:last-child{border-right:0}.metric-item strong{font-family:Manrope,sans-serif;font-size:1.55rem;letter-spacing:-.04em}.metric-item span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}
.section{padding:96px 0}.section.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:34px}.section-head h2{font-size:clamp(2.2rem,4vw,4rem);margin-top:13px}.section-head>p{max-width:470px;color:var(--muted);line-height:1.72}
.discovery-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,var(--surface),var(--surface-2));padding:18px}
.discovery-copy{padding:34px}.discovery-copy h2{font-size:clamp(2.2rem,4vw,4.1rem);margin:14px 0 18px}.discovery-copy p{color:var(--text-2);max-width:520px}.discovery-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px}
.discovery-choice{border:1px solid var(--line);background:var(--bg);border-radius:18px;text-align:left;padding:20px;cursor:pointer;transition:.22s var(--ease);min-height:128px}
.discovery-choice:hover{border-color:rgba(25,199,232,.35);transform:translateY(-3px);background:linear-gradient(135deg,var(--surface-2),var(--bg))}.discovery-choice .icon{font-size:1.2rem;color:var(--cyan-2)}.discovery-choice strong{display:block;font-family:Manrope,sans-serif;font-size:1.05rem;margin:13px 0 5px}.discovery-choice small{color:var(--muted);line-height:1.5}.discovery-choice.wide{grid-column:1/-1;min-height:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.discovery-choice.wide strong{margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;transition:.22s var(--ease)}.category-card:hover{transform:translateY(-3px);border-color:var(--line-strong);background:var(--surface-2)}.category-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(25,199,232,.07);color:var(--cyan-2);font-size:1.1rem}.category-card strong{display:block}.category-card span span{display:block;color:var(--muted);font-size:.77rem;margin-top:3px}
.catalog-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}.search-box{flex:1;position:relative;max-width:540px}.search-box svg{position:absolute;width:18px;height:18px;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-box input{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);padding:0 16px 0 46px;outline:none}.search-box input:focus{border-color:rgba(25,199,232,.45);box-shadow:0 0 0 4px rgba(25,199,232,.06)}
.filter-pills{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.filter-pill{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:9px 13px;border-radius:999px;font-size:.8rem;font-weight:700;cursor:pointer}.filter-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.test-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:19px;min-height:290px;display:flex;flex-direction:column;overflow:hidden;transition:.23s var(--ease)}.test-card:hover{transform:translateY(-5px);border-color:var(--line-strong);box-shadow:0 22px 48px rgba(0,0,0,.18)}.test-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-30px;top:-40px;background:var(--accent,rgba(25,199,232,.1));filter:blur(25px);opacity:.22}.test-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.category-label{font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;color:var(--cyan-2);font-weight:800}.purpose-badge{font-size:.66rem;color:var(--muted);border:1px solid var(--line);padding:5px 7px;border-radius:999px}.test-card h3{font-size:1.35rem;margin:30px 0 10px;position:relative}.test-card p{font-size:.9rem;color:var(--muted);line-height:1.62;position:relative}.test-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.test-card-meta span{font-size:.7rem;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 8px}.test-card-link{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:.82rem;font-weight:700}.test-card-link span:last-child{color:var(--cyan-2)}
.results-lab{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.results-copy h2{font-size:clamp(2.4rem,4.8vw,4.8rem);margin:14px 0 20px}.results-copy p{color:var(--text-2);line-height:1.72;max-width:520px}.results-points{display:grid;gap:12px;margin:28px 0}.results-point{display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:.9rem}.results-point i{width:24px;height:24px;border-radius:8px;background:rgba(25,199,232,.08);color:var(--cyan-2);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.7rem;flex:0 0 auto}
.results-board{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.result-preview-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:18px;min-height:180px;overflow:hidden}.result-preview-card.tall{grid-row:span 2}.result-preview-card h4{font-size:.9rem;margin-bottom:12px}.result-preview-card small{color:var(--muted)}.spectrum{height:9px;border-radius:999px;background:linear-gradient(90deg,#4e81f4,#19c7e8,#4fc996,#e7b85c,#ef7e9e);position:relative;margin:32px 0 12px}.spectrum i{position:absolute;width:14px;height:14px;border:3px solid var(--bg);border-radius:50%;background:#fff;top:50%;transform:translate(-50%,-50%);left:72%;box-shadow:0 0 0 2px var(--cyan)}.gauge{width:130px;height:65px;border:12px solid var(--surface-3);border-bottom:0;border-radius:130px 130px 0 0;margin:24px auto 8px;position:relative}.gauge:after{content:"";position:absolute;left:50%;bottom:-4px;width:50px;height:3px;background:var(--cyan);transform-origin:left center;transform:rotate(-35deg);box-shadow:0 0 14px rgba(25,199,232,.55)}.gauge-value{text-align:center;font-family:Manrope,sans-serif;font-size:1.8rem;font-weight:800}.pill-bars{display:grid;gap:8px;margin-top:16px}.pill-row{display:grid;grid-template-columns:90px 1fr 34px;gap:8px;align-items:center;font-size:.68rem}.pill-row .line{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.pill-row .line i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.method-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:26px}.method-card .num{font-family:Manrope,sans-serif;font-size:.76rem;color:var(--cyan-2);letter-spacing:.15em}.method-card h3{font-size:1.45rem;margin:18px 0 10px}.method-card p{color:var(--muted);font-size:.9rem}.method-card.wide{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.trust-lines{display:grid;gap:10px}.trust-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:.86rem}.trust-line span{color:var(--muted)}
.cta-band{padding:28px;border:1px solid rgba(25,199,232,.18);border-radius:28px;background:radial-gradient(circle at 20% 0%,rgba(25,199,232,.14),transparent 32%),linear-gradient(135deg,var(--surface),var(--surface-2));display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{font-size:clamp(2rem,3.4vw,3.3rem);max-width:700px}.cta-band p{color:var(--muted);margin-top:8px}
.site-footer{border-top:1px solid var(--line);background:#050c10;padding:60px 0 24px}.light .site-footer{background:#e4edef}.footer-main{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:42px}.footer-brand-block p{color:var(--muted);max-width:400px;margin:18px 0}.footer-status{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;color:var(--muted)}.footer-status span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(79,201,150,.08)}.footer-col{display:grid;align-content:start;gap:10px}.footer-col strong{font-size:.82rem;margin-bottom:6px}.footer-col a{font-size:.82rem;color:var(--muted)}.footer-col a:hover{color:var(--text)}.footer-bottom{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem}
.mobile-menu{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:.2s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);border:0}.mobile-menu aside{position:absolute;right:0;top:0;height:100%;width:min(380px,90vw);background:var(--bg);border-left:1px solid var(--line);padding:18px;transform:translateX(100%);transition:.28s var(--ease);display:flex;flex-direction:column;gap:8px}.mobile-menu.open aside{transform:none}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-menu aside>a{display:flex;justify-content:space-between;padding:15px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-weight:700}.mobile-menu-note{margin-top:auto;color:var(--muted);font-size:.8rem;line-height:1.6;padding:14px}
.command-search{position:fixed;inset:0;z-index:100;opacity:0;pointer-events:none;transition:.18s}.command-search.open{opacity:1;pointer-events:auto}.command-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(8px);border:0}.command-panel{position:relative;margin:10vh auto 0;width:min(720px,calc(100% - 30px));border:1px solid var(--line-strong);background:var(--surface);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.command-input-wrap{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.command-input-wrap svg{width:20px;color:var(--muted)}.command-input-wrap input{border:0;background:transparent;color:var(--text);outline:0;font-size:1rem}.command-input-wrap kbd{font-size:.65rem;padding:4px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.command-results{max-height:60vh;overflow:auto;padding:10px}.command-result{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px;border-radius:12px}.command-result:hover{background:var(--surface-2)}.command-result span{color:var(--muted);font-size:.75rem}.command-empty{padding:28px;text-align:center;color:var(--muted)}
/* test catalog page */
.page-hero{padding:72px 0 38px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 20%,rgba(25,199,232,.08),transparent 26%)}.page-hero h1{font-size:clamp(3rem,6vw,6rem);margin:16px 0 18px}.page-hero p{color:var(--text-2);max-width:700px;font-size:1.05rem}.catalog-page{padding:42px 0 90px}.catalog-page .catalog-toolbar{position:sticky;top:80px;z-index:10;padding:12px 0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px)}
/* test landing */
.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.78rem;margin-bottom:26px}.breadcrumbs a:hover{color:var(--text)}
.test-landing-hero{padding:58px 0 42px;background:radial-gradient(circle at 72% 28%,rgba(25,199,232,.1),transparent 24%)}.test-landing-grid{display:grid;grid-template-columns:1fr 390px;gap:54px;align-items:start}.test-landing-copy h1{font-size:clamp(3rem,5.8vw,6rem);margin:16px 0 20px;max-width:850px}.test-landing-copy .lead{font-size:1.08rem;color:var(--text-2);max-width:780px;line-height:1.75}.fact-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.fact{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 13px}.fact strong{display:block;font-size:.92rem}.fact span{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}.start-panel{position:sticky;top:94px;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface),var(--surface-2));border-radius:24px;padding:20px;box-shadow:var(--shadow)}.start-visual{height:190px;border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(25,199,232,.22),transparent 20%),linear-gradient(135deg,#0a2029,#0d171d);display:grid;place-items:center;border:1px solid var(--line);overflow:hidden;position:relative}.light .start-visual{background:linear-gradient(135deg,#e8f5f7,#dbeaed)}.start-visual .mini-prism{width:92px;height:92px;position:relative;filter:drop-shadow(0 18px 30px rgba(25,199,232,.2))}.start-visual .mini-prism:before,.start-visual .mini-prism:after{content:"";position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);inset:0;background:linear-gradient(150deg,var(--cyan-2),var(--cyan),rgba(130,108,255,.7))}.start-visual .mini-prism:after{transform:scale(.68) translateY(12px);background:var(--bg)}.start-panel h3{font-size:1.35rem;margin:18px 0 6px}.start-panel p{color:var(--muted);font-size:.86rem}.start-panel .primary-btn{width:100%;margin-top:18px}.start-panel .privacy-note{text-align:center;font-size:.7rem;color:var(--muted);margin-top:10px}.landing-content{padding:72px 0}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.landing-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px}.landing-card h2{font-size:1.55rem;margin-bottom:13px}.landing-card p,.landing-card li{color:var(--muted);font-size:.92rem;line-height:1.7}.landing-card ul{padding-left:18px;margin:0;display:grid;gap:7px}.landing-card.wide{grid-column:1/-1}.dimension-pills{display:flex;gap:8px;flex-wrap:wrap}.dimension-pills span{padding:9px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.78rem}
.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:15px;overflow:hidden}.faq-q{width:100%;text-align:left;padding:16px 18px;border:0;background:transparent;display:flex;justify-content:space-between;gap:20px;font-weight:700;cursor:pointer}.faq-a{max-height:0;overflow:hidden;transition:.28s var(--ease)}.faq-item.open .faq-a{max-height:200px}.faq-a p{padding:0 18px 18px;color:var(--muted);font-size:.9rem}.faq-q span:last-child{color:var(--cyan-2)}
/* runner */
.runner-page{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:44px 20px;background:radial-gradient(circle at 50% 15%,rgba(25,199,232,.08),transparent 28%)}.runner-shell{width:min(820px,100%)}.runner-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;margin-bottom:14px}.runner-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.runner-progress{height:5px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin-bottom:28px}.runner-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:inherit;transition:.25s}.runner-card h1{font-size:clamp(1.8rem,4vw,3.1rem);margin:14px 0 24px}.answer-grid{display:grid;gap:9px}.answer-btn{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:16px 17px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:13px;transition:.18s}.answer-btn:hover{border-color:rgba(25,199,232,.35);background:var(--surface-2);transform:translateX(3px)}.answer-index{width:26px;height:26px;border:1px solid var(--line-strong);border-radius:8px;display:grid;place-items:center;font-size:.7rem;color:var(--muted);flex:0 0 auto}.runner-foot{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px;color:var(--muted);font-size:.73rem}.runner-loading{text-align:center;padding:64px 28px}.spinner{width:42px;height:42px;border:3px solid var(--surface-3);border-top-color:var(--cyan);border-radius:50%;margin:0 auto 20px;animation:spin .9s linear infinite}
/* result page */
.result-page{padding:52px 0 90px;background:radial-gradient(circle at 77% 12%,rgba(25,199,232,.08),transparent 25%)}.result-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-profile-card,.result-chart-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:26px}.result-profile-card h1{font-size:clamp(2.8rem,6vw,5.8rem);margin:14px 0 14px}.result-profile-card .summary{font-size:1rem;color:var(--text-2);line-height:1.75}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.result-chart-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;align-items:center}.radar-large svg{width:100%;max-width:280px;margin:auto}.result-traits{display:grid;gap:12px}.result-trait-head{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:6px}.result-trait-head span:last-child{font-weight:800}.result-bar{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.result-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:inherit}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.insight-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px}.insight-card h2{font-size:1.3rem;margin-bottom:12px}.insight-card ul{margin:0;padding-left:18px;color:var(--muted);font-size:.88rem;display:grid;gap:8px;line-height:1.6}.result-note{margin-top:16px;border:1px dashed var(--line-strong);border-radius:15px;padding:14px;color:var(--muted);font-size:.78rem}
.simple-page{padding:86px 0}.content-narrow{width:min(820px,calc(100% - 44px));margin:auto}.content-narrow h1{font-size:clamp(2.8rem,6vw,5.4rem);margin:16px 0 22px}.content-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:25px;color:var(--text-2)}.content-card p+p{margin-top:15px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:10px;font-size:.8rem;font-weight:700;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(18px);transition:.7s var(--ease)}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:1050px){.desktop-nav{display:none}.nav-icon.menu-btn{display:grid}.hero-grid,.results-lab,.discovery-panel,.test-landing-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.test-landing-grid{gap:26px}.start-panel{position:relative;top:auto}.result-hero{grid-template-columns:1fr}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-col:last-child{display:none}}
@media(max-width:820px){.section{padding:72px 0}.section-head{align-items:flex-start;flex-direction:column;gap:15px}.category-grid,.test-grid{grid-template-columns:repeat(2,1fr)}.metric-row{grid-template-columns:repeat(2,1fr)}.metric-item:nth-child(2){border-right:0}.metric-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.results-board{grid-template-columns:1fr 1fr}.method-card.wide{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1/-1}.result-chart-card{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr}.landing-grid{grid-template-columns:1fr}.landing-card.wide{grid-column:auto}}
@media(max-width:620px){.wrap,.wrap-wide,.content-narrow{width:min(100% - 28px,var(--wrap))}.nav-shell{width:calc(100% - 20px)}.nav-cta{display:none}.hero{padding:66px 0 52px}.hero-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-copy .lead{font-size:1rem}.hero-visual{min-height:440px}.result-orb-card{padding:14px;border-radius:22px}.result-top-grid{grid-template-columns:1fr}.radar-mini{min-height:180px}.floating-chip{display:none}.orbit.one{width:370px;height:370px}.orbit.two{width:290px;height:290px}.orbit.three{width:210px;height:210px}.metric-item{padding:20px 16px}.discovery-copy{padding:20px 16px}.discovery-options{grid-template-columns:1fr}.discovery-choice.wide{grid-column:auto}.category-grid,.test-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.results-board{grid-template-columns:1fr}.result-preview-card.tall{grid-row:auto}.cta-band{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr}.footer-brand-block{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{padding-top:48px}.page-hero h1,.test-landing-copy h1{font-size:clamp(2.8rem,14vw,4rem)}.test-landing-hero{padding-top:38px}.runner-card{padding:20px 16px}.runner-top{gap:10px}.result-profile-card,.result-chart-card{padding:20px 16px}.hero-actions .primary-btn,.hero-actions .secondary-btn{width:100%}.discovery-choice{min-height:112px}}