@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--bg:#fff;--text:#111;--text-muted:#666;--text-subtle:#aaa;--border:#e5e5e5;--border-hover:#bbb;--surface:#f7f7f7;--surface-2:#eee;--accent:#111;--accent-fg:#fff}[data-theme=dark]{--bg:#0c0c0c;--text:#eee;--text-muted:#888;--text-subtle:#444;--border:#1e1e1e;--border-hover:#333;--surface:#141414;--surface-2:#1c1c1c;--accent:#eee;--accent-fg:#0c0c0c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,sans-serif;transition:background .2s,color .2s}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}.container{max-width:1120px;margin:0 auto;padding:0 40px}.site-header{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);height:60px;transition:background .2s,border-color .2s;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-right{align-items:center;gap:8px;display:flex}.site-logo{letter-spacing:-.01em;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;font-size:16px;font-weight:700}.header-back{color:var(--text-muted);border-radius:4px;align-items:center;gap:4px;padding:6px 4px;font-size:14px;font-weight:500;transition:color .15s;display:flex}.header-back:hover{color:var(--text)}.header-back:focus-visible{outline:2px solid var(--text);outline-offset:2px}.header-step{letter-spacing:.06em;color:var(--text-subtle);font-size:12px;font-weight:600}.theme-toggle{width:36px;height:36px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.theme-toggle:hover{background:var(--surface);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:8px}.btn-retry{color:var(--text);border:1.5px solid var(--border);background:var(--bg);border-radius:6px;padding:7px 16px;font-size:14px;font-weight:600;transition:border-color .15s}.btn-retry:hover{border-color:var(--border-hover)}.site-footer{border-top:1px solid var(--border);background:var(--bg);padding:28px 0;transition:background .2s,border-color .2s}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.footer-logo{color:var(--text);font-size:14px;font-weight:700}.footer-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.footer-copy{color:var(--text-subtle);font-size:12px}.footer-disclaimer{color:var(--text-subtle);text-align:right;max-width:480px;font-size:11px;line-height:1.55}.landing-page{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.landing-main{flex:1}.hero{padding:80px 0 96px}.hero-grid{grid-template-columns:55fr 45fr;align-items:center;gap:64px;display:grid}.hero-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);border:1.5px solid var(--border);border-radius:999px;margin-bottom:28px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.035em;color:var(--text);margin-bottom:20px;font-size:clamp(40px,5vw,68px);font-weight:700;line-height:1.1}.hero-sub{color:var(--text-muted);max-width:400px;margin-bottom:40px;font-size:16px;line-height:1.65}.btn-start{background:var(--accent);color:var(--accent-fg);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 28px;font-size:15px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-start:hover{opacity:.75}.btn-start:active{opacity:.9}.btn-start:focus-visible{outline:2px solid var(--text);outline-offset:3px}.hero-trust{color:var(--text-subtle);font-size:12px;line-height:1.6}.hero-visual{aspect-ratio:4/3;border-radius:16px;justify-content:center;align-items:center;min-height:260px;display:flex}.hero-visual:not(.hero-visual--img){background:var(--surface);border:1.5px dashed var(--border);transition:background .2s,border-color .2s}.hero-visual--img{position:relative;overflow:visible}.hero-car-img{object-fit:contain;filter:drop-shadow(0 24px 40px #0000002e);width:115%;height:auto;margin-left:5%;display:block}[data-theme=dark] .hero-car-img{filter:drop-shadow(0 24px 48px #0000008c)brightness(.92)}.car-light{pointer-events:none;opacity:0;border-radius:50%;transition:opacity .9s;position:absolute}[data-theme=dark] .car-light{opacity:1}.car-light--front{filter:blur(3.5px);background:radial-gradient(at 38% 52%,#fff 0%,#d7ebffeb 10%,#a0c8ffa6 28%,#5a96ff38 52%,#0000 72%);width:15%;height:12%;animation:3.8s ease-in-out infinite car-light-pulse;top:43%;left:22%}.car-light--front-beam{filter:blur(18px);background:radial-gradient(at 78% 62%,#aad2ff33 0%,#6ea5ff1a 30%,#5082ff0a 55%,#0000 72%);width:34%;height:46%;animation:3.8s ease-in-out infinite car-light-pulse;top:30%;left:0%}.car-light--rear{filter:blur(4px);background:radial-gradient(#ff826e 0%,#ff371ecc 18%,#d200006b 45%,#0000 68%);width:7%;height:9%;animation:3.8s ease-in-out infinite car-light-pulse;top:37%;left:97%}.car-light--ground{filter:blur(14px);background:radial-gradient(at 68% 28%,#8cb9ff1c 0%,#649bff0d 40%,#0000 65%);width:32%;height:22%;animation:3.8s ease-in-out infinite car-light-pulse;top:74%;left:6%}@keyframes car-light-pulse{0%,to{opacity:1}48%{opacity:.78}52%{opacity:.78}}.adsense-slot{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);transition:background .2s,border-color .2s}.adsense-inner{max-width:1120px;margin:0 auto;padding:0 40px}.adsense-placeholder{letter-spacing:.14em;text-transform:uppercase;height:90px;color:var(--text-subtle);justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.how-section{padding:80px 0}.how-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:40px;font-size:11px;font-weight:600}.how-steps{grid-template-columns:repeat(3,1fr);display:grid}.how-step{border:1.5px solid var(--border);margin-right:-1.5px;padding:32px 28px;transition:border-color .2s}.how-step:first-child{border-radius:12px 0 0 12px}.how-step:last-child{border-radius:0 12px 12px 0;margin-right:0}.how-num{letter-spacing:-.04em;color:var(--border-hover);margin-bottom:16px;font-size:32px;font-weight:700}.how-step-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600}.how-step-desc{color:var(--text-muted);font-size:13px;line-height:1.55}.quiz-page{background:var(--bg);flex-direction:column;min-height:100svh;transition:background .2s;display:flex}.quiz-progress{background:var(--surface-2);height:2px}.quiz-progress-fill{background:var(--text);height:100%}.quiz-body{flex-direction:column;flex:1;width:100%;max-width:680px;margin:0 auto;padding:56px 40px 24px;display:flex;overflow:hidden}.quiz-step{width:100%}.step-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:16px;font-size:12px;font-weight:600}.step-title{letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.2}.step-subtitle{color:var(--text-muted);margin-bottom:36px;font-size:15px;line-height:1.6}.income-inputs{flex-direction:column;gap:16px;max-width:440px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.input-hint{color:var(--text-subtle);font-size:12px;font-weight:400}.input-row{border:1.5px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.input-row:focus-within{border-color:var(--text)}.input-row input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:18px;font-weight:600}.input-row input::placeholder{color:var(--text-subtle);font-size:16px;font-weight:400}.input-unit{color:var(--text-muted);border-left:1.5px solid var(--border);white-space:nowrap;background:var(--surface);align-items:center;height:100%;padding:0 16px;font-size:13px;font-weight:500;display:flex}.income-note{color:var(--text-subtle);font-size:13px;line-height:1.6}.income-note a{color:var(--text);text-underline-offset:2px;font-weight:600;text-decoration:underline}.option-grid{gap:8px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.option-card{background:var(--bg);border:1.5px solid var(--border);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;min-height:80px;padding:20px;transition:border-color .13s,background .13s;display:flex;position:relative}.option-card:hover{border-color:var(--border-hover)}.option-card:focus-visible{outline:2px solid var(--text);outline-offset:2px}.option-card.selected{border-color:var(--text);background:var(--accent);color:var(--accent-fg)}.option-label{letter-spacing:-.01em;color:inherit;font-size:15px;font-weight:600}.option-desc{color:var(--text-muted);font-size:12px;line-height:1.45}.option-card.selected .option-desc{color:#ffffff80}[data-theme=dark] .option-card.selected .option-desc{color:#00000080}.option-check{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:12px;right:12px}[data-theme=dark] .option-check{background:#0000002e}.quiz-footer{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:680px;margin:0 auto;padding:16px 40px 32px;display:flex}.multi-hint{color:var(--text-subtle);letter-spacing:.02em;font-size:12px;font-weight:500}.btn-next{background:var(--accent);color:var(--accent-fg);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:8px;padding:15px 36px;font-size:16px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-next:hover{opacity:.8}.btn-next:disabled{opacity:.2;cursor:not-allowed}.btn-next:focus-visible{outline:2px solid var(--text);outline-offset:3px}.result-page{background:var(--bg);min-height:100svh;color:var(--text);transition:background .2s}.result-body{flex-direction:column;gap:48px;max-width:720px;margin:0 auto;padding:64px 40px 96px;display:flex}.result-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:12px;font-size:12px;font-weight:600}.result-headline{color:var(--text-muted);font-size:15px}.best-block{border:1.5px solid var(--border);background:var(--bg);border-radius:16px;flex-direction:column;gap:24px;padding:40px;transition:border-color .2s;display:flex}.best-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.best-brand{color:var(--text-subtle);letter-spacing:.02em;margin-bottom:4px;font-size:13px;font-weight:500}.best-name{letter-spacing:-.04em;color:var(--text);font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1}.best-score{background:var(--accent);color:var(--accent-fg);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:88px;padding:16px 20px;display:flex}.best-score-num{letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1}.best-score-label{letter-spacing:.1em;text-transform:uppercase;opacity:.55;font-size:10px;font-weight:600}.best-reason{color:var(--text-muted);font-size:15px;font-style:italic;line-height:1.7}.best-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;transition:border-color .2s;display:flex}.chip-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);font-size:10px;font-weight:600}.chip-val{color:var(--text);font-size:14px;font-weight:700}.best-pros{flex-wrap:wrap;gap:6px;display:flex}.pro-tag{color:var(--text);background:var(--surface);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .2s;display:inline-flex}.section-title{letter-spacing:.04em;color:var(--text-subtle);border-bottom:1px solid var(--border);padding-bottom:16px;font-size:13px;font-weight:600}.runners-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.runner-card{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;padding:24px;transition:border-color .15s;display:flex}.runner-card:hover{border-color:var(--border-hover)}.runner-brand{color:var(--text-subtle);margin-bottom:4px;font-size:11px;font-weight:500}.runner-name{letter-spacing:-.03em;color:var(--text);margin-bottom:10px;font-size:24px;font-weight:700}.runner-reason{color:var(--text-muted);flex:1;margin-bottom:14px;font-size:13px;line-height:1.55}.runner-meta{align-items:center;gap:10px;display:flex}.runner-price{color:var(--text);font-size:13px;font-weight:700}.runner-fuel{color:var(--text-subtle);letter-spacing:.04em;font-size:11px;font-weight:500}.disclaimer{color:var(--text-subtle);text-align:center;font-size:12px;line-height:1.65}.result-actions{justify-content:center;align-items:center;gap:8px;display:flex}.btn-home{color:var(--text-muted);border:1.5px solid var(--border);background:var(--bg);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s}.btn-home:hover{border-color:var(--border-hover);color:var(--text)}.btn-again{color:var(--accent-fg);background:var(--accent);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:opacity .15s}.btn-again:hover{opacity:.8}@media (width<=768px){.container{padding:0 20px}.hero{padding:48px 0 64px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-visual{min-height:200px}.how-steps{grid-template-columns:1fr}.how-step{margin-bottom:-1.5px;margin-right:0}.how-step:first-child{border-radius:12px 12px 0 0}.how-step:last-child{border-radius:0 0 12px 12px;margin-bottom:0}.site-footer-inner{flex-direction:column}.footer-right{align-items:flex-start}.footer-disclaimer{text-align:left;max-width:100%}}@media (width<=600px){.quiz-body,.quiz-footer{padding-left:20px;padding-right:20px}.result-body{padding:40px 20px 72px}.best-block{padding:24px 20px}.best-top{flex-direction:column}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.runners-grid{grid-template-columns:1fr}.adsense-inner{padding:0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}