:root{--tone-070c18:#070c18;--tone-070c1800:#070c1800;--tone-070c1840:#070c1840;--tone-070c1850:#070c1850;--tone-070c1890:#070c1890;--tone-070c18b8:#070c18b8;--tone-070c18e8:#070c18e8;--tone-070c18ef:#070c18ef;--tone-070c18f5:#070c18f5;--tone-07101f:#07101f;--tone-080f1c:#080f1c;--tone-0a1220:#0a1220;--tone-0b1320:#0b1320;--tone-0b1321a6:#0b1321a6;--tone-0b1423:#0b1423;--tone-0c1726:#0c1726;--tone-0d1625:#0d1625;--tone-0e192b:#0e192b;--tone-101a2c80:#101a2c80;--tone-102b38:#102b38;--tone-111c2b66:#111c2b66;--tone-11253470:#11253470;--tone-123344:#123344;--tone-132335:#132335;--tone-163445:#163445;--tone-171536:#171536;--tone-17423766:#17423766;--tone-22d3ee26:#22d3ee26;--tone-22d3ee45:#22d3ee45;--tone-27344b:#27344b;--tone-294860:#294860;--tone-30405a:#30405a;--tone-335066:#335066;--tone-516079:#516079;--tone-53627a:#53627a;--tone-62748c:#62748c;--tone-8fa1b8:#8fa1b8;--tone-9de9d7:#9de9d7;--tone-a5f3fc:#a5f3fc;--tone-a5f3fc80:#a5f3fc80;--tone-b3bfd1:#b3bfd1;--tone-b9c6d8:#b9c6d8;--tone-bbcfdf:#bbcfdf;--tone-bfccdd:#bfccdd;--tone-c0ccdc:#c0ccdc;--tone-c6d2e3:#c6d2e3;--tone-ffffff0e:#ffffff0e;--unit-10s:10s;--unit-110px:110px;--unit-1240px:1240px;--unit-12px:12px;--unit-140px:140px;--unit-150px:150px;--unit-160ms:160ms;--unit-16px:16px;--unit-18px:18px;--unit-190px:190px;--unit-1d05rem:1.05rem;--unit-1d15rem:1.15rem;--unit-1d1rem:1.1rem;--unit-1d25rem:1.25rem;--unit-1d2rem:1.2rem;--unit-1d35rem:1.35rem;--unit-1d3rem:1.3rem;--unit-1d4rem:1.4rem;--unit-1d5rem:1.5rem;--unit-1d65rem:1.65rem;--unit-1d75rem:1.75rem;--unit-1d8rem:1.8rem;--unit-1px:1px;--unit-1rem:1rem;--unit-20px:20px;--unit-210px:210px;--unit-240ms:240ms;--unit-240px:240px;--unit-24px:24px;--unit-28px:28px;--unit-290px:290px;--unit-2d1rem:2.1rem;--unit-2d4rem:2.4rem;--unit-2d5rem:2.5rem;--unit-2d5s:2.5s;--unit-2d75rem:2.75rem;--unit-2rem:2rem;--unit-30px:30px;--unit-320ms:320ms;--unit-32px:32px;--unit-3d2em:3.2em;--unit-3d2rem:3.2rem;--unit-3px:3px;--unit-3rem:3rem;--unit-400ms:400ms;--unit-400px:400px;--unit-42px:42px;--unit-44px:44px;--unit-480ms:480ms;--unit-48px:48px;--unit-4d5rem:4.5rem;--unit-4d8rem:4.8rem;--unit-4px:4px;--unit-4rem:4rem;--unit-500px:500px;--unit-52px:52px;--unit-53px:53px;--unit-54px:54px;--unit-560ms:560ms;--unit-560px:560px;--unit-580px:580px;--unit-5d5rem:5.5rem;--unit-5px:5px;--unit-5rem:5rem;--unit-60px:60px;--unit-620px:620px;--unit-660px:660px;--unit-6px:6px;--unit-6rem:6rem;--unit-700px:700px;--unit-720px:720px;--unit-740px:740px;--unit-780px:780px;--unit-800px:800px;--unit-80ms:80ms;--unit-860px:860px;--unit-88px:88px;--unit-950px:950px;--unit-999px:999px;--unit-d15em:.15em;--unit-d19em:.19em;--unit-d1em:.1em;--unit-d25rem:.25rem;--unit-d25s:.25s;--unit-d2rem:.2rem;--unit-d2s:.2s;--unit-d35rem:.35rem;--unit-d45rem:.45rem;--unit-d4rem:.4rem;--unit-d4s:.4s;--unit-d55rem:.55rem;--unit-d5rem:.5rem;--unit-d5s:.5s;--unit-d625rem:.625rem;--unit-d65rem:.65rem;--unit-d6875rem:.6875rem;--unit-d6rem:.6rem;--unit-d75rem:.75rem;--unit-d7rem:.7rem;--unit-d85rem:.85rem;--unit-d875rem:.875rem;--unit-d8rem:.8rem;--unit-d95rem:.95rem;--unit-d9rem:.9rem;--unit-minus10000px:-10000px;--unit-minus6px:-6px;--unit-minusd02em:-.02em;--unit-minusd045em:-.045em;--unit-minusd05em:-.05em;--unit-minusd8rem:-.8rem;--color-bg:var(--bg);--color-bg-secondary:var(--tone-0b1320);--color-surface:var(--panel);--color-border:var(--border);--color-accent:var(--accent-color);--color-accent-2:#8b5cf6;--color-accent-alpha:var(--accent-color-alpha);--color-text:var(--text);--color-text-muted:var(--muted);--color-clear:transparent;--color-white:#fff;--color-star:#fbbf24;--color-whatsapp:#25d366;--color-telegram:#26a5e4;--color-shadow:#0005;--color-glass:#101a2cb3;--color-header-glass:#070c18d9;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.2s;--dur-base:.45s;--dur-slow:.7s;--dur-page:.4s;--dur-mesh:12s;--dur-gradient:4s;--dur-pulse:2.8s;--dur-float:5s;--dur-shimmer:2.5s;--dur-cta:8s;--dur-wa:3s;--stagger:.1s;--star-stagger:80ms;--counter-ms:1500;--header-offset:88px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--reveal-y:28px;--reveal-x:40px;--lift-small:-4px;--lift-base:-6px;--lift-popular:-8px;--lift-popular-hover:-14px;--float-y:-16px;--blur-card:12px;--blur-header:20px;--glow-small:12px;--glow-base:24px;--glow-large:40px;--line-height:3px;--line-width:60px;--radius-pill:999px;--drawer-width:300px;--icon-size:24px;--hamburger-gap:7px;--touch-size:48px;--wa-size:56px;--wa-inset:28px;}
:root{--bg:#070c18;--panel:#101a2c;--border:#233047;--text:#f8fafc;--muted:#a8b6cb;--accent-color:#22d3ee;--accent-color-alpha:#22d3ee33;--radius:1.25rem;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:var(--unit-2rem)}body{line-height:1.65;background:var(--bg);color:var(--text);overflow-wrap:break-word}a{text-decoration:none}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:var(--unit-3px) solid var(--accent-color);outline-offset:var(--unit-5px)}::selection{background:var(--accent-color);color:var(--bg)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:var(--unit-minusd045em)}h1{font-weight:650;margin-bottom:var(--unit-1d5rem)}h2{font-size:clamp(var(--unit-2rem),3.6vw,var(--unit-3d2rem));font-weight:600;margin-bottom:var(--unit-1d25rem)}h3{font-size:var(--unit-1d25rem);font-weight:600;letter-spacing:var(--unit-minusd02em)}p{color:var(--muted);margin-bottom:var(--unit-1d5rem)}img{display:block;max-width:100%;height:auto}ul,ol{padding-left:var(--unit-1d3rem)}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:var(--unit-1px);height:var(--unit-1px);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:var(--unit-1rem);left:var(--unit-1rem);z-index:1000;padding:var(--unit-1rem);background:var(--text);color:var(--bg)}.container{width:min(100% - var(--unit-2d5rem),var(--unit-1240px));margin-inline:auto}.site-header{border-bottom:var(--unit-1px) solid var(--tone-ffffff0e);background:var(--tone-070c18f5);position:relative;z-index:10}.header-inner{min-height:var(--unit-88px);display:flex;align-items:center;justify-content:space-between;gap:var(--unit-1rem);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;min-height:var(--unit-44px);flex-shrink:0}.brand img{width:var(--unit-190px);height:auto;max-height:var(--unit-52px);object-fit:contain}.menu-toggle{display:flex;gap:var(--unit-d5rem);align-items:center;background:transparent;border:var(--unit-1px) solid var(--border);border-radius:var(--unit-d6rem);padding:var(--unit-d65rem);min-height:var(--unit-44px);font-size:var(--unit-d875rem)}.primary-nav{width:100%;display:flex;flex-direction:column;gap:var(--unit-d35rem);padding-bottom:var(--unit-1rem)}.js .primary-nav{display:none}.js .primary-nav.is-open{display:flex}.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.primary-nav a{display:flex;align-items:center;min-height:var(--unit-44px);padding:var(--unit-d5rem) var(--unit-d8rem);font-size:var(--unit-d875rem);color:var(--tone-c0ccdc)}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--accent-color)}.primary-nav .btn{color:var(--bg);margin-left:0}.eyebrow{font-size:var(--unit-d6875rem);font-weight:700;letter-spacing:var(--unit-d19em);color:var(--accent-color);line-height:1.7;margin-bottom:var(--unit-1d4rem)}.status-dot{display:inline-block;width:var(--unit-6px);height:var(--unit-6px);border-radius:50%;background:var(--accent-color);margin-right:var(--unit-d45rem);box-shadow:0 0 var(--unit-12px) var(--accent-color-alpha)}.hero{min-height:var(--unit-560px);display:flex;align-items:center;background:linear-gradient(120deg,var(--tone-0c1726),var(--tone-070c18),var(--tone-171536))}.hero-art{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:70% center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tone-070c18f5),var(--tone-070c18b8) 65%,var(--tone-070c1850)),linear-gradient(0deg,var(--tone-070c18),transparent 50%)}.hero-copy{padding-block:var(--unit-2d4rem) var(--unit-3rem)}.hero h1 span{color:var(--accent-color)}.hero-lead{font-size:var(--unit-1d05rem);line-height:1.7;color:var(--tone-c6d2e3)}.actions{display:flex;flex-direction:column;gap:var(--unit-d75rem)}.btn{display:inline-flex;min-height:var(--unit-48px);align-items:center;justify-content:center;gap:var(--unit-1rem);border:var(--unit-1px) solid var(--accent-color);border-radius:var(--unit-d5rem);background:var(--accent-color);color:var(--tone-07101f);padding:var(--unit-d85rem) var(--unit-1d15rem);font-size:var(--unit-d875rem);font-weight:700;line-height:1.4;text-align:center}.btn span[aria-hidden]{font-size:var(--unit-1d15rem)}.btn:hover,.btn:focus-visible{background:var(--tone-a5f3fc);color:var(--tone-07101f)}.btn-outline{background:var(--tone-0b1321a6);border-color:var(--tone-53627a);color:var(--text)}.btn-outline:hover,.btn-outline:focus-visible{background:var(--panel);color:var(--text);border-color:var(--accent-color)}.btn-small{min-height:var(--unit-44px);padding:var(--unit-d65rem) var(--unit-1rem)}.hero-note{font-size:var(--unit-d75rem);margin:var(--unit-1d4rem) 0 0;color:var(--tone-b3bfd1)}.hero-caption{display:none}.intro-strip{border-block:var(--unit-1px) solid var(--border);background:var(--tone-0b1320)}.intro-grid{padding-block:var(--unit-1d5rem);display:grid;grid-template-columns:1fr 1fr;gap:var(--unit-1d5rem)}.intro-grid>div{display:flex;flex-direction:column}.intro-grid strong{font-size:var(--unit-1d25rem);font-weight:600}.intro-grid>div>span{font-size:var(--unit-d75rem);color:var(--muted)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--unit-1rem);min-height:var(--unit-44px);color:var(--accent-color);font-size:var(--unit-d875rem);font-weight:600}.text-link:hover{text-decoration:underline}.section{padding-block:var(--unit-4rem)}.section-heading{margin-bottom:var(--unit-2d5rem)}.section-heading>p{max-width:var(--unit-400px)}.centered{text-align:center;display:block}.centered>p{max-width:var(--unit-580px);margin-inline:auto}.feature-grid,.article-grid,.device-grid,.pricing-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--unit-1rem)}.feature-card{padding:var(--unit-1d75rem);border:var(--unit-1px) solid var(--border);border-radius:var(--radius);background:linear-gradient(130deg,var(--tone-101a2c80),var(--tone-0a1220))}.feature-card img{margin-bottom:var(--unit-1d5rem);width:var(--unit-42px);height:var(--unit-42px)}.feature-card h3{max-width:var(--unit-240px)}.feature-card p{font-size:var(--unit-1rem);margin:0}.pricing-section{background:radial-gradient(ellipse at 50% 30%,var(--tone-11253470),transparent 60%)}.pricing-grid{gap:var(--unit-1d5rem);padding-top:var(--unit-1rem)}.pricing-card{position:relative;border:var(--unit-1px) solid var(--tone-30405a);border-radius:var(--unit-1rem);padding:var(--unit-1d8rem) var(--unit-1d35rem);background:var(--tone-0b1423);display:flex;flex-direction:column}.pricing-card.is-popular{border-color:var(--accent-color);background:linear-gradient(155deg,var(--tone-102b38),var(--tone-0b1423) 55%)}.plan-badge{position:absolute;top:var(--unit-minusd8rem);left:var(--unit-1d35rem);display:inline-flex;background:var(--tone-27344b);border:var(--unit-1px) solid var(--tone-516079);border-radius:var(--unit-2rem);padding:var(--unit-d2rem) var(--unit-d7rem);font-size:var(--unit-d6875rem);font-weight:700;line-height:1.6}.is-popular .plan-badge{color:var(--bg);background:var(--accent-color);border-color:var(--accent-color)}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--unit-d5rem)}.plan-heading h3{font-size:var(--unit-1d15rem);margin:0;text-transform:capitalize}.saving{font-size:var(--unit-d625rem);padding:var(--unit-d25rem) var(--unit-d5rem);border-radius:var(--unit-2rem);color:var(--tone-9de9d7);background:var(--tone-17423766);white-space:nowrap}.plan-description{font-size:var(--unit-d75rem);margin:var(--unit-d8rem) 0 var(--unit-1d5rem)}.price{font-size:var(--unit-2d75rem);line-height:1.1;letter-spacing:var(--unit-minusd05em);font-weight:650}.price .woocommerce-Price-currencySymbol{font-size:var(--unit-1d65rem);vertical-align:top;line-height:1.5}.per-month{font-size:var(--unit-d75rem);margin:var(--unit-d65rem) 0 0}.per-month>span{color:var(--tone-8fa1b8)}.plan-divider{height:var(--unit-1px);background:var(--border);margin:var(--unit-1d4rem) 0}.check-list{padding:0;margin:0 0 var(--unit-1d75rem);list-style:none;color:var(--tone-bfccdd);font-size:var(--unit-d8rem)}.check-list li{margin:var(--unit-d7rem) 0}.check-list li:before{content:'✓';color:var(--accent-color);margin-right:var(--unit-d65rem)}.pricing-card .btn{margin-top:auto;font-size:var(--unit-d75rem);padding-inline:var(--unit-d7rem)}.trial-ribbon{margin-top:var(--unit-1d5rem);padding:var(--unit-1d1rem) var(--unit-1d5rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--unit-d5rem);border:var(--unit-1px) solid var(--border);border-radius:var(--unit-d7rem);font-size:var(--unit-d85rem);color:var(--muted);background:var(--tone-111c2b66)}.trial-ribbon strong{color:var(--text)}.section-note{font-size:var(--unit-d75rem);text-align:center;max-width:var(--unit-780px);margin:var(--unit-1d5rem) auto 0}.section-note a,.prose a:not(.btn){color:var(--accent-color);text-decoration:underline;text-underline-offset:var(--unit-4px)}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-item{min-width:0;padding:var(--unit-1d25rem) var(--unit-1rem) var(--unit-d75rem);border:var(--unit-1px) solid var(--border);border-radius:var(--unit-d8rem);background:var(--tone-0d1625);display:flex;flex-direction:column;justify-content:space-between}.device-item img{height:var(--unit-110px);width:100%;object-fit:contain;margin-bottom:var(--unit-1rem)}.device-item>span:last-child{font-size:var(--unit-d8rem);display:flex;justify-content:space-between;align-items:center;min-height:var(--unit-44px)}.device-item:hover,.device-item:focus-visible{border-color:var(--accent-color);background:var(--tone-132335)}.device-plus{height:var(--unit-110px);display:grid;place-items:center;font-size:var(--unit-3rem);color:var(--accent-color);font-weight:200}.comparison-panel{border:var(--unit-1px) solid var(--tone-294860);background:radial-gradient(ellipse at right,var(--tone-123344),var(--tone-0e192b) 70%);border-radius:var(--unit-1d5rem);padding:var(--unit-2rem);display:grid;gap:var(--unit-2rem)}.comparison-panel h2{font-size:var(--unit-2d1rem)}.comparison-panel a{color:var(--accent-color);display:inline-flex;min-height:var(--unit-44px);align-items:center}.comparison-checks{display:flex;flex-direction:column;justify-content:center;gap:var(--unit-d75rem)}.comparison-checks>span{display:flex;gap:var(--unit-1rem);align-items:center;padding:var(--unit-1rem);border:var(--unit-1px) solid var(--tone-335066);border-radius:var(--unit-d7rem);color:var(--accent-color);font-size:var(--unit-d75rem)}.comparison-checks strong{color:var(--text);font-size:var(--unit-d85rem);font-weight:500}.faq-layout{display:grid;gap:var(--unit-2rem)}.faq-list details{border-bottom:var(--unit-1px) solid var(--border);padding:var(--unit-d5rem) 0}.faq-list summary{min-height:var(--unit-60px);display:flex;align-items:center;justify-content:space-between;gap:var(--unit-1rem);list-style:none;font-size:var(--unit-d95rem)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent-color);font-size:var(--unit-1d5rem)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:var(--unit-1rem);margin:var(--unit-1rem) 0}.faq-list a{color:var(--accent-color)}.article-card{border:var(--unit-1px) solid var(--border);border-radius:var(--unit-1rem);overflow:hidden;background:var(--tone-0d1625);min-width:0}.article-image{display:block;overflow:hidden}.article-image img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}.article-card-body{padding:var(--unit-1d5rem)}.article-card .eyebrow{font-size:var(--unit-d6rem);letter-spacing:var(--unit-d1em);margin-bottom:var(--unit-1rem)}.article-card .eyebrow span{color:var(--muted)}.article-card h3{font-size:var(--unit-1d2rem);line-height:1.35;min-height:var(--unit-3d2em)}.article-card h3 a{display:block;min-height:var(--unit-44px)}.article-card p:not(.eyebrow){font-size:var(--unit-1rem)}.related-links{padding-top:var(--unit-2rem)}.related-links h2{font-size:var(--unit-1d2rem)}.related-links ul{list-style:none;padding:0}.related-links a{display:inline-flex;align-items:center;min-height:var(--unit-44px);color:var(--accent-color);font-size:var(--unit-d85rem)}.site-footer{border-top:var(--unit-1px) solid var(--border);padding-top:var(--unit-3rem);background:var(--tone-080f1c)}.footer-grid{display:grid;gap:var(--unit-2rem);padding-bottom:var(--unit-2rem)}.footer-brand p{font-size:var(--unit-d85rem);max-width:var(--unit-290px);margin-top:var(--unit-1rem)}.footer-grid nav h2{font-size:var(--unit-d95rem);letter-spacing:0;margin-bottom:var(--unit-d8rem)}.footer-grid nav>a{display:flex;align-items:center;min-height:var(--unit-44px);font-size:var(--unit-d8rem);color:var(--muted)}.footer-grid nav>a:hover{color:var(--accent-color)}.footer-bottom{padding-block:var(--unit-1d5rem);border-top:var(--unit-1px) solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--unit-1rem);font-size:var(--unit-d7rem);color:var(--muted)}.footer-widget{padding-block:var(--unit-1rem)}.footer-widget h2{font-size:var(--unit-1d1rem)}.page-main{padding-block:var(--unit-2rem) var(--unit-4rem);min-height:65vh}.page-heading{padding-block:var(--unit-2rem);max-width:var(--unit-860px)}.page-heading p{max-width:var(--unit-720px)}.page-heading h1{font-size:clamp(var(--unit-2d1rem),4.8vw,var(--unit-4rem))}.prose{max-width:var(--unit-800px);line-height:1.9}.prose-wide{max-width:none}.prose h2{font-size:var(--unit-1d8rem);margin-top:var(--unit-2d5rem);line-height:1.3}.prose h3{font-size:var(--unit-1d2rem);margin-top:var(--unit-2rem);line-height:1.4}.prose p,.prose ul,.prose ol{color:var(--tone-b9c6d8)}.prose li{margin-bottom:var(--unit-d65rem)}.prose a{display:inline;line-height:2.75}.prose a.btn{display:inline-flex;line-height:1.5}.prose>p:has(>.btn){margin-block:var(--unit-1d5rem)}.prose strong{color:var(--text)}.prose table{display:block;overflow:auto;max-width:100%;border-collapse:collapse;margin-block:var(--unit-2rem);font-size:var(--unit-d875rem)}.prose th,.prose td{padding:var(--unit-1rem);border:var(--unit-1px) solid var(--border);min-width:var(--unit-140px);text-align:left}.prose .pricing-grid h3{margin:0}.prose .pricing-grid ul{line-height:1.65}.prose .pricing-grid a{display:flex}.prose .pricing-grid{margin-block:var(--unit-2rem)}.breadcrumbs{font-size:var(--unit-d75rem);color:var(--muted)}.breadcrumbs ol{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--unit-d5rem);align-items:center}.breadcrumbs li{display:flex;align-items:center;min-height:var(--unit-44px)}.breadcrumbs a{display:flex;align-items:center;min-height:var(--unit-44px)}.breadcrumbs li+li:before{content:'/';margin-right:var(--unit-d5rem);color:var(--tone-62748c)}.article-heading{max-width:var(--unit-950px);padding-block:var(--unit-2rem)}.article-hero{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--unit-1rem)}.article-body{margin:var(--unit-3rem) auto}.author-block{border-block:var(--unit-1px) solid var(--border);padding:var(--unit-1d5rem) 0;display:flex;gap:var(--unit-1rem);align-items:center;margin-block:var(--unit-3rem)}.author-mark{width:var(--unit-54px);height:var(--unit-54px);flex-shrink:0;display:grid;place-items:center;background:var(--tone-163445);border-radius:50%;color:var(--accent-color);font-weight:700}.author-block h2{font-size:var(--unit-1rem);margin:0}.author-block p{font-size:var(--unit-d8rem);margin:var(--unit-d5rem) 0 0}.article-cta{padding:var(--unit-2rem);border:var(--unit-1px) solid var(--border);border-radius:var(--unit-1rem);background:var(--panel)}.article-cta h2{margin-top:0}.related-carousel{display:flex;gap:var(--unit-1d5rem);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--unit-1rem)}.related-carousel .article-card{flex:0 0 90%;scroll-snap-align:start}.carousel-controls{display:flex;gap:var(--unit-d5rem)}.carousel-controls button{width:var(--unit-48px);height:var(--unit-48px);background:var(--panel);border:var(--unit-1px) solid var(--border);border-radius:50%}.guide-search{display:flex;flex-direction:column;gap:var(--unit-1rem);margin-bottom:var(--unit-3rem);padding:var(--unit-1d5rem);background:var(--panel);border:var(--unit-1px) solid var(--border);border-radius:var(--unit-1rem)}.guide-search label{font-size:var(--unit-d8rem);color:var(--muted);flex:1}input,textarea,select{display:block;width:100%;min-height:var(--unit-48px);padding:var(--unit-d8rem) var(--unit-1rem);border:var(--unit-1px) solid var(--tone-516079);border-radius:var(--unit-d5rem);background:var(--tone-080f1c);color:var(--text)}textarea{min-height:var(--unit-150px)}input[type=checkbox]{width:var(--unit-20px);min-height:var(--unit-20px);display:inline-block}.contact-form{display:grid;gap:var(--unit-1rem);padding:var(--unit-1d5rem);background:var(--panel);border-radius:var(--unit-1rem);border:var(--unit-1px) solid var(--border)}.contact-form label{display:block;font-size:var(--unit-d875rem)}.contact-form .full{grid-column:1/-1}.notice{border:var(--unit-1px) solid var(--accent-color);border-radius:var(--unit-d5rem);padding:var(--unit-1rem);margin-bottom:var(--unit-1d5rem)}.honeypot{position:absolute;left:var(--unit-minus10000px)}.navigation.pagination .nav-links{display:flex;gap:var(--unit-d5rem);margin-top:var(--unit-2rem)}.page-numbers{display:grid;place-items:center;min-width:var(--unit-44px);min-height:var(--unit-44px);border:var(--unit-1px) solid var(--border);border-radius:var(--unit-d4rem)}.page-numbers.current{background:var(--accent-color);color:var(--bg)}.muted{color:var(--muted)}
@media(min-width:600px){.actions{flex-direction:row;flex-wrap:wrap}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--unit-1d5rem)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:2fr 1fr}.footer-brand{grid-column:1/-1}.contact-form{grid-template-columns:1fr 1fr}.related-carousel .article-card{flex-basis:47%}.hero{min-height:var(--unit-620px)}.hero-copy{padding-block:var(--unit-4rem)}.hero-art:after{background:linear-gradient(90deg,var(--tone-070c18ef),var(--tone-070c1890) 60%,var(--tone-070c1800)),linear-gradient(0deg,var(--tone-070c18),transparent 50%)}}
@media(min-width:768px){.container{width:min(100% - var(--unit-4rem),var(--unit-1240px))}.section{padding-block:var(--unit-5d5rem)}.section-heading:not(.centered){display:flex;justify-content:space-between;align-items:end;gap:var(--unit-3rem)}.section-heading>p{margin:0 0 var(--unit-1d25rem);font-size:var(--unit-d9rem)}.intro-grid{grid-template-columns:repeat(4,1fr);align-items:center}.intro-grid>div+div{padding-left:var(--unit-2rem);border-left:var(--unit-1px) solid var(--border)}.intro-grid strong{font-size:var(--unit-1d5rem)}.faq-layout{grid-template-columns:1fr 1.6fr;gap:var(--unit-4rem)}.comparison-panel{grid-template-columns:1.2fr 1fr;padding:var(--unit-3rem);gap:var(--unit-4rem)}.guide-search{flex-direction:row;align-items:end}.guide-search .btn{min-height:var(--unit-53px)}.page-main{padding-block:var(--unit-3rem) var(--unit-5rem)}.device-item img{height:var(--unit-150px)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-column:auto}}
@media(min-width:1024px){.header-inner{flex-wrap:nowrap}.menu-toggle{display:none}.primary-nav,.js .primary-nav{display:flex;flex-direction:row;align-items:center;width:auto;padding:0;gap:var(--unit-d2rem)}.primary-nav ul{flex-direction:row}.primary-nav a{font-size:var(--unit-d8rem);padding-inline:var(--unit-d65rem)}.primary-nav .btn{margin-left:var(--unit-1rem)}.hero{min-height:var(--unit-660px)}.hero h1{font-size:var(--unit-4d5rem)}.hero-lead{font-size:var(--unit-1d15rem)}.hero-art img{object-position:center}.hero-art:after{background:linear-gradient(90deg,var(--tone-070c18e8),var(--tone-070c1840) 55%,transparent 80%),linear-gradient(0deg,var(--tone-070c18),transparent 30%)}.hero-copy{padding-block:var(--unit-5rem)}.hero-caption{display:block;position:absolute;right:var(--unit-3rem);bottom:var(--unit-2rem);font-size:var(--unit-d55rem);letter-spacing:var(--unit-d15em);color:var(--tone-bbcfdf)}.hero-copy .actions{max-width:var(--unit-580px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--unit-1rem)}.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-carousel .article-card{flex-basis:calc((100% - var(--unit-3rem))/3)}.page-heading{padding-block:var(--unit-3rem)}.footer-grid{gap:var(--unit-5rem)}}
@media(min-width:1280px){.hero h1{font-size:var(--unit-4d8rem)}.hero{min-height:var(--unit-700px)}.pricing-card{padding:var(--unit-2rem) var(--unit-1d5rem)}.brand img{width:var(--unit-210px)}.primary-nav a{font-size:var(--unit-d875rem)}.section{padding-block:var(--unit-6rem)}}
@media(min-width:1536px){.hero-art img{object-position:center 55%}.hero{min-height:var(--unit-740px)}}

