.lw-assessment{
    --navy:#0E2A4B;
    --gold:#F0B31D;
    --cream:#FBF7EE;
    --card:#FFFFFF;
    --gold-tint:#FDF4DC;      
    --gold-tint-2:#FBEBC1;
    --ink:#0E2A4B;
    --muted:rgba(14,42,75,0.62);
    --faint:rgba(14,42,75,0.40);
    --line:rgba(14,42,75,0.12);
    --line-strong:rgba(14,42,75,0.24);
    --shadow:0 18px 50px -22px rgba(14,42,75,0.38);
    --radius:20px;
    --radius-sm:13px;
    --font:'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  }
.lw-assessment *{box-sizing:border-box}
.lw-assessment, .lw-assessment{margin:0;padding:0}
.lw-assessment{
    font-family:var(--font);
    color:var(--ink);
    background:transparent;   
    display:flex;
    flex-direction:column;
    align-items:center;
    -webkit-font-smoothing:antialiased;
  }
.lw-assessment .stage{
    width:100%;
    flex:1;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:22px 18px 60px;
  }
.lw-assessment .card{
    width:100%;
    max-width:560px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    overflow:hidden;
    position:relative;
  }
.lw-assessment .card::before{ 
    content:"";position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,var(--gold),#f7c94b);
  }
.lw-assessment .progress-wrap{
    padding:22px 26px 4px;
    display:flex;align-items:center;gap:14px;
    min-height:34px;
  }
.lw-assessment .back-btn{
    appearance:none;border:1px solid var(--line);background:#fff;
    width:34px;height:34px;border-radius:10px;flex:none;
    display:grid;place-items:center;cursor:pointer;color:var(--navy);
    transition:border-color .15s ease, background .15s ease, opacity .15s ease;
  }
.lw-assessment .back-btn:hover{border-color:var(--line-strong);background:#fdfbf6}
.lw-assessment .back-btn svg{width:16px;height:16px}
.lw-assessment .back-btn[hidden]{display:none}
.lw-assessment .track{
    position:relative;flex:1;height:8px;border-radius:99px;
    background:rgba(14,42,75,0.09);overflow:hidden;
  }
.lw-assessment .fill{
    position:absolute;inset:0;width:0%;border-radius:99px;
    background:linear-gradient(90deg,var(--gold),#f6c945);
    transition:width .45s cubic-bezier(.22,.61,.36,1);
  }
.lw-assessment .pct{
    font-size:12px;font-weight:600;color:var(--muted);
    min-width:34px;text-align:right;font-variant-numeric:tabular-nums;
  }
.lw-assessment .body{padding:20px 30px 34px}
@media (max-width:520px){
.lw-assessment .body{padding:18px 20px 26px}
.lw-assessment .progress-wrap{padding:18px 18px 4px}
}
.lw-assessment .eyebrow{
    font-size:11.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;
    color:var(--gold);margin:6px 0 12px;
  }
.lw-assessment .eyebrow.navy{color:var(--muted)}
.lw-assessment h1.q{
    font-size:25px;font-weight:600;line-height:1.22;letter-spacing:-0.01em;
    margin:0 0 8px;color:var(--navy);
  }
.lw-assessment h1.q .u{ background:linear-gradient(transparent 58%, var(--gold-tint-2) 58%); padding:0 3px; }
.lw-assessment .help{font-size:14px;font-weight:400;color:var(--muted);margin:0 0 22px;line-height:1.5}
.lw-assessment .help:last-of-type{margin-bottom:22px}
.lw-assessment .options{display:flex;flex-direction:column;gap:10px}
.lw-assessment .pill{
    appearance:none;text-align:left;cursor:pointer;
    display:flex;align-items:center;gap:12px;
    width:100%;padding:15px 16px;
    background:#fff;border:1.5px solid var(--line);border-radius:var(--radius-sm);
    font-family:var(--font);font-size:15.5px;font-weight:500;color:var(--navy);
    transition:border-color .15s ease, background .15s ease, transform .12s ease, box-shadow .15s ease;
  }
.lw-assessment .pill:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 6px 16px -10px rgba(14,42,75,0.35)}
.lw-assessment .pill:focus-visible{outline:3px solid rgba(240,179,29,0.55);outline-offset:2px}
.lw-assessment .pill .tick{
    margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;
    border:1.5px solid var(--line-strong);display:grid;place-items:center;
    transition:all .15s ease;
  }
.lw-assessment .pill .tick svg{width:13px;height:13px;opacity:0;transform:scale(.6);transition:all .15s ease;color:var(--navy)}
.lw-assessment .pill.selected{border-color:var(--navy);background:var(--gold-tint)}
.lw-assessment .pill.selected .tick{background:var(--gold);border-color:var(--gold)}
.lw-assessment .pill.selected .tick svg{opacity:1;transform:scale(1)}
.lw-assessment .field{margin-bottom:15px}
.lw-assessment .field label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}
.lw-assessment .field .opt{font-weight:500;color:var(--faint)}
.lw-assessment .field input{
    width:100%;padding:13px 14px;font-family:var(--font);font-size:15px;color:var(--navy);
    background:#fff;border:1.5px solid var(--line);border-radius:11px;transition:border-color .15s ease;
  }
.lw-assessment .field input::placeholder{color:var(--faint)}
.lw-assessment .field input:focus{outline:none;border-color:var(--navy)}
.lw-assessment .field input:focus-visible{outline:3px solid rgba(240,179,29,0.5);outline-offset:1px}
.lw-assessment .hear-pills{display:flex;flex-wrap:wrap;gap:8px}
.lw-assessment .hear-pill{
    appearance:none;cursor:pointer;font-family:var(--font);font-size:13.5px;font-weight:500;
    padding:9px 13px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--navy);
    transition:all .14s ease;
  }
