.type-hero{position:relative;overflow:hidden;padding:132px 0 78px}.type-grid-bg{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:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.type-orb{position:absolute;width:430px;height:430px;border-radius:50%;filter:blur(115px);opacity:.16}.type-orb--gold{left:-180px;top:-40px;background:#e5b84a}.type-orb--cyan{right:-180px;bottom:-90px;background:#38bdf8}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.breadcrumb{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.6rem;color:#ffffff75;font-size:13px}.eyebrow,.section-kicker{color:#6dd5ed;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .85rem;border:1px solid rgba(109,213,237,.25);border-radius:999px;background:#6dd5ed12}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#6dd5ed;box-shadow:0 0 0 5px #6dd5ed1a}.type-hero h1{max-width:980px;margin:1.2rem 0 .9rem;color:#fff;font-size:clamp(2.25rem,6vw,4.7rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.type-hero h1 span{display:block;color:var(--gold)}.hero-sub{max-width:780px;margin:0;color:#ffffffad;font-size:clamp(15px,1.8vw,18px);line-height:1.72}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);width:min(620px,100%);margin:2rem 0;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff09;overflow:hidden}.hero-stats div{display:grid;gap:.15rem;padding:1rem}.hero-stats div+div{border-left:1px solid rgba(255,255,255,.09)}.hero-stats strong{color:#fff;font-size:1.2rem}.hero-stats span{color:#ffffff7a;font-size:12px}.hero-actions,.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.independent-note{margin:1rem 0 0;color:#fff6;font-size:11px}.pair-section,.assessment-section,.faq-section,.method-section{padding:82px 0}.pair-section,.faq-section{background:#f4f1e8;color:#17202c}.section-heading{max-width:770px;margin:0 auto 2.2rem;text-align:center}.section-heading h2,.method-layout h2{margin:.55rem 0 .7rem;color:inherit;font-size:clamp(2rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.04em;text-wrap:balance}.section-heading p{color:#68717d;line-height:1.7}.pair-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pair-grid article{padding:1.35rem;border:1px solid #d9d5cb;border-radius:18px;background:#ffffffbf;box-shadow:0 12px 30px #17202c0d}.pair-code{display:flex;align-items:center;gap:.45rem}.pair-code b{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#17202c;color:var(--gold);font-size:1.1rem}.pair-code span{color:#8b929b;font-size:11px}.pair-grid h3{margin:1.2rem 0 .45rem}.pair-grid p,.method-grid p{margin:0;color:#68717d;line-height:1.6}.assessment-section{background:#0a1220}.assessment-section .section-heading{color:#fff}.assessment-section .section-heading p{color:#ffffff94}.start-shell,.quiz-shell,.result-shell{max-width:1050px;margin:0 auto;padding:clamp(1.15rem,3vw,2rem);border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,#ffffff12,#ffffff06);box-shadow:0 28px 70px #00000040}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1rem}.audience-option{display:grid;gap:.35rem;width:100%;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff09;color:#fff;text-align:left;cursor:pointer;transition:.18s}.audience-option span{color:#ffffff8c;font-size:13px;line-height:1.45}.audience-option:hover,.audience-option.is-selected{border-color:#e5b84ab3;background:#e5b84a1a;transform:translateY(-1px)}.start-shell>p,.assessment-note{margin:.8rem 0 0;color:#ffffff6e;text-align:center;font-size:12px}.quiz-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.75rem 1.15rem;border:1px solid transparent;border-radius:12px;font-weight:800;cursor:pointer}.quiz-button--primary{background:var(--gold);color:#111827}.quiz-button--secondary{border-color:#ffffff26;background:transparent;color:#fff}.quiz-button:disabled{cursor:not-allowed;opacity:.38}#start-button{width:100%}.quiz-topline,.quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#ffffff7a;font-size:12px}.axis-label{color:#6dd5ed;font-weight:800}.progress-track{height:5px;margin:.8rem 0 1.7rem;border-radius:99px;background:#ffffff14;overflow:hidden}.progress-track span{display:block;width:3%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6dd5ed,var(--gold));transition:width .25s}.question-prompt{max-width:850px;margin:0 auto 1.2rem;color:#fff;text-align:center;font-size:clamp(1.2rem,2.6vw,1.75rem);font-weight:780;line-height:1.45}.choice-poles{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.choice-poles article{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:.7rem;min-height:105px;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff09}.choice-poles span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#6dd5ed1f;color:#6dd5ed;font-weight:850}.choice-poles p{margin:0;color:#fff;line-height:1.5}.scale-options{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1rem 0 1.4rem}.scale-options button{display:grid;gap:.25rem;min-height:74px;place-content:center;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff06;color:#fff;cursor:pointer;transition:.18s}.scale-options button strong{color:var(--gold);font-size:1.1rem}.scale-options button span{color:#ffffff7a;font-size:10px}.scale-options button:hover,.scale-options button.is-selected{border-color:#e5b84abf;background:#e5b84a1c;transform:translateY(-1px)}.quiz-nav{padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.result-shell{color:#ffffffb3}.result-head{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:1.5rem}.type-mark{display:grid;width:180px;height:180px;place-content:center;border:1px solid rgba(229,184,74,.35);border-radius:30px;background:radial-gradient(circle at top,rgba(229,184,74,.16),transparent 62%),#111b2a;text-align:center;box-shadow:inset 0 0 40px #e5b84a0d}.type-mark strong{color:#fff;font-size:2.5rem;letter-spacing:.08em}.type-mark span,.result-kicker{color:#6dd5ed;font-size:11px}.result-head h3{margin:.35rem 0;color:#fff;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.08}.result-head p,.result-section p{line-height:1.65}.result-metrics,.insight-grid,.axis-grid,.experiment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.result-metrics{grid-template-columns:repeat(4,1fr);margin:1.5rem 0}.result-metric,.insight-grid article,.axis-card,.experiment-card{padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff09}.result-metric{display:grid;gap:.35rem}.result-metric strong{color:#fff}.result-metric span{color:#ffffff6e;font-size:11px}.axis-card{padding:1.1rem}.axis-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.axis-card h5{margin:0;color:#fff}.axis-card-head strong{color:var(--gold)}.axis-track{position:relative;height:9px;margin:.9rem 0 .55rem;border-radius:99px;background:linear-gradient(90deg,#38bdf8,var(--gold))}.axis-track:after{content:"";position:absolute;top:-3px;left:50%;width:1px;height:15px;background:#fff;opacity:.65}.axis-track i{position:absolute;top:-4px;width:17px;height:17px;border:3px solid #0f1928;border-radius:50%;background:#fff;transform:translate(-50%)}.axis-labels{display:flex;justify-content:space-between;color:#ffffff85;font-size:11px}.result-section{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.09)}.result-section h4{margin:0 0 .55rem;color:#fff;font-size:1.25rem}.result-section h5{margin:0 0 .45rem;color:#fff}.insight-grid,.experiment-grid,.axis-grid{margin-top:.9rem}.signal-list{margin:.6rem 0 0;padding-left:1.1rem}.signal-list li+li{margin-top:.45rem}.response-table{display:grid;gap:.55rem}.response-row{display:grid;grid-template-columns:36px 1fr auto;gap:.75rem;align-items:start;padding:.75rem;border-radius:10px;background:#ffffff09;font-size:13px}.response-row b{color:var(--gold)}.response-row span{color:#ffffff85}.result-actions{margin-top:1.4rem}.method-section{background:#fff;color:#17202c}.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.method-grid article{padding:1.2rem;border:1px solid #e2ded4;border-radius:16px;background:#faf8f3}.method-grid strong{color:#b18425;font-size:12px}.method-grid h3{margin:.8rem 0 .45rem}.faq-list{max-width:900px;margin:0 auto}.faq-list details{border-bottom:1px solid #d9d5cb}.faq-list summary{padding:1rem 0;color:#17202c;font-weight:800;cursor:pointer}.faq-list p{margin:0 0 1rem;color:#68717d;line-height:1.7}[hidden]{display:none!important}@media (max-width:900px){.pair-grid{grid-template-columns:repeat(2,1fr)}.method-layout{grid-template-columns:1fr}.result-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.type-hero{padding-top:112px}.audience-grid,.choice-poles,.axis-grid,.insight-grid,.experiment-grid,.pair-grid,.method-grid{grid-template-columns:1fr}.hero-stats{border-radius:15px}.hero-stats div{padding:.8rem .35rem}.start-shell,.quiz-shell,.result-shell{border-radius:20px}.scale-options{gap:.3rem}.scale-options button{min-height:72px;padding:.3rem}.scale-options button span{font-size:9px;line-height:1.2}.result-head{grid-template-columns:1fr;text-align:center}.type-mark{margin:0 auto}.response-row{grid-template-columns:28px 1fr}.response-row>span:last-child{grid-column:2}.hero-actions>*,.result-actions>*{width:100%;justify-content:center}}.assessment-section{overflow-anchor:none}.start-shell,.quiz-shell,.result-shell{scroll-margin-top:92px}.audience-option:focus-visible,.scale-options button:focus-visible,.quiz-button:focus-visible,.result-actions a:focus-visible,.result-section summary:focus-visible{outline:3px solid #6dd5ed;outline-offset:3px}.scale-options button{touch-action:manipulation}@media (prefers-reduced-motion:reduce){.audience-option,.scale-options button,.progress-track span{transition:none}}
