:root{--font-body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", Georgia, serif;--surface-0:#faf8f5;--surface-1:#f5f2ee;--surface-2:#edeae5;--surface-3:#e4e0db;--accent-primary:#c97a8a;--accent-secondary:#7a9a7e;--text-primary:#2b2826;--text-muted:#8a8480;--text-faint:#c5c2be;--border-subtle:1px solid color-mix(in srgb, var(--text-primary) 10%, transparent);--shadow-card:0 12px 32px #2b282612;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font-body), sans-serif;text-rendering:optimizelegibility;margin:0;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{background:0 0;border:0}img,svg{max-width:100%;display:block}main{min-height:calc(100vh - 180px)}.container{width:min(1120px,100% - 48px);margin:0 auto}.site-header{z-index:50;border-bottom:var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--surface-0) 88%, transparent);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.site-nav{color:var(--text-muted);align-items:center;gap:24px;font-size:14px;display:flex}.site-nav a:hover{color:var(--accent-primary)}.site-nav-muted{color:var(--text-muted)}.wordmark{align-items:center;gap:12px;display:inline-flex}.wordmark-mark{width:28px;height:28px}.wordmark-mark img{object-fit:contain;width:100%;height:100%;display:block}.wordmark-copy{align-items:baseline;gap:10px;display:inline-flex}.wordmark-name{font-family:var(--font-display), serif;letter-spacing:.04em;font-size:18px;font-weight:500}.wordmark-kana{border-left:var(--border-subtle);letter-spacing:.18em;color:var(--text-muted);padding-left:10px;font-size:11px}.hero-section,.section-block{padding:88px 0}.hero-grid,.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;display:grid}.dashboard-grid{align-items:stretch;margin-top:32px}.eyebrow-chip,.section-kicker,.hero-card-badge{border-radius:var(--radius-pill);letter-spacing:.14em;text-transform:uppercase;align-items:center;min-height:30px;padding:0 14px;font-size:11px;display:inline-flex}.eyebrow-chip,.hero-card-badge{background:color-mix(in srgb, var(--accent-primary) 8%, var(--surface-0));color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 26%, transparent)}.section-kicker{color:var(--text-muted);padding:0}.hero-title,.section-title{font-family:var(--font-display), serif;letter-spacing:.02em;margin:0;line-height:1.5}.hero-title{margin-top:24px;font-size:clamp(36px,5vw,56px)}.hero-tagline{font-family:var(--font-display), serif;color:color-mix(in srgb, var(--text-primary) 62%, transparent);margin:24px 0 0;font-size:18px}.hero-body,.quiz-copy,.site-footer-copy,.legal-card p,.feature-card p,.flow-step p,.proof-item p{color:var(--text-muted);font-size:15px}.hero-body{max-width:520px;margin:24px 0 0}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.hero-meta{color:var(--text-muted);letter-spacing:.08em;margin:0;font-size:12px}.button{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 26px;transition:transform .22s,background-color .22s,border-color .22s,color .22s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.button-primary{background:var(--accent-primary);color:var(--surface-0);box-shadow:0 10px 24px #c97a8a47}.button-secondary{border:1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);background:var(--surface-1);color:var(--text-primary)}.button-icon,.trust-pill-icon,.feature-icon,.proof-item-icon,.quiz-note-icon{width:18px;height:18px}.trust-pill,.quiz-note{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-secondary) 10%, var(--surface-0));color:var(--accent-secondary);align-items:center;gap:10px;margin-top:20px;padding:10px 14px;font-size:12px;display:inline-flex}.hero-card,.feature-card,.flow-card,.stat-card,.legal-card,.quiz-card{border:var(--border-subtle);background:var(--surface-1);box-shadow:var(--shadow-card)}.hero-card,.quiz-card{border-radius:var(--radius-lg);padding:28px}.hero-card-header{flex-wrap:wrap;gap:10px;display:flex}.hero-card-badge-muted{background:color-mix(in srgb, var(--surface-2) 70%, white);color:var(--text-muted);border-color:#0000}.hero-preview{border-radius:var(--radius-lg);background:radial-gradient(circle at 0 0,#c97a8a3d,#0000 42%),radial-gradient(circle at 100% 100%,#7a9a7e38,#0000 42%),linear-gradient(160deg,#faf8f5 0%,#edeae5 100%);min-height:360px;margin-top:20px;position:relative;overflow:hidden}.hero-preview-orb{filter:blur(1px);opacity:.85;border-radius:999px;position:absolute}.hero-preview-orb-one{background:#d9a86a;width:96px;height:96px;top:18%;left:12%}.hero-preview-orb-two{background:#8b95a8;width:120px;height:120px;top:14%;right:14%}.hero-preview-orb-three{background:#7a9a7e;width:112px;height:112px;bottom:16%;left:30%}.hero-preview-panel{border-radius:var(--radius-md);border:var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf8f5e6;width:min(280px,100% - 48px);padding:20px;position:absolute;bottom:24px;right:24px}.hero-preview-label{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:11px}.hero-preview-list{color:var(--text-primary);margin:0;padding-left:18px}.stats-grid,.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.stat-card,.feature-card,.flow-card,.legal-card{border-radius:var(--radius-md)}.stat-card{padding:24px}.stat-card strong{font-family:var(--font-display), serif;letter-spacing:.02em;font-size:24px;font-weight:500;display:block}.stat-card span{color:var(--text-muted);margin-top:8px;font-size:14px;display:block}.section-soft{background:var(--surface-1)}.section-copy{margin-bottom:32px}.section-title{margin-top:12px;font-size:clamp(28px,4vw,40px)}.feature-card{padding:24px}.feature-card h3{font-family:var(--font-display), serif;margin:18px 0 10px;font-size:22px;font-weight:500}.feature-icon,.proof-item-icon{color:var(--accent-primary)}.flow-card,.legal-card{padding:24px}.flow-step+.flow-step,.proof-item+.proof-item{border-top:var(--border-subtle);margin-top:18px;padding-top:18px}.flow-step{gap:16px;display:flex}.flow-step-number{color:var(--accent-primary);letter-spacing:.16em;flex:none;font-size:12px}.flow-step p,.proof-item p{margin:0}.proof-item{align-items:flex-start;gap:14px;display:flex}.quiz-shell{max-width:1120px}.legal-shell{max-width:860px}.quiz-card .section-title,.legal-shell .section-title{margin-bottom:18px}.legal-subtitle{font-family:var(--font-display), serif;margin:0 0 12px;font-size:22px;font-weight:500}.legal-last-updated{border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface-2) 55%, white);color:var(--text-muted);margin:0 0 16px;padding:12px 14px;font-size:14px}.quiz-runtime-grid{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.quiz-card-muted{background:color-mix(in srgb, var(--surface-1) 68%, white)}.quiz-session-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.quiz-action-stack{margin-top:24px}.quiz-action-card{border:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-0);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:transform .22s,border-color .22s,background-color .22s;display:flex}.quiz-action-card+.quiz-action-card{margin-top:12px}.quiz-action-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 36%, transparent);transform:translateY(-1px)}.quiz-action-card:disabled{cursor:not-allowed;opacity:.7}.quiz-action-title,.quiz-action-copy,.quiz-alert p{margin:0}.quiz-action-title{color:var(--text-primary);font-weight:500}.quiz-action-copy{color:var(--text-muted);margin-top:4px;font-size:13px}.quiz-action-icon,.quiz-alert-icon{flex:none;width:18px;height:18px}.quiz-alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-top:20px;padding:14px 16px;font-size:14px;display:flex}.quiz-alert-error{color:#8a4250;background:color-mix(in srgb, var(--accent-primary) 10%, white);border:1px solid color-mix(in srgb, var(--accent-primary) 28%, transparent)}.quiz-json-view{border-radius:var(--radius-md);color:#f0ede8;background:#221f1d;margin:18px 0 0;padding:18px;font-size:12px;line-height:1.7;overflow:auto}.quiz-progress-row,.quiz-price-row,.quiz-trust-item,.quiz-answer-item{align-items:center;display:flex}.quiz-progress-row{justify-content:space-between;gap:16px;margin-bottom:18px}.quiz-progress-pill{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-primary) 8%, var(--surface-0));min-height:30px;color:var(--accent-primary);letter-spacing:.14em;align-items:center;padding:0 12px;font-size:11px;display:inline-flex}.quiz-progress-copy,.quiz-side-label,.quiz-offer-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.quiz-inline-hint{color:var(--accent-primary);margin:16px 0 0;font-size:13px}.quiz-inline-hint-muted{color:var(--text-muted)}.quiz-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.quiz-option-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-option-card,.quiz-offer-card{border:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-0);text-align:left}.quiz-option-card{gap:14px;width:100%;padding:18px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.quiz-option-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 36%, transparent);transform:translateY(-1px);box-shadow:0 12px 24px #2b28260f}.quiz-option-card.is-selected,.quiz-offer-card.is-selected,.quiz-chip.is-selected{border-color:color-mix(in srgb, var(--accent-primary) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 70%, transparent)}.quiz-option-swatch,.quiz-palette-chip{border-radius:999px;flex:none}.quiz-option-swatch{width:16px;height:16px;margin-top:4px}.quiz-option-title,.quiz-side-title{color:var(--text-primary);margin:0}.quiz-option-title{font-size:16px;font-weight:500}.quiz-option-copy{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.7}.quiz-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.quiz-chip{border:var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-0);width:100%;min-height:54px;color:var(--text-primary);padding:14px 16px;transition:transform .22s,border-color .22s}.quiz-chip:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent-primary) 36%, transparent);transform:translateY(-1px)}.quiz-reveal-card{background:radial-gradient(circle at top left, #c97a8a1f, transparent 36%), radial-gradient(circle at bottom right, #7a9a7e1f, transparent 40%), var(--surface-1)}.quiz-reveal-eyebrow{color:var(--accent-secondary);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:12px}.quiz-reveal-body p{color:var(--text-muted);margin:0}.quiz-reveal-body p+p{margin-top:8px}.quiz-palette-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.quiz-palette-chip{width:24px;height:24px;box-shadow:0 0 0 1px #2b282614}.quiz-palette-chip.large{width:56px;height:56px}.quiz-paywall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.quiz-offer-card{padding:20px}.quiz-price-row{gap:12px;margin:10px 0 12px}.quiz-price-old{color:var(--text-faint);font-size:15px;text-decoration:line-through}.quiz-price-new{color:var(--accent-primary);font-family:var(--font-display), serif;font-size:34px;font-weight:500}.quiz-trust-list,.quiz-side-section{margin-top:24px}.quiz-trust-item+.quiz-trust-item,.quiz-answer-item+.quiz-answer-item{margin-top:12px}.quiz-trust-item{align-items:flex-start;gap:10px}.quiz-trust-item p{color:var(--text-muted);margin:0;font-size:14px}.quiz-side-title{font-family:var(--font-display), serif;margin-top:12px;font-size:24px;font-weight:500}.quiz-answer-list{margin-top:12px}.quiz-answer-item{border-bottom:var(--border-subtle);justify-content:space-between;gap:12px;padding:10px 0}.quiz-answer-item strong{letter-spacing:.08em;text-transform:uppercase;font-size:13px}.quiz-answer-item span{color:var(--text-muted);text-align:right;font-size:14px}.quiz-answer-item-block{align-items:flex-start}.quiz-answer-item-block span{max-width:68%}.quiz-swatch-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.quiz-swatch-chip{border:var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-0);align-items:center;gap:10px;min-height:44px;padding:0 14px;display:inline-flex}.quiz-swatch{border:1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);border-radius:999px;flex-shrink:0;width:18px;height:18px}.quiz-swatch-chip code{color:var(--text-muted);font-size:13px}.auth-form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.auth-mode-row{gap:8px;display:inline-flex}.auth-mode-button{border-radius:var(--radius-pill);border:var(--border-subtle);background:var(--surface-0);min-height:40px;color:var(--text-muted);padding:0 14px}.auth-mode-button.is-active{color:var(--accent-primary);border-color:color-mix(in srgb, var(--accent-primary) 44%, transparent)}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field span{color:var(--text-primary);font-size:13px}.auth-input,.auth-field input{border:var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-0);min-height:48px;color:var(--text-primary);padding:0 14px}.auth-field-hint{color:var(--text-muted);font-size:12px}.page-intro-copy{max-width:680px;margin-top:10px}.site-footer{border-top:var(--border-subtle);background:var(--surface-1);margin-top:80px}.site-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:56px 0 40px;display:grid}.site-footer-heading{color:var(--text-primary);letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;font-size:12px}.site-footer-list{margin:0;padding:0;list-style:none}.site-footer-list li+li{margin-top:12px}.site-footer-list a,.site-footer-company span{color:var(--text-muted);font-size:14px}.site-footer-contact{color:var(--accent-primary);font-size:14px;text-decoration:none}.site-footer-contact:hover{text-decoration:underline}.site-footer-company{flex-direction:column;gap:12px;display:flex}.surface-card-muted{background:color-mix(in srgb, var(--surface-1) 68%, white)}.site-footer-bottom{border-top:var(--border-subtle);color:var(--text-muted);justify-content:space-between;gap:16px;padding:20px 0 28px;font-size:12px;display:flex}@media (max-width:960px){.hero-grid,.two-column-grid,.feature-grid,.stats-grid,.quiz-runtime-grid,.quiz-session-metrics,.quiz-paywall-grid,.site-footer-grid{grid-template-columns:1fr}.site-nav{display:none}}@media (max-width:640px){.container{width:min(100% - 32px,1120px)}.hero-section,.section-block{padding:64px 0}.quiz-option-grid,.quiz-chip-grid{grid-template-columns:1fr}.site-footer-bottom{flex-direction:column}.hero-actions{align-items:stretch}.button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}