/* /hero-wow-preview/ only: "Where you live changes your taxes" (#best-states.wow-states).
   States shade from pale to cobalt by the chosen guide's published rank; the top five turn lime with numbered pins. */
.wow-states{position:relative;isolation:isolate;overflow:clip;color:#151815;padding:clamp(64px,7vw,108px) 0 clamp(48px,5vw,80px);
 background:radial-gradient(44% 50% at 96% 8%,#9cc0ff66,#9cc0ff00 70%),radial-gradient(40% 46% at 0% 100%,#d5ff8340,#d5ff8300 70%),linear-gradient(180deg,#ffffff,#f1f5ff)}
.sm-wrap{max-width:1360px;margin:0 auto;padding:0 4vw;display:grid;grid-template-columns:minmax(320px,.78fr) 1.5fr;grid-template-areas:"intro map" "top map" "fine fine";gap:10px clamp(24px,3.4vw,56px);align-items:start}
.sm-intro{grid-area:intro}
.sm-top{grid-area:top}
.sm-map{grid-area:map;position:relative;align-self:center}
.sm-fine{grid-area:fine;margin:18px 0 0;font:500 13px/1.5 Manrope,Arial,sans-serif;color:#151815a6}
.sm-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;font:800 13px/1 Manrope,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#174cf2}
.sm-kicker b{width:10px;height:10px;border-radius:50%;background:#d5ff83;box-shadow:0 0 0 3px #174cf2,0 0 16px 4px #d5ff83aa}
.wow-states h2{margin:0;font:700 clamp(44px,4.8vw,80px)/.9 Barlow,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.wow-states h2 span{display:block;color:#174cf2}
.sm-lede{margin:20px 0 22px;max-width:460px;font:500 clamp(16px,1.25vw,18px)/1.55 Manrope,Arial,sans-serif;color:#151815cc}
.sm-chips{display:flex;flex-wrap:wrap;gap:8px}
.sm-chip{padding:11px 16px;border-radius:999px;border:1px solid #c9d7f7;background:#ffffffd9;color:#151815;font:700 14.5px/1 Manrope,Arial,sans-serif;cursor:pointer;
 box-shadow:inset 0 1px 0 #fff,0 8px 18px -14px #174cf2;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.sm-chip:hover{transform:translateY(-2px);border-color:#174cf2}
.sm-chip.is-on{background:#174cf2;border-color:#174cf2;color:#fff}
.sm-chip:focus-visible,.sm-guide:focus-visible,.sm-all:focus-visible{outline:3px solid #151815;outline-offset:3px}
.sm-top{margin-top:26px;padding:20px 22px 22px;border-radius:20px;border:1px solid #ffffffe6;background:linear-gradient(160deg,#ffffffeb,#ffffffad);
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1.5px 0 #fff,0 24px 50px -32px #174cf2b3}
.sm-top h3{margin:0 0 12px;font:800 13px/1.3 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#151815b3}
.sm-top h3 span{color:#174cf2}
.sm-top-list{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.sm-top-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1518151a}
.sm-top-list li:last-child{border-bottom:0}
.sm-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#151815;color:#d5ff83;font:700 15px/1 Barlow,Arial,sans-serif}
.sm-name{font:800 16px/1.2 Manrope,Arial,sans-serif}
.sm-val{font:700 14px/1 Manrope,Arial,sans-serif;color:#174cf2;font-variant-numeric:tabular-nums}
.sm-metric{margin:10px 0 0;font:600 12.5px/1.45 Manrope,Arial,sans-serif;color:#151815a6}
.sm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px}
.sm-guide{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;background:#174cf2;color:#fff;text-decoration:none;font:800 15px/1 Manrope,Arial,sans-serif;box-shadow:0 16px 30px -18px #174cf2;transition:background-color .25s ease,transform .25s ease}
.sm-guide svg{width:18px;height:18px}
.sm-guide:hover{background:#0f3bd1;transform:translateY(-2px)}
.sm-all{font:800 14px/1.2 Manrope,Arial,sans-serif;color:#174cf2}

/* the map */
.sm-map svg{display:block;width:100%;height:auto;overflow:visible}
.sm-state{fill:color-mix(in oklab,#174cf2 calc(var(--t,0)*100%),#e4ebfb);stroke:#fff;stroke-width:1.1;cursor:pointer;
 transition:fill .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*9ms),stroke .2s ease,stroke-width .2s ease}
.sm-state.is-top{fill:#d5ff83;stroke:#151815;stroke-width:1.4}
.sm-state:hover,.sm-state.is-picked{stroke:#151815;stroke-width:2.2}
.wow-states.sm-pre .sm-state{fill:#e4ebfb;transition:none}
.sm-pin{pointer-events:none;transition:transform .8s cubic-bezier(.34,1.3,.64,1)}
.sm-pin circle{fill:#151815;stroke:#d5ff83;stroke-width:2.5}
.sm-pin text{font:700 15px Barlow,Arial,sans-serif;text-anchor:middle;fill:#d5ff83}
.wow-states.sm-pre .sm-pin{opacity:0}
.sm-tip{position:absolute;z-index:5;min-width:190px;padding:12px 14px;border-radius:14px;background:#151815f2;color:#fff;pointer-events:none;
 box-shadow:0 18px 40px -18px #000;transform:translate(-50%,calc(-100% - 14px));font:600 13px/1.4 Manrope,Arial,sans-serif}
.sm-tip b{display:block;font:700 22px/1 Barlow,Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin-bottom:6px}
.sm-tip .sm-tip-rank{color:#d5ff83;font-weight:800}
.sm-tip a{pointer-events:auto;display:inline-block;margin-top:8px;color:#d5ff83;font-weight:800}
.sm-legend{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;font:700 12px/1 Manrope,Arial,sans-serif;color:#151815a6}
.sm-legend i{width:140px;height:8px;border-radius:4px;background:linear-gradient(90deg,#e4ebfb,#174cf2)}
.sm-legend b{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:#151815}
.sm-legend b::before{content:"";width:14px;height:14px;border-radius:4px;background:#d5ff83;border:1.5px solid #151815}
.sm-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:899px){
 .wow-states{padding:60px 0 48px}
 .sm-wrap{display:block;padding:0 20px}
 .sm-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}
 .sm-chips::-webkit-scrollbar{display:none}
 .sm-chip{flex:none;font-size:14px}
 .sm-map{margin:22px -6px 0}
 .sm-top{margin-top:18px}
 .sm-legend{justify-content:center;flex-wrap:wrap}
 .sm-tip{transform:translate(-50%,calc(-100% - 10px))}
}
@media(prefers-reduced-motion:reduce){.sm-state,.sm-pin{transition:none}}
