:root{--ink:#181820;--blue:#5365ea;--cyan:#05bae9;--paper:#f5f6fb;--line:#dcdfea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.6 "Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #086bcc;outline-offset:4px}.wrap{max-width:1280px;margin:auto;padding:0 clamp(20px,5vw,76px)}header{border-bottom:1px solid var(--line);background:white}header .wrap,footer .wrap,.actions,.bar,.tabs{display:flex;align-items:center;gap:20px}header .wrap{min-height:88px;justify-content:space-between}nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:600}.logo{width:74px;height:55px;display:block}.btn,.tabs button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;font-weight:650;cursor:pointer}.btn{background:var(--ink);color:white;padding:12px 20px;font-size:15px}.btn.primary{background:#4659db}.btn:hover{background:#313eaa;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding-block:clamp(50px,7vw,105px)}.eyebrow,.small{font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#484d65}.eyebrow:before{content:'';width:20px;height:3px;background:var(--cyan);display:inline-block;vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.03;letter-spacing:-.055em}h1{font-size:clamp(48px,5.8vw,87px);margin:19px 0 23px}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(35px,4vw,58px);margin:12px 0 24px}h3{font-size:26px;line-height:1.16}.lead{font-size:clamp(17px,1.45vw,21px);color:#555967;max-width:60ch}.actions{flex-wrap:wrap;margin-top:26px;font-size:15px}.mapbox{background:#eff1ff;border:1px solid #d5d9ef;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px #333c7815}.bar{justify-content:space-between;padding:14px 19px;font-size:13px}.dot{color:var(--blue)}.map{position:relative;isolation:isolate;overflow:hidden;height:clamp(265px,25vw,365px);background:#e3e5f0}.map svg{position:absolute;inset:0;width:100%;height:100%}.query{position:absolute;top:15px;left:15px;background:white;padding:6px 12px;border-radius:6px;font-size:13px;box-shadow:0 2px 8px #23265422}.pin{position:absolute;transform:translate(-50%,-50%);background:#fff;color:#494da3;border:1px solid #9b9ed3;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font:bold 14px ui-monospace,monospace}.pin.best{background:#5365ea;color:white;border-color:#5365ea;box-shadow:0 0 0 5px #5365ea24}.pin.mid{background:#c6f3ff;color:#115773}.section{padding-block:clamp(48px,6vw,86px)}.pale{background:var(--paper)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;background:white;border:1px solid var(--line);border-radius:15px}.card p,details p{color:#585c69}.card a{margin-top:auto;color:#394bbf;font-weight:650}.symbol{font-size:30px;color:var(--blue);line-height:1;background:#eef0ff;border-radius:12px;padding:12px}.dark{background:#202239;color:white}.dark .eyebrow,.dark .lead{color:#cad0ef}.dark a.btn{background:white;color:#232339}.tabs{gap:5px;flex-wrap:wrap}.tabs button{font-size:13px;padding:8px 13px;background:white;color:#333}.tabs button[aria-pressed=true]{background:var(--blue);color:white}.demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:650}details p{padding:12px 0}footer{padding:28px 0;border-top:1px solid var(--line)}footer .wrap{justify-content:space-between;flex-wrap:wrap;font-size:14px}.inner{max-width:850px;padding-block:62px}.inner h1{font-size:clamp(45px,6vw,80px)}label{display:grid;gap:5px;font-weight:600;margin:12px 0}input,select,textarea{min-width:0;width:100%;border:1px solid #b3b7ca;border-radius:7px;padding:10px;background:white;color:var(--ink)}.form{max-width:650px}#result{white-space:pre-line}.menu{display:none}ul{padding-left:22px}li+li{margin-top:8px}@media(max-width:800px){.hero,.demo,.grid{grid-template-columns:1fr}.hero,.demo{gap:28px}.grid{gap:12px}header .wrap{min-height:72px;flex-wrap:wrap;gap:0}.menu{display:block;background:white;border:1px solid var(--line);padding:8px 15px;border-radius:8px}nav{display:none;width:100%;padding-bottom:16px}nav.open{display:grid;gap:10px}.map{height:275px}.card{padding:22px}.logo{width:64px}.section{padding-block:44px}.inner{padding-block:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero{padding-block:clamp(42px,6.8vw,100px)}.hero h1{font-size:clamp(49px,5.9vw,91px);line-height:.97}.hero .eyebrow{color:#424cb0}.mapbox .bar:first-child{background:#242640;color:white}.mapbox .bar:first-child .small{color:#c6cbff}.mapbox .bar:first-child strong:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#64dcff;margin-right:9px}.mapbox .bar:last-child{background:#fafaff}.industry-art{position:relative;width:100%;height:100px;overflow:hidden;border-radius:9px;background-color:#e8ebff;background-image:repeating-linear-gradient(-24deg,transparent 0 18px,#fff8 19px 22px);display:grid;place-items:center}.art-1{background-color:#ddf4f8}.art-2{background-color:#e6e4fb}.mockline{position:absolute;height:120%;width:4px;background:white;transform:rotate(-24deg);left:27%}.mockline:nth-child(2){left:76%}.microcard{z-index:1;background:#fff;border:1px solid #c6cce4;border-radius:7px;box-shadow:0 5px 12px #29386d16;padding:7px 12px;font-size:13px;font-weight:650;color:#32395f}.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.fieldnote{border-left:4px solid var(--blue);padding:22px 25px;background:white;border-radius:0 12px 12px 0}.fieldnote p{margin-top:8px}.fieldnote hr{border:0;border-top:1px solid var(--line);margin:18px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce0f0;margin-top:32px;border:1px solid #dce0f0;border-radius:12px;overflow:hidden}.metrics div{padding:18px 22px;background:white}.metrics small,.metrics strong{display:block}.metrics small{color:#616578}.textlink{display:inline-block;margin-top:18px;font-weight:650;color:#3e50ba}.comparison{overflow:auto}.comparison table{width:100%;border-collapse:collapse;text-align:left}.comparison th,.comparison td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}.comparison thead{background:#eef0ff}.mapread{padding:12px 18px;background:#242640;color:white;font-size:14px}button.pin{cursor:pointer;padding:0}button.pin[aria-pressed=true]{outline:3px solid #21253f;outline-offset:2px}@media(max-width:800px){.case-layout,.metrics{grid-template-columns:1fr;gap:18px}.metrics{gap:1px}.comparison th,.comparison td{font-size:14px;padding:10px 6px}.hero h1{font-size:clamp(48px,10vw,70px)}}

.nav-tools{display:flex;gap:8px;align-items:center;order:3}header nav{margin-left:auto}.theme,.menu{color:inherit;background:transparent;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;padding:0;align-items:center;justify-content:center}.theme{display:inline-flex;font-size:25px;line-height:1}.sun,[data-theme=dark] .moon{display:none}[data-theme=dark] .sun{display:block}.hamb,.hamb:before,.hamb:after{width:18px;height:2px;border-radius:3px;background:currentColor;display:block;transition:transform .18s}.hamb{position:relative}.hamb:before,.hamb:after{content:'';position:absolute;top:-6px}.hamb:after{top:6px}.menu[aria-expanded=true] .hamb{background:transparent}.menu[aria-expanded=true] .hamb:before{transform:translateY(6px) rotate(45deg)}.menu[aria-expanded=true] .hamb:after{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:800px){header nav{order:4}.menu{display:inline-flex}.nav-tools{margin-left:auto}}
[data-theme=dark]{color-scheme:dark;--ink:#f0f1fa;--paper:#181a27;--line:#35394e;--blue:#939fff;background:#11131e}
[data-theme=dark] :is(header,.card,.fieldnote,input,textarea,select,.metrics div,.tabs button){background:#202332;color:var(--ink)}
[data-theme=dark] :is(.lead,.card p,details p,.small,.eyebrow,.metrics small){color:#bac2d9}
[data-theme=dark] :is(.textlink,.card a){color:#a8c0ff}
[data-theme=dark] .btn{background:#33415d;color:white}
[data-theme=dark] :is(.btn.primary,.tabs button[aria-pressed=true]){background:#5264d7;color:white}
[data-theme=dark] .logo{background:#fff;border-radius:8px;padding:3px}
[data-theme=dark] :is(.comparison thead,.mapbox,.mapbox .bar:last-child,.metrics){background:#2b3044}
[data-theme=dark] .mapbox{border-color:#414963}
[data-theme=dark] .query{color:#242640}
[data-theme=dark] .pin.best{background:#485acb}
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:900;border-radius:50%;opacity:0}.cursor-dot{width:7px;height:7px;background:#5266ef}.cursor-ring{width:34px;height:34px;border:1.5px solid #03b9e8;transition:width .18s,height .18s,background-color .18s,opacity .15s}.cursor-ring.hot{width:56px;height:56px;background:#00bdea18}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html.cursor-active,html.cursor-active *{cursor:none!important}html.cursor-active :is(input,textarea,[contenteditable]){cursor:text!important}.card,.btn,.theme{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #454b901a}.btn:hover,.theme:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none}}

:root{--canvas:#fff;--surface:#f5f6fb}
html[data-theme=dark]{--canvas:#11131e;--surface:#181a27}
body,.page,main,footer,main>section,main>.inner,main>.hero{background-color:var(--canvas);color:var(--ink)}
main>section.pale{background:var(--surface)}
main>section.dark{background:#202239;color:#fff}
[data-theme=dark] .dark .btn{background:#5364db;color:#fff}
[data-theme=dark] .map svg{filter:brightness(.47) saturate(.8)}
[data-theme=dark] .industry-art{background-color:#34384f;background-image:repeating-linear-gradient(-24deg,transparent 0 18px,#ffffff12 19px 22px)}
[data-theme=dark] .mockline{background:#616880}
[data-theme=dark] .logo{background:transparent;filter:none;padding:0}
[data-theme=dark] .theme{background:#262a3b;color:#a6eaff}
.price-strip,.rates{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.price-strip strong,.amount{font-weight:700;letter-spacing:-.055em;font-size:clamp(32px,5vw,60px);line-height:1.2}
.rates article{border-top:2px solid var(--blue);padding:22px 0}
.amount{margin:18px 0}.amount small{font-size:16px;letter-spacing:0;font-weight:500}
.cursor-dot,.cursor-dot.inv{background:#6171ff;box-shadow:0 0 0 1px #202d76}.cursor-ring,.cursor-ring.inv{border-color:#00b9ea}.cursor-ring.hot,.cursor-ring.inv.hot{background:#00b9ea1a}
@media(max-width:700px){.price-strip,.rates{grid-template-columns:1fr;gap:25px}}

.theme,[data-theme=dark] .theme{width:50px;height:44px;background:transparent;border:0;padding:0}.switch-track{display:block;width:46px;height:26px;border-radius:20px;background:#686c80;border:1px solid #575b6c;position:relative}.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #19223b44;transition:transform .18s}.theme[aria-checked=true] .switch-track{background:#5969df;border-color:#94a2ff}.theme[aria-checked=true] .switch-track:after{transform:translateX(20px)}@media(prefers-reduced-motion:reduce){.switch-track:after{transition:none}}

.report-sample{margin:32px 0;padding:clamp(16px,3vw,32px);background:var(--surface);border:1px solid var(--line);border-radius:14px}.report-sample h3{margin:8px 0 12px}.measure-controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.measure-controls button{color:var(--ink);background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.measure-controls button[aria-pressed=true]{color:#fff;background:#485ac8}.measure-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.measure-days>div{display:grid;background:var(--canvas);padding:10px;border-top:3px solid var(--blue)}.measure-days span,.measure-days small{font-size:13px}.measure-days .fell-back{border-color:#e78436}.measure-status{margin-top:16px;font-weight:600}.update-list{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;margin:24px 0 0}.update-list dt,.update-list dd{border-top:1px solid var(--line);padding:16px 0;margin:0}.update-list dt{font-weight:bold}@media(max-width:650px){.update-list{display:block}.update-list dd{border:0;padding-top:0}}

.flip-portrait{margin:0 auto;width:min(100%,360px)}.flip-portrait img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;object-position:center 20%;border-radius:16px}.flip-portrait figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.about-hero h1{font-size:clamp(48px,5.7vw,80px)}

.ysk-maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 16px}.ysk-maps figure{margin:0}.ysk-maps figcaption{font-weight:650;margin-bottom:8px}.ysk-maps img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}@media(max-width:650px){.ysk-maps{grid-template-columns:1fr}}
