:root{--bg:#f5f5f6;--card:#fff;--ink:#0e0e10;--muted:#5b5f66;--line:#e5e5e8;--accent:#E85B33;--accent-d:#c8461f;--accent-bg:#fdeee8;--good:#E85B33;--warn:#c58b12;--bad:#c0262d;--good-bg:#fdeee8;--warn-bg:#faf1d9;--bad-bg:#fbe6e6;--info:#3d63c9;--hero:#0b0b0d;--radius:14px;--shadow:0 1px 2px rgba(14,14,16,.05),0 8px 24px rgba(14,14,16,.06);color-scheme:light}
:root[data-theme=dark]{--bg:#0b0b0d;--card:#151518;--ink:#f4f4f5;--muted:#a1a1aa;--line:#26262b;--accent:#ff6a3d;--accent-d:#ff8a63;--accent-bg:#241611;--good:#ff6a3d;--warn:#e9b949;--bad:#f2706a;--good-bg:#2a1a13;--warn-bg:#2b2412;--bad-bg:#2d1816;--info:#8aa6f5;--hero:#0b0b0d;--shadow:none;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0b0d;--card:#151518;--ink:#f4f4f5;--muted:#a1a1aa;--line:#26262b;--accent:#ff6a3d;--accent-d:#ff8a63;--accent-bg:#241611;--good:#ff6a3d;--warn:#e9b949;--bad:#f2706a;--good-bg:#2a1a13;--warn-bg:#2b2412;--bad-bg:#2d1816;--info:#8aa6f5;--hero:#0b0b0d;--shadow:none;color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent-d)}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(26px,4vw,40px);letter-spacing:-.02em}h2{font-size:22px}h3{font-size:17px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;word-break:break-all}code{background:var(--accent-bg);padding:1px 5px;border-radius:5px;font-size:.9em}
.grow{flex:1;min-width:0}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}
header.site{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.hbar{display:flex;align-items:center;gap:18px;height:58px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
header nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}header nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px;font-weight:550}header nav a:hover{background:var(--accent-bg);color:var(--accent-d)}
footer.site{margin-top:60px;border-top:1px solid var(--line);background:var(--card);padding:28px 0;font-size:13.5px}.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-bottom:18px}.fcols b{display:block;margin-bottom:6px}.fcols a{display:block;color:var(--muted);text-decoration:none;padding:2px 0}.fcols a:hover{color:var(--accent-d)}
.hero{padding:56px 0 40px;background:linear-gradient(180deg,var(--accent-bg),transparent)}.hero h1{max-width:760px}.lead{font-size:17px;color:var(--muted);max-width:760px}
.quick{display:flex;gap:10px;max-width:640px;margin:22px 0 8px}.quick .input{flex:1}
.toolpage{padding-top:22px}.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}.crumbs a{color:var(--muted)}.toolroot{margin:22px 0 10px;min-height:120px}
.prose{max-width:820px;margin-top:40px}.prose li{margin:4px 0}.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0 0 16px;box-shadow:var(--shadow)}.card h3{margin-top:0}
.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);font:inherit}.input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.input.sm{width:auto;padding:5px 8px}.input.big{padding:14px 16px;font-size:16px}textarea.input{resize:vertical}
.row .input{width:auto}.row .input.grow{width:100%}
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;font:inherit;font-weight:600;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-d)}.btn.sm{padding:5px 10px;font-size:13px}.btn.big{padding:14px 22px;font-size:16px}.btn:disabled{opacity:.6;cursor:wait}
.lbl{display:block;font-weight:650;margin-bottom:6px}.extras{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;align-items:center}.extras .input{width:auto;min-width:200px}.chk{display:inline-flex;gap:6px;align-items:center;font-size:14px;cursor:pointer}
.loading{display:flex;gap:14px;align-items:center}.spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:sp 0.8s linear infinite;flex:none}@keyframes sp{to{transform:rotate(360deg)}}
.callout{padding:11px 14px;border-radius:10px;margin:8px 0;background:var(--accent-bg);border:1px solid var(--line)}.callout.bad{background:var(--bad-bg);border-color:var(--bad)}.callout.warn{background:var(--warn-bg);border-color:var(--warn)}.callout.good{background:var(--good-bg);border-color:var(--good)}
.badge{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;font-weight:700}.badge.pass{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.fail{background:var(--bad-bg);color:var(--bad)}.badge.info{background:var(--accent-bg);color:var(--info)}
.pass-t{color:var(--good)}.warn-t{color:var(--warn)}.fail-t{color:var(--bad)}
.pill{display:inline-block;padding:2px 11px;border-radius:99px;font-size:12.5px;font-weight:650;background:var(--bg);border:1px solid var(--line)}.good-p{background:var(--good-bg);color:var(--good);border-color:transparent}.warn-p{background:var(--warn-bg);color:var(--warn);border-color:transparent}.bad-p{background:var(--bad-bg);color:var(--bad);border-color:transparent}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}
.ring{position:relative;flex:none}.ring-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.ring-n small{font-size:11px;color:var(--muted);font-weight:650}
.summary .sum-main{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.summary h2{font-size:19px;word-break:break-all}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.catgrid.four{border:0;margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.catcard{display:flex;gap:12px;align-items:center}.catcard div:last-child{display:flex;flex-direction:column}
.prio{list-style:none;padding:0;margin:0}.prio li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.prio li:last-child{border:0}
.ico{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}.ico.pass{background:var(--good)}.ico.warn{background:var(--warn)}.ico.fail{background:var(--bad)}.ico.info{background:var(--info)}
.check{border:1px solid var(--line);border-radius:10px;margin:6px 0;background:var(--card)}.check summary{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.check summary::-webkit-details-marker{display:none}.check .ct{flex:1;font-weight:600}.cbody{padding:0 14px 12px 44px}.detail{white-space:pre-wrap;word-break:break-word;background:var(--bg);padding:9px 11px;border-radius:8px;font:12.5px/1.5 ui-monospace,Menlo,monospace;margin:0 0 8px}.fix{margin:6px 0 0}
.catsec h3{margin-top:22px}.filters,.typebar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.fpill{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:6px 13px;border-radius:99px;cursor:pointer;font:inherit;font-weight:600;font-size:13.5px}.fpill.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:2px solid var(--line);margin:18px 0 14px}.tab{background:none;border:0;padding:10px 14px;font:inherit;font-weight:650;color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px}.tab.on{color:var(--accent-d);border-color:var(--accent)}
.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--line)}.table td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.code{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;margin:0;overflow:auto;max-height:380px;font:12.5px/1.55 ui-monospace,Menlo,monospace;white-space:pre-wrap;word-break:break-all}
.outbox{margin-top:14px}.outbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px;flex-wrap:wrap}.outbar span{display:flex;gap:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.split.wide-left{grid-template-columns:1.1fr 1fr}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-content:start}.fld{display:flex;flex-direction:column;gap:4px;font-size:13px}.fld>span{font-weight:650}.fld.wide{grid-column:1/-1}
.lrow{display:flex;gap:6px;margin-bottom:6px}.lrow .input{flex:1}.x{border:0;background:var(--bad-bg);color:var(--bad);border-radius:8px;width:30px;cursor:pointer;flex:none}.wideinp{flex:2!important}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.stat{background:var(--bg);border-radius:10px;padding:10px 12px}.stat small{display:block;color:var(--muted);font-size:12px}.stat b{font-size:19px}
.tip{display:flex;gap:10px;align-items:flex-start;padding:7px 0}.longs{background:var(--warn-bg);padding:8px 10px;border-radius:8px;font-size:13.5px}
.hscore{display:flex;align-items:baseline;gap:8px;margin:14px 0}.hscore b{font-size:52px}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.metric{border-radius:10px;padding:11px 13px;border-left:5px solid;background:var(--bg)}.metric small{display:block;color:var(--muted);font-weight:650}.metric b{font-size:21px}.metric.pass{border-color:var(--good)}.metric.warn{border-color:var(--warn)}.metric.fail{border-color:var(--bad)}
.kwcloud{display:flex;flex-wrap:wrap;gap:7px}.kw{background:var(--accent-bg);color:var(--ink);padding:4px 11px;border-radius:99px;text-decoration:none;font-size:13.5px}.kw:hover{background:var(--accent);color:#fff}
.lenbar{margin:10px 0}.lenbar-top{display:flex;justify-content:space-between;font-size:13px}.bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin:4px 0}.bar i{display:block;height:100%;border-radius:99px;transition:width .3s}.bar i.pass{background:var(--good)}.bar i.warn{background:var(--warn)}.bar i.fail{background:var(--bad)}
.serp-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.serp{background:#fff;color:#202124;border:1px solid #dadce0;border-radius:12px;padding:14px 16px;font-family:Arial,sans-serif;margin-top:4px}.serp.mob{max-width:380px}.serp-top{display:flex;gap:10px;align-items:center;margin-bottom:4px}.serp-fav{width:26px;height:26px;border-radius:50%;background:#f1f3f4;display:flex;align-items:center;justify-content:center;font-size:12px;color:#5f6368}.serp-site{font-size:14px;color:#202124}.serp-url{font-size:12px;color:#4d5156}.serp-title{font-size:20px;line-height:1.3;color:#1a0dab;margin:4px 0}.serp-desc{font-size:14px;line-height:1.58;color:#4d5156}
.ogcard{max-width:500px;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:6px 0 14px;background:var(--bg)}.og-img{height:200px;background:var(--line) center/cover;display:flex;align-items:center;justify-content:center;color:var(--muted)}.og-text{padding:10px 14px;display:flex;flex-direction:column;gap:2px}.og-text small{color:var(--muted)}
.outline{list-style:none;padding:0;margin:0}.outline li{padding:4px 0}.hl{display:inline-block;min-width:30px;text-align:center;font-size:11px;font-weight:800;padding:1px 5px;border-radius:5px;background:var(--accent-bg);color:var(--accent-d);margin-right:6px}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;text-align:center}.vs .ring{margin:10px auto}.win{color:var(--good)}.lose{color:var(--bad)}
.hop{padding:6px 10px;border-left:3px solid var(--warn);margin:4px 0;background:var(--bg);border-radius:0 8px 8px 0;word-break:break-all}.hop.end{border-color:var(--good)}
.schemanode{padding:8px 0;border-bottom:1px solid var(--line)}
.tgrid,.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:26px}.tcard{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.tcard:hover{transform:translateY(-2px);border-color:var(--accent)}.tcard small{color:var(--muted);font-size:13px}.ti{font-size:24px}.catblock h3 small{font-weight:400;margin-left:8px}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#14181f;color:#fff;padding:10px 18px;border-radius:99px;opacity:0;transition:.25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
.fab{position:fixed;right:18px;bottom:18px;z-index:50;background:var(--accent);color:#fff;border:0;border-radius:99px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.chat{position:fixed;right:18px;bottom:76px;width:min(390px,calc(100vw - 24px));height:min(560px,70vh);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.28);z-index:60;display:flex;flex-direction:column;overflow:hidden}.chat[hidden]{display:none}.chat header{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;position:relative}.chat header .x{position:absolute;right:10px;top:10px;width:28px;height:28px;background:var(--bg);color:var(--ink)}
.chat-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:9px}.msg{max-width:92%;padding:9px 12px;border-radius:14px;font-size:14px}.msg p{margin:0 0 6px}.msg ul,.msg ol{margin:4px 0;padding-left:20px}.msg.bot{background:var(--bg);align-self:flex-start}.msg.user{background:var(--accent);color:#fff;align-self:flex-end}.msg.typing{opacity:.6}
.chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:99px;padding:4px 10px;font-size:12.5px;cursor:pointer}.chat-in{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.print-only{display:none}
@media(max-width:760px){.split,.split.wide-left,.grid2,.grid3,.serp-pair,.fgrid{grid-template-columns:1fr}.vs{grid-template-columns:1fr}header nav a:nth-child(n+2):nth-child(-n+4){display:none}.quick{flex-direction:column}.fab span{display:none}}
@media print{header.site,footer.site,.fab,.chat,.noprint,.urlform,.tabs,.prose,.crumbs,.toolpage>h1,.toolpage>.lead{display:none!important}.print-only{display:flex!important;gap:12px;align-items:center;margin-bottom:14px;border-bottom:2px solid #000;padding-bottom:8px}body{background:#fff;color:#000}.card{box-shadow:none;break-inside:avoid}.check{break-inside:avoid}.check[hidden]{display:none}}
[hidden]{display:none!important}
.exec p{margin:0;font-size:15.5px}.plan{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-bottom:1px solid var(--line);cursor:pointer}.plan:last-child{border:0}.plan input{margin-top:5px;width:18px;height:18px;accent-color:var(--accent)}.plan>span:last-child{display:flex;flex-direction:column}.plan input:checked~span:last-child{opacity:.5;text-decoration:line-through}.bar.big{height:14px;margin:14px 0 8px}
.fixcard ol{margin:8px 0 12px;padding-left:20px}.wpbox{background:var(--accent-bg);border-radius:9px;padding:9px 12px;margin-top:10px;font-size:13.5px}
.embed header.site,.embed footer.site,.embed .crumbs,.embed .toolpage>h1,.embed .toolpage>.lead,.embed .prose,.embed .fab{display:none!important}.embed .toolpage{padding-top:0}.embed body{background:transparent}

/* ---- mobile menu (hamburger) ---- */
.menubtn{display:none;width:42px;height:38px;padding:0;align-items:center;justify-content:center}
.mb-ico,.mb-ico::before,.mb-ico::after{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:transform .2s,background .2s}
.mb-ico::before,.mb-ico::after{content:"";position:absolute;left:0}.mb-ico::before{top:-6px}.mb-ico::after{top:6px}
.menubtn[aria-expanded="true"] .mb-ico{background:transparent}.menubtn[aria-expanded="true"] .mb-ico::before{top:0;transform:rotate(45deg)}.menubtn[aria-expanded="true"] .mb-ico::after{top:0;transform:rotate(-45deg)}
.mobmenu{display:none;border-top:1px solid var(--line);background:var(--card);max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 12px 24px rgba(0,0,0,.12)}
.mobmenu .wrap{padding-top:10px;padding-bottom:22px}
.mobmenu a{display:block;padding:11px 8px;color:var(--ink);text-decoration:none;font-weight:550;border-radius:8px}.mobmenu a:hover,.mobmenu a:focus-visible{background:var(--accent-bg);color:var(--accent-d)}
.mm-home{font-weight:700!important;border-bottom:1px solid var(--line);border-radius:0!important;margin-bottom:6px}
.mm-cat{margin-top:12px}.mm-cat b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 8px}
@media(max-width:760px){
  header nav{display:none}
  .hbar{gap:10px}.hbar .brand{margin-right:auto}
  .menubtn{display:inline-flex}
  .mobmenu:not([hidden]){display:block}
}
@media(min-width:761px){.mobmenu{display:none!important}}
@media print{.mobmenu,.menubtn{display:none!important}}
.scorenote{font-size:12.5px;margin:6px 0 10px}

.menu-open .fab,.menu-open .chat{display:none!important}
.scorenote{font-size:12.5px;margin:6px 0 10px}

/* ===== Premium layer: orange #E85B33 + black, white and gray ===== */
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent-d)}
h1,h2,h3{letter-spacing:-.025em}h2{font-size:24px}
header.site{background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:saturate(170%) blur(14px);backdrop-filter:saturate(170%) blur(14px)}
.hbar{height:70px}
.brand{font-size:21px;font-weight:800;letter-spacing:-.04em}.brand img{border-radius:8px}.brand .bsub{font-weight:500;color:var(--muted);margin-left:-5px}
header nav{gap:2px}header nav a{color:var(--ink);font-size:14.5px;font-weight:600;padding:8px 12px;border-radius:10px}header nav a:hover,header nav a.current{background:transparent;color:var(--accent-d);box-shadow:inset 0 -2px 0 var(--accent)}
.hcta{margin-left:4px}
.btn{border-radius:11px;font-weight:650;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
.btn:hover{border-color:var(--ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 18px rgba(232,91,51,.28)}.btn.primary:hover{background:var(--accent-d);border-color:var(--accent-d);transform:translateY(-1px)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--card)}.btn.dark:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn.lg{padding:14px 24px;font-size:16px}
.input{border-radius:11px;background:var(--card)}.input:focus{outline:2px solid var(--accent)}
.card{border-radius:var(--radius)}
code{background:var(--accent-bg);color:var(--accent-d)}
.tgrid,.related{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.tcard{padding:14px;border-radius:16px;gap:6px}.tcard:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 40px rgba(14,14,16,.12)}
.tcard .tshot{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:10px;border:1px solid var(--line);background:var(--bg);margin-bottom:8px;display:block}
.tcard b{font-size:16.5px;letter-spacing:-.01em}.tcard .open{margin-top:8px;font-weight:700;color:var(--accent-d);font-size:14px}.tcard:hover .open{color:var(--accent)}
.hero{background:radial-gradient(60% 120% at 80% 0%,var(--accent-bg),transparent 70%)}
.summary,.card.summary{border-top:3px solid var(--accent)}
.tabs .tab.on{color:var(--accent-d);border-color:var(--accent)}
.kw{background:var(--accent-bg)}.kw:hover{background:var(--accent)}
footer.site{margin-top:80px;background:var(--hero);color:#d4d4d8;border-top:0;padding:56px 0 28px}
footer.site a{color:#a1a1aa}footer.site a:hover{color:#fff}
footer.site .muted{color:#8b8b94}footer.site b{color:#fff}
.fcols a{padding:4px 0}
a.btn,a.btn:hover{text-decoration:none}
.tcard .tshot{height:auto}

/* ===== Luxury layer 2: calmer type, depth, filled buttons ===== */
:root{--shadow-md:0 2px 4px rgba(14,14,16,.04),0 14px 34px rgba(14,14,16,.08);--shadow-lg:0 4px 8px rgba(14,14,16,.05),0 26px 60px rgba(14,14,16,.14);--grad:linear-gradient(135deg,#ff8d5e 0%,#E85B33 52%,#c8461f 100%)}
:root[data-theme=dark]{--shadow-md:0 1px 0 rgba(255,255,255,.04) inset,0 14px 34px rgba(0,0,0,.45);--shadow-lg:0 1px 0 rgba(255,255,255,.05) inset,0 26px 60px rgba(0,0,0,.6)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-md:0 1px 0 rgba(255,255,255,.04) inset,0 14px 34px rgba(0,0,0,.45);--shadow-lg:0 1px 0 rgba(255,255,255,.05) inset,0 26px 60px rgba(0,0,0,.6)}}
body{font-size:16px;line-height:1.62}
h1{font-size:clamp(27px,3.2vw,36px);line-height:1.15;font-weight:800}
h2{font-size:clamp(20px,2.2vw,25px);line-height:1.25}h3{font-size:17px}
.lead{font-size:16.5px}
.card,.tcard,.summary{box-shadow:var(--shadow-md)}
.card{border:1px solid var(--line)}
header.site{transition:box-shadow .25s,background .25s}header.site.scrolled{box-shadow:0 10px 30px rgba(14,14,16,.1)}
.brand{gap:10px}.brand img{width:34px;height:34px;border-radius:10px;box-shadow:0 6px 16px rgba(232,91,51,.35)}
.brand:hover img{transform:rotate(-6deg) scale(1.05)}.brand img{transition:transform .25s}
.btn{position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(14,14,16,.06)}
.btn.primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 26px rgba(232,91,51,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.primary:hover{background:var(--grad);border-color:transparent;transform:translateY(-2px);box-shadow:0 16px 34px rgba(232,91,51,.45),inset 0 1px 0 rgba(255,255,255,.3);filter:saturate(1.08)}
.btn.primary:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-20deg);transition:left .6s}
.btn.primary:hover:after{left:130%}
.btn:active{transform:translateY(0) scale(.98)}
.btn.sm{padding:8px 15px}
/* tool cards: shadow, hover lift, filled action button */
.tcard{background:var(--card);border:1px solid var(--line);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.tcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.tcard .tshot{border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 6px 16px rgba(14,14,16,.07);transition:transform .35s,box-shadow .35s}
.tcard:hover .tshot{box-shadow:0 12px 26px rgba(14,14,16,.14)}
.tcard .open,.open{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin-top:12px;padding:9px 16px;border-radius:10px;background:var(--grad);color:#fff!important;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:0 6px 16px rgba(232,91,51,.3);transition:transform .2s,box-shadow .2s,gap .2s}
.tcard:hover .open,.open:hover{gap:10px;box-shadow:0 10px 22px rgba(232,91,51,.45)}
.tcard small{flex:1}
.ico.pass{color:var(--card)}
.badge.pass,.good-p{background:var(--good-bg);color:var(--good)}
.tabs .tab{transition:color .2s,border-color .2s}
.input{transition:border-color .2s,box-shadow .2s}.input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
.reveal.tcard.in:hover{transform:translateY(-6px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
footer.site{background:linear-gradient(180deg,#0b0b0d,#08080a)}footer.site:before{content:"";display:block;height:2px;margin:-56px 0 54px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}
footer.site a{transition:color .2s,padding-left .2s}.fgrid a:hover{padding-left:4px}