:root{color:#20211f;background:#f8f7f3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20211f;--muted: #73736d;--paper: #f7f5f3;--white: #ffffff;--forest: #234f45;--forest-deep: #173a32;--coral: #d95a2b;--sand: #e9e3d6;--line: #dedbd2;--shadow: 0 22px 60px rgba(46, 46, 39, .1);--canvas: #f9faf7;--elevated: #ffffff;--recessed: #f2f5ef;--ink-2: #6f6b63;--ink-3: #9b968c;--divider: rgba(44, 42, 40, .1);--sage-intense: #2e5c4f;--shadow-soft: 0 4px 14px rgba(44, 42, 40, .06);--shadow-modal: 0 18px 48px rgba(44, 42, 40, .14);--header-clearance: 96px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid rgba(35,79,69,.3);outline-offset:4px}img{display:block;max-width:100%}.app-shell{min-height:100vh;overflow:hidden}.site-header{position:fixed;top:18px;left:50%;z-index:40;width:min(1120px,calc(100% - 40px));min-height:58px;padding:7px 8px 7px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid rgba(44,42,40,.1);border-radius:999px;background:#ffffffd1;box-shadow:0 18px 46px #2c2a281a;transform:translate(-50%);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}.brand{display:inline-flex;align-items:center;gap:10px;padding:0;font-weight:850;font-size:20px;line-height:1;width:fit-content}.brand img{width:36px;height:36px;border-radius:11px;object-fit:cover;box-shadow:var(--shadow-soft)}.site-nav{position:absolute;top:50%;left:50%;z-index:1;min-width:0;padding:4px;display:flex;align-items:center;gap:3px;border:1px solid rgba(44,42,40,.08);border-radius:999px;background:#f2f5efc7;box-shadow:inset 0 0 0 1px #ffffffa6;transform:translate(-50%,-50%)}.nav-link{min-height:36px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font-size:.92rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .18s cubic-bezier(.2,0,0,1),background-color .22s cubic-bezier(.2,0,0,1),color .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1)}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--ink);background:#fffffffa;box-shadow:0 8px 20px #2c2a2814}.nav-link:active{transform:scale(.98)}.header-action{grid-column:3;justify-self:end;min-height:42px;padding:7px 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #242321;border-radius:999px;background:#242321;color:#fff;font-size:.92rem;font-weight:700;white-space:nowrap;box-shadow:0 12px 24px #2423212e;transition:transform .18s cubic-bezier(.2,0,0,1),background-color .22s cubic-bezier(.2,0,0,1)}.header-action:hover,.header-action:focus-visible{transform:translateY(-2px)}.header-action:active{transform:scale(.98)}.nav-toggle{display:none;width:42px;height:42px;padding:0;border:1px solid var(--divider);border-radius:999px;background:#f2f5efe6;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:999px;background:var(--ink)}.primary-button,.secondary-button{min-height:48px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:28px;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{border:1px solid #1d1e1c;background:#20211f;color:#fff;box-shadow:0 7px 18px #1c1d1b29}.primary-button:hover{background:#343531;transform:translateY(-2px);box-shadow:0 12px 24px #1c1d1b2e}.primary-button:active,.secondary-button:active{transform:translateY(0) scale(.985)}.secondary-button{border:1px solid #bdbab1;background:#fff;color:var(--ink);box-shadow:none}.secondary-button:hover{border-color:var(--forest);color:var(--forest);transform:translateY(-1px)}.secondary-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.app-shell>main:not(.home-page){padding-top:var(--header-clearance)}.home-page{margin-top:0}.hero{min-height:1080px;padding-top:142px;background:#f7f5f3;position:relative;isolation:isolate;overflow:hidden}.hero-background{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;transform:scale(1.035);transform-origin:center;will-change:transform}.hero-copy{text-align:center;position:relative;z-index:2;padding:0 24px}.eyebrow{margin:0 0 22px;color:var(--forest);font-size:14px;font-weight:760;letter-spacing:.05em}.hero h1{margin:0 auto;font-size:clamp(46px,5vw,76px);line-height:1.08;letter-spacing:-.055em;font-weight:950}.hero-subtitle{margin:22px 0 28px;color:#74746f;font-size:clamp(20px,2vw,27px);font-weight:650;letter-spacing:.01em}.hero-button{min-width:306px;min-height:66px;font-size:20px}.hero-meta{margin:22px 0 0;color:#85847e;font-size:15px;font-weight:650}.hero-art-wrap{width:min(1852px,100%);margin:46px auto 0;position:relative;z-index:1;will-change:transform}.hero-art-motion{width:100%;position:relative;will-change:transform}.hero-stage{width:100%;aspect-ratio:1852 / 849;position:relative;pointer-events:none}.hero-master-image{display:block;width:100%;height:100%;object-fit:contain}.home-intro{padding:110px 24px 120px;background:#183e36;color:#fff;text-align:center}.home-intro-title{margin:0;font-size:clamp(30px,3.5vw,44px);letter-spacing:-.035em}.intro-grid{width:min(1100px,100%);margin:44px auto 40px;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:30px;text-align:left}.intro-grid article{min-height:0;padding:28px 6px 0;border-top:1px solid rgba(255,255,255,.25)}.intro-grid h3{margin:0 0 12px;font-size:24px}.intro-grid p{margin:0;color:#ffffffb8;line-height:1.8;font-size:15px}.text-button{border:0;background:transparent;color:#dcece3;padding:10px;font-weight:750;text-decoration:underline;text-underline-offset:6px;cursor:pointer}.quiz-page{min-height:100vh;background:#f5f2ea;padding:0 24px 80px;position:relative}.quiz-progress{position:fixed;z-index:4;top:0;left:0;right:0;height:6px;background:#dedbd2}.quiz-progress span{display:block;height:100%;background:var(--forest);transition:width .24s ease}.quiz-card{width:min(980px,100%);min-height:680px;margin:0 auto;padding:36px 46px 50px;display:flex;flex-direction:column;justify-content:center}.quiz-topline{position:absolute;top:30px;left:50%;width:min(980px,calc(100% - 48px));transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--muted);font-size:14px}.quiz-topline p{margin:0;justify-self:center;font-weight:750}.quiz-topline>span{justify-self:end;font-variant-numeric:tabular-nums}.quiet-button{justify-self:start;border:0;padding:8px 0;background:transparent;color:var(--muted);cursor:pointer}.question-number{margin:70px 0 20px;text-align:center;color:var(--coral);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.quiz-card h1{max-width:820px;margin:0 auto 70px;text-align:center;font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-.035em}.scale{width:min(820px,100%);margin:0 auto}.scale-caption{display:flex;justify-content:space-between;margin-bottom:24px;color:var(--muted);font-size:14px;font-weight:750}.scale-options{display:flex;align-items:center;justify-content:space-between;min-height:82px}.scale-choice{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.scale-choice input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none}.scale-dot{--dot: 44px;display:block;width:var(--dot);height:var(--dot);padding:0;border:2px solid #8e8d86;border-radius:50%;background:transparent;cursor:pointer;position:relative;transition:transform .15s ease,background .15s ease,border-color .15s ease}.scale-dot>span{position:absolute;top:calc(100% + 13px);left:50%;width:96px;transform:translate(-50%);font-size:11px;color:#85847e;opacity:0;transition:opacity .15s ease}.scale-choice:hover .scale-dot>span,.scale-dot.selected>span,.scale-choice input:focus-visible+.scale-dot>span{opacity:1}.scale-choice:hover .scale-dot{transform:scale(1.07)}.scale-choice input:focus-visible+.scale-dot{outline:3px solid rgba(35,79,69,.3);outline-offset:4px}.scale-dot.selected{background:var(--forest);border-color:var(--forest);box-shadow:inset 0 0 0 7px #f5f2ea}.scale-choice input:disabled+.scale-dot{opacity:.18;cursor:not-allowed}.dot-0,.dot-6{--dot: 72px}.dot-1,.dot-5{--dot: 60px}.dot-2,.dot-4{--dot: 50px}.dot-4,.dot-5,.dot-6{border-color:#9f684f}.dot-4.selected,.dot-5.selected,.dot-6.selected{background:#9f684f;border-color:#9f684f}.form-error{min-height:26px;margin:40px 0 8px;text-align:center;color:#b64524;font-size:14px}.quiz-actions{display:flex;justify-content:center;gap:12px}.quiz-actions .primary-button,.quiz-actions .secondary-button{min-width:160px;border-radius:8px}.companion-page{display:flex;align-items:center}.companion-card{min-height:auto}.companion-card h1{margin-bottom:12px}.quiz-hint{margin:0 auto 36px;text-align:center;color:var(--muted)}.companion-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(700px,100%);margin:0 auto}.companion-options button{min-height:94px;display:flex;align-items:center;gap:18px;padding:18px 24px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;text-align:left;transition:border .15s ease,transform .15s ease}.companion-options button:hover{border-color:var(--forest);transform:translateY(-2px)}.companion-options span{color:var(--coral);font-size:13px;font-weight:850}.companion-options b{font-size:18px}.quiz-list-page{min-height:100vh;background:#f7f5f3;padding-bottom:110px}.quiz-list-hero{width:min(920px,calc(100% - 40px));margin:0 auto;padding:44px 24px 34px;text-align:center;position:relative}.quiz-list-hero .quiet-button{position:absolute;top:18px;left:24px}.quiz-list-hero .eyebrow{margin-bottom:18px}.quiz-list-hero h1{margin:0;font-size:clamp(36px,4vw,52px);line-height:1.15;letter-spacing:-.05em}.quiz-list-hero>p:last-child{margin:22px auto 0;max-width:670px;color:var(--muted);font-size:16px;line-height:1.8}.quiz-list-toolbar{position:sticky;z-index:8;top:var(--header-clearance);width:min(1080px,100%);margin:0 auto;padding:15px 24px;display:grid;grid-template-columns:1fr 72px;align-items:center;gap:18px;background:#f7f5f3f0;border-block:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quiz-list-progress{height:7px;overflow:hidden;background:#dedbd3;border-radius:8px}.quiz-list-progress span{display:block;height:100%;background:var(--forest);border-radius:inherit;transition:width .18s ease}.quiz-list-toolbar b{color:var(--muted);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.question-list-form{width:min(1080px,100%);margin:0 auto;background:#fff;border-bottom:1px solid var(--line)}.addon-list-page .quiz-list-hero{padding-bottom:42px}.addon-question-form{border-top:1px solid var(--line)}.addon-question-row .main-question-number{color:var(--coral)}.main-question-row{min-width:0;margin:0;padding:32px 44px 38px;border:0;border-top:1px solid var(--line);text-align:center;content-visibility:auto;contain-intrinsic-size:250px;transition:opacity .26s ease,filter .26s ease,background .16s ease,border-color .16s ease}.main-question-row,.quiz-list-submit{scroll-margin-top:calc(var(--header-clearance) + 72px)}.main-question-row:first-child{border-top:0}.main-question-row.is-muted{opacity:.42;filter:grayscale(1) saturate(.08)}.main-question-row.is-muted:hover{opacity:.56}.main-question-row.is-active{opacity:1;filter:none}.main-question-row.is-active .main-question-number{color:var(--forest)}.main-question-row legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-question-number{margin:0 0 13px;color:#99968f;font-size:12px;font-weight:850;letter-spacing:.13em}.main-question-row h2{max-width:870px;margin:0 auto 24px;font-size:24px;line-height:1.55;letter-spacing:-.018em}.main-question-row .scale{width:min(760px,100%)}.main-question-row .scale-caption{margin:0 5px 16px;color:var(--forest);font-size:15px}.main-question-row .scale-caption span:last-child{color:#9f684f}.main-question-row .scale-options{min-height:64px}.main-question-row .scale-dot{--dot: 38px}.main-question-row .dot-0,.main-question-row .dot-6{--dot: 62px}.main-question-row .dot-1,.main-question-row .dot-5{--dot: 52px}.main-question-row .dot-2,.main-question-row .dot-4{--dot: 44px}.main-question-row .scale-dot.selected{box-shadow:inset 0 0 0 6px #fff}.stay-home-choice{min-width:176px;min-height:112px;margin:26px auto 0;padding:8px 18px;display:grid;justify-items:center;align-content:center;gap:6px;border:0;border-radius:20px;background:transparent;color:var(--ink);cursor:pointer;transition:background .16s ease,transform .16s ease}.stay-home-choice:hover{background:#e9e3d694;transform:translateY(-2px)}.stay-home-choice:active{transform:translateY(0) scale(.985)}.stay-home-dot{width:48px;height:48px;display:block;border:2px solid #8e8d86;border-radius:50%;background:transparent;transition:border-color .16s ease,background .16s ease}.stay-home-choice:hover .stay-home-dot,.stay-home-choice:focus-visible .stay-home-dot{border-color:var(--coral);background:var(--coral)}.stay-home-choice strong{font-size:17px;line-height:1.2}.main-question-row.missing{background:#fff8f4;border-color:#e2a18a}.main-question-row.missing .scale-dot.selected{box-shadow:inset 0 0 0 6px #fff8f4}.question-error{margin:24px 0 -28px;color:#b64524;font-size:13px;font-weight:750}.quiz-list-submit{padding:64px 24px 72px;text-align:center;border-top:1px solid var(--line)}.quiz-list-submit .form-error{margin:0 0 14px}.quiz-list-submit .primary-button{min-width:240px;min-height:58px;border-radius:8px;font-size:17px}.quiz-list-submit>span{display:block;margin-top:17px;color:var(--muted);font-size:12px}.page-title{width:min(760px,calc(100% - 40px));margin:90px auto 64px;text-align:center}.page-title h1,.empty-page h1{margin:0;font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-.05em}.page-title>p:last-child,.empty-page>p{color:var(--muted);line-height:1.8}.report-page{width:min(1160px,calc(100% - 40px));margin:64px auto 120px}.result-hero{min-height:560px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;background:#e9e1d1;border-radius:36px;overflow:hidden}.result-copy{padding:64px}.result-copy .eyebrow{margin-bottom:12px}.result-code{margin-bottom:28px;color:var(--forest);font-size:13px;font-weight:850;letter-spacing:.1em}.result-copy h1{margin:0 0 18px;font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-.06em}.result-desc{margin:0;max-width:500px;color:#454641;font-size:20px;line-height:1.65}.result-actions-panel{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 64px;text-align:center}.result-actions-panel .report-share-actions{width:100%;margin:0 auto}.result-actions-panel .wechat-share-note{margin-inline:auto}.result-actions-panel .share-status:empty{display:none}.report-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin-top:30px}.report-share-actions .primary-button{grid-column:1 / -1;width:100%}.report-share-actions .secondary-button{width:100%;min-width:0}.report-share-actions button:disabled{cursor:wait;opacity:.68}.wechat-share-note{max-width:520px;margin:14px 0 0;color:#526c63;font-size:12px;font-weight:750;line-height:1.65}.portrait-frame{height:100%;min-height:560px;overflow:hidden;background:var(--portrait-bg, #fbf7ef)}.portrait-frame img{width:100%;height:100%;object-fit:contain;object-position:center;backface-visibility:hidden}.report-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:24px;margin-top:24px;align-items:start}.report-insights-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;margin-top:24px;align-items:start}.report-insights-grid .report-section+.report-section{margin-top:0}.report-section,.match-card{padding:40px;background:#fff;border:1px solid var(--line);border-radius:28px}.report-section+.report-section{margin-top:24px}.section-heading p,.prescription-card>p,.match-card>p{margin:0 0 8px;color:var(--coral);font-size:12px;font-weight:900;letter-spacing:.14em}.section-heading h2{margin:0 0 34px;font-size:28px}.axis-identity{display:flex;align-items:baseline;gap:14px;margin:-10px 0 34px;color:var(--family-accent, var(--forest))}.axis-identity span{font-size:16px;font-weight:900;letter-spacing:.14em}.axis-identity strong{font-size:27px;line-height:1;letter-spacing:-.03em}.axis-list{display:grid;gap:28px}.axis-labels,.axis-note{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px}.axis-labels b:last-child,.axis-note span:last-child{text-align:right}.axis-labels span{color:var(--muted)}.axis-labels b{color:#a5a39c}.axis-labels .winner{color:var(--forest)}.axis-track{height:10px;margin:10px 0 7px;background:#e8e5de;border-radius:10px;overflow:hidden;position:relative}.axis-track span{position:absolute;top:0;bottom:0;background:var(--forest)}.axis-track .from-left{left:0}.axis-track .from-right{right:0;background:#b26445}.axis-note{color:var(--muted);grid-template-columns:1fr 1fr}.echo-grid{display:grid;gap:12px}.echo-grid blockquote{margin:0;padding:18px 0 18px 20px;border-left:3px solid var(--forest);background:transparent;color:#41433f;line-height:1.75}.acat-no-axes>p{margin:0;color:#52544f;font-size:16px;line-height:1.85}.report-personality-details{margin-top:24px}.report-detail-tagline{margin:-4px 0 22px;padding-left:20px;border-left:4px solid var(--family-accent, var(--forest));color:#353732;font-size:clamp(21px,2.5vw,30px);font-weight:820;line-height:1.5}.report-detail-overview{max-width:920px;margin:0;color:#5f605b;font-size:16px;line-height:1.9}.report-detail-stories{margin-top:38px}.report-detail-stories>h3{margin:0;font-size:22px}.match-card{padding:30px}.match-card>div{display:grid;gap:7px;padding:19px 0;border-bottom:1px solid var(--line)}.match-card>div:last-child{border-bottom:0}.match-card span{color:var(--muted);font-size:12px}.match-card b{font-size:15px;line-height:1.6}.match-card{margin-top:24px;background:#203f37;color:#fff;border-color:#203f37}.match-card>p{color:#b9d3c8}.match-card>div{border-color:#ffffff24}.match-card span,.match-card small{color:#fff9}.match-card small{font-weight:850;letter-spacing:.12em}.match-showcase{margin-top:24px;padding:clamp(30px,4vw,48px);border-radius:30px;background:#203f37;color:#fff}.match-showcase-heading{display:block}.match-showcase-heading>div>p{margin:0 0 9px;color:#b9d3c8;font-size:12px;font-weight:900;letter-spacing:.14em}.match-showcase-heading h2{max-width:760px;margin:0;font-size:clamp(28px,3vw,36px);line-height:1.25;letter-spacing:-.03em}.match-showcase-heading>p{max-width:680px;margin:12px 0 0;color:#ffffffad;font-size:14px;line-height:1.75}.match-groups{display:grid;gap:30px;margin-top:36px}.match-group{padding-top:26px;border-top:1px solid rgba(255,255,255,.15)}.match-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}.match-group-heading span{font-size:18px;font-weight:900}.match-group-heading small{color:#ffffff8f;font-size:12px;line-height:1.6;text-align:right}.match-group-needs-work .match-group-heading span{color:#efb08f}.match-person-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.match-person-card{min-width:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#fff;color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 8px 24px #0813101a;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .18s ease,box-shadow .26s ease}.match-person-card:hover,.match-person-card:focus-visible{transform:translateY(-5px);border-color:var(--family-accent);box-shadow:0 20px 38px #0813103b}.match-person-card:active{transform:translateY(-2px)}.match-person-portrait{display:flex;height:180px;align-items:center;justify-content:center;overflow:hidden;background:var(--portrait-bg, #fbf7ef);border-bottom:1px solid rgba(88,82,69,.08)}.match-person-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.match-person-copy{display:grid;padding:18px 20px 21px}.match-person-copy small{color:var(--family-accent);font-size:11px;font-weight:900;letter-spacing:.14em}.match-person-copy b{margin-top:7px;font-size:19px;line-height:1.3}.match-person-copy>span{min-height:44px;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.65}.report-cta{margin-top:24px;padding:64px;text-align:center;border-radius:32px;background:#d75a2b;color:#fff}.report-cta p{margin:0 0 10px;opacity:.78}.report-cta h2{margin:0 auto 30px;max-width:720px;font-size:clamp(30px,4vw,48px);line-height:1.2}.report-cta>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.report-cta .primary-button{background:#1f211e}.reports-page,.types-page{width:min(1160px,calc(100% - 40px));margin:0 auto 120px;text-align:center}.types-page .page-title{width:min(1000px,calc(100% - 40px))}.types-page .page-title h1{font-size:clamp(38px,4.2vw,58px)}.saved-reports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:40px}.saved-reports button{padding:0 0 28px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;cursor:pointer;text-align:center}.saved-reports img{width:100%;height:330px;object-fit:contain;object-position:center;background:var(--portrait-bg, #fbf7ef);transition:opacity .24s ease;backface-visibility:hidden}.saved-reports button:hover img{opacity:.97}.saved-reports span{display:inline-block;margin-top:22px;color:var(--coral);font-size:12px;font-weight:900}.saved-reports h2{margin:9px 0;font-size:28px}.saved-reports b{color:var(--forest);letter-spacing:.15em}.saved-reports small{display:block;margin-top:8px;color:var(--muted)}.empty-page{min-height:620px;width:min(680px,calc(100% - 40px));margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-page>p{max-width:560px;margin:20px auto 30px}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;text-align:left}.family-oj{--family-accent: #2f5f50;--family-soft: #e7efe9}.family-op{--family-accent: #c35e37;--family-soft: #f7e8df}.family-ej{--family-accent: #8a7046;--family-soft: #f2ead9}.family-ep{--family-accent: #6d657d;--family-soft: #ece8f0}.family-ac{--family-accent: #846b4b;--family-soft: #f2eadf}.type-card{--card-accent-progress: .18;min-width:0;padding:0;overflow:hidden;position:relative;isolation:isolate;border:1px solid var(--line);border-radius:24px;background:#fff;cursor:pointer;text-align:left;box-shadow:0 8px 24px #2e2e2709;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .36s ease,border-color .24s ease}.type-card:before{content:"";position:absolute;z-index:4;top:0;left:0;width:100%;height:3px;background:var(--family-accent);transform:scaleX(var(--card-accent-progress));transform-origin:left center;opacity:.72;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .22s ease}.type-card:hover,.type-card:focus-visible{--card-accent-progress: 1;transform:translateY(-8px) scale(1.006);border-color:var(--family-accent);box-shadow:0 28px 64px #2e2e2724}.type-card:active{transform:translateY(-3px) scale(.995);transition-duration:.11s}.type-image{height:230px;padding:14px 18px 0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:var(--portrait-bg, #fbf7ef);border-bottom:1px solid rgba(88,82,69,.07)}.type-image:after{content:"";position:absolute;z-index:2;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--family-accent);border-radius:17px;opacity:0;transform:scale(.97);pointer-events:none;transition:opacity .26s ease,transform .42s cubic-bezier(.16,1,.3,1)}.type-card:hover .type-image:after,.type-card:focus-visible .type-image:after{opacity:.2;transform:scale(1)}.type-image img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;position:relative;z-index:1;object-fit:contain;object-position:center;backface-visibility:hidden}.type-content{padding:22px;position:relative}.type-content>span{color:var(--family-accent);font-size:12px;font-weight:900;letter-spacing:.14em}.type-content h2{min-height:56px;margin:10px 0 8px;font-size:22px;line-height:1.3;transition:color .18s ease}.type-content p{min-height:72px;margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.7}.type-content b{display:inline-block;position:relative;color:var(--coral);font-size:12px;transition:transform .26s cubic-bezier(.16,1,.3,1),color .18s ease}.type-content b:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .32s cubic-bezier(.16,1,.3,1)}.type-card:hover .type-content h2,.type-card:focus-visible .type-content h2{color:var(--forest)}.type-card:hover .type-content b,.type-card:focus-visible .type-content b{color:#bd431b;transform:translate(4px)}.type-card:hover .type-content b:after,.type-card:focus-visible .type-content b:after{transform:scaleX(1)}.types-cta{margin-top:70px;padding:60px;border-radius:28px;background:#213f37;color:#fff}.types-cta h2{margin:0 0 25px;font-size:34px}.type-detail-page{width:min(1160px,calc(100% - 40px));margin:0 auto 120px;--family-accent: var(--forest);--family-soft: #e7efe9}.type-back-button{min-height:42px;margin:4px 0 18px;padding:0 18px;border:1px solid var(--line);border-radius:22px;background:#ffffffd6;color:var(--ink);font-weight:750;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}.type-back-button:hover,.type-back-button:focus-visible{border-color:var(--family-accent);color:var(--family-accent);transform:translate(-3px)}.type-detail-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,6vw,78px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:36px;background:var(--family-soft);overflow:hidden}.type-detail-portrait{min-height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:30px;background:var(--portrait-bg, #fbf7ef);box-shadow:inset 0 0 0 1px #4641380f}.type-detail-portrait img{display:block;width:100%;height:100%;max-height:590px;object-fit:contain}.type-detail-intro .eyebrow{margin-bottom:16px;color:var(--family-accent)}.type-detail-intro h1{margin:0;font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.05em}.type-detail-intro blockquote{margin:28px 0 22px;padding-left:20px;border-left:4px solid var(--family-accent);font-size:clamp(21px,2.4vw,30px);font-weight:820;line-height:1.45}.type-detail-intro>p:not(.eyebrow){margin:0;color:#5f605b;font-size:17px;line-height:1.9}.share-status{min-height:24px;margin:10px 0 0!important;color:var(--family-accent, var(--forest))!important;font-size:13px!important;font-weight:800;line-height:1.5!important}body.share-modal-open{overflow:hidden}.share-poster-backdrop{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px;background:#111412b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.share-poster-modal{width:min(470px,100%);max-height:calc(100dvh - 44px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.55);border-radius:28px;background:#f8f6f1;box-shadow:0 30px 90px #00000057}.share-poster-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.share-poster-heading p{margin:0 0 5px;color:var(--family-accent);font-size:11px;font-weight:900;letter-spacing:.14em}.share-poster-heading h2{margin:0;font-size:21px;line-height:1.35}.share-poster-heading>button{flex:0 0 auto;width:36px;height:36px;border:0;border-radius:50%;background:#eae7df;color:#4b4c47;font-size:25px;line-height:1;cursor:pointer}.share-poster-preview{display:block;width:100%;max-height:min(62dvh,620px);object-fit:contain;border-radius:20px;background:var(--family-soft);box-shadow:0 14px 38px #25262229;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.share-poster-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.share-poster-actions .primary-button,.share-poster-actions .secondary-button{width:100%;min-width:0}.type-detail-section{margin-top:28px;padding:clamp(32px,5vw,60px);border:1px solid var(--line);border-radius:32px;background:#fff}.type-detail-heading>p{margin:0 0 10px;color:var(--family-accent);font-size:12px;font-weight:900;letter-spacing:.14em}.type-detail-heading h2{max-width:760px;margin:0;font-size:clamp(28px,3.5vw,44px);line-height:1.22;letter-spacing:-.035em}.type-axis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.type-axis-grid article{min-width:0;padding:24px 20px 26px;border-top:4px solid var(--family-accent);border-radius:0 0 20px 20px;background:#f8f5ef}.type-axis-grid article>span{display:block;color:var(--family-accent);font-size:34px;font-weight:950;line-height:1}.type-axis-grid small{display:block;margin-top:16px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}.type-axis-grid h3{margin:7px 0 12px;font-size:20px}.type-axis-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.acat-code-meaning .type-axis-grid{grid-template-columns:minmax(0,1fr)}.acat-code-meaning .type-axis-grid article{padding:28px}.acat-code-meaning .type-axis-grid article>span{font-size:clamp(36px,5vw,58px)}.acat-code-meaning .type-axis-grid article>p{max-width:760px;margin-top:14px;font-size:15px}.type-story-list{margin-top:30px;border-top:1px solid var(--line)}.type-story-list article{display:grid;grid-template-columns:68px minmax(0,1fr);gap:22px;padding:32px 0;border-bottom:1px solid var(--line)}.type-story-list article:last-child{border-bottom:0}.type-story-list article>span{color:var(--family-accent);font-size:14px;font-weight:900;letter-spacing:.12em}.type-story-list h3{margin:-4px 0 10px;font-size:25px}.type-story-list p{max-width:820px;margin:0;color:#62635e;font-size:16px;line-height:1.9}.type-practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.type-practical-grid-single{grid-template-columns:minmax(0,1fr)}.type-practical-card{min-width:0;padding:clamp(30px,4vw,48px);border:1px solid var(--line);border-radius:30px;background:#fff}.type-practical-card .type-detail-heading h2{font-size:clamp(25px,3vw,34px)}.type-practical-card dl{margin:26px 0 0}.type-practical-card dl>div{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:18px;padding:20px 0;border-top:1px solid var(--line)}.type-practical-card dt{align-self:center;color:var(--family-accent);font-size:14px;font-weight:850;line-height:1.45;letter-spacing:.06em}.type-practical-card dd{align-self:center;margin:0;font-size:16px;font-weight:520;line-height:1.65}.type-feature-section{background:#f4eee3;text-align:center}.type-feature-section .type-detail-heading h2{margin-inline:auto}.type-feature-list{width:min(760px,100%);margin:30px auto 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}.type-feature-list p{margin:0;padding:17px 18px;border-radius:16px;background:#ffffffb8;color:#555750;font-size:14px;line-height:1.55}.type-feature-list span{display:inline-grid;width:26px;height:26px;margin-right:10px;place-items:center;border-radius:50%;background:var(--family-accent);color:#fff;font-size:11px;font-weight:900}.site-footer{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:clamp(28px,6vw,86px);padding:38px clamp(18px,4vw,48px);border-top:1px solid var(--divider);background:#ffffffb3}.footer-brand{margin-bottom:12px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--ink-2);font-weight:500}.footer-column h2{margin:0 0 4px;color:var(--ink);font-size:.96rem;line-height:1.3}.footer-column p{margin:0;color:var(--ink-2);font-size:.96rem;line-height:1.7}.footer-column a{line-height:1.5}.footer-column a:hover,.footer-column a:focus-visible{color:var(--ink)}.copyright{color:var(--ink-3)!important}.mainland-records{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px}.mainland-records a{color:var(--ink-3);font-size:.9rem;line-height:1.45}.mainland-records a:hover,.mainland-records a:focus-visible{color:var(--sage-intense);text-decoration:underline;text-underline-offset:3px}@media(max-width:980px){:root{--header-clearance: 84px}.site-header{top:12px;width:min(calc(100% - 28px),680px);grid-template-columns:auto minmax(0,1fr) auto;justify-content:space-between;padding:7px}.site-header .brand{grid-row:1;padding-left:5px}.nav-toggle{display:block;grid-column:3;grid-row:1;justify-self:end}.site-nav{position:absolute;left:0;right:0;top:calc(100% + 10px);width:100%;display:none;flex-direction:column;align-items:stretch;padding:8px;border-radius:24px;background:#fffffff0;box-shadow:var(--shadow-modal);transform:none;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.site-nav.is-open{display:flex}.site-nav .nav-link{justify-content:flex-start;width:100%;min-height:44px;padding-inline:14px}.header-action{display:none}.hero{padding-top:150px;min-height:850px}.hero-art-wrap{width:100%;margin-top:40px}.intro-grid,.type-grid{grid-template-columns:repeat(2,1fr)}.result-hero{grid-template-columns:1fr}.result-copy{text-align:center}.result-desc{margin-inline:auto}.portrait-frame{min-height:500px}.report-layout,.report-insights-grid,.type-detail-hero{grid-template-columns:1fr}.type-detail-portrait{min-height:500px}.type-axis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-practical-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}.footer-brand-column{grid-column:1 / -1}}@media(max-width:680px){:root{--header-clearance: 78px}.site-header{width:calc(100% - 24px);min-height:58px}.brand{font-size:17px}.brand img{width:34px;height:34px;border-radius:11px}.hero{min-height:710px;padding-top:136px}.hero h1{max-width:360px;font-size:38px}.hero-subtitle{max-width:320px;margin:18px auto 25px;font-size:17px;line-height:1.55}.hero-button{min-width:230px;min-height:56px;font-size:17px}.hero-meta{margin-top:18px;font-size:12px;letter-spacing:.04em}.hero-art-wrap{margin-top:28px}.home-intro{padding:76px 18px}.intro-grid{grid-template-columns:1fr}.intro-grid article{min-height:auto}.intro-grid h3{margin:0 0 12px}.quiz-card{min-height:700px;padding:86px 2px 40px}.quiz-topline{top:22px;width:calc(100% - 36px)}.quiz-topline p{display:none}.question-number{margin-top:20px}.quiz-card h1{margin-bottom:52px;font-size:30px}.scale-caption{margin-inline:4px}.scale-options{gap:4px}.scale-dot{--dot: 33px}.dot-0,.dot-6{--dot: 48px}.dot-1,.dot-5{--dot: 42px}.dot-2,.dot-4{--dot: 36px}.scale-dot>span{display:none}.quiz-actions .primary-button,.quiz-actions .secondary-button{min-width:130px;padding-inline:18px}.companion-options{grid-template-columns:1fr}.quiz-list-page{padding-bottom:70px}.quiz-list-hero{padding:42px 18px 32px}.quiz-list-hero .quiet-button{top:14px;left:18px}.quiz-list-hero h1{font-size:34px}.quiz-list-hero>p:last-child{font-size:14px}.quiz-list-toolbar{grid-template-columns:1fr 56px;padding:12px 18px}.question-list-form{width:100%}.main-question-row{padding:32px 18px 38px}.main-question-row h2{margin-bottom:24px;font-size:20px;line-height:1.5}.main-question-row .scale-caption{font-size:13px}.main-question-row .scale-options{gap:4px;min-height:54px}.main-question-row .scale-dot{--dot: 28px}.main-question-row .dot-0,.main-question-row .dot-6{--dot: 46px}.main-question-row .dot-1,.main-question-row .dot-5{--dot: 39px}.main-question-row .dot-2,.main-question-row .dot-4{--dot: 33px}.main-question-row .scale-dot.selected{box-shadow:inset 0 0 0 5px #fff}.stay-home-choice{min-height:104px;margin-top:22px}.stay-home-dot{width:46px;height:46px}.question-error{margin-bottom:-22px}.quiz-list-submit{padding:50px 18px 58px}.result-hero{min-height:0;border-radius:24px}.result-copy{padding:45px 24px}.result-copy h1{font-size:42px}.result-desc{font-size:17px}.portrait-frame{min-height:410px}.result-actions-panel{padding:26px 24px}.report-section{padding:28px 22px}.axis-identity{justify-content:center;margin-bottom:30px}.axis-identity span{font-size:15px}.axis-identity strong{font-size:25px}.match-showcase{padding:30px 18px;border-radius:24px}.match-showcase-heading{grid-template-columns:1fr;gap:16px}.match-group-heading{display:grid;gap:7px}.match-group-heading small{text-align:left}.match-person-grid{grid-template-columns:1fr}.match-person-card{display:grid;grid-template-columns:118px minmax(0,1fr)}.match-person-portrait{height:148px;border-right:1px solid rgba(88,82,69,.08);border-bottom:0}.match-person-copy{align-content:center;padding:15px 16px}.match-person-copy b{font-size:17px}.match-person-copy>span{min-height:0}.report-cta{padding:46px 22px}.saved-reports,.type-grid{grid-template-columns:1fr}.saved-reports img{height:300px}.type-image{height:260px;padding:16px 24px 0}.type-content h2,.type-content p{min-height:0}.type-detail-page{width:calc(100% - 24px);margin-bottom:80px}.type-detail-hero{gap:28px;padding:20px;border-radius:26px}.type-detail-portrait{min-height:330px;border-radius:20px}.type-detail-portrait img{max-height:350px}.type-detail-intro h1{font-size:42px}.type-detail-intro blockquote{margin-block:22px 18px;font-size:21px}.type-detail-intro>p:not(.eyebrow){font-size:15px;line-height:1.8}.report-share-actions{grid-template-columns:1fr;max-width:none}.report-share-actions .primary-button{grid-column:auto}.share-poster-backdrop{padding:10px;align-items:end}.share-poster-modal{width:100%;max-height:calc(100dvh - 20px);padding:18px;border-radius:24px}.share-poster-heading h2{font-size:18px}.share-poster-actions{grid-template-columns:1fr}.type-detail-section{padding:28px 22px;border-radius:24px}.type-axis-grid{grid-template-columns:1fr;gap:10px}.type-axis-grid article{padding:21px 20px 23px}.type-story-list article{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:26px 0}.type-story-list h3{font-size:22px}.type-story-list p{font-size:15px;line-height:1.8}.type-practical-grid{gap:16px}.type-practical-card{padding:28px 22px;border-radius:24px}.type-practical-card dl>div{grid-template-columns:66px 1fr;gap:12px}.type-feature-list{grid-template-columns:1fr}.types-cta{padding:44px 20px}.site-footer{grid-template-columns:1fr}.footer-brand-column{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-background,.hero-art-wrap,.hero-art-motion{will-change:auto}}