:root{color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface2:#edf2f7;--text:#121722;--muted:#606b7c;--line:#dfe6ef;--brand:#0f7cff;--green:#13b981;--amber:#f5b942;--shadow:0 24px 70px rgba(18,23,34,.11);--shadow2:0 10px 28px rgba(18,23,34,.08);--r:8px;--container:1160px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#0b0f15;--surface:#141a24;--surface2:#1e2632;--text:#f5f7fb;--muted:#a6b0bf;--line:#2b3544;--brand:#65a7ff;--green:#3ddc97;--amber:#ffd166;--shadow:0 24px 70px rgba(0,0,0,.36);--shadow2:0 12px 34px rgba(0,0,0,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}svg{display:block}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:3px}.container{width:min(100% - 32px,var(--container));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:box-shadow .22s ease,background .22s ease}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100% - 32px,var(--container));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:850}.mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0f7cff,#13b981)}.navlinks{display:flex;gap:6px;color:var(--muted);font-size:.95rem}.navlinks a{position:relative;border-radius:8px;padding:8px 10px;transition:color .18s ease,background .18s ease}.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--text);background:color-mix(in srgb,var(--brand) 7%,transparent)}.navlinks a[aria-current=page]:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:999px;background:var(--brand)}.navbtn{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);display:grid;place-items:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.navbtn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:var(--shadow2)}.menu{display:none}.hero{position:relative;overflow:hidden;padding:82px 0 42px;background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--brand) 22%,transparent),transparent 32%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--green) 18%,transparent),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--brand);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:0}h1{font-size:clamp(2.45rem,7vw,5.3rem)}h2{font-size:clamp(1.8rem,4vw,3.05rem)}h3{font-size:1.15rem}p{color:var(--muted)}.lead{font-size:1.18rem;max-width:730px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 42%,var(--line));box-shadow:var(--shadow2)}.btn:active,.navbtn:active{transform:translateY(0) scale(.98)}.btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.search{height:58px;max-width:680px;margin-top:28px;padding:0 15px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.visual{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 86%,transparent);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.metric{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:20px}.metric strong{display:block;font-size:1.55rem;margin:8px 0}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.metric-row div{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px}.section{padding:72px 0}.tint{background:var(--surface);border-block:1px solid var(--line)}.heading{text-align:center;max-width:760px;margin:0 auto 32px}.left{text-align:left;margin-left:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.cardtop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ico{width:42px;height:42px;border-radius:8px;background:var(--surface2);color:var(--brand);display:grid;place-items:center}.ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.badge{font-size:.78rem;font-weight:800;color:var(--muted);background:var(--surface2);border-radius:999px;padding:5px 9px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px}.list{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.list a{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);transition:background .18s ease,color .18s ease,transform .18s ease}.list a:last-child{border-bottom:0}.ad{min-height:92px;border:1px dashed color-mix(in srgb,var(--muted) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--surface) 78%,transparent);display:grid;place-items:center;color:var(--muted);text-align:center}.ad.side{min-height:280px;position:sticky;top:96px}.newsletter{padding:58px 0;background:var(--text);color:var(--bg)}.newsletter p,.newsletter .eyebrow{color:color-mix(in srgb,var(--bg) 75%,transparent)}.newsletter .inner{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center}.newsletter form{display:grid;grid-template-columns:1fr auto;gap:10px}.newsletter input{min-height:46px;border-radius:8px;border:0;padding:0 14px}.pagehero{padding:54px 0 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),transparent)}.crumbs,.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:18px}.crumbs a,.breadcrumbs a{color:var(--brand)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding:42px 0 76px}.stack{display:grid;gap:18px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:7px}.field label{font-weight:800;font-size:.92rem}.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:0 12px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--line))}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--brand) 62%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent);outline:0}.field textarea{min-height:150px;padding:12px;resize:vertical}.result{border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-radius:8px;padding:18px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.result.is-updated{animation:resultPulse .42s ease}.result strong{display:block;font-size:clamp(1.55rem,4vw,2.7rem);line-height:1.1}.result span{color:var(--muted)}details{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px 18px;transition:border-color .18s ease,background .18s ease}details:hover{border-color:color-mix(in srgb,var(--brand) 32%,var(--line))}summary{cursor:pointer;font-weight:800}.links{display:flex;flex-wrap:wrap;gap:8px}.links a{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:8px 12px;color:var(--muted);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.links a:hover{color:var(--text);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 6%,var(--surface));transform:translateY(-1px)}.timerdisplay{font-size:clamp(2.5rem,9vw,5rem);font-weight:900;text-align:center}.qr canvas{max-width:240px;width:100%;background:#fff;border-radius:8px;padding:10px}.footer{border-top:1px solid var(--line);background:var(--surface);padding:36px 0}.footgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footgrid a{display:block;margin:8px 0;color:var(--muted);transition:color .18s ease,transform .18s ease}.footgrid a:hover{color:var(--text);transform:translateX(2px)}@keyframes resultPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 22%,transparent)}100%{box-shadow:0 0 0 12px transparent}}@media(max-width:900px){.hero-grid,.split,.newsletter .inner,.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.navlinks{position:fixed;inset:72px 16px auto;display:none;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);gap:4px}.navlinks.open{display:flex;animation:menuIn .18s ease}.navlinks a{padding:12px}.menu{display:grid}.ad.side{position:static;min-height:120px}}@media(max-width:640px){.container,.nav{width:min(100% - 24px,var(--container))}.grid,.formgrid,.footgrid,.newsletter form{grid-template-columns:1fr}.section{padding:54px 0}.actions{display:grid}.actions .btn{width:100%}.hero{padding-top:48px}.search{height:auto;min-height:56px}.pagehero{padding-top:38px}.layout{padding-top:28px}.card{padding:18px}.visual{border-radius:8px}.metric-row{grid-template-columns:1fr}.nav{height:66px}.navlinks{inset:66px 12px auto}.footer{text-align:left}}@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}.brand img{width:118px;height:auto}.card img{max-width:100%;height:auto}.skip-link,.skip{position:absolute;left:-999px;top:8px;background:var(--text);color:var(--bg);padding:10px 12px;border-radius:8px;z-index:100}.skip-link:focus,.skip:focus{left:12px}.updated,.meta-line{color:var(--muted);font-size:.92rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.92rem}.ad[aria-label]{font-size:.9rem}.navbtn{cursor:pointer}a:focus-visible{text-decoration:underline;text-underline-offset:3px}.btn:focus-visible,.navbtn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 65%,transparent);outline-offset:3px}
/* Visual polish layer: keeps the existing layout intact. */
body{ background-image: linear-gradient(90deg,color-mix(in srgb,var(--line) 42%,transparent) 1px,transparent 1px), linear-gradient(180deg,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px), radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 34%); background-size:64px 64px,64px 64px,100% 720px; background-attachment:fixed,fixed,scroll;
}
.site-header{box-shadow:0 1px 0 color-mix(in srgb,var(--surface) 70%,transparent)}
.brand img{filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--brand) 18%,transparent))}
.hero:after{ content:"";position:absolute;left:0;right:0;bottom:0;height:1px; background:linear-gradient(90deg,transparent,var(--brand),var(--green),transparent);opacity:.34
}
.hero h1{background:linear-gradient(135deg,var(--text),color-mix(in srgb,var(--brand) 42%,var(--text)) 58%,var(--text));-webkit-background-clip:text;background-clip:text;color:transparent}
.visual,.card,.metric,.list,.result,details,.ad{ box-shadow:0 1px 0 color-mix(in srgb,#fff 70%,transparent) inset,0 18px 48px color-mix(in srgb,var(--text) 7%,transparent)
}
.card,.metric,.visual,.result,details{ position:relative;overflow:hidden
}
.card:before,.visual:before,.metric:before,.result:before{ content:"";position:absolute;inset:0 0 auto 0;height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 48%,transparent),color-mix(in srgb,var(--green) 42%,transparent),transparent); opacity:.75;pointer-events:none
}
.card:hover .ico,.tool-card:hover .ico{transform:translateY(-1px) scale(1.03)}
.ico{transition:transform .18s ease,background .18s ease;color:var(--brand);box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 12%,transparent)}
.badge{border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.btn.primary{box-shadow:0 12px 30px color-mix(in srgb,var(--text) 18%,transparent)}
.btn.primary:hover{box-shadow:0 16px 36px color-mix(in srgb,var(--brand) 22%,transparent)}
.search{box-shadow:0 20px 60px color-mix(in srgb,var(--brand) 10%,transparent),0 1px 0 color-mix(in srgb,#fff 75%,transparent) inset}
.search:focus-within{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 22px 70px color-mix(in srgb,var(--brand) 16%,transparent)}
.section.tint{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface2) 38%,var(--surface)))}
.pagehero{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--brand) 5%,transparent) 72%,transparent)}
.ad{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 92%,transparent) 10px,color-mix(in srgb,var(--surface2) 72%,transparent) 10px,color-mix(in srgb,var(--surface2) 72%,transparent) 20px);}
.list a:hover{background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.footer{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface2) 44%,var(--surface)))}
@media (max-width:640px){body{background-size:48px 48px,48px 48px,100% 620px}.hero h1{color:var(--text);background:none}}

