.container{max-width:960px;margin:0 auto;padding:0 32px}.center{text-align:center}em{font-style:italic;color:#b8722e}.diag-hero{padding:160px 32px 80px;text-align:center}.diag-hero h1{font-family:Fraunces,serif;font-size:clamp(32px,5vw,50px);font-weight:400;line-height:1.1;letter-spacing:-.015em;color:#1a1814;max-width:600px;margin:0 auto 24px}.diag-hero-sub{font-size:17px;line-height:1.7;color:#1a181499;max-width:520px;margin:0 auto 16px}.diag-hero-time{font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.06em;color:#1a18144d}.section-eyebrow{margin-bottom:20px}.section-number{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b8722e}.diag-section{padding:40px 0 140px}.diag-container{position:relative;max-width:760px;margin:0 auto}.diag-progress{width:100%;height:2px;background:#1a181414;border-radius:2px;margin-bottom:16px;overflow:hidden;position:relative}.diag-progress-bar{height:100%;background:#b8722e;border-radius:2px;width:0%;transition:width .6s cubic-bezier(.4,0,.2,1)}.diag-progress-label{font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#1a181440;letter-spacing:.06em;text-align:right;margin-bottom:48px}.diag-step{display:none}.diag-step.active{display:block;animation:stepIn .55s cubic-bezier(.22,1,.36,1) both}@keyframes stepIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.step-count{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#b8722e;margin-bottom:16px}.step-title{font-family:Fraunces,serif;font-size:clamp(24px,3.5vw,34px);font-weight:400;line-height:1.2;letter-spacing:-.01em;color:#1a1814;margin-bottom:12px;max-width:640px}.step-desc{font-size:16px;line-height:1.7;color:#1a181480;max-width:560px;margin-bottom:40px}.option-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:32px}.option-grid--two{grid-template-columns:1fr 1fr}.option-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px 28px;border:1px solid rgba(26,24,20,.08);border-radius:6px;background:#ffffffb3;backdrop-filter:blur(8px);cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;font-family:inherit;color:inherit;width:100%}.option-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#b8722e;transform:scaleY(0);transform-origin:center;transition:transform .3s ease}.option-card:hover{border-color:#b8722e40;background:#b8722e0a;transform:translate(6px)}.option-card:hover:before{transform:scaleY(1)}.option-card h3{font-family:Fraunces,serif;font-size:19px;font-weight:400;line-height:1.25;letter-spacing:-.01em;margin-bottom:6px;color:#1a1814}.option-card p{font-size:14px;line-height:1.6;color:#1a181473;margin:0}.option-card--sm h3{font-size:17px}.option-card--sm p{font-size:13px}.back-btn{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#1a18144d;background:none;border:none;cursor:pointer;transition:color .2s;padding:0}.back-btn:hover{color:#1a181499}.result-wrapper{min-height:80vh;display:flex;flex-direction:column;justify-content:center;animation:resultReveal .8s cubic-bezier(.22,1,.36,1) both}@keyframes resultReveal{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}.result-header{text-align:center;margin-bottom:64px}.result-eyebrow{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#b8722e;margin-bottom:20px}.result-title{font-family:Fraunces,serif;font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.15;letter-spacing:-.015em;color:#1a1814;max-width:640px;margin:0 auto 16px}.result-subtitle{font-size:17px;line-height:1.7;color:#1a181480;max-width:520px;margin:0 auto}.rec-grid{display:grid;gap:24px;margin-bottom:64px}.rec-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:40px 44px;border:1px solid rgba(26,24,20,.08);border-radius:8px;background:#fffc;backdrop-filter:blur(12px);text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;opacity:0;transform:translateY(24px);animation:cardIn .6s cubic-bezier(.22,1,.36,1) both}.rec-card:nth-child(1){animation-delay:.15s}.rec-card:nth-child(2){animation-delay:.3s}.rec-card:nth-child(3){animation-delay:.45s}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.rec-card--primary{border-color:#b8722e33;background:linear-gradient(135deg,#b8722e0f,#f5f1ebe6)}.rec-card:hover{border-color:#b8722e59;transform:translateY(-3px);box-shadow:0 12px 48px #1a181414}.rec-card--primary:hover{box-shadow:0 12px 48px #b8722e1f}.rec-badge{display:inline-block;font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#b8722e;background:#b8722e14;padding:4px 12px;border-radius:100px;margin-bottom:14px}.rec-card--primary .rec-badge{background:#b8722e26}.rec-card h3{font-family:Fraunces,serif;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:#1a1814;margin-bottom:10px}.rec-body{font-size:15px;line-height:1.65;color:#1a181480;margin-bottom:14px;max-width:520px}.rec-meta{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#1a18144d;letter-spacing:.02em}.rec-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(26,24,20,.1);display:flex;align-items:center;justify-content:center;font-size:18px;color:#b8722e;transition:all .3s ease;flex-shrink:0}.rec-card:hover .rec-arrow{background:#b8722e;color:#f5f1eb;border-color:#b8722e;transform:translate(4px)}.result-insight{text-align:center;padding:48px 32px;border-top:1px solid rgba(26,24,20,.06);margin-bottom:48px;opacity:0;animation:cardIn .6s .6s cubic-bezier(.22,1,.36,1) both}.insight-label{font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#1a181440;margin-bottom:12px}.insight-text{font-family:Fraunces,serif;font-size:clamp(18px,2.5vw,22px);font-weight:400;line-height:1.5;color:#1a181499;max-width:560px;margin:0 auto 24px;font-style:italic}.result-restart{text-align:center;opacity:0;animation:cardIn .6s .75s cubic-bezier(.22,1,.36,1) both}@media(max-width:640px){.option-grid--two{grid-template-columns:1fr}.diag-hero{padding:140px 24px 60px}.container{padding:0 24px}.option-card{padding:20px 22px}.rec-card{grid-template-columns:1fr;padding:28px 24px}.rec-arrow{display:none}}