:root{--ink:#25342e;--muted:#68736d;--cream:#f7f4ed;--paper:#fffdf8;--sage:#718d80;--sage-dark:#49665a;--line:#dfe3dc;--peach:#e4aa8e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans),sans-serif;letter-spacing:.02em;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:10;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 clamp(24px,6vw,88px);display:flex;position:absolute}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.brand-mark{border:1px solid var(--sage);width:29px;height:29px;color:var(--sage);border-radius:50% 48% 54% 46%;place-items:center;font-family:serif;display:grid}.header-link{border-bottom:1px solid;font-size:13px}.hero{background:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:720px;padding:125px 24px 80px;display:flex;position:relative;overflow:hidden}.eyebrow,.section-kicker{letter-spacing:.2em;color:var(--sage-dark);font-size:11px;font-weight:600}.eyebrow span{border-top:1px solid;width:26px;margin:0 10px 3px 0;display:inline-block}.hero h1{font-family:var(--font-serif),serif;letter-spacing:.04em;margin:28px 0 24px;font-size:clamp(43px,6vw,72px);font-weight:500;line-height:1.35}.hero h1 em{color:var(--sage);font-style:normal}.hero-copy{color:var(--muted);margin:0 0 34px;font-size:15px;line-height:2}.primary-button{background:var(--sage-dark);color:#fff;border-radius:3px;justify-content:space-between;align-items:center;min-width:236px;padding:17px 21px;font-size:14px;display:inline-flex;box-shadow:0 10px 30px #49665a25}.primary-button span{font-size:20px}.meta-row{color:#7d8580;gap:24px;margin-top:20px;font-size:11px;display:flex}.orb{filter:blur(1px);opacity:.38;border-radius:50%;position:absolute}.orb-one{background:#d8c8ae;width:270px;height:270px;top:320px;left:-100px}.orb-two{background:#c9d9cf;width:200px;height:200px;top:160px;right:-50px}.section-pad{padding:110px clamp(25px,8vw,120px)}.intro{text-align:center}.intro h2,.result-preview h2,.how h2,.final-cta h2,.score-section h2,.premium-tease h2,.legal-page h1{font-family:var(--font-serif),serif;margin:20px 0;font-size:clamp(31px,4vw,48px);font-weight:500;line-height:1.55}.intro>p:not(.section-kicker),.result-preview>div>p,.premium-tease>p{color:var(--muted);line-height:2}.type-cloud{grid-template-columns:repeat(5,1fr);gap:14px;max-width:900px;margin:70px auto 0;display:grid}.mini-type{aspect-ratio:1;font-family:var(--font-serif);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:14px;line-height:1.7;display:flex}.mini-type span{font-family:var(--font-sans);letter-spacing:.15em;margin-bottom:7px;font-size:9px}.mt-0{background:#e2ebe5}.mt-1{background:#f2ded4}.mt-2{background:#e9e0ee}.mt-3{background:#dfe8ef}.mt-4{background:#f3e8cf}.result-preview{background:#f0f3ee;grid-template-columns:1fr 420px;align-items:center;gap:10vw;display:grid}.result-preview ul{margin-top:28px;padding:0;list-style:none}.result-preview li{border-bottom:1px solid #ced7d0;padding:12px 0;font-size:13px}.result-preview li:before{content:"✓";color:var(--sage);margin-right:14px}.preview-card{background:var(--paper);text-align:center;padding:42px 42px 36px;transform:rotate(2deg);box-shadow:0 24px 60px #435a4d18}.preview-label{letter-spacing:.2em;font-size:9px}.preview-icon{color:var(--sage);margin:16px;font-size:50px}.preview-card h3{font-family:var(--font-serif);margin:0;font-size:28px;font-weight:500}.preview-card p{color:var(--muted);font-size:12px;line-height:1.8}.fake-bars{gap:7px;margin-top:22px;display:grid}.fake-bars div{text-align:left;background:#eceeea;height:5px}.fake-bars span{background:var(--sage);height:100%;display:block}.how{text-align:center}.steps{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;max-width:950px;margin:65px auto 0;display:grid}.steps div{background:var(--paper);padding:42px 35px}.steps b{color:var(--sage);letter-spacing:.15em;font-size:11px}.steps h3{font-family:var(--font-serif);font-size:21px}.steps p{color:var(--muted);font-size:13px;line-height:1.8}.final-cta{background:var(--sage-dark);color:#fff;text-align:center;padding:100px 24px}.final-cta p{letter-spacing:.12em;font-size:12px}.final-cta h2{margin:25px 0 38px;font-size:clamp(34px,5vw,55px)}.primary-button.light{color:var(--ink);background:#fff}.final-cta small{opacity:.65;margin-top:28px;font-size:10px;display:block}footer{color:#dfe7e2;background:#26332e;grid-template-columns:1fr auto;gap:10px;padding:60px clamp(24px,8vw,120px);display:grid}footer .footer-brand{font-size:20px}footer p,footer small{opacity:.65;font-size:11px}footer nav{grid-area:1/2/3;align-items:center;gap:24px;font-size:11px;display:flex}.quiz-shell{background:var(--cream);min-height:100vh;padding:110px 24px 70px}.quiz-top{justify-content:space-between;align-items:center;max-width:680px;margin:auto;font-size:12px;display:flex}.quiz-top button{color:var(--muted);cursor:pointer;background:0 0;border:0}.progress{background:#e1e3dc;max-width:680px;height:3px;margin:18px auto 0}.progress span{background:var(--sage);height:100%;transition:width .3s;display:block}.question-card{text-align:center;max-width:680px;margin:60px auto 0}.question-card>p{letter-spacing:.2em;color:var(--sage);font-size:10px}.question-card h1{font-family:var(--font-serif);place-items:center;min-height:120px;font-size:clamp(26px,4vw,36px);font-weight:500;line-height:1.65;display:grid}.answers{gap:9px;max-width:520px;margin:35px auto 25px;display:grid}.answers button{background:var(--paper);border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink);border-radius:4px;align-items:center;padding:14px 18px;transition:all .15s;display:flex}.answers button:hover,.answers button.selected{border-color:var(--sage);background:#edf3ef;transform:translate(4px)}.answers b{width:30px;color:var(--sage)}.answers span{font-size:13px}.question-card small{color:#89918c;font-size:10px}.result-hero{background:var(--cream);text-align:center;padding:145px 24px 90px}.result-symbol{color:var(--sage);margin:22px;font-size:65px}.result-hero>p:not(.section-kicker){color:var(--muted);font-size:12px}.result-hero h1{font-family:var(--font-serif);margin:12px 0 20px;font-size:clamp(38px,6vw,64px);font-weight:500}.result-hero .result-lead{max-width:570px;margin:0 auto;line-height:2;font-size:14px!important}.sub-badge{border:1px solid #cfd5cf;margin-top:30px;padding:12px 20px;font-size:11px;display:inline-block}.sub-badge span{font-family:var(--font-serif);margin-left:10px;font-size:15px}.score-section{text-align:center;max-width:820px;margin:auto}.score-list{gap:25px;margin:50px auto 0;display:grid}.score-row>div:first-child{justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.score-row b{color:var(--sage);font-size:20px}.score-track{background:#eceeea;border-radius:10px;height:9px;overflow:hidden}.score-track span{border-radius:10px;height:100%;display:block}.insights{background:#eef1ec;grid-template-columns:1fr 1fr;gap:20px;display:grid}.insight-card{background:var(--paper);padding:55px}.insight-card>span{letter-spacing:.2em;color:var(--sage);font-size:9px}.insight-card h2{font-family:var(--font-serif);font-size:25px;font-weight:500}.insight-card p{color:var(--muted);line-height:2}.insight-card.action{background:var(--sage-dark);color:#fff}.insight-card.action p,.insight-card.action>span{color:#fff}.premium-tease{text-align:center;max-width:800px;margin:auto}.premium-tease .primary-button{margin-top:25px}.premium-tease small{color:var(--muted);margin-top:15px;display:block}.result-actions{text-align:center;justify-content:center;gap:25px;padding:0 20px 80px;display:flex}.result-actions button,.result-actions a{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:6px;font-size:12px}.empty-result{text-align:center;min-height:75vh;padding:160px 24px}.empty-result h1{font-family:var(--font-serif);font-weight:500}.empty-result p{color:var(--muted);margin-bottom:30px}.legal-page{max-width:800px;min-height:75vh;margin:auto;padding:150px 25px 100px}.legal-page h1{font-size:42px}.legal-page h2{font-family:var(--font-serif);margin-top:42px;font-weight:500}.legal-page p{color:var(--muted);line-height:2}.legal-page .lead{font-size:16px}.premium-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:60px 0;display:grid}.premium-grid>div{background:var(--cream);color:var(--sage);padding:26px}.premium-grid h3{color:var(--ink)}.premium-grid p{font-size:12px}.coming-soon{text-align:center;border:1px solid var(--line);padding:45px}.coming-soon span{letter-spacing:.2em;font-size:9px}.coming-soon h2{margin:15px}.coming-soon button{color:#8b928e;background:#d9ddd9;border:0;padding:15px 60px}.text-link{border-bottom:1px solid;margin-top:35px;font-size:12px;display:inline-block}.contact-box{background:var(--cream);margin-top:40px;padding:30px}@media (max-width:700px){.site-header{height:64px;padding:0 20px}.header-link{display:none}.hero{min-height:680px;padding-top:100px}.hero h1{font-size:40px}.desktop{display:none}.section-pad{padding:80px 22px}.type-cloud{grid-template-columns:repeat(2,1fr);gap:10px}.mini-type:last-child{grid-column:1/3;width:50%;margin:auto}.result-preview{grid-template-columns:1fr;gap:50px}.preview-card{max-width:360px;margin:auto;padding:34px;transform:none}.steps{grid-template-columns:1fr}.final-cta{padding:80px 22px}footer{text-align:center;grid-template-columns:1fr}footer nav{flex-wrap:wrap;grid-area:auto;justify-content:center;margin:15px 0}.question-card{margin-top:40px}.question-card h1{min-height:140px;font-size:25px}.quiz-shell{padding-top:85px}.insights{grid-template-columns:1fr}.insight-card{padding:38px 28px}.premium-grid{grid-template-columns:1fr}.result-actions{flex-direction:column;align-items:center}.result-hero{padding-top:115px}.result-hero h1{font-size:38px}}:root{--font-sans:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--font-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}.score-heading{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.score-row>p{text-align:left;color:var(--muted);margin:3px 45px 10px 0;font-size:12px;line-height:1.7}.hero>:not(.orb){z-index:1;position:relative}.hero .orb{z-index:0;pointer-events:none}.contact-page{background:var(--cream);min-height:100vh;padding:140px clamp(20px,6vw,72px) 100px}.contact-heading{text-align:center;max-width:720px;margin:0 auto 48px}.contact-heading h1{font-family:var(--font-serif),serif;margin:18px 0;font-size:clamp(34px,5vw,48px);font-weight:500;line-height:1.5}.contact-heading>p:last-child{color:var(--muted);font-size:14px;line-height:2}.contact-form-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:760px;margin:auto;overflow:hidden;box-shadow:0 22px 55px #435a4d12}.contact-form{border:0;width:100%;height:1120px;display:block}.contact-form-fallback{text-align:center;color:var(--muted);margin:24px 0 0;font-size:12px}.contact-form-fallback a{color:var(--sage-dark);border-bottom:1px solid var(--sage)}@media (max-width:700px){.contact-page{padding:105px 0 70px}.contact-heading{margin-bottom:30px;padding:0 22px}.contact-form-wrap{border-left:0;border-right:0;border-radius:0}.contact-form{height:1180px}.contact-form-fallback{padding:0 22px;line-height:1.8}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.logo{color:var(--ink);align-items:center;gap:11px;display:inline-flex}.logo-symbol{width:35px;height:35px;overflow:visible}.logo-symbol-shell,.logo-symbol-stem{fill:none;stroke:var(--sage-dark);stroke-width:1.8px;stroke-linecap:round}.logo-symbol-leaf{fill:#c8d6cd;stroke:var(--sage-dark);stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round}.logo-symbol-dot{fill:var(--peach)}.logo-wordmark{font-family:var(--font-serif),serif;letter-spacing:.01em;font-size:21px;font-weight:600;line-height:1}.logo-wordmark span{color:var(--sage-dark);font-weight:500}.logo-inverted{color:#f7f4ed}.logo-inverted .logo-symbol-shell,.logo-inverted .logo-symbol-stem,.logo-inverted .logo-symbol-leaf{stroke:#dfe7e2}.logo-inverted .logo-symbol-leaf{fill:#718d80}.logo-inverted .logo-wordmark span{color:#b8cabe}
