.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);line-height:1;padding:.78rem 1.3rem;border-radius:var(--r-md);border:1px solid transparent;white-space:nowrap;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn svg{width:18px;height:18px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad);color:#06122a;box-shadow:var(--sh-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 44px rgba(99,102,241,.34)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--sh-1)}.btn-secondary:hover{border-color:var(--signal);color:var(--signal-deep);transform:translateY(-2px)}:root[data-theme="dark"] .btn-secondary:hover{color:var(--signal)}.btn-ghost{color:var(--text-soft);padding-inline:.85rem}.btn-ghost:hover{color:var(--text);background:var(--bg-sunken)}.btn-lg{padding:1rem 1.7rem;font-size:var(--fs-base);border-radius:var(--r-lg)}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;padding:.32rem .7rem;border-radius:var(--r-pill);background:var(--grad-soft);color:var(--signal-deep);border:1px solid var(--border)}:root[data-theme="dark"] .badge{color:var(--signal)}.badge-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 3px rgba(34,211,238,.2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--sh-1);transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--border-strong)}.card-icon{width:46px;height:46px;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:var(--s-4);background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .card-icon{color:var(--signal)}.card-icon svg{width:24px;height:24px}.card h3{font-size:var(--fs-lg);margin-bottom:var(--s-2)}.card p{font-size:var(--fs-sm);line-height:var(--lh-snug)}.cat-card{display:flex;flex-direction:column;height:100%}.cat-card .cat-link{margin-top:auto;padding-top:var(--s-4);font-weight:600;font-size:var(--fs-sm);color:var(--signal-deep);display:inline-flex;align-items:center;gap:.4rem}:root[data-theme="dark"] .cat-card .cat-link{color:var(--signal)}.cat-card .cat-link svg{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}.cat-card:hover .cat-link svg{transform:translateX(4px)}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:var(--s-4)}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.input,.textarea{width:100%;padding:.8rem 1rem;font-size:var(--fs-base);background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-mute)}.input:focus,.textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px rgba(34,211,238,.18)}.textarea{min-height:130px;resize:vertical;font-family:var(--font-mono);font-size:var(--fs-sm)}.rule{height:1px;background:var(--border);border:0;margin-block:var(--s-6)}.grid{display:grid;gap:var(--s-5)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--glass-border);transition:box-shadow var(--t-med) var(--ease),background var(--t-med) var(--ease)}.site-header.scrolled{box-shadow:var(--sh-2)}.header-inner{height:100%;display:flex;align-items:center;gap:var(--s-5)}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:-.02em;color:var(--text)}.brand svg{width:34px;height:34px;flex:none}.brand b{font-weight:700}.brand span{color:var(--signal-deep)}:root[data-theme="dark"] .brand span{color:var(--signal)}.nav-primary{display:flex;align-items:center;gap:.15rem;margin-left:var(--s-2)}.nav-primary>li{position:relative}.nav-link{display:inline-flex;align-items:center;gap:.3rem;padding:.55rem .8rem;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:500;color:var(--text-soft);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.nav-link:hover,.nav-link[aria-expanded="true"]{color:var(--text);background:var(--bg-sunken)}.nav-link .chev{width:14px;height:14px;transition:transform var(--t-fast) var(--ease)}.nav-link[aria-expanded="true"] .chev{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto}.icon-btn{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--text-soft);border:1px solid transparent;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.icon-btn:hover{color:var(--text);background:var(--bg-sunken);border-color:var(--border)}.icon-btn svg{width:20px;height:20px}.theme-toggle .moon{display:none}:root[data-theme="dark"] .theme-toggle .sun{display:none}:root[data-theme="dark"] .theme-toggle .moon{display:block}.mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);width:min(720px,90vw);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-3);padding:var(--s-5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease),visibility var(--t-med);z-index:90}.mega::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.nav-primary>li[data-open="true"] .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.mega-item{display:flex;gap:.85rem;padding:.8rem;border-radius:var(--r-md);transition:background var(--t-fast) var(--ease)}.mega-item:hover{background:var(--bg-sunken)}.mega-item .mi-icon{width:38px;height:38px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .mega-item .mi-icon{color:var(--signal)}.mega-item .mi-icon svg{width:20px;height:20px}.mega-item .mi-title{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.mega-item .mi-desc{font-size:var(--fs-xs);color:var(--text-mute);line-height:1.45;margin-top:.15rem}.mega-foot{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.mega-foot a{font-weight:600;font-size:var(--fs-sm);color:var(--signal-deep);display:inline-flex;align-items:center;gap:.4rem}:root[data-theme="dark"] .mega-foot a{color:var(--signal)}.hamburger{display:none}.mobile-drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}.mobile-drawer[data-open="true"]{visibility:visible;pointer-events:auto}.drawer-scrim{position:absolute;inset:0;background:rgba(6,10,24,.5);opacity:0;transition:opacity var(--t-med) var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-drawer[data-open="true"] .drawer-scrim{opacity:1}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(340px,86vw);background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:var(--sh-3);padding:var(--s-5);transform:translateX(100%);transition:transform var(--t-med) var(--ease-out);overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.mobile-drawer[data-open="true"] .drawer-panel{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.drawer-link{display:flex;align-items:center;justify-content:space-between;padding:.85rem .6rem;border-radius:var(--r-md);font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.drawer-link:hover{background:var(--bg-sunken)}.drawer-sub{padding:.2rem 0 .4rem .6rem;display:flex;flex-direction:column}.drawer-sub a{padding:.6rem;font-size:var(--fs-sm);color:var(--text-soft);border-radius:var(--r-sm)}.drawer-sub a:hover{background:var(--bg-sunken);color:var(--text)}.drawer-cta{margin-top:var(--s-4)}@media (max-width:980px){.nav-primary,.header-actions .desktop-only{display:none}.hamburger{display:grid}}.site-footer{background:var(--bg-elev);border-top:1px solid var(--border);padding-block:var(--s-9) var(--s-6);margin-top:var(--s-10)}.footer-top{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:var(--s-6);padding-bottom:var(--s-7);border-bottom:1px solid var(--border)}.footer-brand .brand{margin-bottom:var(--s-4)}.footer-brand p{font-size:var(--fs-sm);max-width:280px;margin-bottom:var(--s-4)}.footer-col h4{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin-bottom:var(--s-4)}.footer-col ul{display:flex;flex-direction:column;gap:.7rem}.footer-col a{font-size:var(--fs-sm);color:var(--text-soft);transition:color var(--t-fast) var(--ease)}.footer-col a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .footer-col a:hover{color:var(--signal)}.footer-share{display:flex;gap:.5rem;margin-top:var(--s-2)}.footer-shareus{margin-top:var(--s-5)}.footer-shareus-head{margin:0 0 var(--s-3);font-size:var(--fs-xs,.75rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.footer-social{display:flex;flex-wrap:nowrap;align-items:center;gap:.6rem}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-soft);transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.social-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.social-btn svg{width:18px;height:18px;flex:none}.social-btn:hover{transform:translateY(-1px);border-color:var(--signal);color:var(--signal-deep)}:root[data-theme="dark"] .social-btn:hover{color:var(--signal)}.social-btn.social-facebook:hover{border-color:#1877f2;color:#1877f2}.social-btn.social-instagram:hover{border-color:#d6249f;color:#d6249f}.social-btn.social-telegram:hover{border-color:#229ed9;color:#229ed9}.social-btn.social-youtube:hover{border-color:#ff0000;color:#ff0000}@media (max-width:520px){.footer-social{gap:.5rem}.social-btn{width:40px;height:40px}}.share-btn{width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;border:1px solid var(--border);color:var(--text-soft);transition:all var(--t-fast) var(--ease)}.share-btn:hover{color:var(--signal-deep);border-color:var(--signal);transform:translateY(-2px)}:root[data-theme="dark"] .share-btn:hover{color:var(--signal)}.share-btn svg{width:18px;height:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding-top:var(--s-6);flex-wrap:wrap}.footer-bottom p{font-size:var(--fs-sm);color:var(--text-mute)}.footer-bottom .fb-links{display:flex;gap:var(--s-4);flex-wrap:wrap}.footer-bottom .fb-links a{font-size:var(--fs-sm);color:var(--text-soft)}.footer-bottom .fb-links a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .footer-bottom .fb-links a:hover{color:var(--signal)}@media (max-width:980px){.footer-top{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.footer-top{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;align-items:flex-start}}.nav-primary>li[data-mega="tools"] .mega{width:min(880px,94vw);padding:var(--s-4)}.mega-tools{display:flex;flex-direction:column;gap:var(--s-3)}.mega-search{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-elev)}.mega-search svg{width:18px;height:18px;color:var(--text-mute);flex:none}.mega-search-input{flex:1;border:none;background:none;color:var(--text);font-size:var(--fs-sm);outline:none}.mega-search-input::placeholder{color:var(--text-mute)}.mega-search:focus-within{border-color:var(--signal);box-shadow:0 0 0 3px rgba(34,211,238,.15)}.mega-quick{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}.mega-quick-head{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);margin:0 0 .4rem}.mega-cats-head{margin-top:var(--s-2)}.mega-quick-item{display:flex;align-items:center;gap:.55rem;padding:.4rem .5rem;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text-soft);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.mega-quick-item:hover{background:var(--bg-sunken);color:var(--text)}.mega-quick-item .mqi-icon{display:grid;place-items:center;color:var(--signal-deep);flex:none}:root[data-theme="dark"] .mega-quick-item .mqi-icon{color:var(--signal)}.mega-quick-item .mqi-icon svg{width:16px;height:16px}.mqi-new{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--signal-deep),#6366f1);padding:.1rem .4rem;border-radius:var(--r-pill)}.mega-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.mega-cat{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:var(--r-md);transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.mega-cat:hover{background:var(--bg-sunken);transform:translateY(-1px)}.mega-cat-icon{width:34px;height:34px;border-radius:var(--r-sm);flex:none;display:grid;place-items:center;background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .mega-cat-icon{color:var(--signal)}.mega-cat-icon svg{width:18px;height:18px}.mega-cat-body{display:flex;flex-direction:column;min-width:0}.mega-cat-name{font-weight:600;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-cat-count{font-size:var(--fs-xs);color:var(--text-mute)}.mega-cat[hidden]{display:none}.mega-search-empty{font-size:var(--fs-sm);color:var(--text-mute);text-align:center;padding:var(--s-3) 0;margin:0}@media (max-width:900px){.mega-cats{grid-template-columns:repeat(2,1fr)}}.drawer-sub-count{margin-left:.4rem;font-size:var(--fs-xs);color:var(--text-mute);background:var(--bg-sunken);padding:.05rem .4rem;border-radius:var(--r-pill)}.hero{position:relative;overflow:hidden;padding-block:clamp(3.5rem,9vw,var(--s-11))}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 80% 0%,rgba(99,102,241,.16),transparent 70%),radial-gradient(50% 50% at 10% 20%,rgba(34,211,238,.14),transparent 70%)}.hero-bg::after{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent 75%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s-8);align-items:center}.hero h1{margin-block:var(--s-4) var(--s-5)}.hero .lede{max-width:34ch;margin-bottom:var(--s-6)}.hero-cta{display:flex;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-6)}.hero-trust{display:flex;flex-direction:column;gap:.6rem}.hero-trust .trust-row{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);color:var(--text-soft)}.hero-trust svg{width:18px;height:18px;color:var(--signal-deep);flex:none}:root[data-theme="dark"] .hero-trust svg{color:var(--signal)}.upload-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-3);overflow:hidden}.upload-demo .ud-bar{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-sunken)}.ud-dot{width:11px;height:11px;border-radius:50%;background:var(--border-strong)}.ud-dot.r{background:#ff5f57}.ud-dot.y{background:#febc2e}.ud-dot.g{background:#28c840}.ud-title{margin-left:.5rem;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute)}.upload-zone{margin:var(--s-5);border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s-7) var(--s-5);text-align:center;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.upload-zone:hover{border-color:var(--signal);background:var(--grad-soft)}.upload-zone .uz-icon{width:54px;height:54px;border-radius:var(--r-lg);margin:0 auto var(--s-3);display:grid;place-items:center;background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .upload-zone .uz-icon{color:var(--signal)}.upload-zone .uz-icon svg{width:28px;height:28px}.upload-zone strong{display:block;color:var(--text);font-size:var(--fs-base)}.upload-zone span{font-size:var(--fs-sm);color:var(--text-mute)}.ud-output{margin:0 var(--s-5) var(--s-5);background:var(--bg-sunken);border-radius:var(--r-md);padding:var(--s-4);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute);line-height:1.7;word-break:break-all;border:1px solid var(--border)}.ud-output .tok{color:var(--signal-deep)}:root[data-theme="dark"] .ud-output .tok{color:var(--signal)}@media (max-width:880px){.hero-inner{grid-template-columns:1fr;gap:var(--s-7)}.hero .lede{max-width:none}}.format-strip{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.format-chip{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;padding:.5rem 1rem;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-soft)}.format-chip b{color:var(--signal-deep);font-weight:600}:root[data-theme="dark"] .format-chip b{color:var(--signal)}.feature-list{display:flex;flex-direction:column;gap:var(--s-5)}.feature-row{display:flex;gap:var(--s-4)}.feature-row .fr-icon{width:44px;height:44px;border-radius:var(--r-md);flex:none;display:grid;place-items:center;background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .feature-row .fr-icon{color:var(--signal)}.feature-row .fr-icon svg{width:22px;height:22px}.feature-row h4{margin-bottom:.3rem}.feature-row p{font-size:var(--fs-sm)}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.step{position:relative;padding-top:var(--s-6)}.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--signal-deep);position:absolute;top:0;left:0}:root[data-theme="dark"] .step::before{color:var(--signal)}.step::after{content:"";position:absolute;top:7px;left:46px;right:-12px;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.step:last-child::after{display:none}.step h4{margin-bottom:.4rem}.step p{font-size:var(--fs-sm)}@media (max-width:760px){.steps{grid-template-columns:1fr;gap:var(--s-6)}.step::after{display:none}}.privacy-band{background:var(--grad);border-radius:var(--r-xl);padding:clamp(2rem,5vw,var(--s-8));color:#06122a;position:relative;overflow:hidden;box-shadow:var(--sh-glow)}.privacy-band::after{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(circle at 1px 1px,#06122a 1px,transparent 0);background-size:20px 20px}.privacy-band .pb-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-6);align-items:center}.privacy-band h2{color:#06122a;margin-bottom:var(--s-3)}.privacy-band p{color:#0c1d3a;font-size:var(--fs-md)}.pb-stats{display:flex;flex-direction:column;gap:var(--s-3)}.pb-stat{background:rgba(6,18,42,.1);border-radius:var(--r-md);padding:var(--s-4)}.pb-stat strong{display:block;font-family:var(--font-display);font-size:var(--fs-xl);color:#06122a}.pb-stat span{font-size:var(--fs-sm);color:#0c1d3a}@media (max-width:760px){.privacy-band .pb-inner{grid-template-columns:1fr}}.usecase{display:flex;gap:.8rem;align-items:flex-start}.usecase svg{width:20px;height:20px;color:var(--signal-deep);flex:none;margin-top:2px}:root[data-theme="dark"] .usecase svg{color:var(--signal)}.usecase h4{font-size:var(--fs-base);margin-bottom:.2rem}.usecase p{font-size:var(--fs-sm)}.faq-list{display:flex;flex-direction:column;gap:.75rem;max-width:820px;margin-inline:auto}.faq-item{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:1.1rem 1.3rem;text-align:left;font-weight:600;font-size:var(--fs-base);color:var(--text)}.faq-q .faq-ic{width:22px;height:22px;flex:none;color:var(--text-mute);transition:transform var(--t-fast) var(--ease)}.faq-item[data-open="true"] .faq-q .faq-ic{transform:rotate(45deg);color:var(--signal-deep)}:root[data-theme="dark"] .faq-item[data-open="true"] .faq-q .faq-ic{color:var(--signal)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--t-med) var(--ease)}.faq-a-inner{padding:0 1.3rem 1.2rem;color:var(--text-soft);font-size:var(--fs-sm);line-height:var(--lh-base)}.article-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.article-thumb{aspect-ratio:16/9;background:var(--grad-soft);position:relative;overflow:hidden}.article-thumb svg{position:absolute;inset:0;width:100%;height:100%}.article-body{padding:var(--s-5);display:flex;flex-direction:column;flex:1}.article-meta{display:flex;gap:.6rem;align-items:center;font-size:var(--fs-xs);color:var(--text-mute);margin-bottom:.6rem;font-family:var(--font-mono)}.article-body h3{font-size:var(--fs-lg);margin-bottom:.5rem}.article-body h3 a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .article-body h3 a:hover{color:var(--signal)}.article-body p{font-size:var(--fs-sm);margin-bottom:var(--s-4);flex:1}.article-foot{font-size:var(--fs-sm);font-weight:600;color:var(--signal-deep);display:inline-flex;gap:.4rem;align-items:center}:root[data-theme="dark"] .article-foot{color:var(--signal)}.newsletter{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(2rem,5vw,var(--s-8));text-align:center;box-shadow:var(--sh-1)}.newsletter h2{margin-bottom:var(--s-3)}.newsletter .lede{margin-inline:auto;max-width:48ch;margin-bottom:var(--s-5)}.newsletter-form{display:flex;gap:.6rem;max-width:460px;margin-inline:auto}.newsletter-form .input{flex:1}.newsletter-note{font-size:var(--fs-xs);color:var(--text-mute);margin-top:var(--s-3)}@media (max-width:480px){.newsletter-form{flex-direction:column}}.cta-band{text-align:center;padding-block:clamp(3rem,7vw,var(--s-10))}.cta-band h2{max-width:18ch;margin-inline:auto;margin-bottom:var(--s-4)}.cta-band .lede{max-width:52ch;margin-inline:auto;margin-bottom:var(--s-6)}.cta-band .hero-cta{justify-content:center}.page-hero{padding-block:var(--s-9) var(--s-7);background:var(--bg-sunken);border-bottom:1px solid var(--border)}.page-hero h1{margin-block:var(--s-3)}.page-hero .lede{max-width:62ch}.breadcrumbs{display:flex;gap:.5rem;align-items:center;font-size:var(--fs-sm);color:var(--text-mute);margin-bottom:var(--s-3);flex-wrap:wrap}.breadcrumbs a{color:var(--text-soft)}.breadcrumbs a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .breadcrumbs a:hover{color:var(--signal)}.breadcrumbs .sep{opacity:.5}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--s-8);align-items:start}.blog-sidebar{position:sticky;top:calc(var(--header-h) + var(--s-5));display:flex;flex-direction:column;gap:var(--s-5)}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5)}.sidebar-card h4{font-size:var(--fs-base);margin-bottom:var(--s-4)}.sidebar-card ul{display:flex;flex-direction:column;gap:.6rem}.sidebar-card a{font-size:var(--fs-sm);color:var(--text-soft);display:flex;justify-content:space-between}.sidebar-card a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .sidebar-card a:hover{color:var(--signal)}.cat-pill{display:inline-flex;font-size:var(--fs-xs);font-family:var(--font-mono);padding:.25rem .6rem;border-radius:var(--r-pill);background:var(--grad-soft);color:var(--signal-deep);margin:0 .3rem .3rem 0}:root[data-theme="dark"] .cat-pill{color:var(--signal)}@media (max-width:880px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}}.empty-state{text-align:center;padding:var(--s-9) var(--s-5);border:2px dashed var(--border-strong);border-radius:var(--r-xl);background:var(--surface)}.empty-state .es-icon{width:60px;height:60px;border-radius:var(--r-lg);margin:0 auto var(--s-4);display:grid;place-items:center;background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .empty-state .es-icon{color:var(--signal)}.empty-state .es-icon svg{width:30px;height:30px}.empty-state h3{margin-bottom:var(--s-2)}.empty-state p{max-width:46ch;margin:0 auto var(--s-5)}.prose{max-width:720px;font-size:var(--fs-md);line-height:1.75}.prose>*+*{margin-top:var(--s-5)}.prose h2{margin-top:var(--s-8);font-size:var(--fs-2xl)}.prose h3{margin-top:var(--s-6)}.prose p{color:var(--text-soft)}.prose a{color:var(--signal-deep);text-decoration:underline;text-underline-offset:3px}:root[data-theme="dark"] .prose a{color:var(--signal)}.prose ul,.prose ol{padding-left:1.4rem;color:var(--text-soft)}.prose ul li{list-style:disc;margin-top:.5rem}.prose ol li{list-style:decimal;margin-top:.5rem}.prose pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-sm)}.prose blockquote{border-left:3px solid var(--signal);padding-left:var(--s-4);color:var(--text-soft);font-style:italic}.author-box{display:flex;gap:var(--s-4);align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);margin-top:var(--s-8)}.author-box .ab-avatar{width:56px;height:56px;border-radius:50%;background:var(--grad);flex:none}.author-box h4{margin-bottom:.2rem}.author-box p{font-size:var(--fs-sm)}.legal-content{max-width:760px}.legal-content h2{margin-top:var(--s-7);margin-bottom:var(--s-3);font-size:var(--fs-xl)}.legal-content h3{margin-top:var(--s-5);margin-bottom:var(--s-2);font-size:var(--fs-lg)}.legal-content p,.legal-content li{color:var(--text-soft);font-size:var(--fs-base)}.legal-content p+p{margin-top:var(--s-3)}.legal-content ul{padding-left:1.4rem;margin-top:var(--s-3)}.legal-content ul li{list-style:disc;margin-top:.5rem}.legal-content .updated{font-size:var(--fs-sm);color:var(--text-mute);font-family:var(--font-mono);margin-bottom:var(--s-5)}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);margin-bottom:var(--s-6)}.toc h4{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);margin-bottom:var(--s-3)}.toc ul{display:flex;flex-direction:column;gap:.5rem}.toc a{font-size:var(--fs-sm);color:var(--text-soft)}.toc a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .toc a:hover{color:var(--signal)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:start}@media (max-width:760px){.contact-grid{grid-template-columns:1fr}}.contact-method{display:flex;gap:var(--s-3);margin-bottom:var(--s-5)}.contact-method .cm-icon{width:44px;height:44px;border-radius:var(--r-md);flex:none;display:grid;place-items:center;background:var(--grad-soft);color:var(--signal-deep)}:root[data-theme="dark"] .contact-method .cm-icon{color:var(--signal)}.contact-method h4{margin-bottom:.2rem}.contact-method p,.contact-method a{font-size:var(--fs-sm);color:var(--text-soft)}.err-page{text-align:center;padding-block:var(--s-11)}.err-code{font-family:var(--font-mono);font-size:clamp(4rem,16vw,9rem);font-weight:600;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.err-page h1{margin-block:var(--s-4) var(--s-3)}.err-page .lede{max-width:46ch;margin-inline:auto;margin-bottom:var(--s-6)}.search-box{display:flex;gap:.6rem;max-width:600px;margin-bottom:var(--s-6)}.search-box .input{flex:1}.search-results{display:flex;flex-direction:column;gap:var(--s-3)}.search-result{padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.search-result h3{font-size:var(--fs-base);margin-bottom:.2rem}.search-result h3 a:hover{color:var(--signal-deep)}:root[data-theme="dark"] .search-result h3 a:hover{color:var(--signal)}.search-result .sr-url{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-mute)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:var(--bg);padding:.8rem 1.3rem;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--sh-3);opacity:0;pointer-events:none;transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease);z-index:300;display:flex;align-items:center;gap:.5rem}.toast[data-show="true"]{opacity:1;transform:translateX(-50%) translateY(0)}.toast svg{width:18px;height:18px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.install-banner{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(140%);width:min(440px,92vw);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:var(--s-4);z-index:140;display:flex;align-items:center;gap:var(--s-4);transition:transform var(--t-med) var(--ease-out)}.install-banner[data-show="true"]{transform:translateX(-50%) translateY(0)}.install-banner svg.ib-logo{width:42px;height:42px;flex:none}.install-banner .ib-text{flex:1}.install-banner .ib-text strong{display:block;font-size:var(--fs-sm)}.install-banner .ib-text span{font-size:var(--fs-xs);color:var(--text-mute)}.sitemap-block{margin-bottom:var(--s-9)}.sitemap-block>h2{font-size:var(--fs-xl);margin-bottom:var(--s-5);padding-bottom:var(--s-3);border-bottom:1px solid var(--border)}.sitemap-group{margin-bottom:var(--s-6)}.sitemap-group>h3{font-size:var(--fs-md);margin-bottom:var(--s-3);color:var(--text-soft)}.sitemap-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.sitemap-links.sitemap-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-2) var(--s-5)}.sitemap-links a{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--text);text-decoration:none;transition:color .15s ease}.sitemap-links a:hover{color:var(--signal-deep,#2563EB)}.sitemap-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 6px;border-radius:9px;background:var(--surface-2,rgba(148,163,184,.16));font-size:var(--fs-xs);color:var(--text-mute);font-weight:600}.sitemap-foot{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--border);color:var(--text-mute);font-size:var(--fs-sm)}
/* ---- Premium blog article ------------------------------------------- */
.article-hero{padding-block:var(--s-8) var(--s-5);background:var(--bg-sunken);border-bottom:1px solid var(--border)}
.article-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--signal-deep);background:var(--grad-soft);padding:.35rem .8rem;border-radius:var(--r-pill);margin-bottom:var(--s-4)}
:root[data-theme="dark"] .article-tag{color:var(--signal)}
.article-title{font-size:clamp(1.9rem,4.5vw,var(--fs-4xl));line-height:1.12;letter-spacing:-.02em;margin-bottom:var(--s-4);max-width:20ch}
.article-lede{font-size:var(--fs-lg);color:var(--text-soft);max-width:60ch;line-height:1.6;margin-bottom:var(--s-6)}
.article-byline{display:flex;align-items:center;gap:var(--s-3)}
.ab-mini{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--grad);color:#06122a;font-weight:700;font-size:var(--fs-lg)}
.ab-meta{display:flex;flex-direction:column;line-height:1.35}
.ab-name{font-weight:600;color:var(--text)}
.ab-sub{font-size:var(--fs-sm);color:var(--text-mute);font-family:var(--font-mono)}
.article-cover{margin:0}
.article-cover .container{padding-top:var(--s-6);padding-bottom:var(--s-2)}
.blog-cover{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover;border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--sh-2);background:var(--surface)}
.blog-cover-hero{aspect-ratio:40/21}.article-thumb .blog-cover{aspect-ratio:16/9;border-radius:0;border:0;box-shadow:none}
.article-section{padding-top:var(--s-7)}
.article-prose{margin-inline:auto}
/* richer prose */
.article-prose>p:first-of-type{font-size:var(--fs-lg);color:var(--text);line-height:1.7}
.article-prose h2{padding-top:var(--s-2);scroll-margin-top:calc(var(--header-h) + 16px)}
.article-prose img{max-width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border);display:block;margin-block:var(--s-5)}
.article-prose table{width:100%;border-collapse:collapse;margin-block:var(--s-5);font-size:var(--fs-sm);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.article-prose thead th{background:var(--bg-sunken);text-align:left;font-weight:600;color:var(--text)}
.article-prose th,.article-prose td{padding:.7rem .9rem;border-bottom:1px solid var(--border)}
.article-prose tbody tr:last-child td{border-bottom:0}
.article-prose tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg-sunken) 45%,transparent)}
.article-prose blockquote{border-left:4px solid var(--signal);background:var(--grad-soft);padding:var(--s-4) var(--s-5);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-soft);font-style:normal}
.article-prose blockquote p{margin:0}
.article-prose pre{background:#0f172a;border:1px solid #1e293b;color:#e2e8f0;border-radius:var(--r-md);padding:var(--s-4);overflow-x:auto;font-size:var(--fs-sm);line-height:1.6}
.article-prose :not(pre)>code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-family:var(--font-mono);font-size:.88em}
.article-prose .callout{display:flex;gap:var(--s-3);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--signal-deep);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);margin-block:var(--s-5);box-shadow:var(--sh-1)}
.article-prose .callout strong{color:var(--text)}
.article-prose .callout p{margin:0;color:var(--text-soft);font-size:var(--fs-sm)}
/* share section */
.article-share{margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--s-3)}
.article-share-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}
.article-share-row{display:flex;flex-wrap:wrap;gap:.6rem}
.share-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);color:var(--text-soft);font-size:var(--fs-sm);font-weight:500;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.share-pill svg{width:18px;height:18px}
.share-pill:hover{border-color:var(--signal);color:var(--signal-deep);transform:translateY(-1px)}
:root[data-theme="dark"] .share-pill:hover{color:var(--signal)}
.article-related{margin-top:var(--s-9)}
.article-related-head{font-size:var(--fs-xl);margin-bottom:var(--s-5)}
/* card: whole-card link + arrowless footer label */
.article-card{position:relative}
.article-card .article-foot{font-size:var(--fs-sm);font-weight:600;color:var(--signal-deep);display:inline-flex;align-items:center;margin-top:auto}
:root[data-theme="dark"] .article-card .article-foot{color:var(--signal)}
.article-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.article-card h3 a{position:relative;z-index:2}
@media (max-width:760px){
  .article-title{font-size:clamp(1.6rem,7vw,2rem)}
  .article-lede{font-size:var(--fs-md)}
  
  .share-pill span{display:none}
  .share-pill{padding:.6rem;width:44px;height:44px;justify-content:center}
}
select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.4rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7595' 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 .9rem center;background-size:16px 16px}select.input::-ms-expand{display:none}:root[data-theme="dark"] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237e8cb4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}select.input:hover{border-color:var(--border-strong)}input[type="checkbox"],input[type="radio"]{accent-color:var(--indigo);cursor:pointer}input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible{outline:2.5px solid var(--signal);outline-offset:2px}input[type="range"]:not(.range){-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--r-pill);background:var(--bg-sunken);border:1px solid var(--border);outline:none;cursor:pointer}input[type="range"]:not(.range)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--grad);box-shadow:var(--sh-1);cursor:pointer;border:2px solid var(--surface);transition:transform var(--t-fast) var(--ease)}input[type="range"]:not(.range)::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--indigo);box-shadow:var(--sh-1);cursor:pointer;border:2px solid var(--surface)}input[type="range"]:not(.range):hover::-webkit-slider-thumb{transform:scale(1.08)}input[type="range"]:not(.range):focus-visible{box-shadow:0 0 0 3px var(--grad-soft)}input[type="range"].range:hover::-webkit-slider-thumb{transform:scale(1.08)}input[type="range"].range::-webkit-slider-thumb{transition:transform var(--t-fast) var(--ease)}.btn:focus-visible{outline:2.5px solid var(--signal);outline-offset:3px}.badge{transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.icon-btn{transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.icon-btn:active{transform:translateY(1px)}.code-editor,.result-panel,.output-box{transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.tool-panel table:not(.table-edit):not([class*="mega"]){width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.tool-panel table:not(.table-edit) th{text-align:left;font-weight:600;color:var(--text);padding:.6rem .8rem;border-bottom:1px solid var(--border-strong)}.tool-panel table:not(.table-edit) td{padding:.6rem .8rem;border-bottom:1px solid var(--border);color:var(--text-soft)}details.faq-item summary,.accordion summary{transition:color var(--t-fast) var(--ease)}@media (prefers-reduced-motion:reduce){input[type="range"]::-webkit-slider-thumb,.badge,.icon-btn{transition:none}}.faq-q{transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.faq-q:hover{background:var(--bg-sunken)}.faq-item{transition:border-color var(--t-fast) var(--ease)}.faq-item:hover{border-color:var(--border-strong)}.faq-item[data-open="true"]{border-color:var(--signal)}:root[data-theme="dark"] .faq-item[data-open="true"]{border-color:var(--border-strong)}.card.card-hover:focus-within{box-shadow:var(--sh-3);border-color:var(--signal)}.cat-card h3{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cat-card .cat-count{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;line-height:1;padding:.2rem .5rem;border-radius:var(--r-pill);background:var(--grad-soft);color:var(--signal-deep);border:1px solid var(--border)}:root[data-theme="dark"] .cat-card .cat-count{color:var(--signal)}.section-cta{display:flex;justify-content:center;margin-top:var(--s-7)}.cta-band{padding-bottom:clamp(2.25rem,5vw,var(--s-8))}.cta-band + .site-footer{margin-top:0}.cat-sticky{position:fixed;left:0;right:0;top:var(--header-h);z-index:95;background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--glass-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform var(--t-med) var(--ease),opacity var(--t-med) var(--ease),visibility var(--t-med)}.cat-sticky[data-show="true"]{transform:translateY(0);opacity:1;visibility:visible}.cat-sticky-inner{display:flex;align-items:center;gap:var(--s-4);height:52px}.cat-sticky-lead{flex:none;font-weight:700;font-size:var(--fs-sm);color:var(--text);display:inline-flex;align-items:center;gap:.4rem;padding-right:var(--s-4);border-right:1px solid var(--border)}.cat-sticky-lead:hover{color:var(--signal-deep)}:root[data-theme="dark"] .cat-sticky-lead:hover{color:var(--signal)}.cat-sticky-scroll{display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:thin;-ms-overflow-style:none;scroll-behavior:smooth;padding:.5rem 0;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 20px),transparent)}.cat-sticky-scroll::-webkit-scrollbar{height:4px}.cat-sticky-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}.cat-chip{flex:none;white-space:nowrap;font-size:var(--fs-sm);font-weight:500;color:var(--text-soft);padding:.4rem .8rem;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.cat-chip:hover,.cat-chip:focus-visible{color:var(--text);border-color:var(--signal);background:var(--grad-soft)}@media (max-width:980px){.cat-sticky-lead{padding-right:var(--s-3)}}@media (max-width:560px){.cat-sticky-inner{height:48px;gap:var(--s-3)}.cat-sticky-lead{font-size:var(--fs-xs)}}.tool-finder-fab{position:fixed;right:clamp(1rem,4vw,1.75rem);bottom:clamp(1rem,4vw,1.75rem);z-index:110;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--fs-sm);color:#06122a;background:var(--grad);padding:.7rem 1.15rem;border-radius:var(--r-pill);box-shadow:var(--sh-glow),var(--sh-2);transform:translateY(20px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--t-med) var(--ease-out),opacity var(--t-med) var(--ease),visibility var(--t-med),box-shadow var(--t-fast) var(--ease)}.tool-finder-fab[data-show="true"]{transform:none;opacity:1;visibility:visible;pointer-events:auto}.tool-finder-fab:hover{box-shadow:0 12px 40px rgba(99,102,241,.4),var(--sh-2)}.tool-finder-fab:active{transform:translateY(1px)}.tool-finder-fab svg{width:18px;height:18px}.tool-finder-fab:focus-visible{outline:2.5px solid var(--signal);outline-offset:3px}@media (max-width:560px){.tool-finder-fab span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool-finder-fab{padding:.85rem;border-radius:50%}.tool-finder-fab svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.cat-sticky,.tool-finder-fab{transition:opacity .001ms,visibility .001ms}}.cf-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}.cf-field-error{display:block;margin-top:.35rem;font-size:var(--fs-xs);color:#c2304a}:root[data-theme="dark"] .cf-field-error{color:#ff8ba0}#cf-status{margin-top:var(--s-2);margin-bottom:var(--s-4)}#cf-submit[disabled]{opacity:.7;cursor:progress}#cf-submit .cf-spin{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:cf-spin .6s linear infinite;vertical-align:middle}@keyframes cf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){#cf-submit .cf-spin{animation:none}}