#aos-app *,#aos-app *::before,#aos-app *::after{box-sizing:border-box;margin:0;padding:0}
#aos-app{
  --navy:#0D1F3C;--navy2:#1A3560;--orange:#E8620A;--orangel:#FEF0E6;
  --sand:#F0B67F;--blue:#1A56DB;--bluel:#EBF2FF;--green:#059669;
  --greenl:#D1FAE5;--amber:#D97706;--amberl:#FAEEDA;--red:#DC2626;
  --redl:#FEE2E2;--purple:#7C3AED;--purplel:#EDE9FE;
  --gray1:#1E293B;--gray2:#475569;--gray3:#94A3B8;--gray4:#CBD5E1;
  --surface:#F8FAFC;--white:#FFFFFF;
}
#aos-app{scroll-behavior:smooth}
#aos-app{font-family:'DM Sans',sans-serif;background:var(--navy);color:var(--gray1);min-height:100vh;-webkit-font-smoothing:antialiased}
#aos-app .site-header{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08);padding:1.1rem 2rem;position:sticky;top:0;z-index:50}
#aos-app .header-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
#aos-app .logo{display:flex;align-items:center;gap:10px}
#aos-app .logo-mark{width:30px;height:30px;background:var(--orange);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:15px}
#aos-app .logo-name{font-size:14px;font-weight:600;color:#fff;line-height:1.1}
#aos-app .logo-sub{font-size:10px;color:var(--gray3);text-transform:uppercase;letter-spacing:.05em}
#aos-app .header-badge{font-size:11px;font-weight:500;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--gray3)}
#aos-app .progress-wrap{background:var(--navy);padding:.75rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:63px;z-index:40}
#aos-app .progress-inner{max-width:760px;margin:0 auto}
#aos-app .progress-labels{display:flex;justify-content:space-between;margin-bottom:.45rem}
#aos-app .progress-labels span{font-size:10px;color:var(--gray3);font-weight:500;transition:color .3s;text-align:center;flex:1}
#aos-app .progress-labels span.active{color:var(--sand)}
#aos-app .progress-labels span.done{color:var(--green)}
#aos-app .progress-track{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
#aos-app .progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--sand));border-radius:2px;transition:width .5s ease;width:0}
#aos-app .main{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem}
#aos-app .hero{text-align:center;padding:2rem 0 1.5rem}
#aos-app .hero-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:999px;background:rgba(232,98,10,.15);color:var(--sand);margin-bottom:1rem}
#aos-app .hero h1{font-size:clamp(26px,4vw,40px);font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1.14;margin-bottom:.85rem}
#aos-app .hero h1 em{font-style:normal;color:var(--sand)}
#aos-app .hero p{font-size:15px;color:var(--gray3);line-height:1.7;max-width:520px;margin:0 auto 1.6rem}
#aos-app .hero-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.8rem}
#aos-app .hero-meta-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gray3)}
#aos-app .hero-meta-item svg{width:15px;height:15px;flex-shrink:0;stroke:var(--sand)}
#aos-app .btn-start{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;font-family:inherit;font-size:15px;font-weight:600;padding:14px 32px;border:none;border-radius:11px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(232,98,10,.35)}
#aos-app .btn-start:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,98,10,.45)}
#aos-app .pillars-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:2rem auto 0;max-width:640px}
@media(max-width:600px){#aos-app .pillars-preview{grid-template-columns:repeat(2,1fr)}
}
#aos-app .pillar-chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.7rem .5rem;text-align:center}
#aos-app .pillar-chip .n{font-size:11px;font-weight:700;color:var(--orange);display:block;margin-bottom:3px}
#aos-app .pillar-chip .t{font-size:11px;color:var(--gray3);line-height:1.3}
#aos-app .section-card{background:var(--white);border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden;display:none}
#aos-app .section-card.active{display:block;animation:aosFadeIn .35s ease}
@keyframes aosFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#aos-app .section-header{padding:1.4rem 1.6rem 1.1rem;border-bottom:1px solid var(--surface);border-top:4px solid var(--pcolor,var(--navy))}
#aos-app .section-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pcolor,var(--gray3));margin-bottom:.35rem}
#aos-app .section-title{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:.3rem}
#aos-app .section-desc{font-size:13px;color:var(--gray2);line-height:1.55}
#aos-app .section-body{padding:1.4rem 1.6rem}
#aos-app .question{margin-bottom:1.6rem}
#aos-app .question:last-child{margin-bottom:0}
#aos-app .q-label{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:.7rem;display:block;line-height:1.45}
#aos-app .q-num{color:var(--gray3);font-weight:700;margin-right:6px}
#aos-app input[type=text],#aos-app input[type=email],#aos-app input[type=url]{
  width:100%;padding:11px 14px;font-size:14px;font-family:inherit;
  border:1.5px solid var(--gray4);border-radius:9px;background:var(--surface);
  color:var(--gray1);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none
}
#aos-app input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(13,31,60,.08);background:#fff}
#aos-app .field{margin-bottom:1.1rem}
#aos-app .field label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:.4rem}
#aos-app .opts{display:flex;flex-direction:column;gap:8px}
#aos-app .opt{display:flex;align-items:flex-start;gap:11px;padding:11px 14px;border:1.5px solid var(--gray4);border-radius:10px;cursor:pointer;background:var(--surface);transition:all .13s;user-select:none}
#aos-app .opt:hover{border-color:var(--navy);background:var(--bluel)}
#aos-app .opt.selected{border-color:var(--navy);background:var(--bluel)}
#aos-app .opt-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray4);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .13s}
#aos-app .opt.selected .opt-dot{border-color:var(--navy);background:var(--navy)}
#aos-app .opt-dot i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:0;transition:opacity .13s}
#aos-app .opt.selected .opt-dot i{opacity:1}
#aos-app .opt-txt{font-size:13.5px;color:var(--gray1);line-height:1.4}
#aos-app .opts-tap{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(max-width:520px){#aos-app .opts-tap{grid-template-columns:repeat(2,1fr)}
}
#aos-app .tap{padding:12px 10px;border:1.5px solid var(--gray4);border-radius:10px;cursor:pointer;background:var(--surface);text-align:center;font-size:13px;font-weight:500;color:var(--gray1);transition:all .13s;user-select:none}
#aos-app .tap:hover{border-color:var(--navy);background:var(--bluel)}
#aos-app .tap.selected{border-color:var(--navy);background:var(--navy);color:#fff}
#aos-app .nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:12px}
#aos-app .btn{font-family:inherit;font-size:14px;font-weight:600;padding:12px 26px;border-radius:10px;cursor:pointer;border:none;transition:all .15s}
#aos-app .btn-next{background:var(--orange);color:#fff;box-shadow:0 3px 10px rgba(232,98,10,.3)}
#aos-app .btn-next:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(232,98,10,.4)}
#aos-app .btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
#aos-app .btn-back{background:transparent;color:var(--gray3);border:1.5px solid var(--gray4)}
#aos-app .btn-back:hover{color:var(--gray1);border-color:var(--gray3)}
#aos-app .warn{font-size:12px;color:var(--red);text-align:right;margin-top:.5rem;display:none}
#aos-app .warn.show{display:block}
#aos-app /* Results */
.results{display:none}
#aos-app .results.active{display:block;animation:aosFadeIn .4s ease}
#aos-app .score-hero{background:var(--white);border-radius:16px;padding:2.2rem 1.6rem;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:1.2rem}
#aos-app .score-ring{width:170px;height:170px;margin:0 auto 1.2rem;position:relative}
#aos-app .score-ring svg{transform:rotate(-90deg)}
#aos-app .score-ring .val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#aos-app .score-ring .val .num{font-size:46px;font-weight:700;color:var(--navy);line-height:1}
#aos-app .score-ring .val .out{font-size:12px;color:var(--gray3);margin-top:2px}
#aos-app .zone-badge{display:inline-block;font-size:14px;font-weight:700;padding:7px 20px;border-radius:999px;margin-bottom:.6rem}
#aos-app .zone-desc{font-size:14px;color:var(--gray2);line-height:1.6;max-width:480px;margin:0 auto}
#aos-app .breakdown{background:var(--white);border-radius:16px;padding:1.6rem;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:1.2rem}
#aos-app .breakdown h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:1.1rem}
#aos-app .bar-row{margin-bottom:1rem}
#aos-app .bar-row:last-child{margin-bottom:0}
#aos-app .bar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.4rem}
#aos-app .bar-label{font-size:13px;font-weight:600;color:var(--navy)}
#aos-app .bar-pct{font-size:13px;font-weight:700}
#aos-app .bar-track{height:9px;background:var(--surface);border-radius:5px;overflow:hidden}
#aos-app .bar-fill{height:100%;border-radius:5px;transition:width 1s ease}
#aos-app .bar-diag{font-size:11.5px;color:var(--gray3);margin-top:.35rem;line-height:1.4}
#aos-app .insights{background:var(--white);border-radius:16px;padding:1.6rem;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:1.2rem}
#aos-app .insights h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:1rem}
#aos-app .insight{display:flex;gap:12px;padding:.9rem 0;border-bottom:1px solid var(--surface)}
#aos-app .insight:last-child{border-bottom:none;padding-bottom:0}
#aos-app .insight-ic{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}
#aos-app .insight-txt > strong{display:block;font-size:13.5px;color:var(--navy);margin-bottom:2px}
#aos-app .insight-txt span{font-size:12.5px;color:var(--gray2);line-height:1.5}
#aos-app .cta-card{background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:16px;padding:2rem 1.6rem;text-align:center;color:#fff}
#aos-app .cta-card h3{font-size:19px;font-weight:700;margin-bottom:.6rem}
#aos-app .cta-card p{font-size:14px;color:var(--gray3);line-height:1.65;max-width:460px;margin:0 auto 1.4rem}
#aos-app .cta-card .btn-next{font-size:15px;padding:14px 32px}
#aos-app .cta-sub{font-size:12px;color:var(--gray3);margin-top:1rem}
#aos-app .foot{text-align:center;padding:2rem 0 0;font-size:11.5px;color:var(--gray3)}
#aos-app .disclaimer{font-size:11px;color:var(--gray3);text-align:center;margin-top:1rem;line-height:1.5;max-width:520px;margin-left:auto;margin-right:auto}

/* --- WordPress/Elementor integration overrides --- */
#aos-app{font-family:'DM Sans',sans-serif;background:var(--navy);color:var(--gray1);-webkit-font-smoothing:antialiased;line-height:1.4;width:100%;border-radius:0}
#aos-app .site-header{position:relative;top:auto}
#aos-app .progress-wrap{top:0}
.admin-bar #aos-app .progress-wrap{top:32px}
#aos-app button{text-transform:none;letter-spacing:normal;line-height:1.2}
#aos-app input{margin:0;box-shadow:none;height:auto;line-height:1.4}
#aos-app .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#aos-app .btn-next.loading{opacity:.7;cursor:wait}
#aos-app .notice{font-size:12px;color:var(--amber);text-align:center;margin-top:1rem}
#aos-app a.btn-next{display:inline-block;text-decoration:none}
#aos-app .insight-txt span strong{font-weight:700;color:var(--navy)}