:root,[data-theme=light]{--id-a: #6366f1;--id-b: #a855f7;--id-gradient: linear-gradient(90deg, var(--id-a), var(--id-b));--accent: #6d4dff;--text: 28, 28, 32;--muted: 96, 96, 104;--bg: #ffffff;--bg-2: #f7f7fb;--bg-card: #ffffff;--border: rgba(20, 20, 30, .1);--border-strong: rgba(20, 20, 30, .18);--code-bg: #f3f3f7;--shadow: 0 18px 50px rgba(30, 20, 60, .1);--shadow-sm: 0 2px 8px rgba(30, 20, 60, .06);--ring: 0 0 0 3px rgba(168, 85, 247, .35);--grid-line: rgba(20, 20, 30, .06);--device-bezel: #1c1c24;--device-screen: #0b0b0f;--packet-glow: rgba(168, 85, 247, .45)}[data-theme=dark]{--accent: #a5a0ff;--text: 235, 235, 240;--muted: 158, 158, 168;--bg: #0b0b0f;--bg-2: #131318;--bg-card: #15151b;--border: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--code-bg: #1c1c24;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .4);--ring: 0 0 0 3px rgba(168, 85, 247, .45);--grid-line: rgba(255, 255, 255, .05);--device-bezel: #2a2a35;--device-screen: #050507;--packet-glow: rgba(168, 85, 247, .55)}:root{--font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--text-base: clamp(1.02rem, .97rem + .25vw, 1.14rem);--h1: clamp(2rem, 1.4rem + 2.4vw, 3rem);--h2: clamp(1.4rem, 1.15rem + 1vw, 1.85rem);--h3: clamp(1.15rem, 1.05rem + .4vw, 1.35rem);--measure: 720px;--space: clamp(3rem, 2rem + 4vw, 6rem);--ease: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--d-card-pad: 24px;--d-section-y: 80px;--d-stack: 18px;--d-leading: 1.7}[data-density=compact]{--d-card-pad: 18px;--d-section-y: 56px;--d-stack: 12px;--d-leading: 1.55}[data-density=comfy]{--d-card-pad: 32px;--d-section-y: 112px;--d-stack: 24px;--d-leading: 1.85}[data-pairing=editorial]{--font-display: "Fraunces", "Times New Roman", serif;--font-sans: "Inter", "Open Sans", system-ui, sans-serif}[data-pairing=mono-accent]{--font-display: "JetBrains Mono", ui-monospace, monospace;--font-sans: "Inter", "Open Sans", system-ui, sans-serif}[data-pairing=display-serif]{--font-display: "Instrument Serif", "Times New Roman", serif;--font-sans: "Open Sans", system-ui, sans-serif}.blog-root{font-family:var(--font-sans);color:rgb(var(--text));background:var(--bg);font-size:var(--text-base);line-height:var(--d-leading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.blog-root *{box-sizing:border-box}.blog-root a{color:var(--accent);text-decoration:none;text-decoration-thickness:1px;text-underline-offset:3px}.blog-root a:hover{text-decoration:underline}.blog-root :focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}.container{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.measure{max-width:var(--measure);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--bg) 80%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--border)}.site-header .row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;color:rgb(var(--text))}.brand .logo{width:26px;height:26px;display:grid;place-items:center}.brand .logo svg{width:100%;height:100%;display:block}.badge{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:999px;color:#fff;background:var(--id-gradient)}.site-nav{display:flex;align-items:center;gap:22px;font-size:14px}.site-nav a{color:rgba(var(--text),.78)}.site-nav a:hover{color:rgb(var(--text));text-decoration:none}.cta-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--id-gradient);color:#fff!important;font-weight:600;font-size:14px;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.cta-link:hover{transform:translateY(-1px);box-shadow:0 8px 22px #6366f159;text-decoration:none}.blog-hero{padding:clamp(48px,8vw,96px) 0 clamp(36px,5vw,64px);text-align:center}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;background:var(--id-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.blog-hero h1{font-family:var(--font-display);font-size:var(--h1);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:14px auto 18px;max-width:18ch;text-wrap:balance}.blog-hero p.lead{color:rgba(var(--text),.72);font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);max-width:60ch;margin:0 auto;text-wrap:pretty}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(16px,2vw,24px);padding-bottom:var(--d-section-y)}.post-card{display:flex;flex-direction:column;gap:12px;padding:var(--d-card-pad);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);position:relative;overflow:hidden}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.post-card:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--id-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.post-card:hover:after{transform:scaleX(1)}.post-card h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0;text-wrap:balance}.post-card p{color:rgba(var(--text),.72);margin:0;font-size:.96rem}.post-card .meta{font-family:var(--font-mono);font-size:12px;color:rgba(var(--muted),1);margin-top:auto;display:flex;gap:10px}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--text));padding:4px 9px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);width:max-content}.tag[data-cat=how-to]{color:#2563eb;border-color:#2563eb40}.tag[data-cat=privacy]{color:#7c3aed;border-color:#7c3aed40}.tag[data-cat=explainer]{color:#db2777;border-color:#db277740}[data-theme=dark] .tag[data-cat=how-to]{color:#93c5fd}[data-theme=dark] .tag[data-cat=privacy]{color:#c4b5fd}[data-theme=dark] .tag[data-cat=explainer]{color:#f9a8d4}.post{padding-top:28px;padding-bottom:80px}.breadcrumb{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:rgba(var(--muted),1);display:flex;gap:8px;align-items:center;margin-bottom:28px}.breadcrumb a{color:rgba(var(--muted),1)}.breadcrumb a:hover{color:rgb(var(--text))}.post-header{position:relative;padding-bottom:28px;margin-bottom:32px}.post-header:after{content:"";position:absolute;left:0;bottom:0;width:88px;height:3px;background:var(--id-gradient);border-radius:999px}.post-header h1{font-family:var(--font-display);font-size:var(--h1);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:14px 0 18px;text-wrap:balance}.post-header .meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:rgba(var(--muted),1)}.post-header .meta .dot{width:3px;height:3px;border-radius:999px;background:rgba(var(--muted),.6)}.prose{font-size:var(--text-base);line-height:var(--d-leading)}.prose>*+*{margin-top:var(--d-stack)}.prose h2{font-family:var(--font-display);font-size:var(--h2);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:calc(var(--d-stack) * 2.2);text-wrap:balance}.prose h3{font-family:var(--font-display);font-size:var(--h3);font-weight:600;margin-top:calc(var(--d-stack) * 1.8)}.prose p{color:rgba(var(--text),.88);text-wrap:pretty}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:6px}.prose strong{color:rgb(var(--text));font-weight:700}.prose code{font-family:var(--font-mono);font-size:.92em;background:var(--code-bg);padding:2px 6px;border-radius:6px;border:1px solid var(--border)}.prose blockquote{border-left:3px solid var(--id-b);padding:4px 0 4px 18px;color:rgba(var(--text),.78);font-style:italic}.prose hr{border:none;height:1px;background:var(--border);margin:calc(var(--d-stack) * 1.5) 0}.faq{border-top:1px solid var(--border);margin-top:calc(var(--d-stack) * 2)}.faq details{border-bottom:1px solid var(--border);padding:18px 0}.faq summary{list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary .chev{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease);flex-shrink:0}.faq details[open] summary .chev{transform:rotate(180deg);background:var(--id-gradient);border-color:transparent;color:#fff}.faq .answer{padding-top:14px;color:rgba(var(--text),.78);overflow:hidden}.faq details[open] .answer{animation:faqOpen .4s var(--ease) both}@keyframes faqOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cta-card{margin-top:calc(var(--d-stack) * 2.5);padding:clamp(28px,4vw,44px);border-radius:var(--radius-lg);background:var(--id-gradient);color:#fff;display:grid;gap:18px;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.25),transparent 50%),radial-gradient(circle at 0% 100%,rgba(255,255,255,.15),transparent 50%);pointer-events:none}.cta-card>*{position:relative}.cta-card h3{font-family:var(--font-display);font-size:clamp(1.3rem,1rem + 1vw,1.7rem);font-weight:700;margin:0;letter-spacing:-.02em}.cta-card p{margin:0;opacity:.9;max-width:50ch}.cta-card .btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#312085;padding:12px 20px;border-radius:999px;font-weight:700;font-size:15px;width:max-content;transition:transform .18s var(--ease)}.cta-card .btn:hover{transform:translateY(-1px);text-decoration:none}.related{margin-top:calc(var(--d-stack) * 2.5);padding-top:28px;border-top:1px solid var(--border)}.related h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--muted),1);margin:0 0 16px}.related ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.related li a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px dashed var(--border);color:rgb(var(--text))}.related li a:hover{text-decoration:none;color:var(--accent)}.related li a .arr{font-family:var(--font-mono);color:rgba(var(--muted),1);transition:transform .2s var(--ease)}.related li a:hover .arr{transform:translate(3px);color:var(--accent)}.site-footer{border-top:1px solid var(--border);padding:32px 0;font-size:14px;color:rgba(var(--muted),1)}.site-footer .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.peer-flow{position:relative;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;overflow:hidden;isolation:isolate}.peer-flow:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px;pointer-events:none;mask-image:radial-gradient(ellipse at center,black 50%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at center,black 50%,transparent 95%)}.peer-flow .pf-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,3vw,36px);position:relative;z-index:1}.peer-flow .pf-device{display:grid;place-items:center}.peer-flow .pf-label{text-align:center;margin-top:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--muted),1)}.peer-flow .pf-label strong{display:block;font-family:var(--font-display);font-size:15px;letter-spacing:-.01em;text-transform:none;color:rgb(var(--text));margin-bottom:2px;font-weight:600}.peer-flow .pf-wire{position:relative;height:80px;display:grid;place-items:center}.peer-flow .pf-wire .line{width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--id-a) 20%,var(--id-b) 80%,transparent);opacity:.5;border-radius:2px}.peer-flow .pf-stats{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--border);font-family:var(--font-mono);font-size:12px;color:rgba(var(--muted),1);position:relative;z-index:1}.peer-flow .pf-stats b{color:rgb(var(--text));font-weight:700}.peer-flow .pf-stats .stat{display:flex;flex-direction:column;gap:2px}.peer-flow .pf-stats .stat-val{font-size:14px}.packet{position:absolute;top:50%;width:36px;height:22px;margin-top:-11px;border-radius:5px;background:var(--id-gradient);display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:700;color:#fff;letter-spacing:.05em;box-shadow:0 0 16px var(--packet-glow),0 6px 18px #6366f14d;will-change:transform,opacity}.dev-phone{width:130px;height:240px;background:var(--device-bezel);border-radius:24px;padding:8px;box-shadow:0 14px 30px #0000002e,inset 0 0 0 1px #ffffff0a;position:relative}.dev-phone:after{content:"";position:absolute;top:10px;left:50%;width:38px;height:4px;background:#000;border-radius:999px;transform:translate(-50%)}.dev-phone .screen{width:100%;height:100%;background:var(--device-screen);border-radius:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}.dev-laptop{width:220px;position:relative}.dev-laptop .lid{width:100%;aspect-ratio:16 / 10;background:var(--device-bezel);border-radius:12px 12px 4px 4px;padding:10px;box-shadow:0 14px 30px #0000002e,inset 0 0 0 1px #ffffff0a;position:relative}.dev-laptop .lid .screen{width:100%;height:100%;background:var(--device-screen);border-radius:6px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;font-family:var(--font-mono);font-size:11px}.dev-laptop .base{width:112%;height:8px;background:linear-gradient(180deg,#2c2c36,#1a1a22);border-radius:0 0 10px 10px;margin:0 -6%;position:relative}.dev-laptop .base:after{content:"";position:absolute;top:0;left:50%;width:40px;height:3px;background:#0a0a0e;border-radius:0 0 6px 6px;transform:translate(-50%)}.dev-screen-content{padding:12px;text-align:center;width:100%}.dev-screen-content .device-name{font-weight:700;color:#fff;letter-spacing:-.01em;font-family:var(--font-display);font-size:11px}.dev-screen-content .device-sub{color:#ffffff8c;font-size:9px;margin-top:2px}.dev-avatar{width:40px;height:40px;border-radius:999px;background:var(--id-gradient);display:grid;place-items:center;color:#fff;font-weight:700;font-family:var(--font-display);font-size:16px;box-shadow:0 0 #a855f780;position:relative;margin-bottom:4px}.dev-avatar.pulse:before,.dev-avatar.pulse:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1.5px solid var(--id-b);opacity:0;animation:pulseRing 2.4s ease-out infinite}.dev-avatar.pulse:after{animation-delay:1.2s}@keyframes pulseRing{0%{transform:scale(.9);opacity:.8}to{transform:scale(2.2);opacity:0}}.cvp{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;overflow:hidden}.cvp .cvp-toggle{display:inline-flex;padding:4px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);margin-bottom:22px;position:relative;gap:0}.cvp .cvp-toggle button{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;padding:8px 16px;border:0;background:transparent;color:rgba(var(--muted),1);cursor:pointer;border-radius:999px;transition:color .25s var(--ease);position:relative;z-index:1}.cvp .cvp-toggle button.active{color:#fff}.cvp .cvp-toggle .pill{position:absolute;top:4px;height:calc(100% - 8px);background:var(--id-gradient);border-radius:999px;transition:left .4s var(--ease-bounce),width .4s var(--ease-bounce);z-index:0}.cvp-stage{display:grid;grid-template-columns:1fr;gap:16px;min-height:260px;position:relative}.cvp .stage-svg{width:100%;height:260px;display:block}.cvp .scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:18px;border-top:1px dashed var(--border);margin-top:8px}.cvp .score{display:flex;flex-direction:column;gap:4px}.cvp .score .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--muted),1)}.cvp .score .v{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:rgb(var(--text));transition:color .3s var(--ease)}.cvp .score .v.good{color:#16a34a}.cvp .score .v.bad{color:#dc2626}[data-theme=dark] .cvp .score .v.good{color:#4ade80}[data-theme=dark] .cvp .score .v.bad{color:#f87171}.encv{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:grid;gap:18px}.encv .lanes{display:grid;grid-template-columns:1fr;gap:12px}.encv .lane{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:16px}.encv .lane .name{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--muted),1)}.encv .lane .track{position:relative;height:36px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.encv .lane .track .glyph{position:absolute;inset:6px auto 6px 8px;display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:13px;color:rgba(var(--text),.85);font-weight:600;letter-spacing:.05em}.encv .lane.encrypted .track{background:linear-gradient(90deg,var(--id-a),var(--id-b));border-color:transparent}.encv .lane.encrypted .track .glyph{color:#fff;letter-spacing:.18em;font-weight:700}.encv .controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.encv button.ghost{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:rgb(var(--text));cursor:pointer;transition:border-color .2s var(--ease),transform .18s var(--ease)}.encv button.ghost:hover{border-color:var(--id-b);transform:translateY(-1px)}.encv .key-readout{font-family:var(--font-mono);font-size:11px;color:rgba(var(--muted),1);background:var(--code-bg);padding:8px 12px;border-radius:8px;border:1px solid var(--border);margin-left:auto}.encv .key-readout b{color:rgb(var(--text));font-weight:700}.steps{display:grid;gap:16px}.step-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px}.step-tabs button{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:rgba(var(--muted),1);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);display:inline-flex;align-items:center;gap:8px}.step-tabs button .num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--bg-2);font-size:11px;color:rgba(var(--muted),1)}.step-tabs button.active{background:var(--bg-2);color:rgb(var(--text));border-color:var(--border)}.step-tabs button.active .num{background:var(--id-gradient);color:#fff}.step-stage{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:24px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:320px}.step-stage .copy h4{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}.step-stage .copy p{margin:0;color:rgba(var(--text),.78)}.step-stage .copy .stepnum{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:var(--id-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;margin-bottom:8px}.step-stage .copy .kbd-row{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.kbd{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--code-bg);border:1px solid var(--border);box-shadow:0 1px 0 var(--border)}.step-stage .render{display:grid;place-items:center;height:100%;min-height:240px;position:relative}.step-pager{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:rgba(var(--muted),1)}.step-pager .pager-btns{display:flex;gap:8px}.step-pager button{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:rgb(var(--text));cursor:pointer;transition:border-color .2s var(--ease),transform .18s var(--ease)}.step-pager button:hover:not(:disabled){border-color:var(--id-b);transform:translateY(-1px)}.step-pager button:disabled{opacity:.4;cursor:not-allowed}.pull{font-family:var(--font-display);font-size:clamp(1.2rem,.9rem + 1.2vw,1.6rem);font-weight:600;line-height:1.25;letter-spacing:-.015em;text-wrap:balance;padding:18px 0 18px 22px;border-left:3px solid var(--id-b);color:rgb(var(--text))}.featurelets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.featurelet{padding:16px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;text-align:left}.featurelet .ico{width:24px;height:24px;border-radius:6px;background:var(--id-gradient);display:grid;place-items:center;color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700}.featurelet h4{font-family:var(--font-display);font-size:.96rem;font-weight:700;margin:4px 0 0;letter-spacing:-.01em}.featurelet p{margin:0;font-size:.86rem;color:rgba(var(--text),.72);line-height:1.5}.filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 24px;padding-top:8px}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tabs button{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:rgba(var(--muted),1);cursor:pointer;transition:all .2s var(--ease)}.filter-tabs button:hover{color:rgb(var(--text))}.filter-tabs button.active{background:rgb(var(--text));color:var(--bg);border-color:rgb(var(--text))}.count{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--muted),1)}.featured-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,3vw,36px);align-items:stretch;padding:28px 0 48px}.featured-split .feat-card{padding:28px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.featured-split .feat-card.gradient{background:var(--id-gradient);color:#fff;border:0}.featured-split .feat-card.gradient:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 50%);pointer-events:none}.featured-split .feat-card .tag-light{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;font-weight:700}.featured-split .feat-card h3{font-family:var(--font-display);font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;text-wrap:balance}.featured-split .feat-card p{margin:0;opacity:.92;font-size:.98rem}.reveal{animation:rise .7s var(--ease) both}.reveal.d1{animation-delay:80ms}.reveal.d2{animation-delay:.16s}.reveal.d3{animation-delay:.24s}.reveal.d4{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.blog-root{container-type:inline-size;container-name:page}@container page (max-width: 720px){.dev-phone{width:100px;height:180px;border-radius:18px;padding:6px}.dev-phone .screen{border-radius:12px}.dev-phone:after{width:30px;height:3px;top:7px}.dev-laptop{width:170px}.peer-flow{padding:20px 14px}.peer-flow .pf-row{gap:8px}.peer-flow .pf-stats{flex-wrap:wrap;gap:12px 18px;row-gap:10px}.peer-flow .pf-stats .stat{min-width:42%}.cvp{padding:18px 14px}.cvp .cvp-toggle button{padding:7px 10px;font-size:11px}.cvp .scoreboard{grid-template-columns:repeat(2,1fr)}.encv{padding:16px;gap:12px}.encv .lane{grid-template-columns:1fr;gap:6px}.encv .lane .track .glyph{font-size:11px}.encv .controls{gap:6px}.encv .key-readout{margin-left:0;width:100%;font-size:10px}.step-stage{grid-template-columns:1fr;gap:18px;padding:18px;min-height:0}.step-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:8px}.step-tabs button{white-space:nowrap;flex-shrink:0}.featurelets{grid-template-columns:1fr}.featured-split{grid-template-columns:1fr;padding:14px 0 28px}.site-nav{gap:14px;font-size:13px}.site-header .row{height:56px}.blog-hero{padding:28px 0 20px}.post-header{padding-bottom:22px;margin-bottom:24px}.post-header:after{width:56px}.cta-card{padding:22px}.related li a{gap:12px}}@container page (max-width: 480px){.filter-row{align-items:flex-start;flex-direction:column}.pf-stats{font-size:11px}.blog-hero h1{font-size:clamp(1.6rem,5vw,2rem)}.post-header h1{font-size:clamp(1.7rem,6vw,2.2rem)}}.fse{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;display:grid;gap:22px}.fse .fse-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}.fse .fse-size-display{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,1rem + 2vw,2.2rem);letter-spacing:-.025em;color:rgb(var(--text));line-height:1}.fse .fse-size-display .unit{font-family:var(--font-mono);font-size:.5em;font-weight:700;margin-left:6px;color:rgba(var(--muted),1);letter-spacing:.06em;text-transform:uppercase}.fse .fse-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--muted),1)}.fse .fse-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;outline:none;cursor:pointer}.fse .fse-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:var(--id-gradient);border:3px solid var(--bg-card);box-shadow:0 4px 14px #6366f166;cursor:grab}.fse .fse-slider::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:linear-gradient(90deg,#6366f1,#a855f7);border:3px solid var(--bg-card);box-shadow:0 4px 14px #6366f166;cursor:grab}.fse .fse-ticks{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:rgba(var(--muted),1);margin-top:-8px}.fse .fse-rows{display:grid;gap:12px}.fse .fse-row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:14px;font-size:13px}.fse .fse-row .name{font-family:var(--font-display);font-weight:600;letter-spacing:-.005em;color:rgb(var(--text));display:flex;align-items:center;gap:6px}.fse .fse-row .name .ico{width:18px;height:18px;border-radius:4px;display:grid;place-items:center;font-family:var(--font-mono);font-size:9px;font-weight:700;color:#fff}.fse .fse-row .name .ico.p2p{background:var(--id-gradient)}.fse .fse-row .name .ico.cloud{background:linear-gradient(90deg,#60a5fa,#818cf8)}.fse .fse-row .name .ico.email{background:linear-gradient(90deg,#f59e0b,#d97706)}.fse .fse-row .bar-track{height:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden}.fse .fse-row .bar-fill{position:absolute;inset:0 auto 0 0;border-radius:8px;transition:width .7s var(--ease);display:flex;align-items:center;padding-left:10px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#fff;letter-spacing:.04em;white-space:nowrap}.fse .fse-row .bar-fill.p2p{background:var(--id-gradient)}.fse .fse-row .bar-fill.cloud{background:linear-gradient(90deg,#60a5fa,#818cf8)}.fse .fse-row .bar-fill.email{background:linear-gradient(90deg,#f59e0b,#d97706)}.fse .fse-row .bar-fill.blocked{background:repeating-linear-gradient(45deg,#fecaca,#fecaca 8px,#fee2e2 8px 16px);color:#991b1b}[data-theme=dark] .fse .fse-row .bar-fill.blocked{background:repeating-linear-gradient(45deg,#ef44444d,#ef44444d 8px,#7f1d1d4d 8px 16px);color:#fca5a5}.fse .fse-row .bar-readout{font-family:var(--font-mono);font-weight:700;font-size:13px;color:rgb(var(--text));text-align:right;letter-spacing:-.01em}.fse .fse-row .bar-readout.bad{color:#dc2626}.fse .fse-row .bar-readout.good{color:#16a34a}[data-theme=dark] .fse .fse-row .bar-readout.bad{color:#f87171}[data-theme=dark] .fse .fse-row .bar-readout.good{color:#4ade80}.fse .fse-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px dashed var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:rgba(var(--muted),1)}.fse .fse-foot b{color:rgb(var(--text));font-weight:700}.mxm{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;overflow:hidden}.mxm-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mxm-head h4{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.015em;margin:0}.mxm-head .legend{display:flex;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mxm-head .legend .dot{display:inline-flex;align-items:center;gap:5px}.mxm-head .legend .dot:before{content:"";width:9px;height:9px;border-radius:999px}.mxm-head .legend .dot.good:before{background:#16a34a}.mxm-head .legend .dot.ok:before{background:#f59e0b}.mxm-head .legend .dot.bad:before{background:#dc2626}[data-theme=dark] .mxm-head .legend .dot.good:before{background:#4ade80}[data-theme=dark] .mxm-head .legend .dot.ok:before{background:#fbbf24}[data-theme=dark] .mxm-head .legend .dot.bad:before{background:#f87171}.mxm-grid{display:grid;grid-template-columns:200px repeat(var(--mxm-cols, 4),1fr)}.mxm-grid>div{padding:14px 16px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);font-size:13px;display:flex;flex-direction:column;gap:4px;justify-content:center}.mxm-grid>div:nth-child(-n + var(--mxm-cols, 5)){background:var(--bg-card)}.mxm-grid .corner,.mxm-grid .col-h{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.005em;background:var(--bg-card)}.mxm-grid .row-h{font-family:var(--font-display);font-weight:700;font-size:.95rem;background:var(--bg-card);letter-spacing:-.005em}.mxm-grid .row-h .sub{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--muted),1)}.mxm-grid .cell{cursor:default;transition:background .2s var(--ease);position:relative}.mxm-grid .cell:hover{background:color-mix(in oklab,var(--id-a) 5%,transparent)}.mxm-grid .cell .val{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.mxm-grid .cell .val:before{content:"";width:10px;height:10px;border-radius:999px;flex-shrink:0}.mxm-grid .cell.good .val{color:#16a34a}.mxm-grid .cell.good .val:before{background:#16a34a}.mxm-grid .cell.ok .val{color:#b45309}.mxm-grid .cell.ok .val:before{background:#f59e0b}.mxm-grid .cell.bad .val{color:#dc2626}.mxm-grid .cell.bad .val:before{background:#dc2626}[data-theme=dark] .mxm-grid .cell.good .val{color:#4ade80}[data-theme=dark] .mxm-grid .cell.good .val:before{background:#4ade80}[data-theme=dark] .mxm-grid .cell.ok .val{color:#fbbf24}[data-theme=dark] .mxm-grid .cell.ok .val:before{background:#fbbf24}[data-theme=dark] .mxm-grid .cell.bad .val{color:#f87171}[data-theme=dark] .mxm-grid .cell.bad .val:before{background:#f87171}.mxm-grid .cell .detail{font-size:12px;color:rgba(var(--text),.72);line-height:1.4}@container page (max-width: 720px){.fse .fse-row{grid-template-columns:100px 1fr 60px;gap:8px;font-size:12px}.fse .fse-row .bar-fill{padding-left:6px;font-size:10px}.mxm-grid{grid-template-columns:1fr}.mxm-grid .col-h{display:none}.mxm-grid>div{border-right:none}.mxm-grid .cell:before{content:attr(data-col);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--muted),1);font-weight:700;margin-bottom:2px}.mxm-grid .row-h{background:linear-gradient(90deg,var(--bg-2),var(--bg-card));border-top:2px solid var(--id-b)}}@font-face{font-family:Open Sans;src:url(/blog/fonts/OpenSans/static/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Open Sans;src:url(/blog/fonts/OpenSans/static/OpenSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Open Sans;src:url(/blog/fonts/OpenSans/static/OpenSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}