.hero-art picture{display:block;width:100%;height:100%}.prose a:not(.btn){display:inline-block;min-height:var(--unit-44px)}.demo-reviews{margin-top:var(--unit-2rem);border-top:var(--unit-1px) solid var(--border);padding-top:var(--unit-2rem)}.demo-reviews summary{display:flex;align-items:center;min-height:var(--unit-44px);color:var(--muted);font-size:var(--unit-d8rem)}.demo-review-grid{display:grid;gap:var(--unit-1rem);margin-top:var(--unit-1rem)}.demo-review{padding:var(--unit-1d5rem);border:var(--unit-1px) solid var(--border);border-radius:var(--unit-1rem);background:var(--panel)}.demo-review img{border-radius:50%;width:var(--unit-48px);height:var(--unit-48px);margin-bottom:var(--unit-1rem)}.demo-review h3{font-size:var(--unit-1rem)}.demo-review p{font-size:var(--unit-d8rem)}.demo-review .eyebrow{font-size:var(--unit-d6rem)}@media(min-width:768px){.demo-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.5 — Fail-open page entrance, included in critical CSS. */
.js::after{content:"";position:fixed;inset:0;z-index:2147483647;background:var(--color-bg);opacity:0;pointer-events:none;transition:opacity var(--dur-page) var(--ease-out)}
.js.page-loading::after{opacity:1}

@media(prefers-reduced-motion:reduce){.js.page-loading::after{display:none}}


/* 2.1 — Sticky glass is composited through opacity, never animated blur. */
html{scroll-padding-top:var(--header-offset)}
.site-header{position:sticky;top:0;z-index:1000;background:var(--color-clear);isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-header-glass);backdrop-filter:blur(var(--blur-header));-webkit-backdrop-filter:blur(var(--blur-header));box-shadow:0 var(--unit-1px) 0 var(--color-border);opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}
.site-header.scrolled::before{opacity:1}


