*{box-sizing:border-box}:root{--al:#f9a8d4;--a:#be185d;--a2:#0e7490;--bg:#f7f8fb;--card:#fff;--t:#1b1f2a;--m:#5b6475;--b:#e3e7ef;--r:14px}
/* ===== "Clear" design layer (ClarityCheck-style), colours come from the site's own --a / --a2 / --al / --bg ===== */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/pjs-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/pjs-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--r:20px;--b2:#d5d9e0;--tint:color-mix(in srgb,var(--a) 8%,#fff);--tint2:color-mix(in srgb,var(--a2) 8%,#fff);--ad:color-mix(in srgb,var(--a) 84%,#000);--ink:#0b0d12;
--sh:0 1px 2px rgba(10,11,13,.04),0 8px 28px rgba(10,11,13,.06);--sh-h:0 2px 4px rgba(10,11,13,.04),0 16px 40px rgba(10,11,13,.09);--sh-lg:0 1px 2px rgba(10,11,13,.05),0 24px 60px color-mix(in srgb,var(--a) 16%,transparent);
--wrap:1200px;--gut:32px;--pad:max(var(--gut),calc((100% - var(--wrap))/2 + var(--gut)));--ff:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
[data-theme=dark]{--bg:#0b0e15;--card:#131722;--t:#eef1f7;--m:#a3abbd;--b:#242a39;--b2:#323a4d;--tint:color-mix(in srgb,var(--a) 20%,#131722);--tint2:color-mix(in srgb,var(--a2) 18%,#131722);--ad:color-mix(in srgb,var(--a) 85%,#fff);--sh:0 1px 2px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.25);--sh-h:0 2px 4px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.4);--sh-lg:0 24px 60px rgba(0,0,0,.45);color-scheme:dark}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{overflow-x:clip}
body{margin:0;font:16px/1.55 var(--ff);background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s,color .2s}
a{color:var(--a);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--ad)}img{max-width:100%}
h1,h2,h3,h4{color:var(--t);line-height:1.15;letter-spacing:-.025em}
h2{margin:0 0 14px;font-size:clamp(1.35rem,2.2vw,1.6rem);font-weight:800}h3{margin:0 0 8px;font-size:1.12rem;font-weight:700;letter-spacing:-.015em}
::selection{background:color-mix(in srgb,var(--a) 22%,transparent)}
/* nav */
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--b)}
.nav{position:relative;max-width:var(--wrap);margin:auto;display:flex;align-items:center;gap:24px;min-height:72px;padding:0 var(--gut)}
.logo{display:inline-flex;align-items:center;gap:0;font-weight:800;font-size:1.2rem;letter-spacing:-.025em;text-decoration:none;color:var(--t)!important;flex:none;white-space:nowrap}
.logo:before{content:var(--mk,"");width:32px;height:32px;border-radius:50%;background:linear-gradient(140deg,var(--a),var(--a2));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:-.03em;flex:none;margin-right:10px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.logo span{color:var(--a)}
.nav nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}
.nav nav a{padding:8px 12px;margin:0;border-radius:999px;text-decoration:none;color:var(--t);font-weight:600;font-size:.93rem;white-space:nowrap;transition:color .15s,background .15s}
.nav nav a:hover{color:var(--a);background:var(--tint)}.nav nav a[aria-current]{color:var(--a)}
.theme{position:relative;flex:none;width:40px;height:40px;margin-left:8px;border-radius:50%;border:1px solid var(--b);background:var(--card);cursor:pointer;font-size:0!important;color:transparent!important;transition:background .15s,border-color .15s}
.theme:before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:var(--t);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z'/%3E%3C/svg%3E")}
[data-theme=dark] .theme:before{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Cpath d='M12 2v2.2M12 19.8V22M4.9 4.9l1.6 1.6M17.5 17.5l1.6 1.6M2 12h2.2M19.8 12H22M4.9 19.1l1.6-1.6M17.5 6.5l1.6-1.6'/%3E%3C/svg%3E")}
.theme:hover{border-color:var(--b2);background:var(--bg)}
.menu-btn{display:none;position:relative;width:42px;height:42px;margin-left:auto;border-radius:50%;border:0;background:var(--bg);cursor:pointer;flex:none}
.menu-btn span,.menu-btn span:before,.menu-btn span:after{position:absolute;left:50%;width:18px;height:2px;margin-left:-9px;border-radius:2px;background:var(--t);content:"";transition:transform .2s,opacity .2s}
.menu-btn span{top:50%;margin-top:-1px}.menu-btn span:before{top:-6px;left:0;margin:0}.menu-btn span:after{top:6px;left:0;margin:0}
body.menu-open .menu-btn span{background:transparent}body.menu-open .menu-btn span:before{transform:translateY(6px) rotate(45deg)}body.menu-open .menu-btn span:after{transform:translateY(-6px) rotate(-45deg)}
/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;background:var(--card);color:var(--t);text-align:left;padding:68px var(--pad) 76px;border-bottom:1px solid var(--b)}
.hero:before,.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.hero:before{inset:0;background-image:radial-gradient(color-mix(in srgb,var(--a) 30%,transparent) 1.2px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 46% 80% at 88% 18%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 46% 80% at 88% 18%,#000 0%,transparent 70%);opacity:.55}
.hero:after{width:900px;height:700px;right:-260px;top:-300px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--a) 11%,transparent),color-mix(in srgb,var(--a2) 5%,transparent) 55%,transparent 75%)}
.hero h1{font-size:clamp(2.35rem,5.4vw,4.15rem);line-height:1.03;letter-spacing:-.045em;font-weight:800;margin:22px 0 20px;max-width:900px;text-wrap:balance}
.hero p{max-width:640px;margin:0;font-size:1.2rem;line-height:1.6;color:var(--m);opacity:1}
.hero .upd{order:-1;display:inline-flex;align-items:center;gap:9px;margin:0!important;max-width:100%;font-size:.84rem!important;line-height:1.4;font-weight:600;color:var(--t);background:var(--bg);border:1px solid var(--b);border-radius:999px;padding:7px 15px 7px 11px}
.hero .upd:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 18%,transparent);flex:none}
.hero .row{justify-content:flex-start;margin-top:34px;gap:12px}
.hero .btn{padding:16px 28px;font-size:1.02rem;box-shadow:0 10px 24px color-mix(in srgb,var(--a) 28%,transparent)}.hero .btn.alt{box-shadow:none}
.hero:has(+main.prose){padding-left:max(var(--gut),calc((100% - 860px)/2 + var(--gut)));padding-right:max(var(--gut),calc((100% - 860px)/2 + var(--gut)))}
.hero:has(+main.prose):after{right:-420px}.hero:has(+main.prose) h1{font-size:clamp(2.1rem,4.6vw,3.3rem)}
.ccbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-top:22px}.ccbar a{color:var(--t);text-decoration:none;background:var(--card);border:1px solid var(--b);border-radius:999px;padding:8px 15px;font-size:.88rem;font-weight:600;min-height:40px;display:inline-flex;align-items:center}.ccbar a:hover{border-color:var(--a);color:var(--a)}
/* layout */
main{max-width:var(--wrap);margin:auto;padding:48px var(--gut) 88px}
.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.card{background:var(--card);border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:var(--sh);margin-bottom:24px;transition:transform .2s,box-shadow .2s,border-color .2s}
.grid>.card{margin-bottom:0}.grid{margin-bottom:24px}
.card.hov:hover{transform:translateY(-3px);box-shadow:var(--sh-h);border-color:color-mix(in srgb,var(--a) 30%,var(--b))}
.card>h2:first-child,.card>.row:first-child h2{letter-spacing:-.03em}
@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.muted{color:var(--m);font-size:.92rem}
.prose{max-width:780px}.prose h2{margin-top:36px;scroll-margin-top:96px}.prose p,.prose li{font-size:1.04rem;line-height:1.72}.prose article.card{padding:40px}
.prose article.card>section>h2:first-child{margin-top:40px}.prose article.card>section:first-of-type>h2{margin-top:28px}
/* forms */
label{display:block;font-size:.9rem;color:var(--t);margin:12px 0 6px;font-weight:600}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--b2);border-radius:12px;font:inherit;font-size:1rem;background:var(--card);color:var(--t);outline:none;transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--m) 75%,transparent)}
select{-webkit-appearance:none;appearance:none;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a90a0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;cursor:pointer}
textarea{min-height:90px;resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{border-color:var(--a)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent);outline:none}
input[type=checkbox],input[type=radio]{accent-color:var(--a);width:18px;height:18px}input[type=range]{accent-color:var(--a);width:100%}
:focus-visible{outline:2px solid var(--a);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;background:var(--a);color:#fff!important;border:0;border-radius:999px;padding:12px 22px;font:inherit;font-weight:700;font-size:.95rem;line-height:1.2;cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .15s,border-color .15s}
.btn:hover{background:var(--ad);box-shadow:0 8px 20px color-mix(in srgb,var(--a) 26%,transparent);filter:none}.btn:active{transform:scale(.98)}
.btn.alt{background:var(--card);color:var(--t)!important;border:1px solid var(--b2);box-shadow:none}.btn.alt:hover{background:var(--bg);border-color:color-mix(in srgb,var(--a) 45%,var(--b2));color:var(--a)!important}
.btn.sm{min-height:38px;padding:7px 15px;font-size:.86rem}
.btn[disabled]{opacity:.55;cursor:not-allowed}
/* tables */
.tw{overflow-x:auto;border:1px solid var(--b);border-radius:16px;background:var(--card);-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:.94rem}
th,td{padding:13px 16px;border-bottom:1px solid var(--b);text-align:left;vertical-align:top}
th{background:var(--bg);font-weight:700;color:var(--t)}
thead th,table>tr:first-child>th,tbody:first-child>tr:first-child>th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--m)}
tr:last-child>td{border-bottom:0}.tw table{margin:0}
/* small parts */
.tag{display:inline-flex;align-items:center;background:var(--tint);color:var(--a);border-radius:999px;padding:3px 11px;font-size:.78rem;font-weight:700;margin:2px}
.note{background:#fff6dc;border:1px solid #f4e2a8;border-radius:14px;padding:14px 16px;font-size:.94rem;color:#4a3a10}
[data-theme=dark] .note{background:#2a2410;border-color:#4d4119;color:#f1e3b8}
.empty{text-align:center;color:var(--m);padding:32px 24px;border:1.5px dashed var(--b2);border-radius:16px;background:var(--bg)}
[title]{cursor:help}button[title],a[title]{cursor:pointer}
.skip{position:absolute;left:-999px;top:10px;background:var(--a);color:#fff;padding:10px 16px;border-radius:999px;z-index:99;font-weight:700}.skip:focus{left:10px}
.crumbs{font-size:.88rem;color:var(--m);margin:0 0 20px}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.crumbs li+li:before{content:"/";margin-right:8px;color:var(--b2)}.crumbs a{color:var(--m);text-decoration:none;font-weight:600}.crumbs a:hover{color:var(--a)}
.toc{background:var(--bg);border-radius:16px;padding:18px 22px}.toc strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--m)}.toc ol{margin:8px 0 0;padding-left:20px}.toc li{margin:4px 0}.toc a{text-decoration:none;font-weight:600;font-size:.95rem}.toc a:hover{text-decoration:underline}
details.faq{border:0;border-radius:16px;padding:0 22px;margin:10px 0;background:var(--bg);transition:background .15s}
details.faq summary{cursor:pointer;font-weight:700;padding:18px 34px 18px 0;min-height:44px;list-style:none;position:relative}details.faq summary::-webkit-details-marker{display:none}
details.faq summary:after{content:"";position:absolute;right:2px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:2px solid var(--m);border-bottom:2px solid var(--m);transform:rotate(45deg);transition:transform .2s}
details.faq[open] summary:after{transform:rotate(-135deg);margin-top:-2px}
details.faq p{margin:0 0 18px;color:var(--m);line-height:1.65}
.cta{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:#fff;border-radius:28px;padding:44px;margin:28px 0}
.cta:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-160px;top:-240px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--a) 45%,transparent),transparent 70%)}
.cta h2,.cta h3{color:#fff}.cta p{color:#b6bdcb}.cta a:not(.btn){color:var(--al)}.cta .btn{background:var(--a);color:#fff!important}.cta .btn:hover{background:var(--ad)}.cta .btn.alt{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.links{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.links a{display:block;padding:16px 18px;border:1px solid var(--b);border-radius:16px;background:var(--card);text-decoration:none;font-weight:700;color:var(--t);min-height:44px;transition:border-color .15s,box-shadow .15s,transform .15s}.links a:hover{border-color:color-mix(in srgb,var(--a) 45%,var(--b));color:var(--a);box-shadow:var(--sh);transform:translateY(-2px)}
[data-theme=dark] a:not(.btn){color:var(--al)}[data-theme=dark] .nav nav a,[data-theme=dark] .links a,[data-theme=dark] .crumbs a{color:var(--t)}
.ccsel{width:auto!important;min-height:40px!important;margin-left:8px;padding:6px 36px 6px 14px!important;border-radius:999px!important;font-size:.9rem!important}
.stepn{text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800;color:var(--a)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ccpick select{width:auto;min-height:40px;border-radius:999px;padding:6px 36px 6px 14px;font:inherit;font-size:.88rem;font-weight:600;max-width:200px;background-color:var(--card);color:var(--t);border:1px solid var(--b);cursor:pointer}
.ccpick{margin-left:8px}
.ccbanner{position:fixed;bottom:16px;left:16px;right:16px;max-width:580px;margin:auto;background:var(--card);border:1px solid var(--b);box-shadow:var(--sh-lg);border-radius:18px;padding:16px 18px;z-index:50;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tpl{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
/* feedback */
.fbk{max-width:var(--wrap);margin:0 auto 72px;padding:0 var(--gut)}
.fbk-in{background:var(--card);border:1px solid var(--b);border-radius:24px;padding:36px;display:grid;grid-template-columns:1fr 2fr;gap:36px;box-shadow:var(--sh)}
.fbk h2{font-size:1.4rem;margin:0 0 8px}.fbrow{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.fbf label{margin-top:0}.fbf>label{margin-top:14px}.fbf textarea{width:100%;resize:vertical;min-height:120px}
.fbmeta{text-align:right;font-size:.8rem;margin-top:6px}.fbhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.fbst{font-weight:600}.fbst.ok{color:#15803d}.fbst.err{color:#dc2626}.fbf .row{margin-top:14px}
@media(max-width:760px){.fbk{margin-bottom:48px}.fbk-in{grid-template-columns:1fr;padding:24px;gap:16px}.fbrow{grid-template-columns:1fr}}
/* footer */
footer{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px 56px;background:var(--card);border-top:1px solid var(--b);padding:64px var(--pad) 44px;text-align:left;color:var(--m);font-size:.9rem}
footer>*{min-width:0}footer>*:not(.xsite):not(nav){grid-column:1/-1}
footer .xsite{margin:0;font-size:0;line-height:0}
footer .xsite strong{display:block;font-size:.8rem;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;color:var(--t);margin:0 0 16px}
footer .xsite a{display:inline-flex;align-items:center;min-height:38px;margin:0 8px 8px 0;padding:8px 15px;border:1px solid var(--b);border-radius:999px;background:var(--bg);color:var(--t);font-size:.88rem;line-height:1.3;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}
footer .xsite a:hover{border-color:var(--a);color:var(--a)}
footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
footer nav:before{content:"On this site";font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--t);font-weight:800;margin-bottom:12px}
footer .xsite strong{font-weight:800}
footer nav a{margin:0;padding:4px 0;color:var(--m);text-decoration:none;font-weight:500;font-size:.93rem}footer nav a:hover{color:var(--a)}
footer>p{margin:8px 0 0;padding:20px 22px;background:var(--bg);border-radius:16px;font-size:.84rem;line-height:1.65}
footer>p a,footer>div:not(.xsite) a{margin:0 4px}
[data-theme=dark] footer .xsite a{color:var(--t)}[data-theme=dark] footer nav a{color:var(--m)}
/* misc shared widgets */
.stars button{background:none;border:0;font-size:1.8rem;cursor:pointer;color:var(--b2);min-width:44px;min-height:44px;transition:color .15s,transform .15s}.stars button.on{color:#f59e0b}.stars button:hover{transform:scale(1.08)}
.lead{display:grid;gap:20px;grid-template-columns:1fr 1fr;align-items:center}@media(max-width:700px){.lead{grid-template-columns:1fr}}.lead form{display:flex;gap:10px;flex-wrap:wrap}.lead input{flex:1;min-width:180px}
.score{font-size:3.2rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--a),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.loc{display:inline-flex;gap:4px;background:var(--bg);border:1px solid var(--b);border-radius:999px;padding:4px}.loc button{border:0;background:none;border-radius:999px;padding:8px 16px;cursor:pointer;font:inherit;font-weight:600;color:var(--m);min-height:40px}.loc button.on{background:var(--card);color:var(--t);box-shadow:0 1px 4px rgba(10,11,13,.12)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* responsive */
@media(max-width:980px){
 .nav{min-height:64px;flex-wrap:nowrap;padding:0 20px}
 .menu-btn{display:block}
 .nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 20px 18px;background:var(--card);border-bottom:1px solid var(--b);box-shadow:0 16px 30px rgba(10,11,13,.1);max-height:calc(100vh - 64px);overflow:auto}
 body.menu-open .nav nav{display:flex}
 .nav nav a{padding:13px 2px;border-radius:0;border-bottom:1px solid var(--b);font-size:1rem}.nav nav a:hover{background:none}
 .nav nav .theme{margin:14px 0 0}.nav nav .ccpick{margin:14px 0 0}.nav nav .ccpick select{max-width:none;width:100%}
}
@media(max-width:860px){
 :root{--gut:20px}
 .hero{padding:44px var(--pad) 52px}.hero p{font-size:1.06rem}.hero h1{margin:18px 0 14px}
 .hero:after{width:520px;height:520px;right:-300px;top:-260px}.hero:before{-webkit-mask-image:radial-gradient(ellipse 70% 50% at 100% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse 70% 50% at 100% 0%,#000,transparent 70%)}
 .hero .row{margin-top:26px;width:100%}.hero .row .btn{flex:1 1 220px}
 main{padding:28px var(--gut) 64px}
 .card{padding:20px;border-radius:18px}.prose article.card{padding:22px}
 .cta{padding:28px 22px;border-radius:22px}
 footer{grid-template-columns:1fr;padding:44px var(--gut) 36px;gap:28px}
 th,td{padding:11px 12px}
}
@media print{header.top,footer,.noprint,.hero,.fbk{display:none!important}body{background:#fff}main{padding:0}.card{border:0;box-shadow:none}}

/* ===== site-specific rules (unchanged) ===== */

.tools{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tools a{display:flex;flex-direction:column;padding:14px;border:1px solid var(--b);border-radius:12px;text-decoration:none;background:var(--card);min-height:44px}.tools a span{color:var(--m);font-size:.88rem}.tools a:hover{border-color:var(--a)}.nkp a em{font-style:normal;font-weight:600;margin-top:6px;font-size:.9rem}
.cursel{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;color:var(--m)}.cursel select{width:auto;min-width:120px}
.fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.fg .w2{grid-column:1/-1}@media(max-width:520px){.fg{grid-template-columns:1fr}}
.pre{display:flex;align-items:stretch;border:1px solid var(--b);border-radius:10px;background:var(--card);overflow:hidden}.pre:focus-within{outline:2px solid var(--a)}.pre span{display:flex;align-items:center;padding:0 10px;background:var(--bg);color:var(--m);font-weight:600;font-size:.9rem;min-width:40px;justify-content:center}.pre input{border:0;border-radius:0;outline:0!important;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:10px 0}.kpis>div{background:var(--bg);border-radius:12px;padding:12px}.big{font-size:2rem;font-weight:800;line-height:1.1}.big2{font-size:1.3rem;font-weight:700}.pos{color:#15803d}.neg{color:#dc2626}
.seg{display:flex;gap:6px;background:var(--bg);border-radius:12px;padding:5px;margin:12px 0}.seg button{flex:1;border:0;background:none;border-radius:9px;padding:10px;font:inherit;font-weight:600;color:var(--m);cursor:pointer;min-height:44px}.seg button.on{background:var(--card);color:var(--a);box-shadow:0 1px 6px rgba(0,0,0,.1)}
.src li{margin:6px 0}.steps li{margin:8px 0}
.calcg{display:grid;gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}@media(max-width:900px){.calcg{grid-template-columns:1fr}}
.qz fieldset{border:0;padding:0;margin:0 0 16px}.qz legend{font-weight:700;margin-bottom:8px;font-size:1.02rem}.opts{display:flex;flex-wrap:wrap;gap:8px}.opts label{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border:1px solid var(--b);border-radius:999px;background:var(--card);color:var(--t);font-weight:500;font-size:.95rem;cursor:pointer;min-height:44px}.opts input{width:18px;height:18px;min-height:0;accent-color:var(--a)}.opts label:has(input:checked){border-color:var(--a);background:color-mix(in srgb,var(--a) 10%,var(--card));color:var(--a);font-weight:600}
.res-card{border-left:4px solid var(--a)}.pill{display:inline-block;font-size:.78rem;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--bg);border:1px solid var(--b);margin:2px 4px 2px 0}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;color:var(--t)!important;margin:0!important;min-height:44px;padding:10px 0;font-size:1rem!important}.chk input{width:22px;height:22px;min-height:0;flex:none;accent-color:var(--a);margin-top:2px}
.ex{background:var(--bg);border-radius:12px;padding:14px 16px;margin:14px 0}
#qRes{scroll-margin-top:90px}
.cmp th:first-child,.cmp td:first-child{font-weight:600;min-width:120px}

.bd td{padding:8px 6px}.bd .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.bd tr.tot td{background:var(--bg)}
.hint{font-size:.8rem;color:var(--m);margin:4px 0 0}.meter{height:12px;background:var(--bg);border-radius:999px;overflow:hidden}.meter div{height:100%;width:0;background:linear-gradient(90deg,var(--a),var(--a2));transition:width .3s}
.ckg{margin:20px 0 4px;font-size:1.05rem}.cklist{list-style:none;padding:0;margin:0}.cklist li{border-bottom:1px solid var(--b)}.cklist .src{font-size:.8rem;margin-left:4px}
.chk input:checked+span{color:var(--m);text-decoration:line-through}
@media print{.chk input{-webkit-appearance:checkbox}}
@media(max-width:640px){.nav nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.nav nav::-webkit-scrollbar{display:none}.nav nav a{white-space:nowrap}.nav nav .theme{flex:none}}

/* ===== Clear layer: shared tool components (overrides the site-specific rules above) ===== */
.seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--b);border-radius:999px;padding:4px;margin:16px 0 8px}
.seg button{flex:1;border:0;background:none;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;font-size:.92rem;color:var(--m);cursor:pointer;min-height:42px;transition:background .15s,color .15s}
.seg button:hover{color:var(--t)}.seg button.on{background:var(--card);color:var(--t);box-shadow:0 1px 4px rgba(10,11,13,.12)}
[data-theme=dark] .seg button.on{background:#232a3a}
.pre{display:flex;align-items:stretch;border:1px solid var(--b2);border-radius:12px;background:var(--card);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.pre:focus-within{outline:0;border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}
.pre span{display:flex;align-items:center;justify-content:center;padding:0 12px;min-width:42px;background:var(--bg);color:var(--m);font-weight:700;font-size:.9rem}
.pre input{border:0!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.fg{gap:2px 16px}
.kpis{gap:12px}.kpis>div{background:var(--bg);border-radius:16px;padding:16px 18px}
.kpis .muted{font-size:.82rem;font-weight:600}
.big{font-size:clamp(2rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.04em;line-height:1.05}.big2{font-size:1.4rem;font-weight:800;letter-spacing:-.03em}
.big.pos,.pos{color:#05845a}.big.neg,.neg{color:#d12c2c}
.meter{height:10px;background:var(--bg);border-radius:999px;overflow:hidden;border:1px solid var(--b)}.meter div{border-radius:999px}
.verdict{font-weight:700}
.res{top:96px}
.bd td{padding:10px 8px}.bd tr.tot td{background:var(--bg);font-weight:800}.bd tr.tot td:first-child{border-radius:10px 0 0 10px}.bd tr.tot td:last-child{border-radius:0 10px 10px 0}
.bd .num{font-weight:600}
.res .tw,.card .tw:has(.bd){border:0;border-radius:0;background:none}
details.adv{margin-top:16px;border-top:1px solid var(--b);padding-top:6px}details.adv summary{color:var(--a);font-weight:700;list-style:none;gap:8px}details.adv summary::-webkit-details-marker{display:none}
details.adv summary:before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s;margin-right:4px}details.adv[open] summary:before{transform:rotate(45deg)}
.chk input{accent-color:var(--a)}
.ex{background:var(--bg);border-radius:16px;padding:18px 20px}.ex table td{border-color:color-mix(in srgb,var(--b) 70%,transparent)}
.tools{gap:14px}.tools a{padding:18px;border:1px solid var(--b);border-radius:16px;background:var(--card);color:var(--t);gap:4px;transition:border-color .15s,box-shadow .15s,transform .15s}
.tools a strong{font-size:1rem;letter-spacing:-.01em}.tools a span{line-height:1.5}
.tools a:hover{border-color:color-mix(in srgb,var(--a) 45%,var(--b));box-shadow:var(--sh);transform:translateY(-2px)}
.tools a em{color:var(--a);font-style:normal;font-weight:700}
[data-theme=dark] .tools a{color:var(--t)}
.tcta{position:relative;overflow:hidden;isolation:isolate;background:var(--ink)!important;border:0!important;color:#fff;border-radius:28px;padding:44px;gap:36px}
.tcta:before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-160px;top:-260px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--a) 50%,transparent),transparent 70%)}
.tcta h2,.tcta strong{color:#fff}.tcta p,.tcta li{color:#b9c0cd}.tcta .muted{color:#9aa2b2!important}.tcta .stepn{color:var(--al)}.tcta .btn{padding:16px 26px}
.ticks li{margin:4px 0}.ticks li:before{color:var(--al)}
.card .ticks li:before{content:"";display:inline-block;width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-3px);margin-right:10px}
.card:not(.tcta) .ticks li:before{color:#05845a}
.opts{gap:8px}.opts label{border:1px solid var(--b2);border-radius:999px;padding:10px 16px;font-weight:600;transition:border-color .15s,background .15s,color .15s}
.opts label:hover{border-color:var(--a)}.opts label:has(input:checked){border-color:var(--a);background:var(--tint);color:var(--t)}
.qz legend{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;margin-bottom:10px}
.res-card{border-left:1px solid var(--b)!important;position:relative;overflow:hidden}.res-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--a),var(--a2))}
.hlp,.prog.pri{border-left:1px solid var(--b)!important;position:relative;overflow:hidden}.hlp:before,.prog.pri:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--a)}
.pill{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;border-radius:999px;padding:4px 11px;background:var(--bg);border:1px solid var(--b);color:var(--t);margin:2px 4px 2px 0}
.hlp .tag{background:var(--bg);border:1px solid var(--b);color:var(--m)}
.cmp th:first-child,.cmp td:first-child{font-weight:700}
.cklist li{border-bottom:1px solid var(--b)}.cklist li:last-child{border-bottom:0}
.drow .x,.urow .x{border-radius:12px;border-color:var(--b2)}.drow .x:hover,.urow .x:hover{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
.ngc{border-radius:14px}
.cursel select{min-height:40px;border-radius:999px;font-size:.9rem;font-weight:600}
.call{border-radius:14px;padding:14px 16px;border-left:0!important;background:var(--tint)}.call.info{background:color-mix(in srgb,#0369a1 9%,var(--card))}.call.warn{background:#fff6dc;color:#4a3a10}[data-theme=dark] .call.warn{background:#2a2410;color:#f1e3b8}
.chip2{border-radius:999px;font-weight:600}.chip2:hover{background:var(--tint)}
.tl{counter-reset:clst}.tl .step{counter-increment:clst}.stepi:empty:before{content:counter(clst);color:#fff;font-weight:800;font-size:1.35rem;letter-spacing:-.03em}
.stepi{border-radius:16px!important;box-shadow:0 10px 22px color-mix(in srgb,var(--a) 28%,transparent)!important}
.gtoc a{border-radius:12px;font-weight:600}.gtoc a:hover{background:var(--bg)}
.tf{font-weight:700}.tf.on{background:var(--t);border-color:var(--t);color:var(--card)}
.tcard{border-radius:18px;border-width:1px}.tcard[aria-pressed=true]{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 22%,transparent)}
.tplbtn{border-radius:14px}
.tpldlg{border-radius:24px}
.sug{border-radius:12px;border-style:solid;border-color:var(--b2)}.sug:hover{background:var(--tint);border-color:var(--a)}
#cv{border-radius:14px;box-shadow:var(--sh-lg)}
.planbar{background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(8px)}
@media(max-width:860px){.tcta{padding:28px 22px;border-radius:22px;gap:20px}.kpis>div{padding:14px}}
#cv{padding:20px;transition:none}
.hero .gsel{justify-content:flex-start;margin-top:22px}.hero .gsel label{margin:0}

:root{--mk:"TS"}