:root{color-scheme:dark;--bg:#08090b;--panel:#111318;--panel2:#171a20;--text:#f3f5f7;--muted:#a9afb8;--line:#30343b;--accent:#f7f8fa;--purchase:#d8e5ff}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:0;background:radial-gradient(circle at 50% 0,#171a20 0,transparent 34rem),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.75}button,a{font:inherit}a{color:var(--text)}
.site-header{max-width:960px;margin:auto;padding:22px 24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:.9rem;font-weight:700;letter-spacing:.08em}main{max-width:820px;margin:auto;padding:0 24px}.view{min-height:calc(100vh - 150px)}.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px 0 100px}.eyebrow,.result-label{margin:0 0 16px;color:#cbd0d7;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{line-height:1.32;letter-spacing:-.035em}h1{font-size:clamp(2rem,7vw,4rem);margin:0 0 24px}h2{font-size:clamp(1.35rem,4vw,2rem)}.lead{max-width:680px;margin:0 0 32px;color:#c6cbd2;font-size:clamp(1rem,2.8vw,1.18rem)}
.facts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 36px;padding:0;list-style:none}.facts li{padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:#d5d9df;font-size:.86rem}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;border:0;border-radius:5px;padding:14px 25px;text-align:center;text-decoration:none;font-weight:800;cursor:pointer;transition:.15s}.button:active{transform:translateY(1px)}.button-primary{background:var(--accent);color:#0a0b0d}.button-purchase{width:100%;background:var(--purchase);color:#0a1424}.button-purchase:hover{background:#fff}.privacy-note,.answer-note,.microcopy{color:var(--muted);font-size:.8rem}.privacy-note{margin:16px 0 0}
.quiz{padding:50px 0 80px}.progress-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.progress-track{height:4px;margin:8px 0 55px;overflow:hidden;background:#262a31}.progress-track span{display:block;width:5%;height:100%;background:#edf1f5;transition:width .18s}.quiz h2{min-height:5.2em;margin:0 0 30px;font-size:clamp(1.45rem,5vw,2.35rem)}.answers{display:grid;gap:10px}.answer-button{min-height:56px;width:100%;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);padding:13px 16px;text-align:left;cursor:pointer}.answer-button:hover,.answer-button:focus-visible{border-color:#9da5af;background:var(--panel2);outline:none}.answer-button span{display:inline-block;width:1.8rem;color:#8f97a2;font-size:.8rem}
.result{padding:64px 0 90px}.score-block{margin-bottom:40px}.score{margin:0;font-size:clamp(4.5rem,19vw,8rem);font-weight:800;line-height:1;letter-spacing:-.075em}.score small{font-size:1rem;color:var(--muted);letter-spacing:0}.result-label{margin-top:48px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:36px 0}.result-card{padding:22px;border:1px solid var(--line);background:var(--panel)}.result-card span{display:block;color:var(--muted);font-size:.78rem}.result-card strong{display:block;margin:4px 0 8px;font-size:1.15rem}.result-card p{margin:0;color:#c7ccd3;font-size:.92rem}.conversion-card,.report-details,.delivery{margin-top:26px;padding:clamp(24px,6vw,42px);border:1px solid var(--line);background:var(--panel)}.conversion-card{border-color:#667289}.conversion-card h2,.report-details h2,.delivery h2{margin:0 0 14px}.conversion-card>p:not(.eyebrow):not(.microcopy){color:#c7ccd3}.microcopy{text-align:center;margin:9px 0 0}.contents-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:24px 0 0;padding:0;list-style:none}.contents-list li:before,.check-list li:before{content:"—";margin-right:9px;color:#858d98}.price{margin:14px 0;font-size:2rem;font-weight:800}.price small{font-size:.82rem;color:var(--muted);font-weight:500}.check-list{padding:0;list-style:none}.delivery>p{color:var(--muted);font-size:.9rem}.disclaimer{margin:36px 0;color:#8f97a2;font-size:.78rem}.result-footer-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}.result-footer-actions a,.text-button{color:#bdc3cc;font-size:.85rem}.text-button{min-height:48px;border:0;background:none;padding:0;text-decoration:underline;cursor:pointer}
footer{display:flex;max-width:960px;margin:auto;justify-content:space-between;gap:16px;padding:26px 24px;border-top:1px solid var(--line);color:#777f8a;font-size:.75rem}footer a{color:#9ca3ad}.legal-page{padding-top:64px;padding-bottom:90px}.legal-page>h1{font-size:clamp(2.3rem,7vw,4rem)}.legal-page section{margin-top:42px;padding-top:22px;border-top:1px solid var(--line)}.legal-page p{color:#c5cad1}.legal-intro{padding:14px 16px;border-left:3px solid #e4c761;background:#19170f}.legal-list{margin:0}.legal-list div{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid #25282e}.legal-list dt{font-weight:700}.legal-list dd{margin:0;color:#c4c9d0}mark{background:#f0d469;color:#181300;padding:3px 5px;font-weight:700}[hidden]{display:none!important}
@media(max-width:560px){main{padding:0 16px}.site-header{padding:17px 16px}.hero{padding:50px 0 72px}.hero h1 br{display:none}.button{width:100%}.quiz{padding-top:30px}.progress-track{margin-bottom:42px}.quiz h2{min-height:4.8em}.result{padding-top:45px}.result-grid,.contents-list{grid-template-columns:1fr}.conversion-card,.report-details,.delivery{padding:22px 18px}.result-footer-actions{display:block}.result-footer-actions a{display:block;margin-top:14px}.legal-list div{grid-template-columns:1fr;gap:4px}footer{padding:22px 16px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}