/* 2.2 — Keyboard and pointer underline. */
.primary-nav a:not(.btn){position:relative}
.primary-nav a:not(.btn)::after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-1);height:var(--unit-2px);background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
.primary-nav a:not(.btn):is(:hover,:focus-visible)::after{transform:scaleX(1)}


/* 2.3 — Off-canvas menu, inert while closed. */
html{overflow-x:clip}
.hamburger{position:relative;display:block;width:var(--icon-size);height:var(--unit-16px)}
.hamburger span{position:absolute;left:0;width:100%;height:var(--unit-2px);background:var(--color-text);transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-fast) ease}
.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:var(--hamburger-gap)}.hamburger span:nth-child(3){top:calc(var(--hamburger-gap)*2)}
.menu-toggle[aria-expanded="true"] .hamburger span:nth-child(1){transform:translateY(var(--hamburger-gap)) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .hamburger span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .hamburger span:nth-child(3){transform:translateY(calc(-1*var(--hamburger-gap))) rotate(-45deg)}
.js .primary-nav{position:fixed;top:var(--header-offset);right:0;bottom:0;display:flex;width:min(var(--drawer-width),88vw);padding:var(--space-6);background:var(--color-surface);transform:translateX(105%);transition:transform var(--dur-slow) var(--ease-out);overflow-y:auto}
.js .primary-nav.is-open{transform:translateX(0)}
@media(min-width:1024px){.js .primary-nav{position:static;inset:auto;width:auto;padding:0;background:var(--color-clear);transform:none;overflow:visible;transition:none}}