:root{--bg:#f8f4ec;--card:#fff;--ink:#1d2433;--muted:#5f6472;--line:#e4ddcf;--teal:#1f3a63;--teal-d:#13233f;--teal-l:#e8ecf3;--orange:#b3862f;--orange-d:#8c6620;
--navy:#13233f;--soft:#f1ebdf;--r:12px;--max:1180px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em;font-weight:700;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif}
h1{font-size:clamp(1.85rem,4vw,2.6rem)}h2{font-size:clamp(1.3rem,2.5vw,1.65rem);margin-top:1.6em}h3{font-size:1.12rem;margin-top:1.2em}
.card h2,.tbox h2,.sponsor h2{margin-top:0}
a{color:var(--teal);text-underline-offset:2px}a:hover{color:var(--teal-d)}p{margin:0 0 1em}
img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
/* header */
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:62px}
.logo img{height:38px;width:auto;display:block}
.nav{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;padding:9px 11px;border-radius:8px;font-size:.95rem;font-weight:550}
.nav a:hover,.nav a[aria-current]{background:var(--teal-l);color:var(--teal-d)}
@media(max-width:880px){.top{position:static}.top .wrap{flex-wrap:wrap;padding-bottom:6px}.nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.nav a{white-space:nowrap}}
.crumbs{font-size:.88rem;color:var(--muted);margin:18px 0 8px}.crumbs a{color:var(--muted)}.crumbs span[aria-hidden]{margin:0 6px}
/* hero */
.xhero{position:relative;background:var(--navy);color:#f8f4ec;overflow:hidden}
.xhero-bg{position:absolute;inset:0;background-size:cover;background-position:right center}
.xhero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 38%,rgba(19,35,63,.82) 58%,rgba(19,35,63,.15))}
.xhero-in{position:relative;padding:20px 16px 34px}
.xhero .crumbs,.xhero .crumbs a{color:#cdd4e2}
.xhero h1{color:#fff;max-width:720px}.xhero h1 .tail{display:block;font-size:.55em;font-weight:600;color:#e6c27a;margin-top:.35em;letter-spacing:0}
.kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e6c27a;margin:10px 0 8px}
.xlead{max-width:640px;font-size:1.06rem;color:#e9ecf2}
.mini{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.mini span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:4px 11px;border-radius:99px;font-size:.85rem}
@media(max-width:700px){.xhero-bg{opacity:.25}.xhero-bg:after{background:rgba(19,35,63,.6)}}
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:-22px 0 18px;position:relative;z-index:2}
.strip div{background:#fff;padding:12px 16px}.strip strong{display:block;font-size:1.45rem;color:var(--teal-d)}.strip span{font-size:.85rem;color:var(--muted)}
/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;min-height:44px;border-radius:10px;border:1px solid var(--teal);background:var(--teal);color:#fff;text-decoration:none;font-weight:650;font-size:.95rem;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--teal-d);color:#fff}.btn.ghost{background:transparent;color:var(--teal)}.btn.ghost:hover{background:var(--teal-l)}
.btn.or{background:var(--orange);border-color:var(--orange);color:#1e1606}.btn.or:hover{background:var(--orange-d);color:#fff}
.xhero .btn.ghost{color:#fff;border-color:rgba(255,255,255,.5)}.xhero .btn.ghost:hover{background:rgba(255,255,255,.1)}
/* layout */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start;margin:22px 0 40px}
@media(max-width:920px){.grid{grid-template-columns:1fr}.side{order:-1}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:18px}
.side{position:sticky;top:80px}@media(max-width:920px){.side{position:static}}
.facts{list-style:none;margin:0;padding:0}.facts li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.95rem}
.facts li:last-child{border:0}.facts b{min-width:78px;color:var(--muted);font-weight:600}.facts a{word-break:break-word}
.hours{width:100%;border-collapse:collapse;font-size:.93rem}.hours td{padding:6px 0;border-bottom:1px dashed var(--line)}.hours td:last-child{text-align:right;white-space:nowrap}
.hours tr.today td{font-weight:750;color:var(--teal-d)}
.tbox{background:var(--teal-l);border-radius:var(--r);padding:18px 22px;margin:0 0 18px}.tbox ul{margin:.3em 0 .6em;padding-left:1.2em}.tbox h2{font-size:1.15rem}
.note{font-size:.88rem;color:var(--muted)}.prose{max-width:780px}
.badge{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.03em;padding:4px 11px;border-radius:99px;background:var(--teal-l);color:var(--teal-d);margin:0 6px 8px 0}
.badge.own{background:#f6ead2;color:#6e4f14}
.faq details{border-bottom:1px solid var(--line);padding:13px 0}.faq summary{cursor:pointer;font-weight:650}.faq p{margin:.55em 0 0}
/* services */
.svc{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px;padding:0;list-style:none}
.svc li{font-size:.84rem;font-weight:650;padding:5px 11px;border-radius:99px;background:var(--teal-l);color:var(--teal-d)}
.svc li.k-mobile{background:#f6ead2;color:#6e4f14}.svc li.k-rentals{background:#e8e4f6;color:#4b3f8a}.svc li.k-lithium{background:#e2f1dc;color:#2f6a22}
.evid{margin:10px 0 0;padding:0;list-style:none}.evid li{border-left:3px solid var(--teal-l);padding:6px 0 6px 12px;margin:6px 0;font-size:.92rem}
.evid q{color:var(--ink)}.evid small{display:block;color:var(--muted)}
.prices{width:100%;border-collapse:collapse;font-size:.92rem}.prices td{padding:8px 6px;border-bottom:1px dashed var(--line);vertical-align:top}.prices td:first-child{font-weight:750;white-space:nowrap;color:var(--teal-d)}
/* lists & chips */
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin:14px 0 22px;padding:0;list-style:none}
.item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;transition:border-color .15s,box-shadow .15s}
.item:hover{border-color:#c6cfdd;box-shadow:0 4px 14px rgba(19,35,63,.07)}
.item a.t{font-weight:750;color:var(--ink);text-decoration:none;font-size:1.02rem}.item a.t:hover{color:var(--teal);text-decoration:underline}
.item .m{font-size:.88rem;color:var(--muted)}.item .r{font-size:.86rem;color:var(--teal-d);font-weight:600}.item .svc{margin-top:6px}.item .svc li{font-size:.74rem;padding:3px 8px}
.item[hidden]{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;padding:0;list-style:none}
.chips a,.chips button{display:inline-block;padding:8px 13px;border-radius:99px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.92rem;font-family:inherit;cursor:pointer}
.chips a:hover,.chips button:hover,.chips button[aria-pressed=true]{border-color:var(--teal);color:var(--teal-d);background:var(--teal-l)}.chips small{color:var(--muted)}
.cols{columns:4 190px;column-gap:24px;padding:0;list-style:none;margin:10px 0 24px}.cols li{break-inside:avoid;padding:3px 0}.cols small{color:var(--muted)}
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:0;list-style:none;margin:12px 0 22px}
.scards a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;color:var(--ink)}
.scards a:hover{border-color:var(--teal)}.scards b{display:block}.scards small{color:var(--muted)}.scards i{font-style:normal;color:var(--teal);font-size:1.3rem}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:0;list-style:none;margin:12px 0 22px}
.gcards a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink)}
.gcards a:hover{border-color:var(--teal)}.gcards img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block}
.gcards .gc{padding:12px 14px}.gcards strong{display:block;line-height:1.3}.gcards small{color:var(--muted);display:block;margin-top:4px}
/* charts */
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:16px 0}
.chart{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.chart h3{margin:0 0 10px;font-size:1rem}
.bars{list-style:none;margin:0;padding:0}.bars li{display:grid;grid-template-columns:150px 1fr 44px;gap:8px;align-items:center;font-size:.9rem;padding:3px 0}
.bars .bar{height:10px;border-radius:6px;background:var(--teal)}.bars b{text-align:right}
@media(max-width:500px){.bars li{grid-template-columns:110px 1fr 36px}}
.matrix{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:16px 0}
.stack{list-style:none;margin:0;padding:0}.stack li{display:grid;grid-template-columns:minmax(140px,240px) 1fr 40px;gap:10px;align-items:center;padding:5px 0;font-size:.92rem}
.seg{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--soft)}.seg span{display:block;height:100%}
.c-svc{background:var(--teal)}.c-mob{background:var(--orange)}.c-hrs{background:#5b7bb0}.c-sat{background:#9fb3d1}.c-web{background:#41617a}.c-pho{background:#a7b6c2}
.legend{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.85rem}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.matrix figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
@media(max-width:560px){.stack li{grid-template-columns:1fr 36px}.stack .seg{grid-column:1/-1;order:3}}
/* tables */
.cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:.94rem;margin:10px 0 18px}
.cmp th,.cmp td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.cmp th{background:var(--soft)}
.tablewrap{overflow-x:auto}
ul.check{list-style:none;padding:0}ul.check li{padding:5px 0 5px 28px;position:relative}ul.check li:before{content:"";position:absolute;left:2px;top:9px;width:14px;height:14px;border:2px solid var(--teal);border-radius:4px}
.guide{max-width:820px}.guide h2{font-size:1.4rem}.guide table{margin:12px 0}
.ghero{width:100%;height:auto;max-height:340px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);margin:8px 0 16px}
/* maps */
.mapwrap .map{width:100%;border-radius:var(--r);border:1px solid var(--line);background:var(--soft);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pin{border-radius:50%;color:#fff;font:700 12px/1 system-ui;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.pin.dot{border-width:2px}
.locs{display:grid;grid-template-columns:260px 1fr;gap:12px}.loclist{max-height:460px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.loclist .lh{display:flex;justify-content:space-between;padding:10px 12px;font-weight:700;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
.loclist button{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--soft);background:none;text-align:left;font:inherit;cursor:pointer}
.loclist button:hover{background:var(--teal-l)}.loclist small{display:block;color:var(--muted);font-size:.78rem}.cnt{background:var(--teal-l);color:var(--teal-d);font-weight:700;font-size:.8rem;padding:2px 8px;border-radius:99px}
@media(max-width:760px){.locs{grid-template-columns:1fr}.loclist{max-height:220px}}
/* finder */
.search{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.search input,.search select{flex:1 1 220px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:1rem;background:#fff;font-family:inherit}
.xhero .search{max-width:760px}
.form{display:grid;gap:14px;max-width:660px}.form label{font-weight:650;font-size:.95rem}.form input,.form textarea,.form select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.form textarea{min-height:110px}.form .hint{font-weight:400;color:var(--muted);font-size:.85rem}
/* sponsor (off until a placement is sold) */
.sponsor{border:2px solid var(--orange);border-radius:var(--r);background:#fffaf3;padding:16px 18px;margin:16px 0}
.sponsor .lbl{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d);font-weight:800}
/* cta & ads */
.cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:var(--navy);color:#f3efe6;border-radius:var(--r);padding:22px 24px;margin:28px 0}
.cta h2{color:#fff;margin:0 0 .3em}.cta p{margin:0;color:#d8dce5}
.ad{margin:24px 0;min-height:120px;text-align:center}.ad small{display:block;font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
/* footer */
.foot{background:var(--navy);color:#d8dce5;margin-top:40px;padding:36px 0 18px;font-size:.93rem}
.foot .wrap{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:22px}
@media(max-width:900px){.foot .wrap{grid-template-columns:1fr 1fr}}
.foot a{color:#f3efe6;text-decoration:none}.foot a:hover{text-decoration:underline}.foot ul{list-style:none;margin:0;padding:0}.foot li{padding:3px 0}
.fh{font-size:.95rem;color:#fff;margin:0 0 8px}.foot .copy{display:block;grid-template-columns:none;margin-top:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:.84rem}
/* compact hero (cities, listings, guides, static pages): same band as the section homes */
.xhero.sm .xhero-in{padding:14px 16px 26px}
.xhero.sm h1{font-size:clamp(1.6rem,3.4vw,2.25rem);max-width:820px}
.xhero.sm .xlead{font-size:1rem;max-width:760px}
.xhero .badge{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
.xhero .badge.own{background:rgba(179,134,47,.22);color:#ffe2c2;border-color:rgba(179,134,47,.45)}
.hbadges{margin-top:10px}
.xhero .btn:not(.ghost):not(.or){background:#fff;color:var(--teal-d);border-color:#fff}.xhero .btn:not(.ghost):not(.or):hover{background:var(--teal-l)}
.card .mapwrap h2{margin-top:0;font-size:1.2rem}
/* ---- icons (Tabler, MIT) ---- */
.ico{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}.ico.big{width:28px;height:28px}
.svc li{display:inline-flex;align-items:center;gap:5px}.svc li .ico{width:14px;height:14px}
/* service tiles (reference: profile card) */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;list-style:none;margin:12px 0 6px;padding:0}
.tiles li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.tiles .ti{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.35;border-radius:14px;background:var(--teal-l);color:var(--teal-d)}
.tiles .ti .ico{width:34px;height:34px;stroke-width:1.8}
.tiles .tl{font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;line-height:1.25;color:var(--navy)}
.t-or .ti{background:#fdf0e1;color:#8c6620}.t-vi .ti{background:#ecebf8;color:#4b3f8a}.t-gr .ti{background:#e6f3e2;color:#2f6a22}.t-na .ti{background:#e9eef3;color:#1f3a63}
/* ---- listing hero: white profile card on the photo band ---- */
.xhero.pro .xhero-in{padding:14px 16px 30px}
.pcard{display:grid;grid-template-columns:minmax(240px,40%) 1fr;gap:22px 28px;background:#fff;color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.28);margin-top:8px}
.pphoto{margin:0;position:relative;grid-row:span 2}.pphoto img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:16px;display:block}
.pphoto figcaption{position:absolute;right:10px;bottom:8px;font-size:.68rem;background:rgba(255,255,255,.85);padding:1px 7px;border-radius:6px;color:var(--muted)}
.pinfo h1{color:var(--navy);font-size:clamp(1.6rem,3.2vw,2.35rem);margin:.15em 0 .1em;letter-spacing:-.02em}
.pkind{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 12px}
.pbadge{display:inline-flex;align-items:center;gap:7px;background:var(--teal);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:10px}
.pbadge.or{background:var(--orange);color:#1e1606}
.prow{display:flex;flex-wrap:wrap;gap:8px 22px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:1.08rem}
.prow span,.prow a{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}.prow .ico{color:var(--teal);width:20px;height:20px}
.prow a:hover{color:var(--teal)}
.ptiles{grid-template-columns:repeat(5,1fr)}.ptiles .ti{aspect-ratio:1.15}
.pnone{color:var(--muted);margin:14px 0 0}
.pbtns{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pbtn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;text-decoration:none}
.pbtn .ico{width:22px;height:22px}
.pbtn.p1{background:var(--teal);color:#fff}.pbtn.p1:hover{background:var(--teal-d);color:#fff}
.pbtn.p2{border:2px solid var(--navy);color:var(--navy);background:#fff}.pbtn.p2:hover{background:var(--soft)}
.pbtn.p3{border:2px solid #c3cfe2;color:var(--teal-d);background:var(--teal-l)}.pbtn.p3:hover{border-color:var(--teal)}
@media(max-width:820px){.pcard{grid-template-columns:1fr;padding:16px}.pphoto{grid-row:auto}.pphoto img{max-height:220px}.ptiles{grid-template-columns:repeat(3,1fr)}
.pbtns{grid-template-columns:1fr}.pbtn{min-height:50px}}
/* ---- guides: card article + sticky table of contents ---- */
.gwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin:24px 0}
.gcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 32px 24px;max-width:none}
.gcard h2{position:relative;padding-left:14px;font-size:1.35rem}.gcard h2:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:3px;background:var(--orange)}
.gcard .faq h2{padding-left:0}.gcard .faq h2:before{display:none}
.gcard table.cmp{border-radius:12px;overflow:hidden}.gcard ul,.gcard ol{padding-left:1.3em}.gcard li{margin:.3em 0}
.quick{display:flex;gap:14px;background:var(--teal-l);border-radius:14px;padding:16px 18px;margin:20px 0 6px;color:var(--teal-d)}.quick p{margin:.2em 0 0;color:var(--ink)}
.gside{position:sticky;top:80px;display:grid;gap:16px}.toc h2{display:flex;gap:8px;align-items:center;margin:0 0 8px;font-size:1rem}
.toc ol{margin:0;padding-left:1.2em;font-size:.93rem}.toc li{margin:.35em 0}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--teal)}
.gcta{text-align:center;background:var(--navy);color:#e6e9ef;border:0}.gcta h2{color:#fff;margin:.4em 0 .3em}.gcta .ico{color:var(--orange)}
@media(max-width:960px){.gwrap{grid-template-columns:1fr}.gside{position:static}.gcard{padding:4px 18px 18px}}
/* ---- home: how it works ---- */
.how{display:grid;grid-template-columns:minmax(0,.95fr) 1.05fr;gap:28px;align-items:center;margin:26px 0 8px}
.how img{width:100%;height:auto}.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.steps li{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.steps .ico{color:var(--teal)}.steps p{margin:.2em 0 0;color:var(--muted)}
@media(max-width:820px){.how{grid-template-columns:1fr}}
.gcta h2{font-size:1.1rem}.gcta p{font-size:.92rem}
.how img{border-radius:18px;border:1px solid var(--line);background:#fff}
/* ---- cost calculator ---- */
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 28px;margin-top:24px}.calc h2,.calc>.note{grid-column:1/-1}
.cform{display:grid;gap:12px}.cform label{display:grid;gap:5px;font-weight:650;font-size:.92rem}
.cform select{padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.cres{background:var(--navy);color:#ebe6da;border-radius:16px;padding:20px}
.cbig small{display:block;color:#e6c27a;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.cbig b{font-size:clamp(1.8rem,4vw,2.4rem);color:#fff}
.cparts{list-style:none;padding:0;margin:14px 0}.cparts li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.93rem}
.cres .btn{background:var(--orange);border-color:var(--orange);color:#1e1606}.cres .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
@media(max-width:820px){.calc{grid-template-columns:1fr}}
.bench{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;list-style:none;padding:0;margin:12px 0 22px}
.bench li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:4px}.bench span{font-size:1.25rem;font-weight:800;color:var(--teal-d)}.bench small{color:var(--muted)}
.pricebox h2{display:flex;gap:8px;align-items:center}
/* ===== v6: visual refresh ===== */
/* hero bands: deeper gradient, glow, glass chips, curved bottom edge */
.xhero{isolation:isolate}
.xhero-bg:after{background:linear-gradient(100deg,rgba(12,22,42,.97) 0%,rgba(19,35,63,.92) 34%,rgba(19,35,63,.55) 62%,rgba(19,35,63,.12) 100%)}
.xhero:before{content:"";position:absolute;z-index:1;width:520px;height:520px;left:-160px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(179,134,47,.28),rgba(179,134,47,0) 70%);pointer-events:none}
.xhero:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:28px;background:var(--bg);clip-path:ellipse(75% 100% at 50% 100%)}
.xhero-in{z-index:2;padding:26px 16px 58px}.xhero.sm .xhero-in{padding:16px 16px 48px}.xhero.pro .xhero-in{padding:14px 16px 46px}
.kicker{background:rgba(179,134,47,.16);border:1px solid rgba(179,134,47,.45);color:#ffd3a5;padding:5px 12px;border-radius:99px;letter-spacing:.08em}
.xhero h1{text-shadow:0 2px 18px rgba(0,0,0,.25)}
.mini span{background:rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:600}
.strip{margin-top:-46px;box-shadow:0 10px 30px rgba(19,35,63,.12);border-radius:16px}
.strip strong{font-size:1.6rem}
/* guide cards */
.gcards a{border-radius:16px;transition:transform .15s,box-shadow .15s}.gcards a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(19,35,63,.14)}
.gimg{position:relative;display:block}.gimg img{border-radius:0}
.gico{position:absolute;right:12px;bottom:-20px;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--teal);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(19,35,63,.18)}
.gico .ico{width:24px;height:24px}
.gcards .gc{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.gk{font-style:normal;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d)}
.gmeta{display:flex;gap:12px;margin-top:auto;padding-top:8px;font-size:.8rem;color:var(--muted)}.gmeta span:first-child{color:var(--teal-d);letter-spacing:.06em}
/* link tiles instead of bare links */
.lcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;list-style:none;padding:0;margin:12px 0 24px}
.lcards a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);height:100%;transition:border-color .15s,box-shadow .15s}
.lcards a:hover{border-color:var(--teal);box-shadow:0 8px 20px rgba(19,35,63,.08)}
.lcards b{display:block;line-height:1.3}.lcards small{color:var(--muted)}
.lci{flex:none;width:42px;height:42px;border-radius:12px;background:var(--teal-l);color:var(--teal-d);display:flex;align-items:center;justify-content:center}.lci .ico{width:22px;height:22px}
.lcards .arr,.morebtn .ico{margin-left:auto;color:var(--teal)}
.more{margin:4px 0 24px}.morebtn{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:12px;background:#fff;border:1.5px solid var(--teal);color:var(--teal-d);font-weight:700;text-decoration:none}
.morebtn:hover{background:var(--teal);color:#fff}.morebtn:hover .ico{color:#fff}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--teal-l);color:var(--teal-d);font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap}
.pill .ico{width:14px;height:14px}.pill:hover{background:var(--teal);color:#fff}
.scards a{border-radius:14px;transition:border-color .15s,box-shadow .15s}.scards a:hover{box-shadow:0 8px 20px rgba(19,35,63,.08)}
/* charts */
.chart{border-radius:16px;padding:18px 20px}.chart.wide{grid-column:1/-1}.chart h3{font-size:1.02rem}
.bars .bar{background:linear-gradient(90deg,var(--teal),#5b7bb0);height:12px}.bars a{color:var(--ink);text-decoration:none}.bars a:hover{color:var(--teal)}
.donut{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.donut svg{width:150px;height:150px;transform:rotate(-90deg)}.donut svg text{transform:rotate(90deg);transform-origin:21px 21px}
.donut .legend{display:grid;gap:6px;margin:0;font-size:.88rem}.donut .legend b{margin-left:4px}
@media(max-width:480px){.donut{grid-template-columns:110px 1fr}.donut svg{width:110px;height:110px}}
.ranges{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ranges li{display:grid;grid-template-columns:minmax(150px,240px) 1fr 120px;gap:12px;align-items:center;font-size:.9rem}
.ranges a{color:var(--ink);text-decoration:none}.ranges a:hover{color:var(--teal)}.ranges b{text-align:right;color:var(--teal-d);white-space:nowrap}
.rtrack{position:relative;height:12px;border-radius:7px;background:var(--soft)}
.rbar{position:absolute;top:0;bottom:0;border-radius:7px;background:linear-gradient(90deg,#5b7bb0,var(--teal))}
.mid{position:absolute;top:-3px;width:4px;height:18px;border-radius:2px;background:var(--orange);transform:translateX(-2px)}
.ranges.mini li{grid-template-columns:minmax(120px,1.2fr) 1fr 110px;font-size:.86rem}
@media(max-width:620px){.ranges li,.ranges.mini li{grid-template-columns:1fr 100px}.rtrack{grid-column:1/-1;order:3}}
.ibar{display:inline-block;width:56px;height:8px;border-radius:5px;background:var(--soft);margin-right:8px;vertical-align:middle;overflow:hidden}.ibar i{display:block;height:100%;background:var(--orange)}
/* guide "at a glance" */
.glance{border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:16px 0 8px;background:linear-gradient(180deg,#fff,#fbfaf6)}
.glance .gh{padding-left:0;margin:0 0 12px;display:flex;gap:8px;align-items:center;font-size:1.15rem}.glance .gh:before{display:none}
.gl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.gl{background:var(--teal-l);border-radius:12px;padding:12px 14px;display:grid;gap:4px}.gl small{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d)}
.gl b .ico{width:24px;height:24px;color:var(--teal)}.gl span{font-weight:650;font-size:.92rem}
.lvl{display:flex;gap:5px}.lvl i{width:22px;height:8px;border-radius:4px;background:#d3dbe8}.lvl.l1 i:nth-child(-n+1),.lvl.l2 i:nth-child(-n+2),.lvl.l3 i{background:var(--orange)}
.gl-cols{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.gl-cols h3{margin:0 0 8px;font-size:.98rem;display:flex;gap:6px;align-items:center}
.pro{display:flex;gap:10px;align-items:flex-start;background:#fdf0e1;border-radius:12px;padding:12px 14px;margin:14px 0 0;color:#5d3a12}.pro .ico{color:#8c6620;width:22px;height:22px;flex:none}
@media(max-width:700px){.gl-grid,.gl-cols{grid-template-columns:1fr}}
.ranges.mini li{grid-template-columns:1fr auto;gap:4px 10px}.ranges.mini .rtrack{grid-column:1/-1;order:3}
.cityc a{display:inline-flex;align-items:center;gap:6px}.cityc .ico{color:var(--teal);width:15px;height:15px}.cityc small{background:var(--teal-l);color:var(--teal-d);border-radius:99px;padding:0 7px;font-weight:700}
/* ranked listing cards (Top Shops) */
.rcards{list-style:none;padding:0;margin:14px 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:12px}
.rcard{display:grid;grid-template-columns:44px minmax(0,1fr) auto 56px 20px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--ink);height:100%;transition:transform .15s,box-shadow .15s,border-color .15s}
.rcard:hover{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 10px 24px rgba(19,35,63,.1)}
.rpos{width:44px;height:44px;border-radius:12px;background:var(--soft);color:var(--navy);font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center}
.m1 .rpos{background:linear-gradient(135deg,#f6c453,#b3862f);color:#3d2304}.m2 .rpos{background:linear-gradient(135deg,#e3e7ea,#aeb8bf);color:#1d2433}.m3 .rpos{background:linear-gradient(135deg,#f0c7a0,#8c6620);color:#331a05}
.m1{border-color:#f0c98a;background:linear-gradient(180deg,#fffaf1,#fff)}
.rbody{display:grid;gap:3px;min-width:0}.rbody b{font-size:1.02rem;line-height:1.3}.rbody small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.84rem}
.rbody small .ico{width:14px;height:14px;color:var(--teal)}
.rfacts{display:flex;flex-wrap:wrap;gap:6px}.rfacts em{font-style:normal;display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:var(--teal-d);background:var(--teal-l);border-radius:99px;padding:2px 8px}
.rfacts .ico{width:12px;height:12px}
.rsvs{display:flex;gap:5px}.rsv{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--teal-l);color:var(--teal-d)}
.rsv .ico{width:17px;height:17px}.rsv.t-or{background:#fdf0e1;color:#8c6620}.rsv.t-vi{background:#ecebf8;color:#4b3f8a}.rsv.t-gr{background:#e6f3e2;color:#2f6a22}.rsv.t-na{background:#e9eef3;color:#1f3a63}
.rsv.more{font-size:.75rem;font-weight:800;color:var(--muted);background:var(--soft)}
.ring{--p:0;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--p)*1%),#ece7dc 0);display:flex;align-items:center;justify-content:center}
.ring b{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--navy)}
.rcard .arr{color:var(--teal)}
@media(max-width:560px){.rcards{grid-template-columns:1fr}.rcard{grid-template-columns:38px minmax(0,1fr) 52px;gap:10px}.rsvs{grid-column:2/-1;order:4}.rcard .arr{display:none}.rpos{width:38px;height:38px}}
.stack a{color:var(--ink);text-decoration:none;font-weight:650}.stack a:hover{color:var(--teal)}
/* ---- ChronoCrafter additions (Oct 2026) ---- */
.logo img{height:44px}
.navtoggle{display:none;margin-left:auto;align-items:center;gap:6px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;font-weight:650;color:var(--navy);cursor:pointer}
.navtoggle .ico{width:20px;height:20px}
@media(max-width:880px){.top .wrap{flex-wrap:wrap}.navtoggle{display:inline-flex}.nav{display:none;width:100%;flex-direction:column;padding-bottom:10px}
body.navopen .nav{display:flex}.nav a{padding:11px 12px;border-bottom:1px solid var(--line)}}
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.subnav a{color:#fff;text-decoration:none;font-size:.88rem;font-weight:600;padding:7px 13px;border-radius:99px;border:1px solid rgba(230,194,122,.55);background:rgba(255,255,255,.06)}
.subnav a:hover{background:rgba(179,134,47,.35);color:#fff}
.flogo{height:56px;width:auto;margin-bottom:10px;background:#fff;border-radius:10px;padding:6px 10px}
.kicker{color:#e6c27a}
.pkind{text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;color:var(--muted);font-weight:650}
.plead{margin:.6em 0 .2em;color:var(--ink);font-size:1.02rem;border-top:1px solid var(--line);padding-top:.7em}
.pbadge{display:inline-flex;align-items:center;gap:6px;background:#f6ead2;color:#6e4f14;border-radius:10px;padding:5px 12px;font-weight:700;font-size:.85rem}
.pbadge .ico{width:18px;height:18px}
.pbtns.n2{grid-template-columns:repeat(2,1fr)}.pbtns.n1{grid-template-columns:1fr}
.ptiles li .ti{background:#f6ead2;color:#6e4f14}
/* tree */
.tree{border-left:4px solid var(--orange)}.tree .th{display:flex;align-items:center;gap:8px;font-size:1.2rem}
.tq{font-weight:700;font-size:1.06rem;margin:.4em 0 .6em}.topts{display:flex;flex-wrap:wrap;gap:8px}
.tpath{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:6px}.tpath li{font-size:.8rem;background:var(--soft);padding:3px 10px;border-radius:99px}
.tpath li:after{content:" \203A";color:var(--muted)}
.tres{background:#f6ead2;border-radius:12px;padding:14px 16px;font-size:1.02rem;margin:6px 0}
.treset{margin-top:10px;background:none;border:0;color:var(--teal);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.tree-all{margin-top:12px;font-size:.92rem}.tree-all ul{padding-left:1.1em}.tree-all p{margin:.4em 0}
/* timeline */
.tline{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.tline:before{content:"";position:absolute;left:8%;right:8%;top:22px;height:3px;background:linear-gradient(90deg,var(--teal),var(--orange))}
.tline li{position:relative;text-align:center;padding:0 6px}.tl-i{display:inline-flex;width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid var(--orange);align-items:center;justify-content:center;color:var(--navy);position:relative}
.tline b{display:block;margin-top:6px;font-size:.92rem}.tline small{color:var(--muted);font-size:.82rem}
@media(max-width:700px){.tline{grid-template-columns:1fr;gap:10px}.tline:before{display:none}.tline li{text-align:left;display:grid;grid-template-columns:46px 1fr;column-gap:12px}.tline b{margin:0}.tline small{grid-column:2}}
/* calculators */
.calc .chk{display:flex;align-items:center;gap:8px;font-weight:600}.calc .chk input{width:20px;height:20px}
.srcl{list-style:none;padding:0;margin:6px 0;font-size:.9rem;columns:2;column-gap:24px}.srcl li{break-inside:avoid;padding:4px 0;border-bottom:1px dashed var(--line)}
@media(max-width:700px){.srcl{columns:1}}
.regcalc .cbig{font-size:1.1rem;background:var(--soft);padding:12px 14px;border-radius:10px}
.regcalc input{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:8px;width:100%}
/* Chart.js */
.cjs{margin:16px 0}.cjs-box{position:relative;width:100%}.cjs-data{margin-top:8px;font-size:.9rem}
/* types */
.ttype{scroll-margin-top:90px}.ttype h2{display:flex;align-items:center;gap:10px}.ttype h2 .ico{width:28px;height:28px;color:var(--orange)}
.lcards .lci .ico{color:var(--orange)}
.ad{min-height:280px}
.prices thead th{text-align:left;font-size:.85rem;color:var(--muted);border-bottom:2px solid var(--line);padding:6px 8px}
.prices td{vertical-align:top}
.cta .btn.ghost{color:#fff;border-color:rgba(255,255,255,.55)}.cta .btn.ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.tscroll{max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:var(--r)}.tscroll table{margin:0}.tscroll thead th{position:sticky;top:0;background:#fff;z-index:1}
@media(max-width:520px){.pbtn{font-size:.82rem;letter-spacing:.03em;min-height:48px;gap:6px}.pbtn .pnum{display:none}.pinfo h1{font-size:1.55rem}}