.lw-assessment .hear-pill:hover{border-color:var(--line-strong)}
.lw-assessment .hear-pill.selected{background:var(--navy);border-color:var(--navy);color:#fff}
.lw-assessment .reassure{
    display:flex;align-items:center;gap:8px;margin-top:4px;
    font-size:12.5px;color:var(--muted);
  }
.lw-assessment .reassure svg{width:15px;height:15px;color:var(--gold);flex:none}
.lw-assessment .term-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lw-assessment .fld-lbl{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}
.lw-assessment .sel{
    width:100%;padding:13px 38px 13px 14px;font-family:var(--font);font-size:15px;color:var(--navy);
    background:#fff;border:1.5px solid var(--line);border-radius:11px;appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230E2A4B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
    background-repeat:no-repeat;background-position:right 12px center;
  }
.lw-assessment .sel:focus{outline:none;border-color:var(--navy)}
.lw-assessment .sel:focus-visible{outline:3px solid rgba(240,179,29,0.5);outline-offset:1px}
.lw-assessment .phone-wrap{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;transition:border-color .15s ease}
.lw-assessment .phone-wrap:focus-within{border-color:var(--navy)}
.lw-assessment .phone-wrap .cc{width:56px;flex:none;padding:0 8px;text-align:center;background:#f7f3ea;color:var(--navy);font-family:var(--font);font-size:15px;font-weight:600;border:none;border-right:1.5px solid var(--line)}
.lw-assessment .phone-wrap .cc:focus{outline:none;background:#f3efe4}
.lw-assessment .phone-wrap input{border:none;border-radius:0;flex:1}
.lw-assessment .phone-wrap input:focus{outline:none}
.lw-assessment .hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.lw-assessment .actions{display:flex;align-items:center;gap:14px;margin-top:24px}
.lw-assessment .btn{
    appearance:none;cursor:pointer;font-family:var(--font);font-weight:600;font-size:15px;
    border-radius:12px;padding:14px 22px;border:1.5px solid transparent;transition:all .16s ease;
  }
.lw-assessment .btn-primary{background:var(--gold);color:var(--navy);box-shadow:0 10px 22px -12px rgba(240,179,29,0.9)}
.lw-assessment .btn-primary:hover{background:#f7c53a;transform:translateY(-1px)}
.lw-assessment .btn-primary:disabled{background:var(--gold-tint-2);color:var(--faint);cursor:not-allowed;box-shadow:none;transform:none}
.lw-assessment .btn-navy{background:var(--navy);color:#fff}
.lw-assessment .btn-navy:hover{background:#16386a;transform:translateY(-1px)}
.lw-assessment .btn-ghost{background:transparent;color:var(--navy);border-color:var(--line-strong)}
.lw-assessment .btn-ghost:hover{background:#fdfbf6}
.lw-assessment .btn-link{background:none;border:none;color:var(--muted);font-weight:500;font-size:13.5px;cursor:pointer;padding:8px 2px;text-decoration:underline;text-underline-offset:3px}
.lw-assessment .btn-link:hover{color:var(--navy)}
.lw-assessment .btn:focus-visible{outline:3px solid rgba(240,179,29,0.55);outline-offset:2px}
.lw-assessment .intro-badge{
    display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;
    background:var(--gold-tint);border:1px solid var(--gold-tint-2);
    font-size:12px;font-weight:600;color:#946a06;letter-spacing:.02em;margin-bottom:20px;
  }
.lw-assessment .intro-badge svg{width:14px;height:14px}
.lw-assessment h1.intro-title{font-size:31px;font-weight:600;line-height:1.15;letter-spacing:-0.02em;margin:0 0 12px}
.lw-assessment .intro-title .u{
    background:linear-gradient(transparent 62%, var(--gold-tint-2) 62%);padding:0 2px;
  }
.lw-assessment .intro-lede{font-size:15.5px;color:var(--muted);line-height:1.55;margin:0 0 26px;max-width:44ch}
.lw-assessment .meta-row{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
.lw-assessment .meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:500}
.lw-assessment .meta svg{width:16px;height:16px;color:var(--gold)}
.lw-assessment .result-badge{
    display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:99px;
    font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:18px;
  }
.lw-assessment .result-badge .dot{width:9px;height:9px;border-radius:50%}
.lw-assessment .rb-highly{background:var(--gold-tint);color:#8a6304}
.lw-assessment .rb-highly .dot{background:var(--gold)}
.lw-assessment .rb-almost{background:#eaf0f7;color:#274b74}
.lw-assessment .rb-almost .dot{background:#3f6ea8}
.lw-assessment .rb-keep{background:#eef1f4;color:#3a4c60}
.lw-assessment .rb-keep .dot{background:#6b8199}
.lw-assessment h1.result-title{font-size:29px;font-weight:600;line-height:1.16;letter-spacing:-0.015em;margin:0 0 14px}
.lw-assessment .result-body{font-size:15.5px;color:#33465c;line-height:1.6;margin:0 0 22px}
.lw-assessment .next-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:12px}
.lw-assessment .next-list li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#33465c;line-height:1.5}
.lw-assessment .next-list .n{
    flex:none;width:24px;height:24px;border-radius:50%;background:var(--gold-tint);color:#8a6304;
    display:grid;place-items:center;font-size:12.5px;font-weight:700;margin-top:1px;
  }
.lw-assessment .cta-card{
    background:linear-gradient(180deg,#0e2a4b,#123258);
    border-radius:var(--radius-sm);padding:22px;margin:6px 0 20px;color:#fff;
  }
.lw-assessment .cta-card h3{margin:0 0 6px;font-size:18px;font-weight:600}
.lw-assessment .cta-card p{margin:0 0 16px;font-size:13.5px;color:rgba(255,255,255,0.72);line-height:1.5}
.lw-assessment .cta-card .btn-primary{width:100%}
.lw-assessment .cta-secondary{margin-top:12px;text-align:center}
.lw-assessment .cta-secondary button{color:rgba(255,255,255,0.82);background:none;border:none;font-family:var(--font);font-size:13.5px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lw-assessment .cta-secondary button:hover{color:#fff}
.lw-assessment .tp-form{margin-top:14px;display:none;flex-direction:column;gap:10px}
.lw-assessment .tp-form.show{display:flex}
.lw-assessment .tp-form .prefill{
    display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.14);border-radius:10px;padding:11px 13px;font-size:13.5px;
  }
.lw-assessment .tp-form .prefill .lbl{color:rgba(255,255,255,0.6);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.lw-assessment .tp-form .prefill .val{color:#fff;font-weight:500;margin-left:auto}
.lw-assessment .tp-form input{
    width:100%;padding:12px 13px;font-family:var(--font);font-size:14px;color:#fff;
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16);border-radius:10px;
  }
.lw-assessment .tp-form input::placeholder{color:rgba(255,255,255,0.5)}
.lw-assessment .tp-done{display:none;align-items:center;gap:10px;margin-top:14px;background:rgba(240,179,29,0.14);border:1px solid rgba(240,179,29,0.3);border-radius:11px;padding:14px;font-size:14px;line-height:1.45}
.lw-assessment .tp-done.show{display:flex}
.lw-assessment .tp-done svg{width:20px;height:20px;color:var(--gold);flex:none}
.lw-assessment .paths{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:6px}
.lw-assessment .paths summary{
    list-style:none;cursor:pointer;padding:14px 16px;font-size:14px;font-weight:600;color:var(--navy);
    display:flex;align-items:center;justify-content:space-between;
  }
.lw-assessment .paths summary::-webkit-details-marker{display:none}
.lw-assessment .paths summary .chev{transition:transform .2s ease}
.lw-assessment .paths[open] summary .chev{transform:rotate(180deg)}
.lw-assessment .paths .grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line)}
.lw-assessment .paths .p{background:#fff;padding:14px 13px}
.lw-assessment .paths .p .pname{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.lw-assessment .paths .p .req{font-size:12.5px;color:#33465c;line-height:1.45;margin-bottom:5px}
.lw-assessment .paths .p .req b{color:var(--navy);font-weight:600}
@media (max-width:520px){
.lw-assessment .paths .grid{grid-template-columns:1fr}
}
.lw-assessment .restart{text-align:center;margin-top:6px}
.lw-assessment .step-enter{animation:enter .38s cubic-bezier(.22,.61,.36,1) both}
@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lw-assessment .dev-toggle{
    position:fixed;left:14px;bottom:14px;z-index:40;
    display:flex;align-items:center;gap:7px;
    background:var(--navy);color:#fff;border:none;border-radius:99px;
    padding:9px 14px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;
    box-shadow:0 10px 26px -12px rgba(14,42,75,0.7);opacity:.85;transition:opacity .15s ease;
  }
.lw-assessment .dev-toggle:hover{opacity:1}
.lw-assessment .dev-toggle svg{width:14px;height:14px}
.lw-assessment .dev-panel{
    position:fixed;left:14px;bottom:60px;z-index:41;width:min(390px,calc(100vw - 28px));
    max-height:70vh;overflow:auto;background:#0b2140;color:#dfe8f3;
    border:1px solid rgba(255,255,255,0.12);border-radius:14px;padding:16px;
    box-shadow:0 24px 60px -20px rgba(0,0,0,0.6);display:none;
    font-size:12.5px;line-height:1.5;
  }
.lw-assessment .dev-panel.show{display:block}
.lw-assessment .dev-panel h4{margin:0 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.lw-assessment .dev-panel .sub{color:rgba(223,232,243,0.55);margin:0 0 14px;font-size:11.5px}
.lw-assessment .dev-sec{margin-bottom:16px}
.lw-assessment .dev-sec .h{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8fb0d6;margin-bottom:7px;font-weight:600}
.lw-assessment .dev-panel pre{margin:0;background:rgba(255,255,255,0.05);border-radius:9px;padding:11px;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:#cfe0f2}
.lw-assessment .sync{display:flex;gap:10px;margin-bottom:9px}
.lw-assessment .sync .num{flex:none;width:20px;height:20px;border-radius:6px;background:rgba(240,179,29,0.2);color:var(--gold);display:grid;place-items:center;font-weight:700;font-size:11px}
.lw-assessment .sync .txt{color:rgba(223,232,243,0.85)}
.lw-assessment .sync .txt b{color:#fff;font-weight:600}
.lw-assessment .sync.active .num{background:var(--gold);color:var(--navy)}
.lw-assessment .tier-chip{display:inline-block;padding:2px 9px;border-radius:99px;font-weight:700;font-size:11px}
.lw-assessment .tier-highly{background:var(--gold);color:var(--navy)}
.lw-assessment .tier-almost{background:#3f6ea8;color:#fff}
.lw-assessment .tier-keep{background:#6b8199;color:#fff}
.lw-assessment .tier-pending{background:rgba(255,255,255,0.15);color:#cfe0f2}
@media (prefers-reduced-motion: reduce){
.lw-assessment *{scroll-behavior:auto !important}
.lw-assessment .step-enter{animation:none}
.lw-assessment .fill{transition:none}
.lw-assessment .pill:hover, .lw-assessment .btn-primary:hover, .lw-assessment .btn-navy:hover{transform:none}
}
.lw-assessment .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lw-assessment .dev-toggle{ display:none !important; }
.lw-assessment .ts-box{ margin:18px 0 2px; min-height:65px; }
.lw-assessment .form-error{ margin-top:14px; padding:12px 14px; border-radius:11px; background:#fdeaea; border:1px solid #f3c2c2; color:#8a2b2b; font-size:13.5px; line-height:1.45; }
.lw-assessment, .lw-assessment *{ box-sizing:border-box; }