.tt{--bg:#eef6f4;--surface:#fff;--surface-2:#f5faf9;--ink:#14214a;--muted:#5a6b82;--line:#d5e5e2;--navy:#1e326e;--navy-deep:#101b44;--mint:#58d7b9;--teal:#45a19f;--gold:#d29b01;--coral:#e8735e;--sky:#4c9be0;--hero-ink:#f2fbf9;--hero-muted:#b7cbe0;--c-O:#2fb59e;--c-C:#2f6482;--c-E:#d29b01;--c-A:#e8735e;--c-S:#4c9be0;--focus:#14214a;--teal-text:#2a7371;--ct-O:#1f7d69;--ct-C:#2f6482;--ct-E:#a35f00;--ct-A:#b5503d;--ct-S:#2f74b5;--lk1:#c9472f;--lk2:#c96a55;--lk3:#6b7f99;--lk4:#2f8f7a;--lk5:#2a7371;--f-display:Panton,system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:Panton,system-ui,-apple-system,"Segoe UI",sans-serif;--radius:18px}.dark .tt{--bg:#0a1230;--surface:#121d45;--surface-2:#0f1a3d;--ink:#eaf4f2;--muted:#9fb0c9;--line:#24336a;--c-C:#6fa3c7;--navy:#8fa8e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--focus:#d29b01;--teal-text:#58d7b9;--ct-O:#2fb59e;--ct-C:#6fa3c7;--ct-E:#d29b01;--ct-A:#e8735e;--ct-S:#4c9be0;--lk1:#e8735e;--lk2:#efa48f;--lk3:#9db0c6;--lk4:#7fd9c3;--lk5:#45a19f}.tt *{box-sizing:border-box}.tt [hidden]{display:none!important}.tt{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}.tt .wrap{max-width:1120px;margin:0 auto;padding-inline:20px}.tt h1,.tt h2,.tt h3{font-family:var(--f-display);text-wrap:balance;margin:0;font-style:normal;line-height:1.08}.tt p{margin:0}.tt button{font:inherit;cursor:pointer}.tt :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}.tt .eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.tt .btn{border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.tt .btn:hover{transform:translateY(-2px)}.tt .btn-primary{background:var(--mint);color:#0b1a3e;box-shadow:0 10px 30px -10px #58d7b9cc}.tt .btn-ghost{color:inherit;opacity:.9;background:0 0;border:2px solid}.tt .btn-soft{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.tt .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.tt .topbar{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.tt .hero{background:radial-gradient(120% 90% at 85% 10%,#1b4b78 0%,transparent 55%),radial-gradient(80% 80% at 0% 100%,#0f5960 0%,transparent 60%),var(--navy-deep);color:var(--hero-ink);padding-bottom:64px;position:relative;overflow:hidden}.tt .hero:after{content:"";background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0;height:60px;position:absolute;inset:auto -10% -1px}.tt .hero-grid{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding-block:28px 40px;display:grid;position:relative}.tt .hero h1{letter-spacing:-.02em;font-size:clamp(40px,6.4vw,78px);font-weight:900}.tt .hero h1 .kick{font-family:var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:14px;font-size:13px;font-weight:700;display:block}.tt .hero h1 .hl{background:linear-gradient(90deg,var(--mint),#9ff0dc 40%,var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.tt .hero .lead{color:var(--hero-muted);max-width:34ch;margin-top:22px;font-size:clamp(18px,2vw,21px)}.tt .hero .cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.tt .facts{color:var(--hero-muted);flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:15px;display:flex}.tt .facts b{color:var(--hero-ink);margin-right:6px;font-size:20px;font-weight:900}.tt .sample{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;padding:22px 22px 18px;position:relative}.tt .sample .eyebrow{color:var(--mint)}.tt .sample small{color:var(--hero-muted);margin-top:8px;font-size:13px;display:block}.tt .blob{filter:blur(40px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.tt .radar{width:100%;height:auto;display:block;overflow:visible}.tt .radar .tt-grid{fill:none;stroke:currentColor;opacity:.16}.tt .radar .axis{stroke:currentColor;opacity:.16}.tt .radar .lbl{font-family:var(--f-display);fill:currentColor;font-size:18px;font-weight:700}.tt .radar .val{font-size:18px;font-weight:900}.tt section.block{padding-block:56px}.tt .how{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.tt .how .step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.tt .how .n{font-family:var(--f-display);color:var(--teal-text);font-size:44px;font-weight:900;line-height:1}.tt .how h3{margin-top:10px;font-size:21px}.tt .how p{color:var(--muted);margin-top:8px;font-size:16px}.tt .sec-title{letter-spacing:-.01em;font-size:clamp(28px,3.6vw,42px);font-weight:900}.tt .sec-sub{color:var(--muted);max-width:62ch;margin-top:10px}.tt .traits{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.tt .trait-chip{border-radius:var(--radius);color:#fff;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px 16px;display:flex}.tt .trait-chip h3{font-size:19px}.tt .trait-chip p{opacity:.92;margin-top:8px;font-size:14px;line-height:1.4}.tt .trait-chip .letter{opacity:.35;font-size:40px;font-weight:900;line-height:1}.tt .faq{gap:10px;max-width:820px;margin-top:26px;display:grid}.tt .faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 20px}.tt .faq summary::-webkit-details-marker{display:none}.tt .faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:14px 0;font-weight:700;list-style:none;display:flex}.tt .faq summary:after{content:"+";color:var(--teal-text);font-size:22px;font-weight:900;line-height:1}.tt .faq details[open] summary:after{content:"–"}.tt .faq details p{color:var(--muted);padding-bottom:16px;font-size:16px}.tt .faq details p+p{margin-top:-6px}.tt .screen{padding-block:28px 64px}.tt .panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;max-width:760px;margin:0 auto;padding:clamp(22px,4vw,44px);box-shadow:0 30px 60px -40px #101b4459}.tt .panel h2{font-size:clamp(28px,4vw,40px);font-weight:900}.tt .panel .sub{color:var(--muted);margin-top:10px}.tt .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.tt .qtop{align-items:center;gap:14px;max-width:760px;margin:0 auto 18px;display:flex}.tt .qbar{background:color-mix(in srgb,var(--ink)10%,transparent);border-radius:999px;flex:1;height:10px;overflow:hidden}.tt .qbar i{border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--mint),var(--gold));width:0;height:100%;transition:width .35s;display:block}.tt .qcount{font-variant-numeric:tabular-nums;text-align:right;min-width:64px;color:var(--muted);font-weight:700}.tt .qcard{position:relative;overflow:hidden}.tt .qcard .stripe{background:var(--teal);height:6px;transition:background .3s;position:absolute;top:0;left:0;right:0}.tt .q-hint{color:var(--muted);font-size:15px}.tt .q-text{font-family:var(--f-display);letter-spacing:-.01em;min-height:3.6em;margin-top:16px;font-size:clamp(26px,4.2vw,40px);font-weight:900;line-height:1.2}.tt .q-text.anim{animation:.35s tt-qin}@keyframes tt-qin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tt .likert{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:30px;display:grid}.tt .lk{color:var(--ink);background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:6px 2px;display:flex}.tt .lk .c{border:3px solid var(--lkc);background:0 0;border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:grid}.tt .lk:hover .c{background:color-mix(in srgb,var(--lkc)18%,transparent);transform:scale(1.08)}.tt .lk[aria-pressed=true] .c{background:var(--lkc);outline:2px solid var(--ink);outline-offset:3px}.tt .lk[aria-pressed=true] .c:after{content:"";background:var(--surface);border-radius:50%;width:30%;height:30%}.tt .lk span{text-align:center;color:var(--muted);font-size:13.5px;font-weight:700;line-height:1.2}.tt .lk[aria-pressed=true] span{color:var(--ink)}.tt .lk:first-child{--lkc:var(--lk1)}.tt .lk:first-child .c{width:58px;height:58px}.tt .lk:nth-child(2){--lkc:var(--lk2)}.tt .lk:nth-child(2) .c{width:46px;height:46px}.tt .lk:nth-child(3){--lkc:var(--lk3)}.tt .lk:nth-child(3) .c{width:38px;height:38px}.tt .lk:nth-child(4){--lkc:var(--lk4)}.tt .lk:nth-child(4) .c{width:46px;height:46px}.tt .lk:nth-child(5){--lkc:var(--lk5)}.tt .lk:nth-child(5) .c{width:58px;height:58px}.tt .qnav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.tt .kbd{color:var(--muted);font-size:13px}.tt .kbd kbd{border:1px solid var(--line);background:var(--surface-2);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-family:inherit;font-weight:700}.tt .res-hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:28px;display:grid}.tt .res-hero .eyebrow{color:var(--teal-text)}.tt .res-sum{color:var(--muted);max-width:46ch;margin-top:16px;font-size:18px}.tt .radar-card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:28px;padding:18px}.tt .bars{gap:18px;margin-top:8px;display:grid}.tt .bar-row .top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tt .bar-row .name{font-size:18px;font-weight:900}.tt .bar-row .pct{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.tt .bar-row .track{background:color-mix(in srgb,var(--ink)9%,transparent);border-radius:999px;height:14px;margin-top:8px;position:relative;overflow:hidden}.tt .bar-row .track i{border-radius:inherit;background:var(--tc);width:0;transition:width 1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.tt .bar-row .poles{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.tt .bar-row .band{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--tc)18%,transparent);color:var(--ink);white-space:nowrap;border-radius:999px;margin-left:8px;padding:3px 10px;font-size:12px;font-weight:700}.tt .tcards{gap:18px;margin-top:28px;display:grid}.tt .tcard{background:var(--surface);border:1px solid var(--line);border-radius:24px;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:26px;display:grid}.tt .tcard .side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.tt .tt-ring{width:110px;height:110px}.tt .tt-ring text{font-family:var(--f-display);fill:var(--ink);font-size:26px;font-weight:900}.tt .tcard h3{font-size:clamp(22px,2.6vw,28px)}.tt .tcard .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--tct,var(--ink));font-size:13px;font-weight:700}.tt .tcard .body p.lead2{color:var(--muted);margin-top:8px}.tt .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.tt .cols h4{letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:14px}.tt .cols ul{color:var(--muted);gap:6px;margin:0;padding-left:18px;font-size:15.5px;list-style:outside;display:grid}.tt .cols .jobs ul{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.tt .cols .jobs li{background:color-mix(in srgb,var(--tc)14%,transparent);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:14px}.tt .next{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.tt .next .card{border-radius:24px;flex-direction:column;justify-content:space-between;gap:10px;min-height:190px;padding:24px;display:flex}.tt .next .card h3{font-size:22px}.tt .next .card p{opacity:.88;font-size:15.5px}.tt .next .c1{background:var(--navy-deep);color:var(--hero-ink)}.tt .next .c2{color:#fff;background:linear-gradient(135deg,#2b7a78,#198296)}.tt .next .c3{background:var(--surface);border:1px solid var(--line)}.tt .next .card .btn{align-self:flex-start;padding:12px 20px;font-size:15px}.tt .share{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:center;gap:28px;margin-top:24px;display:grid}.tt .sharecard{aspect-ratio:4/5;color:#f2fbf9;background:radial-gradient(90% 70% at 80% 0,#1b4b78,#0000 60%),radial-gradient(90% 70% at 0 100%,#0f5960,#0000 60%),#101b44;border-radius:26px;flex-direction:column;justify-content:space-between;max-width:100%;padding:22px;display:flex;position:relative;overflow:hidden}.tt .sharecard .t{font-size:30px;font-weight:900;line-height:1.05}.tt .sharecard .u{color:#b7cbe0;font-size:13px}.tt .quality{margin-top:18px}.tt .pill{background:color-mix(in srgb,var(--teal)16%,transparent);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.tt .pill.warn{background:color-mix(in srgb,var(--gold)22%,transparent)}.tt .toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--navy-deep);color:#f2fbf9;z-index:50;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -10px #00000080}.tt .ava{width:100%;height:auto;display:block;overflow:visible}.tt .cast{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;display:grid}.tt .cast a{color:var(--hero-ink);background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px;text-decoration:none;transition:background .2s;display:flex}.tt .cast a:hover{background:#ffffff12}.tt .cast a span{text-align:center;font-size:12.5px;font-weight:700;line-height:1.15}.tt .cast .ava{width:78%;animation:4.2s ease-in-out tt-bob}.tt .cast a:nth-child(3n+2) .ava{animation-delay:-1.4s}.tt .cast a:nth-child(3n) .ava{animation-delay:-2.8s}@keyframes tt-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tt .cast-q{text-align:center;margin-bottom:10px;font-size:24px;font-weight:900}.tt .tgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.tt .tg{background:var(--surface);border:1px solid var(--line);text-align:center;color:var(--ink);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.tt .tg:before{content:"";background:color-mix(in srgb,var(--tc)20%,transparent);height:96px;position:absolute;inset:0 0 auto}.tt .tg:hover{transform:translateY(-4px);box-shadow:0 22px 40px -28px #101b4480}.tt .tg .ava{width:96px;position:relative}.tt .tg b{font-family:var(--f-display);margin-top:4px;font-size:20px;font-weight:900}.tt .tg span{color:var(--muted);font-size:14px;line-height:1.35}.tt .type-hero{background:radial-gradient(90% 90% at 0% 0%,color-mix(in srgb,var(--tc)55%,transparent),transparent 70%),var(--navy-deep);color:var(--hero-ink);border-radius:32px;grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(22px,4vw,44px);display:grid;position:relative;overflow:hidden}.tt .type-hero .ava{filter:drop-shadow(0 0 22px #ffffff38);max-width:260px;margin:0 auto;animation:4.2s ease-in-out tt-bob}.tt .type-hero .eyebrow{color:var(--mint)}.tt .type-hero h1,.tt .type-hero h2{letter-spacing:-.02em;margin-top:8px;font-size:clamp(40px,6vw,72px);font-weight:900}.tt .type-hero .tl{color:#fff;margin-top:10px;font-size:clamp(19px,2.2vw,24px);font-weight:700}.tt .type-hero .ds{color:var(--hero-muted);max-width:56ch;margin-top:14px}.tt .match{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tt .match .m{background:#ffffff1a;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}.tt .match .m b{color:var(--mint);font-weight:900}.tt .match a{color:var(--mint);text-underline-offset:3px;text-decoration:underline}.tt .tdet{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.tt .tbox{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}.tt .tbox h2{font-size:20px}.tt .tbox ul{color:var(--muted);gap:6px;margin:12px 0 0;padding-left:20px;list-style:outside;display:grid}.tt .tbox .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tt .tbox .chips span{background:color-mix(in srgb,var(--tc)16%,transparent);border-radius:999px;padding:5px 13px;font-size:14.5px}.tt .pairs{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.tt .pairs .ava{width:44px}.tt .tnav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;display:flex}@media (max-width:900px){.tt .tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tt .type-hero,.tt .tdet{grid-template-columns:1fr}.tt .type-hero .ava{max-width:200px}.tt .hero-grid,.tt .res-hero,.tt .share{grid-template-columns:1fr}.tt .traits{grid-template-columns:repeat(2,minmax(0,1fr))}.tt .how,.tt .next,.tt .cols{grid-template-columns:1fr}}@media (max-width:560px){.tt{font-size:16px}.tt .tcard{grid-template-columns:1fr}.tt .likert{gap:4px}.tt .lk span{font-size:11.5px}.tt .lk:first-child .c,.tt .lk:nth-child(5) .c{width:48px;height:48px}.tt .lk:nth-child(2) .c,.tt .lk:nth-child(4) .c{width:40px;height:40px}.tt .lk:nth-child(3) .c{width:32px;height:32px}.tt .q-text{min-height:4.8em}.tt .radar .lbl,.tt .radar .val{font-size:21px}.tt .traits{grid-template-columns:1fr}.tt .trait-chip{min-height:0}.tt .tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt .cast a span{font-size:11px}}@media (prefers-reduced-motion:reduce){.tt *{transition:none!important;animation:none!important}}.tt a{color:inherit}.tt a.btn,.tt a.tg,.tt .pairs a{text-decoration:none}.tt .ava-w{display:block}.tt .radar .shape-g{transform-box:view-box;transform-origin:150px 155px;animation:1.1s cubic-bezier(.2,.8,.2,1) both tt-grow}@keyframes tt-grow{0%{transform:scale(.05)}to{transform:none}}.tt .pairs a{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-weight:700;display:flex}.tt .pairs a .ava-w{width:44px}.tt .hero-note{color:var(--hero-muted);max-width:52ch;margin-top:18px;font-size:14px}.tt [tabindex="-1"]:focus{outline:none}.dark .tt nav[aria-label=Breadcrumb] ol{color:var(--muted)}
