@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#111820;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;--font-body:"Space Grotesk Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Fraunces Variable", Georgia, "Times New Roman", serif;--ink:#111820;--paper:#fff7e8;--cream:#fffdf3;--teal:#1f8f88;--coral:#e85d4f;--gold:#f5bc3b;--green:#5c9d5c;--blue:#236a9b;--plum:#6a4aa1;--line:#1118202e;--shadow:0 18px 42px #11182029;background:#fff7e8;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-body);background:linear-gradient(90deg, #1f8f8814 1px, transparent 1px), linear-gradient(0deg, #e85d4f14 1px, transparent 1px), var(--paper);background-size:36px 36px;margin:0}button,a{letter-spacing:0}button{font:inherit}a{color:inherit}.shell{width:min(1180px,100% - 32px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.brand,.header-link{color:var(--ink);letter-spacing:-.015em;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{width:38px;height:38px;color:var(--cream);font-family:var(--font-display);font-variation-settings:"SOFT" 85, "WONK" 1, "opsz" 72;background:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--gold);border-radius:8px;place-items:center;font-size:1.45rem;font-weight:900;display:grid}.brand__mark:before{content:"w"}.header-link{border:2px solid var(--ink);background:var(--cream);border-radius:8px;min-height:40px;padding:8px 12px}.hero{align-items:center;gap:28px;padding:26px 0 44px;display:grid}.hero__copy{gap:18px;display:grid}.eyebrow{color:var(--teal);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.045em;font-variation-settings:"SOFT" 76, "WONK" 1, "opsz" 72;font-weight:900;line-height:1.02}h1{max-width:850px;margin-bottom:0;font-size:3rem}h2{margin-bottom:0;font-size:2rem}h3{letter-spacing:-.025em;margin-bottom:0;font-size:1.3rem}.hero__lede{max-width:720px;margin-bottom:0;font-size:1.12rem;font-weight:700}.hero__actions,.panel-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button,.icon-button{border:2px solid var(--ink);min-height:46px;color:var(--ink);cursor:pointer;font-family:var(--font-body);border-radius:8px;justify-content:center;align-items:center;gap:9px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button{padding:10px 16px}.button--primary{background:var(--gold);box-shadow:5px 5px 0 var(--ink)}.button--secondary{background:var(--cream)}.icon-button{background:var(--cream);width:46px;padding:0}.button:hover,.icon-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button:focus-visible,.icon-button:focus-visible,.answer-option:focus-visible,.step-nav__item:focus-visible,.header-link:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.icon-button:disabled{cursor:not-allowed;opacity:.45}.icon-button:disabled:hover{box-shadow:none;transform:none}.security-badge{border:2px solid var(--line);background:#fffdf3b8;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:7px 10px;font-weight:700;display:inline-flex}.hero__stage{border:3px solid var(--ink);background:linear-gradient(135deg, #236a9bf5, #1f8f88e6 48%, #e85d4fe0), var(--blue);min-height:420px;box-shadow:var(--shadow);isolation:isolate;border-radius:8px;position:relative;overflow:hidden}.stage-sky{background-color:#0000;background-image:linear-gradient(90deg,#fffdf329 2px,#0000 2px),linear-gradient(0deg,#fffdf31f 2px,#0000 2px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:68px 68px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.stage-ring{border:4px solid #fffdf39e;border-radius:50%;position:absolute;transform:rotate(-12deg)}.stage-ring--outer{width:350px;height:350px;top:28px;right:-70px}.stage-ring--inner{width:210px;height:210px;top:96px;right:36px}.stage-card{border:3px solid var(--ink);background:var(--cream);width:156px;min-height:170px;box-shadow:7px 7px 0 var(--ink);font-family:var(--font-display);font-variation-settings:"SOFT" 65, "WONK" 1, "opsz" 48;border-radius:8px;place-items:center;gap:8px;padding:16px;font-size:1.1rem;font-weight:900;display:grid;position:absolute}.stage-card--one{top:44px;left:28px;transform:rotate(-6deg)}.stage-card--two{top:28px;left:50%;transform:translate(-50%)rotate(4deg)}.stage-card--three{bottom:78px;right:34px;transform:rotate(7deg)}.stage-console{border:3px solid var(--ink);background:#fffdf3eb;border-radius:8px;gap:10px;padding:14px;font-weight:950;display:grid;position:absolute;bottom:26px;left:28px;right:28px}progress,meter{border:2px solid var(--ink);background:var(--cream);border-radius:8px;width:100%;height:16px;overflow:hidden}progress::-webkit-progress-bar{background:var(--cream)}meter::-webkit-meter-bar{background:var(--cream)}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--teal), var(--gold), var(--coral))}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg, var(--teal), var(--gold), var(--coral))}progress::-moz-progress-bar{background:linear-gradient(90deg, var(--teal), var(--gold), var(--coral))}.experience{align-items:start;gap:22px;padding:22px 0 54px;display:grid}.tool-panel,.family-card,.privacy-band{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fffdf3f0;border-radius:8px}.tool-panel{gap:20px;padding:18px;display:grid}.panel-heading,.section-heading{gap:8px;display:grid}.progress-row{grid-template-columns:1fr auto;align-items:center;gap:12px;font-weight:900;display:grid}.step-nav{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.step-nav__item{border:2px solid var(--ink);background:var(--cream);cursor:pointer;border-radius:8px;min-height:42px;font-weight:950}.step-nav__item.is-active{background:var(--teal);color:var(--cream)}.question-card{gap:16px;display:grid}.answer-grid{gap:10px;display:grid}.answer-option{border:2px solid var(--ink);min-height:88px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:8px;gap:6px;padding:13px;transition:transform .16s,box-shadow .16s,background .16s;display:grid}.answer-option:hover,.answer-option.is-selected{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.answer-option.is-selected{background:#ffe991}.answer-option span{font-size:1rem;font-weight:950}.answer-option small{font-size:.92rem;font-weight:650}.result-panel{position:sticky;top:16px}.result-hero{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.score-block{gap:8px;display:grid}.score-block strong{font-size:2.5rem;line-height:1}.result-summary{margin-bottom:0;font-weight:700}.trait-cloud{flex-wrap:wrap;gap:8px;display:flex}.trait-cloud span{border:2px solid var(--ink);background:var(--family-soft);border-radius:8px;padding:7px 9px;font-size:.9rem;font-weight:900}.result-detail{border:2px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:14px;display:grid}.result-detail h3{align-items:center;gap:8px;font-size:1rem;display:flex}.result-detail p{margin-bottom:0}.alternate-strip{gap:8px;display:grid}.mini-match{border:2px solid var(--line);background:var(--family-soft);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;padding:8px;font-weight:850;display:grid}.gallery{gap:22px;padding:24px 0 56px;display:grid}.family-grid{gap:14px;display:grid}.family-card{background:var(--family-soft);gap:10px;padding:16px;display:grid}.family-card p{margin-bottom:0}.family-card ul{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.family-card li{align-items:center;gap:8px;font-weight:800;display:flex}.privacy-band{background:#e7f7f3;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:16px;display:grid}.privacy-band p{margin-bottom:0;font-weight:850}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:10px;padding:26px 0 36px;font-weight:850;display:flex}.cat-mark{--cat-main:var(--gold);--cat-soft:#fff0ae;flex:none;place-items:center;display:inline-grid;position:relative}.cat-mark--large{width:108px;height:108px}.cat-mark--small{width:48px;height:48px}.cat-mark__face{z-index:1;border:3px solid var(--ink);background:var(--cat-main);border-radius:44% 44% 40% 40%;width:78%;height:72%;display:block;position:relative}.cat-mark--small .cat-mark__face{border-width:2px}.cat-mark__ear{border:3px solid var(--ink);background:var(--cat-main);width:34%;height:38%;position:absolute;top:6%}.cat-mark--small .cat-mark__ear{border-width:2px}.cat-mark__ear--left{border-radius:8px 8px 0;left:10%;transform:rotate(-26deg)skewY(14deg)}.cat-mark__ear--right{border-radius:8px 8px 8px 0;right:10%;transform:rotate(26deg)skewY(-14deg)}.cat-mark__eye{background:var(--ink);border-radius:50%;width:13%;height:17%;position:absolute;top:36%}.cat-mark__eye--left{left:27%}.cat-mark__eye--right{right:27%}.cat-mark__nose{background:var(--coral);border-radius:50%;width:15%;height:11%;position:absolute;top:58%;left:50%;transform:translate(-50%)}.cat-mark__whisker{background:var(--ink);width:28%;height:2px;position:absolute;top:63%}.cat-mark__whisker--left-a{left:-12%;transform:rotate(8deg)}.cat-mark__whisker--left-b{top:71%;left:-12%;transform:rotate(-8deg)}.cat-mark__whisker--right-a{right:-12%;transform:rotate(-8deg)}.cat-mark__whisker--right-b{top:71%;right:-12%;transform:rotate(8deg)}.family--nebula{--cat-main:#f3c968;--family-soft:#fff0bd}.family--thunderpaw{--cat-main:#ff765f;--family-soft:#ffe0d9}.family--lantern{--cat-main:#7cc6a4;--family-soft:#dff5e9}.family--garden{--cat-main:#77b85f;--family-soft:#e5f4cc}.family--moonlit{--cat-main:#9d86d9;--family-soft:#ebe4ff}@media (width>=760px){h1{font-size:4rem}.experience{grid-template-columns:minmax(0,1fr) minmax(300px,420px)}.answer-grid{grid-template-columns:repeat(3,1fr)}.family-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=980px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:calc(100vh - 120px)}h1{font-size:5.25rem}.family-grid{grid-template-columns:repeat(5,1fr)}}@media (width<=620px){.shell{width:min(100% - 20px,1180px)}.site-header{min-height:68px}.brand{font-size:.96rem}.header-link{min-height:36px;padding:6px 9px}h1{font-size:2.35rem}h2{font-size:1.68rem}.hero__stage{min-height:350px}.stage-card{width:126px;min-height:142px;padding:10px}.stage-card--two{top:36px;left:auto;right:18px;transform:rotate(5deg)}.stage-card--three{bottom:84px;right:22px}.cat-mark--large{width:84px;height:84px}.result-panel{position:static}.tool-panel{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}