*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.narrow{max-width:960px;margin:0 auto;padding:0 32px}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--surface-alt);color:var(--ink-soft);font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.pill.accent{background:var(--accent-soft);color:var(--accent)}.pill.success{background:var(--success-soft);color:var(--success)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--radius);border:1px solid transparent;font-family:var(--sans);font-size:14px;font-weight:500;letter-spacing:.005em;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:var(--ink-hover)}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.accent:hover{background:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--ink-soft);border-color:var(--border)}.btn.ghost:hover{background:var(--surface-alt)}.btn.lg{height:48px;font-size:15px;padding:0 22px}.btn.sm{height:32px;font-size:13px;padding:0 12px}.brandmark{display:block;flex-shrink:0;width:24px;height:24px}.brandmark.lg{width:34px;height:34px}.brandmark .card{fill:var(--ink)}.brandmark .tab{fill:var(--accent)}.brandmark .entry{fill:var(--accent-on-dark)}.brandmark .check{stroke:var(--accent-on-dark)}.brandmark .dim{fill:#fff;opacity:.36}.brandmark.rev .card{fill:#fff}.brandmark.rev .tab{fill:var(--accent-on-dark)}.brandmark.rev .entry{fill:var(--accent)}.brandmark.rev .check{stroke:var(--accent)}.brandmark.rev .dim{fill:var(--ink);opacity:.3}nav.top{position:sticky;top:0;z-index:50;background:#fafaf9db;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}nav.top .inner{display:flex;align-items:center;justify-content:space-between;height:64px}nav.top .brand{display:flex;align-items:center;gap:10px}nav.top .brand .word{font-size:16px;font-weight:600;letter-spacing:-.012em}nav.top ul.links{display:flex;list-style:none;gap:28px;margin:0;padding:0}nav.top ul.links a{font-size:13.5px;color:var(--ink-soft);font-weight:500}nav.top ul.links a:hover{color:var(--ink)}nav.top ul.links a.active{color:var(--ink)}nav.top .cta{display:flex;align-items:center;gap:12px}nav.top .cta .signin{font-size:13.5px;color:var(--ink-soft);font-weight:500}nav.top .cta .signin:hover{color:var(--ink)}.cat{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.cat.scope{color:var(--accent)}.cat.pricing{color:var(--success)}.cat.clients{color:var(--warn)}.cat.agency{color:var(--danger)}.byline{display:flex;align-items:center;gap:10px}.byline .av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:500;color:#fff}.byline .meta{font-size:13px;color:var(--muted);line-height:1.3}.byline .meta b{color:var(--ink-soft);font-weight:500}.dot{color:var(--border-strong);margin:0 2px}.progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:0;z-index:60;transition:width .08s linear}.article{max-width:720px;margin:0 auto;padding:0 32px}.crumbs{display:flex;align-items:center;gap:8px;margin:40px 0 28px;font-size:13px;color:var(--muted)}.crumbs a:hover{color:var(--ink)}.crumbs .sep{color:var(--border-strong)}.art-head .topline{display:flex;align-items:center;gap:10px;margin-bottom:20px}.art-head h1{font-size:clamp(34px,4.6vw,52px);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin:0 0 22px;text-wrap:balance}.art-head .dek{font-size:20px;line-height:1.5;color:var(--ink-soft);margin:0 0 32px;text-wrap:pretty}.art-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;margin-bottom:44px}.art-meta .byline .av{width:40px;height:40px;font-size:14px}.art-meta .byline .meta{font-size:13.5px}.art-meta .share{display:flex;gap:8px}.art-meta .share button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);display:grid;place-items:center;transition:all .14s ease}.art-meta .share button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.prose{font-size:17.5px;line-height:1.72;color:var(--ink-soft)}.prose>*{max-width:100%}.prose p{margin:0 0 24px}.prose p.lead{font-size:19px;color:var(--ink)}.prose h2{font-size:27px;line-height:1.2;letter-spacing:-.015em;font-weight:600;color:var(--ink);margin:48px 0 16px;text-wrap:balance}.prose h3{font-size:20px;letter-spacing:-.015em;font-weight:600;color:var(--ink);margin:36px 0 12px}.prose a.link{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.prose a.link:hover{text-decoration-thickness:2px}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{margin:0 0 24px;padding-left:0;list-style:none}.prose ul li,.prose ol li{position:relative;padding-left:30px;margin-bottom:12px}.prose ul li:before{content:"";position:absolute;left:8px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.prose ol{counter-reset:n}.prose ol li{counter-increment:n}.prose ol li:before{content:counter(n);position:absolute;left:0;top:1px;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--accent);width:20px;height:20px;border-radius:5px;background:var(--accent-soft);display:grid;place-items:center}.pullquote{margin:40px 0;padding:4px 0 4px 28px;border-left:3px solid var(--accent);font-size:24px;line-height:1.4;letter-spacing:-.012em;font-weight:500;color:var(--ink);text-wrap:balance}.callout{margin:36px 0;padding:24px 26px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;gap:16px;align-items:flex-start}.callout .ico{width:34px;height:34px;border-radius:8px;flex-shrink:0;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.callout .ctxt{font-size:15px;line-height:1.6;color:var(--ink-soft)}.callout .ctxt b{color:var(--ink);display:block;font-size:13px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.copy-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.copy-btn{font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:8px 14px;border-radius:8px;color:var(--ink);background:var(--bg);border:1px solid var(--border);display:inline-flex;align-items:center;gap:7px}.copy-btn:hover,.copy-btn[data-copied]{border-color:var(--accent);color:var(--accent)}.cta-box{margin:56px 0 0;padding:32px;border:1px solid var(--accent);border-radius:14px;background:var(--accent-soft)}.cta-box p{margin:0 0 22px;font-size:17px;line-height:1.62;color:var(--ink)}.cta-box .btn{text-decoration:none}.faq{margin:40px 0 0}.faq .qa{border-top:1px solid var(--border);padding:24px 0}.faq .qa:last-child{border-bottom:1px solid var(--border)}.faq .q{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 10px;letter-spacing:-.012em}.faq .a{margin:0}.related{border-top:1px solid var(--border);margin-top:72px;padding-top:56px}.related .rl-label{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}.related .rl-label h3{font-size:15px;font-weight:600;margin:0}.related .rl-label .line{flex:1;height:1px;background:var(--border)}.rel-grid{display:flex;flex-wrap:wrap;gap:24px}.rel-card{flex:1 1 240px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);transition:box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column}.rel-card:hover{box-shadow:0 16px 40px -28px #09090b42;transform:translateY(-3px)}.rel-card .rb{padding:18px}.rel-card .label{display:flex;align-items:center;gap:9px;margin-bottom:9px}.rel-card .rt{font-family:var(--mono);font-size:11px;color:var(--muted)}.rel-card h4{font-size:16px;line-height:1.25;letter-spacing:-.015em;font-weight:600;margin:0;text-wrap:balance}@media(max-width:760px){nav.top ul.links{display:none}.prose{font-size:16.5px}}