:root{--bg:#07060f;--card:#11101f;--line:#25223d;--tx:#eceaf6;--mu:#a6a3bf;--pu:#a855f7;--bl:#3b82f6;--cy:#22d3ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#c4b5fd}a:hover{color:#fff}h1,h2,h3{line-height:1.15;letter-spacing:-.02em}h2{font-size:1.7em;margin:0 0 18px}
.glow{position:fixed;inset:-20vh -10vw auto;height:80vh;z-index:-1;background:radial-gradient(40% 50% at 25% 30%,#7c3aed40,transparent 70%),radial-gradient(35% 45% at 80% 20%,#2563eb38,transparent 70%);pointer-events:none}
.wrap{max-width:1160px;margin:auto;padding:0 22px}main{padding-bottom:40px}
.top{position:sticky;top:0;z-index:10;background:#07060fcc;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;height:64px;gap:12px}
.nav nav{display:flex;align-items:center;gap:18px}.nav nav a{color:var(--mu);text-decoration:none;font-weight:500;font-size:.95em}.nav nav a:hover{color:#fff}
.logo{font-weight:800;color:#fff!important;text-decoration:none;font-size:1.1em;white-space:nowrap}.mark{background:linear-gradient(135deg,var(--pu),var(--bl));-webkit-background-clip:text;color:transparent;margin-right:6px}
.btn{display:inline-block;padding:11px 20px;border-radius:10px;border:0;background:linear-gradient(135deg,var(--pu),var(--bl));color:#fff!important;font:600 1em Inter,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 0 24px #8b5cf655;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 0 34px #8b5cf699}.btn.sm{padding:7px 14px;font-size:.9em}.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none}
.hero{text-align:center;padding:80px 0 40px}.hero.sm{padding:56px 0 28px}.hero h1{font-size:clamp(2.2em,6vw,4em);margin:16px 0 14px;font-weight:800}.grad{background:linear-gradient(90deg,#c084fc,#60a5fa,var(--cy));-webkit-background-clip:text;color:transparent}
.lead{color:var(--mu);font-size:1.15em;max-width:640px;margin:0 auto}.pill{display:inline-block;padding:5px 12px;border:1px solid #6d28d966;background:#6d28d91f;color:#d8b4fe;border-radius:99px;font-size:.82em;font-weight:600}
.filters{display:flex;gap:10px;max-width:720px;margin:30px auto 0;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 0 40px #7c3aed22}
.filters input,.filters select{padding:12px 14px;font:1em Inter,sans-serif;color:var(--tx);background:#0b0a17;border:1px solid var(--line);border-radius:10px;outline:none}.filters input{flex:1;min-width:0}.filters input:focus,.filters select:focus{border-color:var(--pu)}
.stats{display:flex;justify-content:center;gap:28px;margin-top:22px;color:var(--mu);font-size:.95em;flex-wrap:wrap}.stats b{color:#fff}
.sec{padding:44px 0 8px}.shead{display:flex;justify-content:space-between;align-items:baseline}
.cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}.cats a,.tag a{background:#1a1830;border:1px solid var(--line);color:#c7d2fe;padding:4px 11px;border-radius:99px;text-decoration:none;font-size:.85em}.cats a:hover{border-color:var(--pu)}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.cat,.gcard{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;color:var(--tx);text-decoration:none;transition:.2s}.cat small,.gcard small{color:var(--mu)}
.cat:hover,.gcard:hover,.card:hover{border-color:#8b5cf6aa;transform:translateY(-3px);box-shadow:0 10px 40px -10px #7c3aed66}
.ico{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#7c3aed33,#2563eb33);border:1px solid #7c3aed55;font-size:1.1em}.ico.lg{width:46px;height:46px;font-size:1.35em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.card{display:flex;flex-direction:column;background:linear-gradient(180deg,#141227,#0f0e1d);border:1px solid var(--line);border-radius:16px;padding:20px;transition:.2s}
.chead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card h3{margin:0 0 8px;font-size:1.12em}.card h3 a{color:#fff;text-decoration:none}.ext{color:var(--mu);font-size:.8em}.card p{color:#c9c6dc;margin:10px 0 0;font-size:.95em}
.price{margin-top:auto!important;padding-top:12px;border-top:1px dashed var(--line);color:var(--mu)!important;font-size:.85em!important}.card>p:nth-of-type(1){margin-bottom:12px}
.badge{font-size:.72em;font-weight:700;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.free{background:#05966922;color:#6ee7b7;border:1px solid #05966966}.paid{background:#7c3aed22;color:#d8b4fe;border:1px solid #7c3aed66}.quote{background:#2563eb22;color:#93c5fd;border:1px solid #2563eb66}.inc{background:#0891b222;color:#67e8f9;border:1px solid #0891b266}
.jade{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:40px;align-items:center;margin:56px 0 12px;padding:32px;border-radius:24px;background:radial-gradient(80% 120% at 0% 0%,#7c3aed33,transparent 60%),radial-gradient(60% 100% at 100% 100%,#2563eb2e,transparent 60%),var(--card);border:1px solid #7c3aed55;box-shadow:0 0 60px -20px #a855f7}
.jade video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;border:1px solid #a855f777;background:#000;box-shadow:0 0 40px #7c3aed55}.jade p{color:#c9c6dc}.jthumb{display:block;width:100%;max-width:420px;margin-top:18px;border-radius:14px;border:1px solid var(--line)}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.gcard b{font-size:1.02em}
.cta{text-align:center;margin:56px 0 0;padding:44px 24px;border-radius:24px;background:linear-gradient(135deg,#6d28d933,#1d4ed833);border:1px solid #7c3aed55}.cta p{color:var(--mu)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.plan{padding:26px;background:var(--card);border:1px solid var(--line);border-radius:18px}.plan.hot{border-color:#a855f7;box-shadow:0 0 40px -10px #a855f7}.plan p{color:var(--mu)}
.guide{max-width:720px;margin:auto;padding:48px 0}.guide h1{font-size:clamp(1.9em,5vw,2.8em);margin:14px 0 26px}.back{display:block;margin-bottom:16px;text-decoration:none}
.steps{list-style:none;padding:0;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:18px 18px 18px 66px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:14px}.steps li:before{content:counter(s);position:absolute;left:18px;top:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--pu),var(--bl));font-weight:700}
footer{margin-top:60px;border-top:1px solid var(--line);background:#05040b;padding:44px 0 20px}.fgrid{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:30px}footer h4{margin:0 0 12px}.muted,.fine{color:var(--mu);font-size:.9em}.fine{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}footer a{color:var(--mu);text-decoration:none}footer a:hover{color:#fff}
.nl{display:flex;gap:8px}.nl input{flex:1;min-width:0;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0b0a17;color:var(--tx);font:1em Inter,sans-serif}#none{text-align:center;color:var(--mu)}
@media(max-width:760px){.nav nav a:not(.btn){display:none}.hero{padding:52px 0 28px}.filters{flex-direction:column}.jade{grid-template-columns:1fr;padding:20px;gap:20px}.jade video{max-width:300px;margin:auto;display:block}.fgrid{grid-template-columns:minmax(0,1fr)}.grid,.catgrid,.ggrid{grid-template-columns:minmax(0,1fr)}.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn.sm{white-space:nowrap}.logo{font-size:1em}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* tool cards v2 */
.card{--ac:#a855f7;position:relative;overflow:hidden;padding:20px;gap:0;min-height:230px}
.c-helpdesk{--ac:#f472b6}.c-monitoring{--ac:#22d3ee}.c-scripting{--ac:#a3e635}.c-security{--ac:#f87171}.c-networking{--ac:#60a5fa}.c-docs{--ac:#fbbf24}.c-cloud{--ac:#a78bfa}
.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--ac),transparent)}
.card:after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(var(--ac),transparent 70%);opacity:.08;transition:opacity .25s;pointer-events:none}
.card:hover{border-color:color-mix(in srgb,var(--ac) 60%,transparent);box-shadow:0 12px 40px -14px var(--ac)}.card:hover:after{opacity:.2}
.chead{display:flex;gap:14px;align-items:center;justify-content:flex-start;margin-bottom:14px}.ctitle{min-width:0}
.logo-tile{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px #ffffff22,0 6px 18px -6px var(--ac)}.logo-tile img{width:34px;height:34px;object-fit:contain;border-radius:6px}
.logo-tile.mono{background:linear-gradient(135deg,var(--ac),#3b82f6);color:#fff;font-weight:800;font-size:1.4em}
.card h3{margin:0 0 4px;font-size:1.05em;line-height:1.25}.ext{margin-left:5px;opacity:0;transition:.2s}.card:hover .ext{opacity:1}
.ctag{font-size:.78em;color:var(--ac);text-decoration:none;font-weight:600}.ctag:hover{color:#fff}
.card .verdict{margin:0 0 16px;color:#c9c6dc;font-size:.93em;flex:1}
.cfoot{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line)}
.cfoot .price{border:0!important;padding:0!important;margin:0!important;font-size:.82em!important;line-height:1.4}
.badge{font-size:.68em;padding:3px 10px;letter-spacing:.06em}
.sa-promo{display:flex;gap:20px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#7c3aed22,#2563eb18),var(--card);text-decoration:none;color:var(--tx)}.sa-promo h2{margin:6px 0}.sa-promo p{margin:0}.sa-promo .btn{margin-left:auto;white-space:nowrap}
@media(max-width:700px){.sa-promo{flex-direction:column;align-items:flex-start}.sa-promo .btn{margin-left:0}}
.sa-panel{max-width:460px;margin:10px auto 40px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.sa-panel h2{font-size:1.4em}
.sa-panel label{display:block;margin:0 0 14px;color:var(--mu);font-size:.92em}.sa-panel input{display:block;width:100%;margin-top:6px;padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:#0b0a17;color:var(--tx);font:inherit}
.sa-err{color:#f87171;min-height:1.2em;margin:10px 0 0}.small{font-size:.85em}
.sa-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:22px}
.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.sa-mod{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:flex;flex-direction:column}.sa-mod h3{margin:10px 0 6px}.sa-mod p{margin:0 0 8px}.sa-mod.soon{opacity:.6}.sa-mod.done{border-color:#22d3ee66;box-shadow:0 0 24px #22d3ee18}
.sa-top{display:flex;justify-content:space-between;align-items:center}.sa-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--pu),var(--bl))}.sa-act{margin-top:auto;padding-top:10px}
.sa-player{display:grid;gap:24px;align-items:start;margin-bottom:30px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.sa-player.tall{grid-template-columns:minmax(0,360px) 1fr}.sa-player.wide{grid-template-columns:1fr}
.sa-vwrap{background:#000;border-radius:12px;overflow:hidden}.sa-player.tall .sa-vwrap{aspect-ratio:9/16;max-height:78vh}.sa-player.wide .sa-vwrap{aspect-ratio:16/9}
.sa-vwrap video{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:700px){.sa-player.tall{grid-template-columns:1fr}.sa-player.tall .sa-vwrap{max-height:70vh;margin:auto;width:auto}}
.cert{margin:30px auto;max-width:900px;padding:14px;border-radius:18px;background:linear-gradient(135deg,var(--pu),var(--bl),var(--cy))}.cert-in{background:#0b0a17;border-radius:12px;padding:48px 32px;text-align:center}
.cert-k{letter-spacing:.2em;text-transform:uppercase;color:var(--cy);font-weight:700}.cert h1{font-size:2.6em;margin:10px 0}.cert h2{margin:6px 0 16px}.cert-prog{font-weight:700}.cert-meta{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:var(--mu);margin-top:26px}.cert-actions{text-align:center}
@media print{.top,footer,.glow,.noprint{display:none!important}body{background:#fff}.cert{margin:0;max-width:none}.cert-in{background:#fff;color:#111}.cert-in *{color:#111!important}.cert{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:landscape;margin:12mm}}
.sa-player[hidden],[hidden]{display:none!important}.sa-num{width:auto;min-width:30px;padding:0 9px;border-radius:15px}
.sa-quiz{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b0a17}.sa-quiz h3{margin:0 0 4px}.sa-quiz fieldset{border:0;padding:0;margin:14px 0}.sa-quiz legend{font-weight:600;margin-bottom:6px}.sa-quiz label{display:block;padding:8px 10px;margin:4px 0;border:1px solid var(--line);border-radius:8px;cursor:pointer}.sa-quiz label:hover{border-color:var(--pu)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}