*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #006D77;--teal-dim: #005A63;--teal-ghost: #E6F2F3;--sand: #F4EAE6;--sage: #A8C3A0;--sage-light: #EBF3E9;--sage-dark: #3D6B4A;--gold: #C8B18A;--gold-light: #F7F0E6;--gold-dark: #7A5A2A;--navy: #006D77;--navy-light: #005A63;--blue: #006D77;--blue-dim: #005A63;--blue-ghost: #E6F2F3;--text: #4A4A4A;--text-muted: #8A8A8A;--border: #E5D8D3;--bg: #F4EAE6;--white: #FFFFFF;--red: #C0655C;--red-light: #F9EDEC;--red-dark: #9A3F3F;--amber: #C8B18A;--amber-light: #F7F0E6;--amber-dark: #7A5A2A;--green: #A8C3A0;--green-light: #EBF3E9;--green-dark: #3D6B4A;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 2px 4px rgba(0,0,0,.04), 0 8px 32px rgba(0,0,0,.08);--transition: .2s cubic-bezier(.4,0,.2,1)}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sand);color:var(--text);min-height:100dvh}.app-wrapper{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;overflow:hidden}.card-header{background:var(--white);padding:10px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center}.header-logo{width:120px;object-fit:contain;display:block}.progress-bar-wrap{background:var(--border);height:3px;width:100%}.progress-bar-fill{height:100%;background:var(--teal);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.progress-label{font-size:12px;color:var(--text-muted);font-weight:500;text-align:right;padding:8px 28px 0}.card-body{padding:36px}@media (max-width: 480px){.card-header{padding:8px 18px}.card-body{padding:24px 20px}.progress-label{padding-right:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) both}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}h1.screen-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,4vw,28px);font-weight:700;color:var(--teal);line-height:1.25;margin-bottom:12px}h2.screen-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(18px,3.5vw,22px);font-weight:700;color:var(--teal);line-height:1.3;margin-bottom:20px}.subtitle{font-size:15px;color:var(--text-muted);line-height:1.65;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--white);padding:14px 28px;font-size:15px;width:100%}.btn-primary:hover:not(:disabled){background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 4px 12px #006d7740}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--teal);border:1.5px solid var(--border);padding:13px 28px;font-size:15px;width:100%}.btn-secondary:hover:not(:disabled){border-color:var(--teal);background:var(--teal-ghost)}.btn-ghost{background:transparent;color:var(--text-muted);padding:8px 0;font-size:14px;font-weight:500}.btn-ghost:hover{color:var(--text)}.email-input-wrap{position:relative;margin-bottom:16px}.email-input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:15px;color:var(--text);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.email-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #006d771f}.email-input::placeholder{color:var(--text-muted)}.trust-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);margin-top:12px}.trust-line svg{flex-shrink:0}.options-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.option-card{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;cursor:pointer;transition:all var(--transition);background:var(--white);text-align:left;font-family:inherit;font-size:14px;font-weight:500;color:var(--text);line-height:1.5;width:100%}.option-card:hover{border-color:var(--teal);background:var(--teal-ghost);color:var(--teal)}.option-card.selected{border-color:var(--teal);background:var(--teal-ghost);color:var(--teal);box-shadow:0 0 0 3px #006d771f}.option-card.selected:after{content:"✓";float:right;color:var(--teal);font-weight:700}.question-nav{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.loading-wrap{text-align:center;padding:48px 36px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap p{color:var(--text-muted);font-size:15px;line-height:1.5}.results-score-hero{text-align:center;padding:32px 0 28px;border-bottom:1px solid var(--border);margin-bottom:28px}.score-circle{display:inline-flex;align-items:center;justify-content:center;width:110px;height:110px;border-radius:50%;border:4px solid;margin-bottom:14px}.score-circle.red{border-color:var(--red);background:var(--red-light)}.score-circle.amber{border-color:var(--amber);background:var(--amber-light)}.score-circle.green{border-color:var(--sage);background:var(--sage-light)}.score-circle .score-number{font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:700;line-height:1}.score-circle.red .score-number{color:var(--red-dark)}.score-circle.amber .score-number{color:var(--gold-dark)}.score-circle.green .score-number{color:var(--sage-dark)}.score-label-badge{display:inline-block;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.score-label-badge.red{background:var(--red-light);color:var(--red-dark)}.score-label-badge.amber{background:var(--amber-light);color:var(--gold-dark)}.score-label-badge.green{background:var(--sage-light);color:var(--sage-dark)}.score-headline{font-size:14px;color:var(--text-muted);letter-spacing:.02em}.pillars-section{margin-bottom:28px}.pillars-section h3{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.pillar-row{margin-bottom:14px}.pillar-row-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.pillar-name{font-size:13px;font-weight:600;color:var(--text)}.pillar-score-num{font-size:13px;font-weight:700}.pillar-score-num.red{color:var(--red-dark)}.pillar-score-num.amber{color:var(--gold-dark)}.pillar-score-num.green{color:var(--sage-dark)}.pillar-track{height:7px;background:var(--border);border-radius:4px;overflow:hidden}.pillar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.pillar-fill.red{background:var(--red)}.pillar-fill.amber{background:var(--amber)}.pillar-fill.green{background:var(--sage)}.narrative-section{background:var(--sand);border-radius:var(--radius-sm);border:1px solid var(--border);padding:20px 22px;margin-bottom:28px}.narrative-section h3{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.narrative-text{font-size:15px;line-height:1.75;color:var(--text)}.resources-section{margin-bottom:28px}.resources-section h3{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.resource-placeholder{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--border);border-radius:var(--radius-sm);margin-bottom:8px;color:var(--text-muted);font-size:13px}.resource-placeholder .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}.cta-section{border-top:1px solid var(--border);padding-top:28px}.cta-section h3{font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:700;color:var(--teal);margin-bottom:6px}.cta-section .cta-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.cta-stack{display:flex;flex-direction:column;gap:10px}.cta-primary{background:var(--teal);color:var(--white);padding:16px 28px;font-size:15px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all var(--transition);text-decoration:none}.cta-primary:hover{background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 6px 20px #006d7740}.cta-primary .cta-price{font-size:18px;font-weight:800}.cta-primary .cta-note{font-size:11px;font-weight:500;opacity:.8}.cta-row{display:flex;flex-direction:column;gap:8px}.cta-row .btn-secondary{padding:12px 16px;font-size:13px;text-align:center;white-space:normal}.cta-tier-label{font-size:11px;color:var(--text-muted);text-align:center;margin-top:2px;font-weight:500}.success-icon{width:64px;height:64px;background:var(--teal-ghost);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success-icon svg{width:32px;height:32px;stroke:var(--teal);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.app-footer{margin-top:24px;font-size:12px;color:var(--text-muted);text-align:center}.app-footer a{color:var(--text-muted);text-decoration:underline}.error-banner{background:var(--red-light);border:1px solid var(--red);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--red-dark);margin-bottom:16px;line-height:1.5}