:root{--bg:#FBFAFE;--surface:#FFFFFF;--surface-2:#F6F2FC;--surface-3:#ECE6F8;--line:#E7E1F3;--text:#241F33;--text-muted:#6E6680;--text-faint:#726A88;--ink:#1E1A2E;--text-ok:#10704C;--text-danger:#B3243B;--brand:#2F5FE3;--brand-bright:#4F7CFF;--brand-text:#2F5FE3;--brand-ink:#FFFFFF;--pastel-blue:#C3D4FF;--pastel-pink:#D9D2FF;--pastel-mint:#BEE7FA;--pastel-coral:#FFC9C9;--pastel-amber:#FFE0A8;--shadow-soft:0 24px 48px -28px rgba(47,95,227,.30);--shadow-card:0 12px 28px -18px rgba(36,31,51,.16);--face-a:#4f9dff;--face-b:#ff5c6c;--face-x:#ff6fd8;--face-y:#3ddc97;--gp-body:#2c303c;--gp-accent:#ffb020;--gp-stick:#4f9dff;--gp-btn-idle:#3d4250;--stage-bg:#0A1024;--stage-bg-2:#16255C;--stage-line:rgba(255,255,255,.09);--stage-text:rgba(255,255,255,.86);--stage-text-muted:rgba(255,255,255,.52);--brand-deep:#1E3FA8;--gold:#F5B942;--shadow-stage:0 40px 80px -30px rgba(8,16,44,.60);--font-display:'Satoshi','Segoe UI',sans-serif;--font-body:'Inter','Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Consolas',monospace;--radius:20px;--radius-sm:12px}[data-theme="dark"]{--bg:#16131F;--surface:#1D1929;--surface-2:#262134;--surface-3:#302A40;--line:#383049;--text:#F2EFFA;--text-muted:#AFA6C4;--text-faint:#948BAD;--text-ok:#5FE0AC;--text-danger:#FF9AA4;--brand-text:#8AA9FF;--brand-bright:#6E96FF;--shadow-soft:0 24px 48px -28px rgba(0,0,0,.55);--shadow-card:0 12px 28px -18px rgba(0,0,0,.45)}[data-theme-toggle] svg{width:16px;height:16px;flex-shrink:0}[data-theme-toggle] .theme-icon-sun,[data-theme-toggle] .theme-label-light{display:none}[data-theme="dark"] [data-theme-toggle] .theme-icon-sun,[data-theme="dark"] [data-theme-toggle] .theme-label-light{display:block}[data-theme="dark"] [data-theme-toggle] .theme-icon-moon,[data-theme="dark"] [data-theme-toggle] .theme-label-dark{display:none}*{box-sizing:border-box}html{scroll-padding-top:84px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}.gp-mount{display:flex;align-items:center;justify-content:center}.gp-svg{width:100%;height:auto;max-width:520px;overflow:visible}.gp-mount--halo{position:relative;padding:12px 0}.gp-mount--halo::before{content:'';position:absolute;inset:-18% -6% -6% -6%;background:radial-gradient( ellipse var(--halo-w,60%) var(--halo-h,55%) at var(--halo-x,50%) var(--halo-y,38%),var(--halo-color,rgba(79,124,255,.14)),transparent 70% );z-index:0;pointer-events:none}.gp-mount--halo .gp-svg{position:relative;z-index:1}.gp-mount--interactive [data-btn],.gp-mount--interactive [data-trigger],.gp-mount--interactive .gp-tint,.gp-mount--interactive [data-group]{pointer-events:auto;cursor:pointer}.gp-strip-material{background-size:300% 100%;background-position:0 0}.gp-strip-shine{animation:gp-strip-shine var(--gp-shine-dur,var(--gp-strip-dur,8s)) linear infinite;mix-blend-mode:screen}@keyframes gp-strip-shine{to{stroke-dashoffset:0}}.gp-strip-shine--gold{animation-name:gp-strip-gold-trail;animation-timing-function:linear;mix-blend-mode:screen;will-change:stroke-dashoffset}@keyframes gp-strip-gold-trail{from{stroke-dashoffset:var(--gp-gold-start)}to{stroke-dashoffset:var(--gp-gold-end)}}.gp-strip-gold-base{animation:none}.gp-strip--flow{animation:gp-strip-flow var(--gp-strip-dur,8s) linear infinite}@keyframes gp-strip-flow{to{background-position:-200% 0}}.gp-strip--pulse{animation:gp-strip-pulse var(--gp-strip-dur,8s) ease-in-out infinite}@keyframes gp-strip-pulse{0%,100%{opacity:.55}50%{opacity:1}}.gp-strip--comet{animation:gp-strip-comet var(--gp-strip-dur,8s) linear infinite}@keyframes gp-strip-comet{to{background-position:-200% 0}}.gp-strip--energy{background-size:260% 100% !important;animation:gp-strip-energy var(--gp-strip-dur,8s) linear infinite}@keyframes gp-strip-energy{0%{background-position:100% 50%;opacity:.60}38%{opacity:.60}45%{background-position:-160% 50%;opacity:1}100%{background-position:-160% 50%;opacity:.60}}.gp-strip--surge{background-size:320% 100% !important;animation:gp-strip-surge var(--gp-strip-dur,8s) linear infinite;animation-delay:var(--gp-strip-delay,0s)}@keyframes gp-strip-surge{0%,12%{background-position:120% 50%;opacity:.48}42%{opacity:1}72%,100%{background-position:-220% 50%;opacity:.58}}@media (prefers-reduced-motion: reduce){.gp-strip--flow,.gp-strip--pulse,.gp-strip--comet,.gp-strip--energy,.gp-strip--surge{animation-duration:calc(var(--gp-strip-dur,8s) * 2)}.gp-strip-shine{animation-duration:calc(var(--gp-shine-dur,var(--gp-strip-dur,8s)) * 2)}}.gp-bg-variant-a,.gp-bg-variant-b{transition:opacity .3s ease}.gp-tint{transition:opacity .06s ease,fill .2s ease;pointer-events:none}.gp-tint[data-key="body"]{mix-blend-mode:multiply}.gp-tint:not([data-key="body"]){mix-blend-mode:normal}.gp-btn-img{pointer-events:none}.gp-stick-wrap{pointer-events:none}.gp-skin-img,.gp-bg-photo,.gp-touchpad-skin{pointer-events:none}.gp-status{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);text-align:center;margin-top:14px;letter-spacing:.02em}.gp-status.is-connected{color:var(--gp-accent)}.site-footer{border-top:1px solid var(--line);padding:80px 24px 40px}@media (max-width: 700px){.site-footer{padding:56px 20px 32px}}.site-footer .footer-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;column-gap:32px;row-gap:44px}@media (max-width: 900px){.site-footer .footer-grid{grid-template-columns:repeat(3,1fr)}.site-footer .footer-brand{grid-column:1 / -1}}.site-footer .footer-brand .logo{display:inline-flex}.site-footer .footer-brand p{color:var(--text-muted);font-size:13.5px;line-height:1.7;max-width:34ch;margin:14px 0 0}.site-footer h5,.site-footer .footer-heading{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0 0 16px}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.site-footer a{color:var(--text-muted);text-decoration:none;font-size:14px;transition:color .16s ease}.site-footer a:hover{color:var(--brand-text)}.site-footer a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}.footer-social{display:flex;align-items:center;gap:10px;margin:20px 0 0}.footer-social a{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--line);transition:color .16s ease,background-color .16s ease,border-color .16s ease}.footer-social a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.footer-social svg{width:16px;height:16px;fill:currentColor}@media (max-width: 820px){.footer-social a{width:44px;height:44px}.footer-social svg{width:18px;height:18px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.footer-bottom{max-width:1120px;margin:56px auto 0;padding-top:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12.5px;color:var(--text-faint)}@media (max-width: 560px){.footer-bottom{margin-top:40px;flex-direction:column;align-items:flex-start;gap:6px}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:40px 36px;width:100%;max-width:400px;box-shadow:var(--shadow-card);position:relative;z-index:1}.auth-card .logo{display:block;text-align:center;margin-bottom:22px}.auth-card h1{font-family:var(--font-display);font-size:24px;text-align:center;margin:0 0 6px}.auth-card .auth-sub{text-align:center;color:var(--text-muted);font-size:13.5px;margin:0 0 28px}.auth-submit{width:100%;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:13px;font-weight:600;font-family:var(--font-body);font-size:15px;cursor:pointer;box-shadow:var(--shadow-soft)}.auth-msg{text-align:center;font-size:13px;margin-top:14px;padding:10px;border-radius:8px;background:var(--surface-2);color:var(--text-muted);display:none}.auth-msg.is-visible{display:block}.auth-success{display:none;text-align:center;padding:8px 0 4px}.auth-card.is-complete>*:not(.auth-success){display:none}.auth-card.is-complete .auth-success{display:block}.auth-success-icon{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(61,220,151,.14);color:var(--face-y)}.auth-success-icon svg{width:30px;height:30px}.auth-success h2{font-family:var(--font-display);font-size:22px;margin:0 0 10px;color:var(--text)}.auth-success p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 16px}.auth-success-email{display:inline-block;font-family:var(--font-mono);font-size:13px;word-break:break-all;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:0 0 20px;color:var(--text)}.auth-success-note{font-size:12.5px;color:var(--text-muted);line-height:1.55;border-top:1px solid var(--line);padding-top:16px;margin:20px 0 0}.auth-success .auth-submit{margin-top:4px;text-decoration:none;display:block}.pw-checklist{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.pw-checklist li{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-faint);transition:color .15s ease}.pw-checklist li::before{content:'○';font-size:9px;flex-shrink:0;width:12px;text-align:center;color:var(--text-faint)}.pw-checklist li.is-met{color:var(--face-y)}.pw-checklist li.is-met::before{content:'●';color:var(--face-y)}.field-hint{display:block;font-size:11.5px;margin-top:5px;min-height:14px}.field-hint.is-error{color:var(--face-b)}.field-hint.is-success{color:var(--face-y)}.field-hint.is-checking{color:var(--text-faint)}.legal-wrap{max-width:760px;margin:0 auto;padding:60px 24px 90px}.legal-back{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500}.legal-wrap h1{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);margin:24px 0 8px}.legal-updated{color:var(--text-faint);font-size:13px;margin:0 0 24px}.legal-wrap h2{font-family:var(--font-display);font-size:19px;margin:36px 0 12px}.legal-wrap p,.legal-wrap li{color:var(--text-muted);font-size:15px;line-height:1.75}.legal-wrap ul{padding-left:20px}.legal-wrap a{color:var(--brand-text)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 4px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-q .chev{transition:transform .2s ease;color:var(--text-faint);flex-shrink:0;font-size:20px}.faq-item.is-open .faq-q .chev{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-a p{color:var(--text-muted);font-size:14px;line-height:1.7;padding:0 4px 18px;margin:0}.nav-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text);text-decoration:none;transition:background .15s ease}.nav-cart:hover{background:var(--surface-2)}.nav-cart svg{width:19px;height:19px}.cart-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:600;display:none;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg)}.cart-badge.is-visible{display:flex}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:transparent}.product-card .mini-mount{width:100%;aspect-ratio:1 / 1;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,var(--surface-2),var(--surface-3) 130%);border-radius:14px;position:relative;overflow:hidden}.product-card .mini-mount .gp-svg{width:100%;height:100%;max-width:none;max-height:none}.product-card .mini-mount img{width:100%;height:100%;object-fit:cover}.product-card .mini-live-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .24s ease}.product-card .mini-preview-loading{position:absolute;z-index:4;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(80,88,130,.12);border-radius:999px;background:rgba(255,255,255,.88);color:var(--text-muted);box-shadow:0 5px 15px rgba(31,35,70,.08);backdrop-filter:blur(7px);font-size:9px;font-weight:700;line-height:1;pointer-events:none}.product-card .mini-preview-loading::before{content:'';width:8px;height:8px;border:1.5px solid rgba(47,95,227,.22);border-top-color:var(--brand);border-radius:50%;animation:shop-preview-spin .72s linear infinite}.product-card .mini-mount.is-live-preview .mini-preview-loading{display:none}.product-card .mini-mount.is-preview-error .mini-preview-loading{color:#a23b4b}.product-card .mini-mount.is-preview-error .mini-preview-loading::before{display:none}@keyframes shop-preview-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.product-card .mini-preview-loading::before{animation:none}}.product-card .mini-static-thumb{position:absolute;inset:0;z-index:2;opacity:1;transition:opacity .24s ease;pointer-events:none}.product-card .mini-mount.has-static-thumb:not(.is-live-preview) .mini-live-preview{opacity:0}.product-card .mini-mount.is-live-preview .mini-static-thumb{opacity:0}@media (prefers-reduced-motion: reduce){.product-card .mini-live-preview,.product-card .mini-static-thumb{transition:none}}.gp-preview-fade{transition:opacity .28s ease}.gp-preview-fade.is-rendering>*{opacity:0}.gp-preview-fade>*{opacity:1;transition:opacity .28s ease}@media (prefers-reduced-motion: reduce){.gp-preview-fade,.gp-preview-fade>*{transition:none}}.product-card h4{font-family:var(--font-display);font-weight:700;font-size:15.5px;margin:0 0 4px;color:var(--text);line-height:1.3}.product-card .card-flags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.product-card .card-flag{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.product-card .card-flag.is-animated{color:var(--brand-text)}.product-card .card-flag.is-text-effect{color:var(--brand-text);background:color-mix(in srgb,var(--brand) 8%,var(--surface-2))}.product-card .maker{font-size:12px;color:var(--text-faint);margin:0 0 18px}.maker-official{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--text)}.maker-official-icon{width:15px;height:10px;object-fit:contain;flex-shrink:0}.product-card .price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:10px}.product-card .card-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}.btn-view-product{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:var(--surface);text-decoration:none;font-family:var(--font-body);font-size:12px;font-weight:700;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .1s ease}.btn-view-product:hover{border-color:var(--brand);color:var(--brand-text);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.btn-view-product:active{transform:scale(.97)}.product-card .plan-incl{display:flex;align-items:center;gap:6px;font-size:11.5px;line-height:1.4;color:var(--text-muted);margin:0 0 8px}.product-card .plan-incl svg{width:13px;height:13px;flex-shrink:0;color:var(--brand-text)}.product-card .price{font-family:var(--font-mono);font-weight:600;font-size:16px;color:var(--text)}.product-card .price .was{font-size:12px;color:var(--text-faint);text-decoration:line-through;font-weight:400;margin-right:6px}.product-card .partner-price{display:grid;justify-items:start;gap:4px;min-width:0}.product-card .partner-price-main{display:flex;align-items:baseline;gap:7px}.product-card .partner-price .was{margin:0}.product-card .partner-price .is-free{color:var(--brand-text);font-size:15px;font-weight:700;letter-spacing:-.01em}.product-card .partner-price-badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:3px 7px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:999px;color:var(--brand-text);background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-family:var(--font-body);font-size:9.5px;font-weight:700;letter-spacing:.02em}.product-card .partner-price-badge svg{width:11px;height:11px;flex-shrink:0}.btn-add-cart{position:relative;background:var(--ink);color:#fff;border:none;border-radius:10px;padding:0;font-family:var(--font-body);font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,transform .1s ease;width:40px;min-width:40px;height:40px;white-space:nowrap}.cart-button-icon{width:17px;height:17px;flex:0 0 auto}.cart-icon-quantity{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:#fff;border:2px solid var(--surface);font-family:var(--font-mono);font-size:9px;line-height:1}.btn-add-cart.is-cart-confirming .cart-button-icon,.add-cart-btn.is-cart-confirming .cart-button-icon{animation:cart-confirm-pop .62s cubic-bezier(.2,.9,.25,1)}@keyframes cart-confirm-pop{0%{transform:translateX(-7px) scale(.7);opacity:0}55%{transform:translateX(2px) scale(1.18);opacity:1}100%{transform:translateX(0) scale(1);opacity:1}}.btn-add-cart:hover{background:var(--brand)}.btn-add-cart:active{transform:scale(.96)}.btn-add-cart.is-added{background:var(--face-y);color:#0A2E20}.btn-add-cart.is-added:hover{background:var(--face-y);filter:brightness(.92)}.cart-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 10px 10px 14px;border-radius:14px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-stage);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:200;display:flex;align-items:center;gap:10px;min-width:min(420px,calc(100vw - 28px))}.cart-toast.is-visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.cart-toast-check{width:28px;height:28px;border-radius:50%;background:var(--face-y);color:#0A2E20;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.cart-toast-copy{display:flex;flex-direction:column;line-height:1.25;min-width:0;margin-right:auto}.cart-toast-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}.cart-toast-copy small{color:color-mix(in srgb,#fff 68%,transparent);font-size:11px}.cart-toast-link{color:#fff;background:var(--brand);border-radius:9px;padding:9px 12px;text-decoration:none;font-weight:700;white-space:nowrap}.cart-toast-link:hover{filter:brightness(1.08)}.cart-toast-close{border:0;background:transparent;color:color-mix(in srgb,#fff 65%,transparent);width:44px;height:44px;border-radius:10px;cursor:pointer;font-size:20px;display:grid;place-items:center;flex:0 0 auto}.cart-toast-close:hover{background:color-mix(in srgb,#fff 10%,transparent);color:#fff}@media (max-width: 520px){.cart-toast{bottom:14px}.cart-toast-copy small{display:none}.cart-toast-copy strong{max-width:120px}}@media (prefers-reduced-motion: reduce){.btn-add-cart.is-cart-confirming .cart-button-icon,.add-cart-btn.is-cart-confirming .cart-button-icon{animation:none}}.cta-band{background:linear-gradient(150deg,var(--stage-bg) 0%,var(--brand-deep) 130%);border-radius:var(--radius);padding:64px 40px;text-align:center;position:relative;overflow:hidden}.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.10),transparent 55%);pointer-events:none}.cta-band .eyebrow{background:rgba(255,255,255,.12);color:#fff;position:relative}.cta-band h2{color:#fff;margin:0 auto 14px;max-width:22ch;position:relative}.cta-band p{color:rgba(255,255,255,.82);max-width:46ch;margin:0 auto 30px;line-height:1.65;position:relative}.cta-band .hero-ctas{justify-content:center;position:relative}.cta-band .btn-secondary{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}.cta-band .btn-secondary:hover{border-color:#fff}.cart-page{max-width:900px;margin:0 auto;padding:20px 24px 100px}.cart-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:28px 0 32px;flex-wrap:wrap}.cart-title-row h1{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,4vw,34px);margin:0}.cart-count-label{color:var(--text-faint);font-size:14px;font-family:var(--font-mono)}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}@media (max-width: 800px){.cart-layout{grid-template-columns:1fr}}.cart-items{display:flex;flex-direction:column;gap:14px}.cart-line{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px}.cart-line .thumb{width:76px;height:76px;border-radius:12px;flex-shrink:0;background:radial-gradient(circle at 50% 30%,var(--surface-2),var(--surface-3) 130%);display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-line .thumb img{width:100%;height:100%;object-fit:cover}.cart-line .thumb .gp-svg{width:100%;max-width:90px}.cart-line .thumb-loading{padding:7px;color:var(--text-muted);font-size:9.5px;font-weight:600;line-height:1.35;text-align:center}.cart-line .info{flex:1;min-width:0}.cart-line .info h4{font-family:var(--font-display);font-weight:600;font-size:15px;margin:0 0 3px;color:var(--text)}.cart-line .info p{font-size:12.5px;color:var(--text-faint);margin:0}.cart-line .qty-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex-shrink:0}.cart-line .qty-stepper button{width:30px;height:30px;border:none;background:var(--surface-2);color:var(--text);font-size:15px;cursor:pointer;font-family:var(--font-body)}.cart-line .qty-stepper span{width:30px;text-align:center;font-family:var(--font-mono);font-size:13px}.cart-line .line-price{font-family:var(--font-mono);font-weight:600;font-size:14.5px;width:64px;text-align:right;flex-shrink:0}.cart-line .remove-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:18px;line-height:1;padding:6px;flex-shrink:0;transition:color .15s ease}.cart-line .remove-btn:hover{color:var(--face-b)}.cart-summary{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;position:sticky;top:24px;box-shadow:var(--shadow-card)}.cart-summary h3{font-family:var(--font-display);font-size:16px;margin:0 0 20px}.summary-block{display:flex;flex-direction:column;gap:11px;padding-bottom:18px;border-bottom:1px solid var(--line)}.summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted)}.summary-row.total{color:var(--text);font-weight:700;font-size:18px;margin:18px 0 22px}.summary-row.total .val{font-family:var(--font-mono)}.summary-row .discount-val{color:var(--face-y);font-weight:600}.checkout-btn{width:100%;background:var(--brand);color:#fff;border:none;border-radius:12px;padding:15px;font-weight:700;font-size:15.5px;cursor:pointer;box-shadow:0 8px 22px rgba(108,92,231,.28);font-family:var(--font-body);transition:transform .12s ease,box-shadow .12s ease}.checkout-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(108,92,231,.34)}.checkout-trust-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0 0}.checkout-trust-row span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-faint)}.checkout-trust-row svg{width:13px;height:13px;flex-shrink:0}.checkout-msg{margin-top:14px;background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--text-muted);line-height:1.6;display:none}.checkout-msg.is-visible{display:block}.checkout-msg.is-error{color:var(--face-b);background:rgba(214,69,69,.08)}.btn-primary,.btn-secondary{--btn-y:0px;position:relative;display:inline-flex;align-items:center;gap:9px;padding:16px 30px;border-radius:15px;text-decoration:none;font-family:var(--font-body);font-weight:650;font-size:15.5px;line-height:1;cursor:pointer;border:1px solid transparent;transform:translateY(var(--btn-y));transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn-primary{color:var(--brand-ink);background-color:var(--brand);background-image:linear-gradient(90deg,var(--brand-deep) 0 50%,var(--brand) 50% 100%);background-size:200% 100%;background-position:100% 0;box-shadow:0 1px 2px rgba(16,26,60,.12),0 4px 12px -6px rgba(47,95,227,.40);transition:background-position .42s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,transform .2s cubic-bezier(.2,.8,.3,1)}.btn-primary:hover{--btn-y:-1px;background-position:0 0;box-shadow:0 2px 4px rgba(16,26,60,.14),0 8px 18px -8px rgba(47,95,227,.45)}.btn-primary:active{--btn-y:0px;background-position:0 0;box-shadow:0 1px 2px rgba(16,26,60,.12)}.btn-secondary{color:var(--text);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-card)}.btn-secondary:hover{--btn-y:-1px;border-color:var(--brand-text);color:var(--brand-text)}.btn-secondary:active{--btn-y:0px}@media (prefers-reduced-motion: reduce){.btn-primary,.btn-secondary{--btn-y:0px !important}.btn-primary{transition:background-color .2s ease,box-shadow .2s ease}}.cart-empty{text-align:center;padding:56px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.cart-empty-icon{width:56px;height:56px;margin:0 auto 20px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 9%,var(--surface));border:1px solid var(--line);color:var(--brand-text)}.cart-empty-icon svg{width:26px;height:26px}.cart-empty h2{font-family:var(--font-display);font-size:21px;margin:0 0 10px}.cart-empty p{color:var(--text-muted);margin:0 auto 28px;max-width:46ch;font-size:14.5px;line-height:1.65}.cart-empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 520px){.cart-empty{padding:44px 20px}.cart-empty-actions{flex-direction:column}.cart-empty-actions a{justify-content:center}}.account-widget{position:relative}.account-widget [data-account-toggle]{background:none;border:none;cursor:pointer;padding:0;font:inherit}.nav-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:12.5px}.account-menu{display:none !important}.account-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:8px;z-index:60;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease}.account-widget.is-menu-open .account-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.account-menu-user{font-size:12.5px;color:var(--text-faint);padding:8px 10px 10px;margin:0;border-bottom:1px solid var(--line);margin-bottom:6px}.account-menu a,.account-menu button{display:block;width:100%;text-align:left;text-decoration:none;background:none;border:none;font-family:var(--font-body);font-size:13.5px;color:var(--text);padding:9px 10px;border-radius:8px;cursor:pointer}.account-menu a:hover,.account-menu button:hover{background:var(--surface-2)}.account-menu [data-account-logout]{color:var(--face-b)}.account-widget.is-logged-out [data-account-username],.account-widget.is-logged-out [data-account-logout],.account-widget.is-logged-out [data-account-profile-link],.account-widget.is-logged-in [data-account-login-link],.account-widget.is-logged-in [data-account-signup-link]{display:none}.account-menu [data-account-creator-link]{display:none}.account-widget.is-creator-account .account-menu [data-account-creator-link]{display:block}.account-widget.is-logged-out .account-menu{display:none !important}.credits-badge{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--text);transition:background .15s ease,border-color .15s ease}.credits-badge:hover{border-color:var(--brand-text)}.credits-badge svg{width:14px;height:14px;color:var(--brand-text);flex-shrink:0}.credits-widget{position:relative}.credits-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:14px;z-index:60;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease}.credits-widget.is-menu-open .credits-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.credits-menu p{font-size:12.5px;color:var(--text-muted);line-height:1.55;margin:0 0 10px}.credits-menu a{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--brand);padding:7px 14px;border-radius:999px;text-decoration:none}.notif-widget{position:relative}.notif-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;transition:color .15s ease}.notif-toggle:hover{color:var(--brand-text)}.notif-toggle svg{width:19px;height:19px}.notif-badge{position:absolute;top:3px;right:3px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--face-b);color:#fff;font-family:var(--font-mono);font-size:9.5px;font-weight:700;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg)}.notif-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-height:380px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:8px;z-index:60;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease}.notif-widget.is-menu-open .notif-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.notif-menu-title{font-size:12.5px;color:var(--text-faint);padding:8px 10px 10px;margin:0;border-bottom:1px solid var(--line);margin-bottom:6px}.notif-row{position:relative;padding:10px 30px 10px 10px;border-radius:9px;font-size:12.5px;color:var(--text);line-height:1.5}.notif-row:hover{background:var(--surface-2)}.notif-row .notif-date{display:block;font-size:10.5px;color:var(--text-faint);margin-top:3px}.notif-row-close{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-faint);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease}.notif-row-close:hover{background:var(--line);color:var(--text)}.notif-row-close svg{width:12px;height:12px}.notif-empty{text-align:center;padding:20px 10px;color:var(--text-faint);font-size:12px}.site-nav-wrap{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(251,250,254,.97),rgba(251,250,254,.9));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(47,95,227,.06),0 12px 24px -20px rgba(16,26,60,.25)}[data-theme="dark"] .site-nav-wrap{background:linear-gradient(180deg,rgba(22,19,31,.97),rgba(22,19,31,.92));box-shadow:0 1px 0 rgba(0,0,0,.4),0 12px 24px -20px rgba(0,0,0,.55)}.site-nav-wrap::before{content:'';display:block;height:3px;background:linear-gradient(90deg,var(--brand-deep),var(--brand),var(--brand-bright),var(--brand));background-size:200% 100%}.site-nav{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:14px 24px}.site-nav .logo{text-decoration:none;display:inline-flex;align-items:center}.logo-wordmark-img{height:26px;width:auto;display:block}.logo-wordmark-dark{display:none}[data-theme="dark"] .logo-wordmark-light{display:none}[data-theme="dark"] .logo-wordmark-dark{display:block}.auth-card .logo{display:inline-flex;align-items:center;justify-content:center;gap:8px}.site-nav-links{display:flex;gap:26px;align-items:center}.site-nav-links a.nav-text{text-decoration:none;color:var(--text-muted);font-size:14.5px;font-weight:500}.site-nav-links a.nav-text:hover{color:var(--text)}.site-nav-links a.nav-text.is-active{color:var(--brand-text)}.site-nav-links a.nav-text[href="pricing.html"]{position:relative;display:inline-flex;align-items:center;gap:7px}.site-nav-links a.nav-text[href="pricing.html"]::after{content:"";width:19px;height:19px;flex-shrink:0;border-radius:7px;background-color:var(--brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:11.5px 11.5px;box-shadow:0 2px 6px -1px color-mix(in srgb,var(--brand) 55%,transparent);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,background-color .18s ease}.site-nav-links a.nav-text[href="pricing.html"]:hover::after{background-color:var(--brand-deep);transform:translateY(-1px) rotate(-6deg);box-shadow:0 4px 10px -2px color-mix(in srgb,var(--brand) 65%,transparent)}.site-nav-links a.nav-text[href="pricing.html"]::before{content:"30 days free on Creator";position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);padding:6px 10px;border-radius:8px;background:var(--ink);color:#fff;font-family:var(--font-body);font-size:11.5px;font-weight:500;letter-spacing:0;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:opacity .16s ease,transform .16s ease;z-index:30}.site-nav-links a.nav-text[href="pricing.html"]:hover::before,.site-nav-links a.nav-text[href="pricing.html"]:focus-visible::before{opacity:1;transform:translate(-50%,0)}@media (max-width: 820px){.site-nav-links a.nav-text[href="pricing.html"]::before{display:none}}.nav-icons{display:flex;align-items:center;gap:6px}.nav-sep{width:1px;height:20px;background:var(--line);margin:0}.nav-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;padding:9px 18px;border-radius:10px;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1;color:#fff;text-decoration:none;background-color:var(--brand);background-image:linear-gradient(90deg,var(--brand-deep) 0 50%,var(--brand) 50% 100%);background-size:200% 100%;background-position:100% 0;border:1px solid transparent;box-shadow:0 1px 2px rgba(16,26,60,.12);transition:background-position .4s cubic-bezier(.4,0,.2,1),box-shadow .18s ease}.nav-cta:hover{background-position:0 0;box-shadow:0 2px 6px -1px rgba(16,26,60,.18)}.nav-cta:active{background-position:0 0;box-shadow:none}@media (prefers-reduced-motion: reduce){.nav-cta{transition:background-color .15s ease,box-shadow .18s ease;background-image:none}.nav-cta:hover,.nav-cta:active{background-color:var(--brand-deep)}}.nav-cta:focus-visible{outline:3px solid var(--brand-bright);outline-offset:2px}.nav-burger{display:none}@media (max-width: 820px){.site-nav{position:relative;gap:12px}.nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;margin-left:auto;border:none;background:none;cursor:pointer;flex-shrink:0}.nav-burger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.is-open span:nth-child(2){opacity:0}.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-card);padding:6px 18px 18px;max-height:calc(100vh - 60px);overflow-y:auto;z-index:60}.site-nav-links.is-open{display:flex}.site-nav-links a.nav-text{display:flex;align-items:center;min-height:48px;font-size:15.5px;color:var(--text);border-bottom:1px solid var(--line)}.site-nav-links .nav-sep{display:none}.site-nav-links.is-open{display:flex;flex-direction:column;align-items:stretch}.nav-icons{gap:10px;padding:10px 0;justify-content:flex-start}.site-nav-links.is-open .nav-cta{width:100%;justify-content:center;margin:6px 0 4px;min-height:46px;font-size:15px}.account-menu,.credits-menu,.notif-menu{position:static;width:auto;max-width:none;transform:none;box-shadow:none;margin-top:8px;display:none}.account-widget.is-menu-open .account-menu,.credits-widget.is-menu-open .credits-menu,.notif-widget.is-menu-open .notif-menu{display:block}}.nav-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}@media (max-width: 820px){input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],select,textarea{min-height:44px;font-size:16px}.btn-primary,.btn-secondary,.btn-ghost,.btn-add-cart,.btn-hero-primary,.btn-hero-secondary,.shop-filter button,.guides-filter button,.inline-cta a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.product-card .btn-add-cart{width:44px;min-width:44px;height:44px}.product-card .btn-view-product{min-height:44px}.site-nav .logo{min-height:44px}.site-footer li a{min-height:44px;display:inline-flex;align-items:center}.site-footer .logo{min-height:44px;display:inline-flex;align-items:center}.site-footer .footer-grid{grid-template-columns:1fr;gap:26px}.site-footer h5,.site-footer .footer-heading{font-size:12px}}.article-crumbs{max-width:760px;margin:0 auto;padding:26px 24px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--text-faint)}.article-crumbs a{color:var(--text-muted);text-decoration:none}.article-crumbs a:hover{color:var(--brand-text);text-decoration:underline}.article-crumbs svg{width:13px;height:13px;flex-shrink:0;opacity:.6}.article-crumbs span[aria-current]{color:var(--text);font-weight:500}.article-hero{max-width:760px;margin:0 auto;padding:18px 24px 8px}.article-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4.4vw,42px);line-height:1.12;letter-spacing:-.015em;margin:0 0 16px;color:var(--text)}.article-hero p.lead{color:var(--text-muted);font-size:17px;line-height:1.68;max-width:62ch;margin:0}.cat-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;text-transform:uppercase;letter-spacing:.09em;padding:6px 13px;border-radius:999px;margin:0 0 16px;color:var(--cat-color,var(--brand-text));background:color-mix(in srgb,var(--cat-color,var(--brand-text)) 12%,transparent)}.cat-chip svg{width:13px;height:13px}.cat-guide{--cat-color:#5442C9}.cat-compare{--cat-color:#7E2DB8}.cat-fix{--cat-color:#8F440D}.cat-tool{--cat-color:#0F6341}[data-theme="dark"] .cat-guide{--cat-color:#9B8CF5}[data-theme="dark"] .cat-compare{--cat-color:#D9A5FF}[data-theme="dark"] .cat-fix{--cat-color:#F0A863}[data-theme="dark"] .cat-tool{--cat-color:#56C795}.article-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--text-muted);font-size:13px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.article-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.article-body{max-width:760px;margin:0 auto;padding:8px 24px 30px}.article-body>h2{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.01em;margin:46px 0 14px;color:var(--text);scroll-margin-top:24px}.article-body>h3{font-family:var(--font-display);font-weight:600;font-size:18px;margin:30px 0 8px;color:var(--text)}.article-body p,.article-body li{color:var(--text-muted);font-size:16px;line-height:1.78}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 20px}.article-body li{margin-bottom:9px}.article-body li::marker{color:var(--text-faint)}.article-body a{color:var(--brand-text);text-decoration:underline;text-underline-offset:2px}.article-body strong{color:var(--text);font-weight:600}.article-body code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--text)}.article-toc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin:30px 0 38px;box-shadow:var(--shadow-card)}.article-toc h2{font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 14px}.article-toc ol{margin:0;padding-left:20px}.article-toc li{font-size:14.5px;margin-bottom:8px;line-height:1.5;color:var(--text-muted)}.article-toc a{color:var(--text);text-decoration:none}.article-toc a:hover{color:var(--brand-text);text-decoration:underline}.settings-table-wrap{overflow-x:auto;margin:20px 0 30px}table.settings-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:480px}table.settings-table th,table.settings-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}table.settings-table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}table.settings-table td{color:var(--text-muted)}table.settings-table td:first-child{font-weight:700;color:var(--text)}.callout{display:flex;gap:14px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--cal-color,var(--brand));border-radius:12px;padding:18px 20px;margin:28px 0}.callout>svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;color:var(--cal-color,var(--brand-text))}.callout-body{min-width:0;flex:1}.callout-body b{display:block;font-family:var(--font-display);font-size:14px;color:var(--text);margin-bottom:5px}.callout-body p{font-size:14.5px;line-height:1.68;margin:0;color:var(--text-muted)}.callout-body p+p{margin-top:10px}.callout-body ul{margin:8px 0 0;padding-left:20px}.callout-body li{font-size:14.5px;line-height:1.65;margin-bottom:6px;color:var(--text-muted)}.callout--tip{--cal-color:#1E8A5E}.callout--warn{--cal-color:#C2621C}.callout--info{--cal-color:var(--brand)}[data-theme="dark"] .callout--tip{--cal-color:#56C795}[data-theme="dark"] .callout--warn{--cal-color:#F0A863}.takeaways{background:linear-gradient(150deg,color-mix(in srgb,var(--brand) 9%,var(--surface)) 0%,var(--surface) 100%);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:16px;padding:24px 28px;margin:32px 0 40px}.takeaways h2{font-family:var(--font-display);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--brand-text);margin:0 0 14px}.takeaways ul{margin:0;padding:0;list-style:none}.takeaways li{position:relative;padding-left:26px;margin-bottom:11px;font-size:15px;line-height:1.65;color:var(--text-muted)}.takeaways li:last-child{margin-bottom:0}.takeaways li::before{content:'';position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--brand)}.takeaways strong{color:var(--text);font-weight:600}.inline-cta{margin:40px 0;padding:28px 30px;border-radius:18px;background:linear-gradient(135deg,var(--pastel-blue) 0%,var(--pastel-pink) 100%)}.inline-cta b{display:block;font-family:var(--font-display);font-size:17px;color:var(--ink);margin-bottom:8px}.inline-cta p{color:#3d3550;margin:0 0 18px;font-size:14.5px;line-height:1.6;max-width:54ch}.inline-cta a{color:var(--ink);background:#fff;text-decoration:none;padding:12px 24px;border-radius:10px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px -8px rgba(30,26,46,.4)}.article-related{max-width:760px;margin:0 auto;padding:10px 24px 80px}.article-related>h2{font-family:var(--font-display);font-size:19px;margin:0 0 18px;color:var(--text)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.related-grid{grid-template-columns:1fr}}.related-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;transition:border-color .15s ease,transform .15s ease}.related-card:hover{border-color:var(--brand-text);transform:translateY(-2px)}.related-card .cat-chip{font-size:10.5px;padding:4px 10px;margin:0 0 10px}.related-card h3{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px;line-height:1.35}.related-card p{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0}.guides-head{max-width:900px;margin:0 auto;padding:58px 24px 0;text-align:center}.guides-kicker{display:inline-flex;padding:7px 13px;margin-bottom:18px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--brand-text);font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.guides-head h1{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,48px);letter-spacing:-.025em;line-height:1.08;margin:0 0 16px;color:var(--text)}.guides-head p.lead{color:var(--text-muted);font-size:17px;line-height:1.68;max-width:62ch;margin:0 auto}.guides-promises{display:flex;justify-content:center;gap:9px 20px;flex-wrap:wrap;margin-top:23px;color:var(--text-muted);font-size:13px}.guides-promises span{display:inline-flex;align-items:center;gap:8px}.guides-promises span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand)}.guides-toolbar{max-width:1000px;margin:34px auto 0;padding:0 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.guides-filter{display:flex;gap:8px;flex-wrap:wrap}.guides-filter button{padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-muted);font-family:var(--font-body);font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.guides-filter button:hover{border-color:var(--brand-text);color:var(--brand-text)}.guides-filter button.is-active{border-color:var(--brand);color:var(--brand-ink);background:var(--brand)}.guides-filter button:focus-visible{outline:3px solid var(--brand-text);outline-offset:3px}.guides-count{flex:none;margin:0;color:var(--text-faint);font-size:12.5px}.guides-list{max-width:1000px;margin:0 auto;padding:22px 24px 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;box-shadow:var(--shadow-card);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.guide-card:hover{border-color:var(--brand-text);transform:translateY(-3px);box-shadow:var(--shadow-soft)}.guide-card:focus-visible{outline:3px solid var(--brand-text);outline-offset:4px}.guide-thumb{height:88px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--cat-color,var(--brand)) 8%,var(--surface-2));border:1px solid color-mix(in srgb,var(--cat-color,var(--brand)) 20%,transparent)}.guide-thumb svg{width:32px;height:32px;color:var(--cat-color,var(--brand-text))}@media (max-width: 620px){.guide-thumb{height:72px}}.guide-card-body{min-width:0}.guide-card-body h2{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text);margin:8px 0 7px;line-height:1.3}.guide-card-body p{color:var(--text-muted);font-size:13.5px;line-height:1.58;margin:0 0 13px}.guide-card-foot{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-muted);flex-wrap:wrap}.guide-card-foot .sep{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.guide-card-foot .go{color:var(--brand-text);font-weight:600;margin-left:auto}.guide-card--featured{grid-column:1 / -1;grid-template-columns:210px 1fr;padding:24px 28px;border-color:color-mix(in srgb,var(--brand) 34%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface) 58%)}.guide-card--featured .guide-thumb{height:136px}.guide-card--featured .guide-thumb svg{width:40px;height:40px}.guide-card--featured .guide-card-body h2{font-size:21px}@media (max-width: 620px){.guides-head{padding-top:38px}.guides-toolbar{align-items:flex-start;margin-top:26px}.guides-count{display:none}.guides-list{grid-template-columns:1fr}.guide-card{grid-template-columns:76px 1fr;gap:14px;padding:16px}.guide-thumb{height:76px}.guide-card--featured{grid-template-columns:1fr}.guide-card--featured .guide-thumb{height:84px}}@media (max-width: 820px){.article-body p,.article-body li{font-size:15.5px}.article-hero p.lead,.guides-head p.lead{font-size:16px}.inline-cta{padding:24px 22px}.takeaways{padding:22px 22px}.guide-card--featured{padding:20px}}.tools-head{max-width:940px;margin:0 auto;padding:58px 24px 22px;text-align:center}.tools-kicker{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--brand-text);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:7px 13px;margin-bottom:18px}.tools-head h1{max-width:760px;margin:0 auto 17px;font-family:var(--font-display);font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.025em;color:var(--text)}.tools-head .lead{max-width:650px;margin:0 auto;color:var(--text-muted);font-size:17px;line-height:1.68}.tools-promises{display:flex;justify-content:center;gap:9px 22px;flex-wrap:wrap;margin-top:24px;color:var(--text-muted);font-size:13px}.tools-promises span{display:inline-flex;align-items:center;gap:7px}.tools-promises svg{width:15px;height:15px;fill:none;stroke:var(--brand-text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.tools-list{max-width:1060px;margin:0 auto;padding:30px 24px 34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-showcase-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:22px;text-decoration:none;box-shadow:var(--shadow-card);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-showcase-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand-text) 60%,var(--line));box-shadow:var(--shadow-soft)}.tool-showcase-card--featured{grid-column:1 / -1;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr);border-color:color-mix(in srgb,var(--brand) 34%,var(--line))}.tool-showcase-card--featured .tool-showcase-visual{min-height:310px;border-bottom:0;border-right:1px solid var(--line)}.tool-showcase-card--featured .tool-showcase-visual>svg{width:82px;height:82px}.tool-showcase-card--featured .tool-showcase-body{justify-content:center;padding:36px 40px}.tool-showcase-card--featured .tool-showcase-body h2{font-size:27px}.tool-showcase-card:focus-visible,.tools-next a:focus-visible{outline:3px solid var(--brand-text);outline-offset:4px}.tool-showcase-visual{min-height:190px;position:relative;display:grid;place-items:center;overflow:hidden;color:var(--tool-accent,var(--brand-text));background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--tool-accent,var(--brand)) 24%,transparent),transparent 38%),linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--tool-accent,var(--brand)) 9%,var(--surface)));border-bottom:1px solid var(--line)}.tool-showcase-visual::before,.tool-showcase-visual::after{content:'';position:absolute;border-radius:999px;border:1px solid currentColor;opacity:.12}.tool-showcase-visual::before{width:230px;height:230px;right:-92px;top:-120px}.tool-showcase-visual::after{width:150px;height:150px;left:-72px;bottom:-92px}.tool-showcase-visual>svg{width:64px;height:64px;position:relative;z-index:1}.tool-showcase-card[data-tool="configurator"]{--tool-accent:#5B49D6}.tool-showcase-card[data-tool="tester"]{--tool-accent:#246B8E}.tool-showcase-card[data-tool="latency"]{--tool-accent:#116B46}.tool-showcase-card[data-tool="deadzone"]{--tool-accent:#9A5B13}[data-theme="dark"] .tool-showcase-card[data-tool="configurator"]{--tool-accent:#9B8CF5}[data-theme="dark"] .tool-showcase-card[data-tool="tester"]{--tool-accent:#68B7D9}[data-theme="dark"] .tool-showcase-card[data-tool="latency"]{--tool-accent:#56C795}[data-theme="dark"] .tool-showcase-card[data-tool="deadzone"]{--tool-accent:#E4AE68}.tool-showcase-status{position:absolute;z-index:2;top:16px;right:16px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);color:var(--text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(8px)}.tool-showcase-body{display:flex;flex:1;flex-direction:column;padding:25px 26px 27px}.tool-showcase-eyebrow{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--tool-accent,var(--brand-text));margin-bottom:9px}.tool-showcase-body h2{font-family:var(--font-display);font-size:21px;line-height:1.25;color:var(--text);margin:0 0 10px}.tool-showcase-body>p{color:var(--text-muted);font-size:14px;line-height:1.65;margin:0 0 18px}.tool-feature-list{list-style:none;margin:0 0 24px;padding:0}.tool-feature-list li{position:relative;padding-left:23px;margin:0 0 9px;color:var(--text-muted);font-size:13.5px;line-height:1.45}.tool-feature-list li::before{content:'';position:absolute;left:2px;top:.48em;width:7px;height:7px;border-radius:50%;background:var(--tool-accent,var(--brand))}.tool-showcase-cta{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--tool-accent,var(--brand-text));font-size:14px;font-weight:700}.tool-showcase-card:hover .tool-showcase-cta span{transform:translateX(3px)}.tool-showcase-cta span{transition:transform .18s ease}.tools-next{max-width:760px;margin:28px auto 88px;padding:30px 32px;text-align:center;border-radius:20px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 8%,var(--surface)),var(--surface))}.tools-next-label{margin:0 0 8px;color:var(--brand-text);font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.tools-next h2{font-family:var(--font-display);font-size:21px;color:var(--text);margin:0 0 10px}.tools-next>p:not(.tools-next-label){color:var(--text-muted);font-size:14px;line-height:1.65;margin:0 auto 18px}.tools-next a{color:var(--brand-text);font-size:14px;font-weight:700;text-decoration:none}.tools-next a:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width: 720px){.tools-head{padding-top:38px}.tools-head .lead{font-size:16px}.tools-list{grid-template-columns:1fr;padding-top:20px}.tool-showcase-card--featured{grid-column:auto;display:flex}.tool-showcase-card--featured .tool-showcase-visual{min-height:170px;border-right:0;border-bottom:1px solid var(--line)}.tool-showcase-card--featured .tool-showcase-visual>svg{width:64px;height:64px}.tool-showcase-card--featured .tool-showcase-body{padding:25px 26px 27px}.tool-showcase-card--featured .tool-showcase-body h2{font-size:22px}.tool-showcase-visual{min-height:150px}.tools-next{margin:18px 24px 64px;padding:26px 22px}}@media (min-width: 721px) and (max-width: 920px){.tools-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-showcase-card--featured{grid-column:1 / -1}}