*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0d0d;--bg2: #141414;--yellow: #ffde59;--text: #f8f8f8;--sub: #d4d4d4;--dim: #888888;--border: #2a2a2a}html,body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#main-nav{flex-shrink:0}.site-footer{flex-shrink:0;margin-top:auto}.screen{display:none;flex:1}.screen.active{display:flex;flex-direction:column}nav{border-bottom:1px solid var(--border)}.nav-inner{max-width:1280px;margin:0 auto;width:100%;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.logo img{height:26px;opacity:.9}.progress-wrap{display:flex;align-items:center;gap:1rem}.progress-label{font-size:.68rem;font-weight:300;color:var(--sub);letter-spacing:.1em;text-transform:uppercase}.progress-bar{width:120px;height:1px;background:var(--border)}.progress-fill{height:100%;background:var(--text);transition:width .4s ease}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 2.5rem;max-width:1200px;margin:0 auto;width:100%}.hero-tag{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:2rem}.hero h1{font-weight:700;font-size:clamp(2rem,6vw,3.8rem);line-height:1.06;letter-spacing:-.03em;margin-bottom:1.25rem;color:var(--text)}.hero-sub{font-size:1.05rem;font-weight:300;color:var(--sub);line-height:1.8;max-width:560px;margin-bottom:3rem}.hero-sub strong{color:var(--text);font-weight:300}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--yellow);color:#0a0a0a;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1.75rem;border:none;cursor:pointer;transition:background .2s;text-decoration:none}.btn-primary:hover{background:#fff}.btn-wa{background:#1fba58;color:#fff}.btn-wa:hover{background:#1ebe5d}.hero-meta{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:3rem}.hero-stat{display:flex;flex-direction:column;gap:.25rem}.hero-stat-n{font-weight:300;font-size:1.35rem;color:var(--text)}.hero-stat-l{font-size:.65rem;font-weight:300;color:var(--sub);letter-spacing:.12em;text-transform:uppercase}.q-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem 2.5rem;max-width:1200px;margin:0 auto;width:100%}.q-num{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--yellow);margin-bottom:1.5rem}.q-text{font-weight:300;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.3;letter-spacing:-.02em;margin-bottom:2.5rem;max-width:680px;color:var(--text)}.options{display:flex;flex-direction:column;gap:.4rem}.option{display:flex;align-items:flex-start;gap:1.25rem;padding:1rem 1.25rem;border:1px solid var(--border);cursor:pointer;transition:border-color .15s,background .15s}.option:hover{border-color:#333;background:#ffffff05}.option.selected{border-color:#ffffff59;background:#ffffff08}.option-letter{font-weight:300;font-size:.68rem;color:var(--sub);min-width:1.2rem;padding-top:.25rem;letter-spacing:.1em}.option.selected .option-letter{color:var(--text)}.option-text{font-size:1rem;font-weight:300;color:var(--sub);line-height:1.65}.option.selected .option-text{color:var(--text)}.q-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem}.btn-back{background:none;border:none;color:var(--dim);font-size:.78rem;font-weight:300;cursor:pointer;padding:.5rem;transition:color .2s}.btn-back:hover{color:var(--sub)}.capture-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem 2.5rem;max-width:800px;margin:0 auto;width:100%}.capture-tag{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:1.5rem}.capture-title{font-weight:300;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--text)}.capture-sub{font-size:.88rem;font-weight:300;color:var(--sub);line-height:1.75;margin-bottom:2.5rem}.field-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-size:.65rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}.field input,.field select{background:transparent;border:none;border-bottom:1px solid var(--border);padding:.65rem 0;font-size:.92rem;font-weight:300;font-family:Inter,sans-serif;color:var(--text);outline:none;transition:border-color .2s;width:100%;-webkit-appearance:none;appearance:none}.field input::placeholder{color:var(--dim)}.field input:focus,.field select:focus{border-bottom-color:#fff6}.field select{cursor:pointer;color:var(--sub)}.field select option{background:#1a1a1a;color:var(--text)}.phone-input-wrap{display:flex;align-items:center;border-bottom:1px solid var(--border);transition:border-color .2s}.phone-input-wrap:focus-within{border-bottom-color:#fff6}.phone-prefix{display:flex;align-items:center;gap:.35rem;cursor:pointer;padding:.65rem .6rem .65rem 0;white-space:nowrap;font-size:.92rem;font-weight:300;color:var(--sub);border-right:1px solid var(--border);margin-right:.6rem;position:relative}.phone-prefix select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;border:none!important;border-bottom:none!important}.phone-prefix-arrow{font-size:.55rem;color:var(--dim)}.phone-input-wrap input{border-bottom:none!important;padding-left:0;flex:1}.field-error{font-size:.65rem;color:#e05050;font-weight:300;margin-top:.25rem;display:none}.capture-submit{background:var(--yellow);color:#0a0a0a;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 2rem;border:none;cursor:pointer;transition:background .2s;width:100%}.capture-submit:hover{background:#fff}.capture-submit:disabled{opacity:.4;cursor:not-allowed}.capture-note{font-size:.65rem;font-weight:300;color:var(--dim);margin-top:1rem;line-height:1.6}.result-wrap{flex:1;padding:3rem 2.5rem;max-width:1200px;margin:0 auto;width:100%}.result-tag{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:1.5rem}.result-title{font-weight:300;font-size:clamp(1.7rem,5vw,2.7rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:.75rem;color:var(--text)}.result-score{display:inline-block;border:1px solid var(--yellow);color:var(--sub);font-weight:300;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;padding:.3rem .85rem;margin-bottom:2.25rem}.result-desc{font-size:1.05rem;font-weight:300;color:var(--sub);line-height:1.85;max-width:680px;margin-bottom:3rem}.result-desc strong{color:var(--text);font-weight:300}.checklist-section{margin-bottom:3rem}.checklist-title{font-weight:300;font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--dim);margin-bottom:1.25rem}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.checklist-col{background:var(--bg);padding:1.5rem}.checklist-col-header{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-weight:300;color:var(--sub)}.col-bad .checklist-col-header{color:var(--dim)}.checklist-item{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.85rem;font-size:.83rem;font-weight:300;line-height:1.65}.check-icon{min-width:12px;margin-top:.2rem;font-size:10px}.col-bad .checklist-item{color:var(--dim)}.col-bad .check-icon{color:#e53e3e}.col-good .checklist-item{color:var(--sub)}.col-good .check-icon{color:#38a169}.cta-section{border:1px solid var(--border);padding:2.5rem;margin-bottom:2rem}.cta-label{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:1rem}.cta-title{font-weight:300;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:.75rem;line-height:1.25;color:var(--text)}.cta-body{font-size:.87rem;font-weight:300;color:var(--sub);line-height:1.85;margin-bottom:2rem;max-width:460px}.cta-body em{font-style:normal;color:var(--text)}.cta-actions{display:flex;gap:1rem;flex-wrap:wrap}.result-answers{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.answers-title{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--dim);margin-bottom:1.5rem}.answer-item{display:flex;gap:1.5rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.answer-q{flex:1;font-size:.78rem;font-weight:300;color:var(--dim);line-height:1.5}.answer-a{font-size:.78rem;font-weight:300;color:var(--sub);line-height:1.5;flex:2}.answer-type{font-size:.62rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;min-width:80px;padding-top:.15rem;color:var(--dim)}.type-c{color:var(--sub)}.btn-pdf{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:var(--sub);font-size:.75rem;font-weight:300;padding:.75rem 1.25rem;border:1px solid var(--border);cursor:pointer;transition:all .2s;letter-spacing:.06em}.btn-pdf:hover{border-color:#444;color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-block{display:flex;flex-direction:column;gap:.75rem;padding:1.75rem 0}.skeleton-line{height:14px;border-radius:2px;background:linear-gradient(90deg,#222,#333 40%,#222 60%);background-size:600px 100%;animation:shimmer 1.6s ease infinite}.skeleton-label{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--dim);margin-bottom:.5rem}.ai-text{animation:fadeUp .4s ease both}.ai-markdown{animation:fadeUp .5s ease both}.ai-markdown strong{color:var(--text);font-weight:500}.ai-markdown p{margin-bottom:1.1rem;color:var(--sub);font-size:1.05rem;line-height:1.85}.ai-markdown p:first-child{font-size:1.15rem;color:var(--text);font-weight:300;letter-spacing:-.01em;margin-bottom:1.4rem}.ai-markdown p:last-child{margin-bottom:0}.screen.active .hero,.screen.active .q-wrap,.screen.active .capture-wrap,.screen.active .result-wrap{animation:fadeUp .3s ease both}.site-footer{border-top:1px solid var(--border)}.footer-inner{max-width:1280px;margin:0 auto;padding:1.75rem 2.5rem;text-align:center}.site-footer p{font-size:.68rem;font-weight:300;color:var(--dim);letter-spacing:.06em}.site-footer a{color:var(--dim);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--sub)}@media(max-width:600px){nav{padding:1.25rem 1.5rem}.nav-inner{padding:0}.progress-bar{width:60px}.progress-wrap{gap:.5rem}.progress-label{font-size:.6rem}.hero,.q-wrap,.capture-wrap,.result-wrap{padding:2rem 1.5rem}.checklist-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column}.hero-meta{flex-wrap:wrap;gap:1.5rem}}