.search-wrap{position:relative;max-width:680px}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;display:none}.search-suggestions.is-open{display:block;animation:menuIn .16s ease}.search-suggestions a,.search-suggestions .empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.search-suggestions .empty{color:var(--muted);justify-content:center}.search-suggestions a:last-child{border-bottom:0}.search-suggestions a:hover,.search-suggestions a:focus,.search-suggestions a.is-active{background:color-mix(in srgb,var(--brand) 8%,var(--surface));outline:0}.search-suggestions small{color:var(--muted)}.card-cta{display:inline-flex;margin-top:10px;color:var(--brand);font-size:.9rem;font-weight:800;opacity:.86}.card:hover .card-cta{opacity:1}.utility-strip{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.utility-strip a{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:8px 12px;color:var(--muted);font-size:.92rem}.utility-strip a:hover{color:var(--text);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,12px);z-index:100;background:var(--text);color:var(--bg);border-radius:8px;padding:10px 14px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.field-error{color:#b42318;font-size:.86rem}.field [aria-invalid="true"]{border-color:#d92d20}.tool-guide{font-size:.95rem;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface2) 45%,var(--surface));padding:12px}.tool-guide kbd{border:1px solid var(--line);border-radius:6px;padding:2px 6px;background:var(--surface2);font:inherit;color:var(--text)}.card:hover,.list a:hover,.btn:hover{transform:translateY(-1px)}@supports(content-visibility:auto){.section:not(:first-child),.layout{content-visibility:auto;contain-intrinsic-size:1px 900px}}@media (max-width:900px){body{background-attachment:scroll,scroll,scroll}}@media (prefers-reduced-motion:reduce){.toast,.card,.list a,.btn,.navlinks a{transition:none!important;transform:none!important}}@media(max-width:640px){.search-suggestions{position:static;margin-top:8px}.utility-strip a{width:100%;text-align:center}.toast{left:12px;right:12px;transform:translateY(12px)}.toast.is-visible{transform:translateY(0)}.card-cta{font-size:.86rem}.search-suggestions a{align-items:flex-start;flex-direction:column}}