/* Wealth Tactical: navy, teal and gold; compact, responsive calculator. */
:root{--bg:#050d18;--card:#0b1826;--card-elev:#102231;--border:#2b4253;--text:#f8fafc;--text-2:#c0cedb;--text-3:#a4b5c5;--muted:#91a3b5;--teal:#22d3ee;--gold:#d8ad52;--r-card:14px;--r-btn:8px;color-scheme:dark}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;background:radial-gradient(ellipse at 80% 4%,#0e35464d,transparent 34%),var(--bg)}
.wrap{max-width:1160px;padding:0 28px 48px}.masthead{max-width:1160px;margin:auto;padding:22px 28px;background:transparent;border-bottom:1px solid var(--border)}.masthead-name{font-size:14px;font-weight:750}.masthead-mark{height:32px}.masthead-link{min-height:44px;display:inline-flex;align-items:center}.masthead-sub{font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:46px;text-align:left;padding:40px 0}.hero h1{font-size:clamp(2.5rem,4.6vw,3.9rem);line-height:1.08;font-weight:750;letter-spacing:-.045em;margin:0 0 20px;max-width:700px}.hero h1 span{color:var(--gold)}.hero-eyebrow{font-size:14px;letter-spacing:.12em;line-height:1.5;margin:0 0 14px;color:var(--teal);font-weight:700}.hero-sub{font-size:18px;line-height:1.6;margin:0 0 22px;max-width:600px;color:var(--text-2)}.hero-helper{font-size:14px;margin-top:14px;line-height:1.5;color:var(--text-2)}
.hero-preview{padding:28px;border:1px solid #76603a;border-radius:16px;background:linear-gradient(145deg,#173545,#0a1623);box-shadow:0 20px 70px #0002}.preview-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:700;margin-bottom:12px}.hero-preview h2{font-size:27px;line-height:1.22;letter-spacing:-.03em;margin-bottom:20px}.hero-preview ol{list-style:none;display:grid;gap:16px}.hero-preview li{display:flex;gap:14px}.hero-preview li>span{font-size:14px;color:var(--teal);padding-top:3px;font-weight:700}.hero-preview strong{font-size:16px}.hero-preview li p{font-size:14px;line-height:1.5;color:var(--text-2);margin-top:3px}.preview-footer{border-top:1px solid #395463;margin-top:20px;padding-top:14px;font-size:13px;line-height:1.5;color:var(--text-2)}
.btn-primary,.btn-submit,.btn-cta,.sticky-cta a,.exit-btn-yes,.exit-btn-yes.cta,.cookie-btn-accept{background:linear-gradient(115deg,#e1bc6a,#c99b40);border:1px solid #e5c078;box-shadow:0 8px 24px #0002;color:#07121c;text-shadow:none;animation:none;min-height:52px;line-height:1.4;font-weight:750;border-radius:8px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 24px;font-size:16px}.btn-submit{font-size:17px}.btn-cta[aria-disabled=true],.exit-btn-yes[aria-disabled=true],.sticky-cta a[aria-disabled=true]{background:#263947;border-color:#476070;color:#c5d1dc;box-shadow:none;opacity:1}.plan-btn[aria-pressed=true]{background:var(--teal);border-color:var(--teal);box-shadow:none;animation:none;text-shadow:none;color:#051923}.btn-secondary,.btn-reset,.exit-btn-no{min-height:44px}.section-intro{padding:22px 0;border-top:1px solid var(--border)}.section-intro h2{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin-bottom:10px}.section-intro p:last-child{color:var(--text-2);font-size:16px}.section-intro .hero-eyebrow{margin-bottom:9px}
#assessment{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:800px;margin-inline:auto}.assess-progress-row,.progress-track,.currency-note,#card-submit{grid-column:1/-1}.assess-progress-row{margin-bottom:-10px}.assess-step-label{font-size:14px}.progress-track{margin-bottom:-6px;height:5px}.currency-note{margin:0;text-align:left;font-size:14px}.step-card{margin:0;padding:24px;background:#0b1826;transition:border-color .2s}.step-card.is-active{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee25}.step-title{font-size:18px;line-height:1.4;padding-right:28px;font-weight:700}.step-desc{font-size:16px;line-height:1.55}.step-num-badge{height:30px;width:30px;font-size:14px}.step-done-badge{font-size:12px;top:12px}.field{font-size:18px;min-height:54px;background:#06111c;border-color:#5a7488}.field::placeholder{color:#95a8b9;opacity:1}.field-label{font-size:14px;color:#d0dce7}.field-note,.addon-note,.gate-priv{font-size:14px;line-height:1.55}.addon-row label{font-size:14px}.addon-box{padding:14px;background:#102231}.addon-note{margin-bottom:0}.addon-select,label[for=ins-type]{display:none}.addon-custom{margin-top:0}.results-btn-card{padding:22px;background:transparent}.results-btn-card .btn-submit{max-width:550px}.gate-priv{margin-top:10px}
#results-section.active{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}#results-section>.spacer{display:none}#cover-card,#whatif-card,#bridge-card,#offer-block,#preview-card,#faq-block,#closing-block,.recalc-row{grid-column:1/-1}.card,.score-card{padding:28px}.cover-card{background:linear-gradient(125deg,#113444,#091722);border-color:#326d7a;padding:36px}.cover-head{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;max-width:850px;line-height:1.12}.cover-sub{font-size:18px}.section-title{font-size:25px;letter-spacing:-.025em}.section-eyebrow,.score-eyebrow,.cta-eyebrow{font-size:14px;line-height:1.5}.score-card{align-self:start}.score-num{font-size:76px}.score-badge{font-size:14px}.dim-badge{font-size:14px}.score-summary{margin-bottom:16px}.dim-list{gap:16px}.whatif-row{padding:16px 0}.whatif-label label{font-size:16px}.whatif-controls{gap:20px}.whatif-controls input[type=range]{min-width:120px}.num-wrap{width:190px}.whatif-out{font-size:16px}.whatif-out h3{font-size:17px}.btn-reset{font-size:14px}.bridge-card{padding:26px 28px;border-left:3px solid var(--gold)}.bridge-card .section-title{max-width:750px}.bridge-card p{max-width:900px}
.cta-block{padding:30px;background:#0d1e2d;border:1px solid #6b5937}.cta-product{font-size:30px;letter-spacing:-.035em}.cta-title{font-size:24px;line-height:1.3}.cta-price,.cta-price-note,.cta-note,.cta-final{font-size:14px;line-height:1.6}.offer-art{max-width:660px;margin:0 auto 24px}.offer-art img{display:block;width:100%;height:auto;border-radius:10px}.offer-art figcaption{font-size:13px;line-height:1.5;color:var(--text-3);margin-top:10px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-grid img{max-height:280px;object-fit:contain;display:block;width:100%;background:#07111c;border-radius:8px}.preview-grid figcaption{font-size:14px;line-height:1.5}.preview-note{font-size:14px}.accordion-toggle{font-size:16px;min-height:48px;line-height:1.5;gap:20px}.accordion-body{font-size:16px}.accordion-body p{font-size:16px;line-height:1.65}.band-table{width:100%;font-size:14px}.band-table th,.band-table td{padding:10px;overflow-wrap:anywhere}.band-pill{font-size:12px}.faq-a{font-size:16px}.support-line{font-size:14px}.spacer{height:20px}.recalc-row{margin:0 0 4px}footer{padding-top:28px;margin-top:28px}.footer-links{gap:12px 20px}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.footer-tag{font-size:14px;line-height:1.6}.cfg-warn{font-size:14px;margin:14px 0 0;padding:10px 14px;border-color:#526a7b;background:#102231;color:#c4d5e2}
dialog.exit-overlay{inset:0;margin:auto;padding:0;width:min(620px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 40px);overflow:auto;background:#081522;border:1px solid #b08d48;border-radius:18px;color:var(--text);box-shadow:0 28px 100px #0008}dialog.exit-overlay.active{display:block}dialog.exit-overlay:not([open]){display:none}dialog.exit-overlay::backdrop{background:#030a13c9;backdrop-filter:blur(6px)}.exit-modal{position:relative;max-width:none;border:0;border-radius:0;padding:34px;background:radial-gradient(ellipse at top right,#14425366,transparent 60%);text-align:left}.exit-eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--teal);margin-bottom:14px}.exit-modal-title{font-size:32px;font-weight:750;line-height:1.13;letter-spacing:-.035em;margin-bottom:16px}.exit-modal-body{font-size:16px;line-height:1.6;margin-bottom:22px}.exit-close{position:absolute;right:12px;top:8px;width:44px;height:44px;background:none;color:var(--text-2);border:0;font-size:30px;cursor:pointer}.exit-actions{display:grid;gap:12px}.exit-btn-yes{font-size:16px;text-align:center;padding:14px 20px;text-decoration:none}.exit-btn-no{font-size:14px;border:0;background:transparent;text-decoration:underline;color:var(--text-2)}#exit-art{display:block;width:100%;max-height:210px;object-fit:contain;margin:0 0 18px;border-radius:8px}#exit-art[hidden]{display:none}.modal-open{overflow:hidden}.skip-link{position:absolute;top:-100px;left:20px;z-index:10000;background:#fff;color:#07131e;padding:12px}.skip-link:focus{top:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.sticky-cta a{white-space:normal;min-height:48px}.cookie-btn{min-height:52px;font-size:14px}.cookie-btn-essential{border-color:#5a7488}.hero>*,#assessment>*,#results-section>*{min-width:0}
@media(max-width:850px){.wrap{padding:0 20px 40px}.masthead{padding:16px 20px}.masthead-sub,.masthead-sep{display:none}.hero{grid-template-columns:1fr;gap:24px;padding:30px 0}.hero h1{font-size:clamp(2.3rem,7.5vw,3.5rem)}.hero-preview{padding:22px}.hero-preview h2{font-size:24px}.hero-preview ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-preview li{display:block}.hero-preview li>span{display:block;margin-bottom:6px}.preview-footer{margin-top:16px}.hero-sub{font-size:17px}.section-intro{padding:22px 0}.section-intro h2{font-size:27px}#assessment{gap:16px}#results-section.active{gap:16px}.card,.score-card{padding:22px}.section-title{font-size:23px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-product{font-size:27px}.cta-block{padding:24px}.num-wrap{width:165px}}
@media(max-width:600px){.wrap{padding:0 16px 110px}.masthead{padding:12px 16px;gap:8px}.masthead-name{font-size:12px;letter-spacing:.09em}.masthead-mark{height:28px}.masthead-left{gap:8px}.masthead-link{font-size:13px}.hero{padding:26px 0;gap:20px}.hero-preview{display:none}.hero h1{font-size:clamp(2.15rem,9vw,3rem);margin-bottom:16px}.hero .btn-primary{width:100%}.hero-sub{font-size:16px;margin-bottom:18px}.hero-helper{font-size:13px}.hero-eyebrow{font-size:13px}.section-intro h2{font-size:25px}#assessment,#results-section.active{grid-template-columns:minmax(0,1fr)}#assessment>*{grid-column:1}#results-section>*{grid-column:1}.step-card{padding:20px 18px}.step-head{gap:10px}.step-title{font-size:17px}.step-desc{font-size:16px}.section-title{font-size:22px}.card,.score-card{padding:22px 18px}.cover-card{padding:26px 20px}.cover-sub{font-size:16px}.plan-btns{gap:8px}.plan-btn{flex:1;padding:10px 12px}.cov-row-head{font-size:14px;align-items:start}.cov-row-head .v{white-space:nowrap}.whatif-controls{gap:8px;display:grid;grid-template-columns:1fr}.num-wrap{width:100%}.whatif-label{align-items:start;flex-wrap:nowrap}.whatif-label label{max-width:calc(100% - 75px)}.whatif-label .btn-reset{flex-shrink:0}.preview-grid{gap:14px}.preview-grid img{max-height:220px}.preview-grid figcaption{font-size:13px}.cta-block{padding:24px 18px}.cta-product{font-size:25px}.cta-title{font-size:21px}.btn-cta{width:100%;padding:14px 16px;font-size:16px}.offer-art{margin-bottom:20px}.exit-modal{padding:30px 22px 20px}.exit-modal-title{font-size:27px}.exit-modal-body{font-size:16px}.exit-modal #exit-art{max-height:170px}.accordion-toggle{font-size:16px}.band-table td,.band-table th{padding:8px 5px;font-size:13px}.footer-links{gap:8px 16px}.assess-step-name{font-size:13px}.assess-step-label{font-size:13px}.results-btn-card{padding:18px 0;border:0}.cfg-warn{font-size:13px}.hero .hero-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}

/* One question per row at every width, with comfortable mobile controls. */
#assessment>*{grid-column:1;min-width:0}.section-intro{max-width:800px;margin-inline:auto}.field{scroll-margin-top:24px}.assess-progress-row{flex-wrap:wrap;gap:6px 16px}.whatif-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.whatif-controls .num-wrap{width:100%;max-width:360px}.step-head>div:last-child{min-width:0}.step-title{overflow-wrap:break-word}.field,.num-wrap .field{font-size:18px;min-height:54px}.addon-row input[type=checkbox]{width:24px;height:24px;margin-top:0}.addon-row label{min-height:44px}.accordion-toggle{overflow-wrap:anywhere}.accordion-icon{flex-shrink:0}.preview-grid img{max-width:100%}.band-table{table-layout:fixed}.band-table th:first-child{width:20%}.band-table th:nth-child(2){width:28%}
@media(max-width:600px){.step-card{padding:20px 16px}.whatif-controls .num-wrap{max-width:none}.step-title{padding-right:0}.step-head{padding-top:10px}.step-done-badge{top:8px;right:14px}.plan-btn{flex:1 1 75px}.cov-row-head{flex-wrap:wrap;gap:4px 12px}.cov-row-head .v{white-space:normal;overflow-wrap:anywhere}.score-summary,.cover-head,.whatif-out{overflow-wrap:anywhere}.sticky-cta{padding-bottom:max(12px,env(safe-area-inset-bottom))}.exit-modal{padding-bottom:max(22px,env(safe-area-inset-bottom))}.masthead{align-items:center}.masthead-left{min-width:0}.hero h1{overflow-wrap:break-word}}
@media(max-width:360px){.wrap{padding-inline:12px}.masthead{padding-inline:12px}.masthead-name{font-size:11px}.masthead-link{font-size:12px}.preview-grid{grid-template-columns:1fr}.preview-grid img{max-height:300px}.hero h1{font-size:2.1rem}}

/* 2026-09-15 audit fix: secondary and utility buttons lose the animated multicolor border that base.css still carries; primary buttons were already restyled. */
.btn-secondary,.plan-btn,.btn-reset{background-image:none;background-color:transparent;border:1px solid #5a7488;animation:none}.exit-btn-no{background-image:none;background-color:transparent;border:0;animation:none}
.btn-secondary:hover,.exit-btn-no:hover,.plan-btn:hover,.btn-reset:hover{border-color:var(--teal)}

/* 2026-10-03: "Keep this result" card, and a print layout so a result can be printed or saved as a PDF. The print rules apply only once a result is on screen (body.has-results); before that the page prints as it always did. */
.keep-btns{display:flex;gap:12px;flex-wrap:wrap}
.keep-btns .btn-secondary{flex:1 1 240px}
.print-only{display:none}
@media print{
  @page{margin:16mm}
  body.has-results{background:#fff!important}
  body.has-results *{background:transparent!important;background-image:none!important;color:#000!important;box-shadow:none!important;animation:none!important;transition:none!important}
  body.has-results #wt-cookie-banner,body.has-results .skip-link,body.has-results .masthead,body.has-results .hero,body.has-results #assessment-section,body.has-results .plan-btns,body.has-results .cov-track,body.has-results .score-segments,body.has-results .whatif-row,body.has-results .whatif-reset-all,body.has-results #whatif-card.wi-unchanged,body.has-results #keep-card,body.has-results #bridge-card,body.has-results #cfg-warn,body.has-results #offer-block,body.has-results #preview-card,body.has-results #faq-block,body.has-results #closing-block,body.has-results .recalc-row,body.has-results #methodology,body.has-results footer,body.has-results #sticky-cta,body.has-results #exit-overlay,body.has-results .spacer{display:none!important}
  body.has-results .print-only{display:block!important}
  body.has-results .card,body.has-results .score-card,body.has-results .print-answers{border:1px solid #999!important;border-radius:6px;padding:14px 16px;margin:0 0 12px;break-inside:avoid}
  body.has-results .whatif-out{border:0!important;padding:0;margin-top:8px}
  body.has-results .score-badge,body.has-results .dim-badge{border:1px solid #000}
  body.has-results .print-title{font-size:20px;font-weight:700;margin:0 0 4px}
  body.has-results .print-meta{font-size:13px;margin:0 0 12px}
  body.has-results .print-row{display:flex;justify-content:space-between;gap:16px;padding:4px 0;font-size:14px;border-bottom:1px solid #ddd}
  body.has-results .print-row:last-child{border-bottom:0}
  body.has-results #print-foot{font-size:12px;line-height:1.5;margin-top:8px}
  /* The full notice travels with every printed or saved copy, opened out, whether or not a result is showing. */
  .disclaimer{display:block!important;margin-top:14px!important;padding-top:10px!important;border-top:1px solid #999!important;font-size:11px!important;line-height:1.5!important;break-inside:avoid}
  .disclaimer .accordion-toggle{display:none!important}
  .disclaimer .accordion-body{max-height:none!important;overflow:visible!important;visibility:visible!important;transition:none!important;margin-top:0!important;font-size:11px!important;line-height:1.5!important}
  .disclaimer .print-only{display:block!important}
  .disclaimer .print-notice-title{font-size:13px;font-weight:700;margin:0 0 4px}
  .disclaimer .print-notice-end{margin-top:8px}
  .disclaimer a{text-decoration:none}
  body.has-results #results-section{outline:0!important}
}
#keep-card,#print-head,#print-foot{grid-column:1/-1}
@media print{body.has-results #results-section.active{display:block!important}body.has-results .section-intro{display:none!important}}

/* 2026-10-03 motion and play. Animation allowed by the owner's ruling the same day; everything below is off under prefers-reduced-motion. */
#live-meter{grid-column:1/-1}
.live-meter{position:sticky;top:0;z-index:6;background:var(--bg);padding:12px 0 10px;border-bottom:1px solid var(--border)}
.live-meter[hidden]{display:none}
.live-meter-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px}
.live-meter-label .v{color:var(--text);font-weight:700;letter-spacing:0;text-transform:none;font-size:15px}
.live-meter-track{position:relative;height:12px;border-radius:6px;background:var(--border);overflow:hidden}
.live-meter-fill{height:100%;width:0;border-radius:6px;background:var(--teal);transition:width 420ms cubic-bezier(.2,.8,.2,1),background-color 300ms ease}
.live-meter-tick{position:absolute;top:0;bottom:0;width:2px;background:var(--bg);opacity:.9}
.live-meter-tick.t3{left:25%}.live-meter-tick.t6{left:50%}
.live-meter-scale{position:relative;display:flex;justify-content:space-between;font-size:12px;color:var(--text-3);margin-top:5px;height:16px}
.live-meter-scale .s3,.live-meter-scale .s6{position:absolute;transform:translateX(-50%)}
.live-meter-scale .s3{left:25%}.live-meter-scale .s6{left:50%}
.last-seen{margin-top:10px;padding:10px 14px;border:1px solid var(--border);border-left:3px solid var(--teal);border-radius:var(--r-btn);background:var(--card);color:var(--text-2);font-size:15px}
.last-seen[hidden]{display:none}
.cover-num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1;display:inline-block}
.cover-next{font-size:16px;color:var(--text);line-height:1.6;margin-top:16px;padding:12px 14px;border:1px dashed #5a7488;border-radius:var(--r-btn);display:none}
.cover-compare{font-size:15px;color:var(--text-2);line-height:1.6;margin-top:12px;padding:12px 14px;border-left:3px solid var(--teal);background:var(--card-elev);border-radius:0 var(--r-btn) var(--r-btn) 0;display:none}
.wi-live{position:sticky;top:8px;z-index:5;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 18px;padding:12px 16px;background:var(--card-elev);border:1px solid var(--teal);border-radius:var(--r-btn)}
.wi-live-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);flex:1 1 100%}
.wi-live-num{font-size:30px;font-weight:700;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}
.wi-live-num #wi-live-unit{font-size:16px;font-weight:500;letter-spacing:0;color:var(--text-2)}
.wi-live-delta{font-size:15px;color:var(--text-2);font-weight:600}
.wi-live-delta.up{color:#3FB673}.wi-live-delta.down{color:#C5484D}
.set-meter{margin:6px 0 18px;display:grid;gap:10px;max-width:760px}
.set-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:14px;font-size:15px;color:var(--text-2)}
.set-name{color:var(--text);font-weight:600}
.set-bar{height:12px;border-radius:6px;background:#3FB673}
.set-pips{display:flex;gap:4px;align-items:center}
.set-pip{flex:1 1 0;height:12px;min-width:6px;border-radius:3px;border:1px solid #5a7488;background:transparent}
.set-pip.gap{margin-left:8px}
.set-row.done .set-state{color:#3FB673;font-weight:600}
.set-row:not(.done) .set-state{color:var(--gold);font-weight:600}
.keep-forget{margin-top:10px}
@media (max-width:600px){.set-row{grid-template-columns:1fr auto}.set-bar,.set-pips{grid-column:1/-1;order:3}.wi-live-num{font-size:26px}}
@media (prefers-reduced-motion:no-preference){
  @keyframes wtFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes wtPop{0%{transform:scale(1)}40%{transform:scale(1.08)}100%{transform:scale(1)}}
  @keyframes wtPip{0%,100%{border-color:#5a7488;background:transparent}6%{border-color:var(--gold);background:rgba(216,173,82,.35)}14%{border-color:#5a7488;background:transparent}}
  .cover-card.revealing .cover-sub,.cover-card.revealing .cover-date,.cover-card.revealing .cover-next,.cover-card.revealing .cover-compare{opacity:0}
  .cover-card.revealed .cover-num{animation:wtPop 520ms ease both}
  .cover-card.revealed .cover-sub{animation:wtFadeUp 500ms ease both}
  .cover-card.revealed .cover-date{animation:wtFadeUp 500ms ease 350ms both}
  .cover-card.revealed .cover-next{animation:wtFadeUp 500ms ease 700ms both}
  .cover-card.revealed .cover-compare{animation:wtFadeUp 500ms ease 1000ms both}
  .set-pip{animation:wtPip 5s ease-in-out infinite}
  #score-segments .score-seg{transition:background-color 260ms ease}
}
@media print{body.has-results .wi-live,body.has-results .live-meter,body.has-results .last-seen,body.has-results .keep-forget{display:none!important}body.has-results .cover-next,body.has-results .cover-compare{border:0!important;padding:0!important}}

/* 2026-10-04: a visible example under each question label, matching the grey placeholder in the box. */
.field-example{font-size:14px;color:var(--text-3);margin:-2px 0 8px;line-height:1.4}

/* 2026-10-04 phone fit: no text under 12px. */
.optional-tag,.step-title .optional-tag,footer .footer-brand span{font-size:12px}
@media (max-width:400px){.masthead .masthead-name{font-size:12px}}

/* ===== 2026-10-04 instrument-panel results: readiness ring, gauge, range selector, quick picks, indicators. Owner ruling the same day: as captivating as a casino, but aligned with Wealth Tactical, never literal casino. Brand tokens only: navy ground, teal for labels and focus, gold kept for money and the offer. Same math, fewer words. ===== */
:root{--tone:#D9A441;--tone-glow:rgba(217,164,65,.5)}
.tone-safe{--tone:#3FB673;--tone-glow:rgba(63,182,115,.5)}
.tone-watch{--tone:#D9A441;--tone-glow:rgba(217,164,65,.5)}
.tone-critical{--tone:#C5484D;--tone-glow:rgba(197,72,77,.5)}
body.has-results .hero,body.has-results .section-intro{display:none}
.ring[hidden],.ring-key[hidden],.cover-text[hidden],.level[hidden],.tiles[hidden]{display:none!important}

/* 1. runway panel */
#cover-card.runway-panel{position:relative;overflow:hidden;text-align:center;padding:38px 18px 24px;border:1px solid #1f3a4d;border-radius:16px;box-shadow:0 0 30px rgba(34,211,238,.10);background:
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) left 10px top 10px/20px 2px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) left 10px top 10px/2px 20px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) right 10px top 10px/20px 2px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) right 10px top 10px/2px 20px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) left 10px bottom 10px/20px 2px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) left 10px bottom 10px/2px 20px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) right 10px bottom 10px/20px 2px no-repeat,
 linear-gradient(rgba(34,211,238,.75),rgba(34,211,238,.75)) right 10px bottom 10px/2px 20px no-repeat,
 radial-gradient(120% 100% at 50% 0%,#12303f 0%,#0b1826 60%,#08121d 100%)}
#cover-card.runway-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(34,211,238,.95),transparent) no-repeat;background-size:35% 100%;background-position:-40% 0}
#cover-card .cover-head{font-size:1rem;line-height:1;margin:0;max-width:none;text-align:center}
.cover-visual{display:block}
.ring{position:relative;display:block;width:min(250px,74vw);aspect-ratio:1/1;margin:12px auto 0}
.ring svg{display:block;width:100%;height:100%;overflow:visible}
.ring-track{fill:none;stroke:#12283a;stroke-width:8}
.ring-fill{fill:none;stroke:var(--tone);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73;filter:drop-shadow(0 0 5px var(--tone-glow))}
.ring-tick{stroke:#3b5a70;stroke-width:1.6}
.ring-core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ring-num{font-size:min(5.2rem,calc(min(250px,74vw) * 1.2 / var(--n,3)));font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--tone);text-shadow:0 0 .35em var(--tone-glow);font-variant-numeric:tabular-nums}
.ring-unit{margin-top:8px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.ring-key{display:block;margin-top:8px;font-size:12px;letter-spacing:.06em;color:var(--text-3)}
.cover-text{display:block;margin:14px auto 0;max-width:15ch;font-size:clamp(1.9rem,8vw,2.9rem);font-weight:800;line-height:1.1;color:var(--tone);text-shadow:0 0 .35em var(--tone-glow)}
.cover-line{font-size:18px;line-height:1.5;color:var(--text);margin:16px auto 0;max-width:36ch}
.cover-fine{font-size:13px;line-height:1.5;color:var(--text-3);margin:8px auto 0;max-width:48ch}
.level{max-width:520px;margin:22px auto 0;text-align:left}
.level-scale{display:flex;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.level-bar{height:14px;border-radius:7px;background:#071420;border:1px solid #1f3a4d;overflow:hidden}
.level-fill{height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#0e7490,#22d3ee)}
.level-text{font-size:15px;line-height:1.5;color:var(--text);margin:10px 0 0;text-align:center}
#cover-card .cover-compare{max-width:520px;margin-left:auto;margin-right:auto;text-align:left}
details.more{margin-top:10px}
#cover-card details.more{max-width:520px;margin:10px auto 0}
details.more summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px;color:var(--text-3)}
details.more summary::-webkit-details-marker{display:none}
details.more summary::before{content:"+";color:var(--teal);font-weight:700;font-size:16px}
details.more[open] summary::before{content:"\2212"}
details.more summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
details.more>p{font-size:14px;line-height:1.6;color:var(--text-2);margin:2px 0 0;text-align:left}

/* range selector and quick picks */
.range{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:#071420;max-width:380px;margin:8px auto 14px}
.range-btn{flex:1 1 0;min-height:48px;padding:0 4px;border:0;border-radius:10px;background:transparent;color:var(--text-2);font-family:'Inter',sans-serif;font-size:16px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.range-btn:hover{color:var(--text)}
.range-btn[aria-pressed="true"]{background:var(--teal);color:#04202a;box-shadow:0 0 16px rgba(34,211,238,.35)}
.range-btn:focus-visible,.pick:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.picks{display:flex;gap:8px;margin:4px 0 12px}
.pick{flex:1 1 0;min-width:0;min-height:48px;padding:0 4px;border:1px solid #3b5a70;border-radius:12px;background:#0f2434;color:var(--text);font-family:'Inter',sans-serif;font-size:15px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pick:hover{border-color:var(--teal)}
.pick:active{transform:translateY(1px)}
.pick[aria-pressed="true"]{background:rgba(34,211,238,.14);border-color:var(--teal);box-shadow:0 0 14px rgba(34,211,238,.28)}

/* 2. plan: month tiles and three numbers */
.tiles-label{text-align:center;font-size:16px;color:var(--text-2);margin:2px 0 6px}
.tiles-label b{color:var(--text);font-size:20px}
.tiles{display:flex;gap:6px;margin:6px 0 4px}
.tile{position:relative;flex:1 1 0;min-width:0;height:40px;border-radius:7px;background:#071420;border:1px solid var(--border);overflow:hidden}
.tile>i{position:absolute;top:0;bottom:0;left:0;width:0;display:block}
.tile>span{position:relative;z-index:1;display:grid;place-items:center;height:100%;font-size:13px;font-weight:700;color:rgba(255,255,255,.85)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-top:12px}
.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{background:var(--card-elev);border:1px solid var(--border);border-radius:10px;padding:10px 6px;text-align:center;min-width:0}
.stat b{display:block;font-size:clamp(17px,4.8vw,24px);font-weight:750;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}
.stat span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:3px}
.stat small{display:block;font-size:13px;color:var(--text-3);margin-top:2px}
.stat.good b{color:#3FB673}
.stat.bad b{color:#E0666B}

/* 3. score gauge and indicators */
#score-card{padding:22px 16px 20px;text-align:center}
.gauge{max-width:340px;margin:8px auto 0}
.gauge svg{display:block;width:100%;height:auto;overflow:visible}
.g-arc{fill:none;stroke-width:12;stroke-linecap:butt}
.g-tick{stroke:#0b1826;stroke-width:2.6}
.g-scale{stroke:#4b6a86;stroke-width:1.4}
.g-lab{fill:#a4b5c5;font-family:'Inter',sans-serif;font-size:9px;font-weight:600;text-anchor:middle}
#needle path{fill:none;stroke:#f8fafc;stroke-width:3;stroke-linecap:round}
#needle circle{fill:#f8fafc;stroke:#0b1826;stroke-width:3}
#needle{filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}
#score-card .score-num{font-size:64px;margin-top:6px}
#score-card .score-summary{text-align:center;margin:0 auto 6px;max-width:34ch;font-size:16px;line-height:1.5}
.lamps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;text-align:left}
.lamp{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot name pts" "val val val";align-items:center;gap:4px 8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-elev);min-width:0}
.lamp-dot{grid-area:dot;width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.lamp-name{grid-area:name;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lamp-pts{grid-area:pts;font-size:13px;font-weight:700;color:var(--c);border:1px solid var(--c);border-radius:999px;padding:1px 8px;white-space:nowrap}
.lamp-val{grid-area:val;font-size:15px;font-weight:650;color:var(--text);line-height:1.25}
.score-foot{font-size:13px;color:var(--text-3);margin-top:12px;line-height:1.5}
.score-foot a{color:var(--text-2)}
#score-card .floor-note{font-size:13px;color:var(--text-3);margin-top:10px;line-height:1.5}

/* 4. try a change. Second pass, 2026-10-04: six tap targets that each show what they buy, one number, one bar.
   Sliders and typed amounts sit behind "Use your own numbers". */
#whatif-card .section-title{margin-bottom:4px}
#whatif-card .section-lead{margin-bottom:14px;font-size:15px}
.wi-live{display:block;margin:0 0 4px;padding:12px 16px 10px;border:1px solid rgba(34,211,238,.45);background:linear-gradient(135deg,#0f2535,#0b1826);box-shadow:0 0 22px rgba(34,211,238,.10)}
.wi-live-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 12px}
.wi-live-num{color:#fff;text-shadow:0 0 .4em rgba(34,211,238,.45);font-size:40px;line-height:1.15}
.wi-live-delta{font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.wi-live-delta.up,.wi-live-delta.down{padding:3px 12px;border-radius:999px;border:1px solid currentColor}
.wi-live-delta.up{background:rgba(63,182,115,.12)}
.wi-live-delta.down{background:rgba(197,72,77,.14)}
.wi-bar{position:relative;height:12px;margin-top:10px;border-radius:6px;background:#071420;border:1px solid #1f3a4d;overflow:hidden}
.wi-bar-base,.wi-bar-gain{position:absolute;top:0;bottom:0;left:0;width:0;display:block}
.wi-bar-base{background:linear-gradient(90deg,#0e7490,#22d3ee)}
.wi-bar-gain{background:#3FB673}
.wi-bar-gain.down{background:#C5484D}
.wi-bar-tick{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#3b5a70}
.wi-bar-key{display:grid;grid-template-columns:1fr auto 1fr;margin-top:5px;font-size:12px;letter-spacing:.06em;color:var(--text-3)}
.wi-bar-key span:last-child{text-align:right}
.move{margin-top:16px}
.move-label{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}
#whatif-card .picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
#whatif-card .pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:72px;padding:8px 4px}
#whatif-card .pick[hidden]{display:none}
.pick-amt{font-size:clamp(15px,4.8vw,21px);font-weight:750;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}
.pick-gain{font-size:13px;font-weight:700;line-height:1.2;min-height:1.2em;color:#3FB673;font-variant-numeric:tabular-nums}
.pick-gain.down{color:#E0666B}
.wi-hint{font-size:15px;color:var(--text-2);margin:14px 0 0;line-height:1.5}
.wi-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.wi-cap{font-size:13px;color:var(--text-3);margin:0;line-height:1.5}
.wi-foot .btn-reset{flex:0 0 auto;white-space:nowrap}
.wi-unchanged #wi-reset{visibility:hidden}
.wi-moot .section-lead,.wi-nobills .wi-foot,.wi-nobills #wi-own{display:none}
details.wi-own{border-top:1px solid var(--border);margin-top:12px}
details.wi-own summary{justify-content:flex-start;color:var(--text-2);font-size:15px}
#whatif-card .whatif-row{border-bottom:0}
.lever{padding:12px 0;border-top:1px solid var(--border)}
details.wi-own .lever:first-of-type{border-top:0}
.lever .whatif-label label{font-size:16px;font-weight:700}
.wi-sub{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-top:10px;padding-top:14px;border-top:1px solid var(--border)}
details.wi-own .wi-cap{margin:2px 0 4px}
.whatif-out.later{margin-top:8px}
.whatif-out.later p{margin:0 0 6px}
.whatif-out.later .wi-hint{margin:0}

/* 5. bridge and keep */
.bridge-card .section-title{font-size:26px;margin-bottom:12px}
.bridge-card .bridge-line{font-size:18px;font-weight:600;color:var(--text);margin:14px 0 8px;line-height:1.5}
.bridge-card .bridge-fine{font-size:13px;color:var(--text-3);margin:0;line-height:1.5}
#keep-card .plan-note{margin-top:12px}

@media (max-width:420px){
  #cover-card.runway-panel{padding:36px 12px 20px}
  .cover-line{font-size:17px}
  .range-btn{font-size:15px}
  .picks,#whatif-card .picks{gap:6px}
  .pick{font-size:14px}
  .wi-live-num{font-size:34px}
  #whatif-card .pick{min-height:68px}
  .lamps{gap:6px}
  .lamp{padding:9px 10px}
  #score-card .score-num{font-size:56px}
}

@media (prefers-reduced-motion:no-preference){
  @keyframes glint{0%,55%{background-position:-40% 0}100%{background-position:140% 0}}
  @keyframes ringBreath{0%,100%{filter:drop-shadow(0 0 4px var(--tone-glow))}50%{filter:drop-shadow(0 0 11px var(--tone-glow))}}
  @keyframes lampOn{0%{background:#2b4253;box-shadow:none;transform:scale(.8)}60%{transform:scale(1.4)}100%{background:var(--c);box-shadow:0 0 10px var(--c);transform:none}}
  @keyframes wtFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  #cover-card.runway-panel::before{animation:glint 6s ease-in-out infinite}
  .ring-fill{transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1)}
  .cover-card.revealed .ring-fill{animation:ringBreath 3.2s ease-in-out 1.6s infinite}
  .level-fill{transition:width 1s cubic-bezier(.2,.8,.2,1)}
  .tile>i{transition:width .7s cubic-bezier(.2,.8,.2,1)}
  .range-btn,.pick{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
  .wi-bar-base,.wi-bar-gain{transition:width .35s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1)}
  .wi-live-delta.pop{animation:wtPop 420ms ease both}
  .cover-card.revealing .cover-line,.cover-card.revealing .cover-fine,.cover-card.revealing .level,.cover-card.revealing .cover-compare,.cover-card.revealing details.more{opacity:0}
  .cover-card.revealed .cover-line{animation:wtFadeUp .5s ease both}
  .cover-card.revealed .cover-fine{animation:wtFadeUp .5s ease .15s both}
  .cover-card.revealed .level{animation:wtFadeUp .5s ease .3s both}
  .cover-card.revealed .cover-compare{animation:wtFadeUp .5s ease .45s both}
  .score-card.pre .lamp-dot{background:#2b4253;box-shadow:none}
  .score-card.lit .lamp-dot{animation:lampOn .5s ease both;animation-delay:calc(var(--i,0) * .2s + .25s)}
}

@media print{
  body.has-results .ring svg,body.has-results .ring-key,body.has-results .range,body.has-results .picks,body.has-results .tiles,body.has-results .gauge,body.has-results .level,body.has-results details.more,body.has-results .score-foot{display:none!important}
  body.has-results .ring{width:auto;aspect-ratio:auto;margin:6px 0 0}
  body.has-results .ring-core{position:static}
  body.has-results .ring-num{font-size:48px;text-shadow:none!important}
  body.has-results .cover-text,body.has-results .wi-live-num{text-shadow:none!important}
  body.has-results #cover-card.runway-panel::before{display:none}
  body.has-results #cover-card.runway-panel{padding:14px 16px}
  body.has-results .lamp,body.has-results .stat{border:1px solid #999!important}
  body.has-results .move,body.has-results .wi-foot .btn-reset,body.has-results #wi-note,body.has-results #whatif-card .section-lead{display:none!important}
  body.has-results #wi-now{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-size:15px;line-height:1.5}
}

/* 2026-10-04 fit: on phones and tablets the four indicators become one row each, so no label is cut short. */
@media (max-width:860px){
  .lamps{grid-template-columns:1fr}
  .lamp{grid-template-columns:auto 4.8em 1fr auto;grid-template-areas:"dot name val pts";gap:8px}
  .lamp-val{font-size:15px}
}

/* 2026-10-04 fit: the three plan figures stay on one line in a half-width card. */
.stats.three .stat b{font-size:clamp(15px,3.4vw,20px);overflow-wrap:normal;white-space:nowrap}
.stats.three .stat span{font-size:12px}

/* 2026-10-14 every gold button shines, always (Erol): one light sweep every 5.5 seconds, the same sweep as wealthtactical.com.
   Disabled buttons and the cookie bar stay plain. Off for visitors who ask for reduced motion. */
@media (prefers-reduced-motion:no-preference){
  @keyframes wtShine{0%,72%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(260%) skewX(-18deg)}}
  .btn-primary,.btn-submit,.btn-cta,.sticky-cta a,.exit-btn-yes{position:relative;overflow:hidden}
  .btn-primary::after,.btn-submit::after,.btn-cta::after,.sticky-cta a::after,.exit-btn-yes::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:wtShine 5.5s ease-in-out infinite;pointer-events:none}
  .btn-cta[aria-disabled=true]::after,.exit-btn-yes[aria-disabled=true]::after,.sticky-cta a[aria-disabled=true]::after,.btn-submit:disabled::after{content:none}
}


/* 2026-10-14 the bridge card: three sample signs to tap, a taste of the twelve. Teal outline when pressed, never a verdict colour. */
.sign-sample{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.sign-sample-label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:10px}
.sign-chips{display:flex;flex-wrap:wrap;gap:8px}
.sign-chip{font:inherit;font-size:15px;line-height:1.35;text-align:left;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.sign-chip[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),0 0 16px rgba(34,211,238,.22)}
.sign-sample-out{font-size:14px;line-height:1.5;color:var(--text-2);margin:10px 0 0}