:root{--bg:#f7f1e7;--bg-strong:#f2e8d8;--panel:#fffdf9;--ink:#121212;--muted:#5f554d;--line:#12121224;--paper:#f0e5d0;--sin-red:#b62d2d;--sin-red-soft:#e9b3b3;--virtue-gold:#c1912d;--virtue-gold-soft:#f1d9a0;--shadow:0 14px 40px #1d120014;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--container:1100px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Inter,Segoe UI,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{width:min(100%, var(--container));margin:0 auto;padding:18px 16px 40px}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 20px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{background:var(--ink);width:32px;height:32px;color:var(--panel);letter-spacing:normal;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:inline-flex}.brand-word{font-size:.8rem}.topnav{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:16px;font-size:.8rem;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-block{padding:28px 18px 22px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.74rem;font-weight:700}h1,h2,h3,h4{letter-spacing:-.06em;margin:0;font-weight:900;line-height:.95}h1{max-width:700px;font-size:clamp(2.7rem,10vw,5.1rem)}.hero-subtitle{color:var(--muted);margin:14px 0 22px;font-size:1.05rem}.hero-test-card{border-radius:var(--radius-lg);background:linear-gradient(140deg,#f7ecdd 0%,#f5d0c0 100%);border:1px solid #1212121f;flex-direction:column;gap:18px;padding:20px 18px;display:flex}.pill{letter-spacing:.12em;text-transform:uppercase;background:#1212120f;border-radius:999px;align-items:center;margin:0 0 12px;padding:6px 10px;font-size:.7rem;display:inline-flex}.test-card-copy h2{text-wrap:balance;font-size:clamp(1.8rem,4vw,3rem)}.test-short{max-width:38ch;color:var(--muted);margin:12px 0 0;font-size:1rem}.cta-button{border:1px solid var(--ink);background:var(--ink);width:fit-content;min-height:52px;color:var(--panel);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta-button:hover,.cta-button:focus-visible{transform:translateY(-1px);box-shadow:0 10px 24px #12121226}.upcoming-block{margin-top:28px}.upcoming-grid{grid-template-columns:1fr;gap:14px;display:grid}.mini-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff7a;flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:18px 16px;display:flex}.mini-title{letter-spacing:-.04em;margin:0;font-weight:800;line-height:1.1}.muted-card span{color:var(--muted);font-size:.9rem}.page-hero{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(#ffffffb3,#fff3);padding:22px 18px 18px}.landing-title{text-transform:uppercase;letter-spacing:-.08em;font-size:clamp(2.4rem,7vw,5.2rem);line-height:.9}.hook{letter-spacing:-.04em;max-width:18ch;margin-top:18px;font-size:clamp(1.2rem,3vw,2rem);line-height:1.1}.meta-row{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:.82rem;display:flex}.meta-row span{align-items:center;gap:6px;display:inline-flex}.trait-columns{grid-template-columns:1fr;gap:18px;margin-top:24px;display:grid}.trait-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff73;padding:18px 16px 20px}.trait-panel h3{letter-spacing:-.04em;margin-bottom:10px;font-size:1.15rem}.trait-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trait-list li{border-bottom:1px solid #12121214;justify-content:space-between;gap:12px;padding:6px 0;font-size:.98rem;display:flex}.trait-list li:last-child{border-bottom:none}.quiz-shell{padding-top:14px}.quiz-top{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:.78rem;display:flex}.progress-bar{background:#12121214;border:1px solid #12121214;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sin-red) 0%, var(--virtue-gold) 100%);height:100%;transition:width .25s;display:block}.question-panel{padding:18px 16px 14px}.question-label{color:var(--sin-red);letter-spacing:.12em;text-transform:uppercase;background:#b62d2d14;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-block}.question-text{letter-spacing:-.06em;margin:16px 0 18px;font-size:clamp(1.5rem,5vw,2.5rem);line-height:1.08}.options{gap:10px;display:grid}.option-button{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--ink);cursor:pointer;background:#ffffffc7;border:1px solid #1212122e;min-height:58px;padding:14px;transition:border-color .2s,background .2s,transform .2s}.option-button:hover,.option-button:focus-visible{background:#fff;border-color:#12121280;transform:translateY(-1px)}.option-button.selected{background:#b62d2d0f;border-color:#b62d2d73}.option-button .option-copy{font-size:1rem;line-height:1.4;display:block}.quiz-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.secondary-button{min-height:46px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #12121233;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.hidden{display:none!important}.result-shell{padding-top:8px}.result-headline{flex-direction:column;gap:10px;padding:18px 16px 12px;display:flex}.result-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.result-sin,.result-virtue{letter-spacing:-.08em;text-transform:uppercase;font-size:clamp(2.2rem,8vw,4rem);line-height:.9}.result-sin{color:var(--sin-red)}.result-virtue{color:var(--virtue-gold)}.result-combo{border-radius:var(--radius-xl);background:var(--panel);border:1px solid var(--line);margin-top:14px;padding:16px 18px 18px}.combo-name{letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(1.5rem,5vw,2.6rem);line-height:1}.result-blurb{max-width:58ch;margin-top:12px;font-size:1.08rem;line-height:1.5}.result-grid{gap:18px;margin-top:18px;display:grid}.chart-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff80;padding:16px 14px 18px}.chart-card h3{letter-spacing:-.04em;margin:0 0 12px;font-size:1.15rem}.bar-list{gap:12px;display:grid}.bar-row{text-transform:uppercase;letter-spacing:.06em;grid-template-columns:100px 1fr 38px;align-items:center;gap:10px;font-size:.82rem;display:grid}.bar-track{background:#12121214;border-radius:999px;height:12px;position:relative;overflow:hidden}.bar-fill{border-radius:inherit;position:absolute;inset:0 auto 0 0}.bar-fill.sin{background:linear-gradient(90deg, var(--sin-red), #d75a4f)}.bar-fill.virtue{background:linear-gradient(90deg, var(--virtue-gold), #e0b85a)}.share-card{border:1px solid var(--line);border-radius:var(--radius-xl);color:#fffaf4;background:linear-gradient(135deg,#171512 0%,#3d2d21 100%);margin-top:18px;padding:16px}.share-card .card-brand{letter-spacing:.18em;text-transform:uppercase;opacity:.78;font-size:.72rem}.share-card .card-title{letter-spacing:-.08em;margin:18px 0 8px;font-size:clamp(1.6rem,5vw,2.8rem);line-height:.95}.share-card .card-line{opacity:.9;margin-top:6px;font-size:.94rem;display:block}.share-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.primary-button,.ghost-button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{background:var(--panel);color:var(--ink);border:1px solid var(--panel)}.ghost-button{color:var(--ink);background:0 0;border:1px solid #1212122e}.hidden-mobile{display:none}@media (width>=720px){.site-shell{padding-top:24px}.hero-test-card{flex-direction:row;justify-content:space-between;align-items:center}.upcoming-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trait-columns,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-card{margin-top:22px}}@media (width>=900px){.site-shell{padding:18px 24px 48px}.hero-block{padding:34px 34px 28px}.page-hero{padding:38px 32px 28px}.question-panel{padding:26px 24px 18px}}body{background-image:radial-gradient(#1212120b .7px,#0000 .7px);background-size:7px 7px}.panel,.page-hero,.hero-test-card,.trait-panel,.mini-card,.question-panel{box-shadow:none;border-radius:4px}.hero-block,.page-hero{border-top:6px solid var(--ink)}.cta-button,.primary-button,.ghost-button,.secondary-button{border-radius:2px}.result-shell{max-width:860px;margin:0 auto;padding-bottom:48px}.result-intro{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0 22px}.result-overline{letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px;font-size:.75rem;font-weight:900}.verdict-lockup{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.verdict{min-width:0}.verdict span{letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:.64rem;font-weight:800;display:block}.verdict strong{letter-spacing:-.09em;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(2.25rem,11vw,6.8rem);line-height:.78;display:block}.sin-verdict{color:#791f26}.virtue-verdict{color:#b06d1b;text-align:right}.verdict-vs{width:38px;height:38px;color:var(--bg);background:var(--ink);border-radius:50%;align-self:center;place-items:center;font-size:.75rem;font-weight:900;display:grid;transform:rotate(-8deg)}.radar-stage{color:#fff7e8;background:#1d1918;margin:24px 0 0;padding:16px 8px 12px;position:relative;overflow:hidden}.radar-stage:before{content:"";pointer-events:none;background:linear-gradient(115deg,#801b2745,#0000 43%,#dd9e3e24);position:absolute;inset:0}.radar-heading,.radar-key{z-index:1;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:.58rem;font-weight:900;display:flex;position:relative}.radar-heading b{color:#ffb14b;font-size:.7rem}.radar-heading span:last-child{text-align:right}.radar-svg{z-index:1;width:100%;max-width:620px;margin:-8px auto -10px;display:block;position:relative;overflow:visible}.radar-grid{fill:none;stroke:#fff7e830;stroke-width:1px}.radar-axis{stroke:#fff7e81f;stroke-width:1px}.radar-shape{stroke-width:2.4px;stroke-linejoin:round}.sin-shape{fill:#ab2b347a;stroke:#e76569}.virtue-shape{fill:#e8a64352;stroke:#ffc769}.radar-center{fill:#fff7e8}.radar-label{letter-spacing:.05em;font-size:7.5px;font-weight:900}.sin-label{fill:#ff8b8e}.virtue-label{fill:#ffd58c}.radar-key{letter-spacing:.07em;justify-content:center;gap:18px}.radar-key span:before{content:"";vertical-align:-1px;width:8px;height:8px;margin-right:5px;display:inline-block}.sin-key:before{background:#b52b35}.virtue-key:before{background:#e5a23e}.result-story{border-bottom:1px solid var(--ink);padding:34px 0 30px}.combo-pair{color:#791f26;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:900}.result-story .combo-name{max-width:700px;font-size:clamp(2.8rem,11vw,6.5rem);line-height:.83}.result-blurb{margin-top:26px}.result-blurb p{max-width:34ch;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,4vw,1.75rem);line-height:1.18}.result-blurb p:nth-child(2n){margin-left:auto}.result-notes{gap:14px;margin-top:30px;display:grid}.result-notes>div{border-top:3px solid var(--ink);padding:14px 0 4px}.result-notes span{letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:900}.result-notes p{margin:8px 0;font-size:1.05rem;line-height:1.3}.share-section{padding-top:34px}.share-section-heading h2{text-transform:uppercase;font-size:clamp(2.3rem,9vw,4.8rem)}.share-card{aspect-ratio:9/14;color:#fff4df;background:#211917;border:0;border-radius:0;flex-direction:column;max-width:540px;margin:20px auto 0;padding:clamp(18px,5vw,34px);display:flex;position:relative;overflow:hidden;box-shadow:12px 14px #c8453c}.poster-noise{opacity:.18;pointer-events:none;background-image:radial-gradient(#fff .55px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.poster-top,.poster-footer{z-index:1;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:clamp(.48rem,1.8vw,.68rem);font-weight:800;display:flex;position:relative}.poster-top span:last-child,.poster-footer span:last-child{text-align:right}.poster-title{z-index:1;text-transform:uppercase;margin:clamp(18px,5vw,34px) 0 0;font-size:clamp(1.7rem,8vw,3.9rem);line-height:.83;position:relative}.poster-title i{color:#ffb449;font-family:Georgia,serif;font-weight:400}.poster-radar{z-index:1;margin:-5% -7% -8%;position:relative}.poster-radar .radar-label{font-size:7px}.poster-verdicts{z-index:1;border-top:1px solid #fff4df66;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;padding-top:12px;display:grid;position:relative}.poster-verdicts div:last-child{text-align:right}.poster-verdicts span,.poster-combo span{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.48rem,1.7vw,.65rem);display:block}.poster-verdicts strong{text-transform:uppercase;font-size:clamp(1.45rem,7vw,3.4rem);line-height:.9;display:block}.poster-verdicts div:first-child strong{color:#ff7a79}.poster-verdicts div:last-child strong{color:#ffc45f}.poster-combo{z-index:1;margin-top:auto;padding-top:15px;position:relative}.poster-combo strong{text-transform:uppercase;margin-top:5px;font-size:clamp(1.1rem,5vw,2.2rem);line-height:.9;display:block}.share-card blockquote{z-index:1;margin:16px 0;font-family:Georgia,serif;font-size:clamp(1.05rem,4vw,1.8rem);font-style:italic;line-height:1.05;position:relative}.poster-footer{border-top:1px solid #fff4df66;padding-top:10px}.share-actions{justify-content:center;margin-top:28px}@media (width>=720px){.result-notes{grid-template-columns:1fr 1fr}.result-intro{padding-top:24px}.radar-stage{padding:22px 24px 16px}.radar-heading{font-size:.68rem}}@media (width<=430px){.site-shell{padding-inline:12px}.brand-word{display:none}.verdict-lockup{gap:5px}.verdict-vs{width:30px;height:30px;font-size:.6rem}.radar-stage{margin-inline:-12px}.radar-label{font-size:7px}.share-card{box-shadow:7px 8px #c8453c}}