@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#14231e;--paper:#f5f3ed;--lime:#d9fa6d;--mist:#dfe6df;--muted:#718078}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.logo{font-weight:800;letter-spacing:-1.5px;font-size:20px}.logo span{color:#91b42d}.kicker{font:11px 'DM Mono',monospace;letter-spacing:1.4px;margin:0 0 15px;color:#617166}.start,button{border:0;background:var(--lime);padding:16px 20px;border-radius:8px;font:700 14px Manrope;color:var(--ink);display:inline-flex;gap:32px;align-items:center;cursor:pointer}.start b{font-size:20px}nav{display:flex;justify-content:space-between;align-items:center;padding:27px max(24px,calc((100vw - 1180px)/2))}.nav-link{font-size:13px;font-weight:700}.home-hero{max-width:1180px;margin:40px auto 105px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.home-hero h1{font:700 clamp(48px,6vw,84px)/.98 'Playfair Display',serif;letter-spacing:-3px;margin:0 0 25px}.home-hero p:not(.kicker){font-size:17px;line-height:1.65;max-width:420px;color:#526159;margin:0 0 34px}.home-image{height:510px;background:center/cover;border-radius:3px;position:relative}.home-image span{position:absolute;top:22px;left:-25px;background:var(--lime);padding:9px 12px;font:12px 'DM Mono'}.discover{max-width:1180px;margin:auto;padding:0 24px 100px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2,.why h2,.next h2{font:600 40px/1.1 'Playfair Display',serif;margin:0;letter-spacing:-1px}.section-title>span{font-size:12px;color:var(--muted)}.quiz-card{display:flex;height:390px;padding:34px;background:center/cover;border-radius:4px;color:#fff;flex-direction:column;align-items:start}.quiz-card small{font:11px 'DM Mono';letter-spacing:1px}.quiz-card h3{font:600 clamp(32px,4vw,52px)/1.08 'Playfair Display';max-width:600px;margin:auto 0 15px}.quiz-card b{font-size:13px}footer{border-top:1px solid #d9ddd7;max-width:1180px;margin:auto;padding:30px 24px 50px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.quiz-intro{min-height:100vh;background:linear-gradient(90deg,rgba(11,23,18,.89),rgba(11,23,18,.25)),var(--hero) center/cover;color:#fff}.quiz-intro nav{background:rgba(0,0,0,.1);font:11px 'DM Mono';letter-spacing:1px}.quiz-intro section{max-width:760px;padding:14vh max(24px,calc((100vw - 1180px)/2))}.quiz-intro h1{font:600 clamp(48px,7vw,82px)/1.02 'Playfair Display';letter-spacing:-3px;margin:0 0 24px}.quiz-intro section>p:not(.kicker){font-size:18px;line-height:1.6;max-width:570px;margin:0 0 34px;color:#e1e8e0}.quiz-intro small{display:block;margin-top:22px;font-size:12px;color:#d5ded4}.play{min-height:100vh;background:#fbfaf7}.play header{padding:27px max(24px,calc((100vw - 760px)/2));display:flex;justify-content:space-between}.play header span{font:12px 'DM Mono';color:var(--muted)}.progress{height:3px;background:#e0e4dd}.progress i{display:block;height:100%;background:#a8d637;transition:.3s}.question{max-width:760px;padding:12vh 24px;margin:auto}.question h1{font:600 clamp(34px,5vw,58px)/1.12 'Playfair Display';letter-spacing:-1.5px;margin:0 0 40px}.question form{display:grid;gap:10px}.answer{background:#fff;border:1px solid #dce2da;padding:22px;text-align:left;width:100%;justify-content:space-between;font-size:16px;transition:.15s}.answer:hover{border-color:var(--ink);transform:translateX(4px)}.answer b{font-size:20px;font-weight:400}.result nav{border-bottom:1px solid #e0e3de}.result nav>a:last-child{font-size:13px;font-weight:700}.result-hero{max-width:1180px;margin:70px auto 100px;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.result-image{height:620px;background:center/cover;border-radius:4px}.result-copy h1{font:600 clamp(48px,6vw,76px)/1 'Playfair Display';letter-spacing:-3px;margin:0 0 20px}.match{display:flex;align-items:baseline;gap:10px;margin:0 0 30px}.match strong{font:800 55px Manrope;color:#99bd2e}.match span{font:11px 'DM Mono';letter-spacing:1px}.result-copy h2{font:600 26px/1.3 'Playfair Display';margin:0 0 14px}.result-copy>p{color:#57665e;line-height:1.7;max-width:480px}.share{background:var(--ink);color:#fff;margin-top:20px}.why{background:#e5e9e2;padding:80px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 38px}.signal-grid div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px;font-weight:700}.signal-grid i{grid-column:1/-1;height:4px;background:#c7d0c6}.signal-grid em{display:block;height:100%;background:#95bd29}.method{max-width:750px;padding:100px 24px;margin:auto}.method>p:not(.kicker){font:600 28px/1.45 'Playfair Display';margin:0 0 20px}.method small{color:var(--muted)}.next{text-align:center;padding:80px 24px 100px;background:#24332d;color:#fff}.next h2{font-size:44px;max-width:600px;margin:0 auto 30px}.auth{min-height:100vh;padding:30px;display:grid;place-items:center}.auth>.logo{position:absolute;top:28px;left:30px}.auth-card{max-width:420px;width:100%;background:#fff;padding:44px;border:1px solid #e0e2df}.auth h1{font:600 42px/1.05 'Playfair Display';margin:0 0 30px}.auth label{display:grid;gap:8px;font-size:13px;font-weight:700}.auth input,.auth textarea{border:1px solid #d7ddd7;padding:13px;font:14px Manrope;width:100%;margin-bottom:18px}.auth button{width:100%;justify-content:center}.note,.error{font-size:13px;line-height:1.6;color:#9c4437}.admin-nav{border-bottom:1px solid #dde1db;padding-top:20px;padding-bottom:20px}.admin-nav>span{font:11px 'DM Mono';color:var(--muted);letter-spacing:1px}.text-button{padding:0;background:none;font-size:12px}.admin{max-width:1100px;margin:auto;padding:70px 24px}.admin-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.admin h1{font:600 45px/1.1 'Playfair Display';margin:0 0 10px}.admin-heading p{color:var(--muted)}.outline{border:1px solid var(--ink);border-radius:6px;padding:12px 16px;font-weight:700;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:45px 0}.stats div,.builder{background:#fff;border:1px solid #dce1dc;padding:24px}.stats small{font:10px 'DM Mono';color:var(--muted);letter-spacing:1px;display:block}.stats strong{font-size:35px}.builder{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:14px}.builder h2{font:600 28px 'Playfair Display';margin:0}.builder p{line-height:1.6;color:#5d6b63}.trait-list{display:flex;flex-wrap:wrap;gap:7px}.trait-list span{padding:7px 9px;background:#e5eadf;font-size:11px;border-radius:20px}.result-row{border-bottom:1px solid #e5e8e4;padding:10px 0;margin:0!important;color:var(--ink)!important}.result-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.wide{grid-column:1/-1}.wide textarea{resize:vertical}.empty{padding:30px}.empty h1{margin-top:100px;font:600 48px 'Playfair Display'}@media(max-width:700px){nav{padding:21px 20px}.home-hero{grid-template-columns:1fr;margin:35px auto 70px;padding:0 20px;gap:35px}.home-hero h1{letter-spacing:-2px}.home-image{height:370px;order:-1}.home-image span{left:0}.discover{padding:0 20px 65px}.section-title h2,.why h2{font-size:32px}.section-title>span{display:none}.quiz-card{height:340px;padding:24px}.quiz-intro section{padding:22vh 24px 40px}.quiz-intro h1{letter-spacing:-2px}.question{padding:11vh 20px}.question h1{font-size:40px}.result-hero{grid-template-columns:1fr;margin:35px auto 70px;gap:30px;padding:0 20px}.result-image{height:390px}.result-copy h1{font-size:58px}.why{grid-template-columns:1fr;padding:55px 20px;gap:32px}.signal-grid{gap:20px}.method{padding:70px 20px}.method>p:not(.kicker){font-size:25px}.next h2{font-size:36px}.admin{padding:42px 20px}.admin-heading,.builder{display:block}.admin-heading .outline{display:inline-block;margin-top:15px}.stats{margin:30px 0}.stats div{padding:16px}.stats strong{font-size:28px}.builder>div+div{margin-top:35px}footer{padding:25px 20px 35px}.auth-card{padding:30px}}