@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
:root{--ink:#11120f;--paper:#fffdf9;--cream:#f7f2e9;--muted:#65665f;--line:#e7e3da;--green:#31573d;--lime:#d9e7a6}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Inter Tight",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.content-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,4vw);border-bottom:1px solid var(--line);background:rgba(255,253,249,.94);position:sticky;top:0;z-index:10}.content-brand{display:flex;align-items:center;gap:5px;font-size:24px;font-weight:600;letter-spacing:-.04em}.content-brand i{font-size:23px}.content-nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:500}.content-nav-cta{padding:10px 14px;border-radius:9px;background:#111;color:#fff}.content-hero{padding:92px max(20px,4vw) 72px;background:linear-gradient(145deg,#f6eddc,#ecf1de)}.content-hero-inner,.article,.content-grid,.content-footer-inner{width:min(1040px,100%);margin:0 auto}.kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e7efcf;color:#33431d;font-size:12px;font-weight:600}.content-hero h1{max-width:900px;margin:20px 0 0;font-size:clamp(42px,6.5vw,72px);line-height:.94;letter-spacing:-.06em;font-weight:500}.content-hero p{max-width:720px;margin:24px 0 0;color:var(--muted);font-size:20px;line-height:1.5}.content-meta{margin-top:22px;font-size:13px;color:var(--muted)}.article{padding:74px max(20px,2vw) 110px}.article h2{margin:62px 0 18px;font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.04em;font-weight:550}.article h3{margin:34px 0 12px;font-size:23px;letter-spacing:-.025em}.article p,.article li{font-size:17px;line-height:1.65;color:#3f413c}.article ul{padding-left:22px}.article a{text-decoration:underline;text-decoration-color:#9c9f92;text-underline-offset:3px}.compare-table{width:100%;margin:28px 0 40px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare-table th,.compare-table td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;font-size:15px;line-height:1.45}.compare-table th{background:#f7f5ef;font-weight:600}.compare-table tr:last-child td{border-bottom:0}.compare-table th:first-child,.compare-table td:first-child{width:28%;font-weight:600}.callout{margin:42px 0;padding:24px;border-radius:18px;background:#eef3df;border:1px solid #dce8b4}.callout strong{display:block;margin-bottom:6px;font-size:18px}.callout p{margin:0}.content-grid{padding:72px max(20px,2vw) 110px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-card{min-height:240px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.compare-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(30,25,12,.08)}.compare-card i{font-size:27px;color:var(--green)}.compare-card h2{margin:34px 0 10px;font-size:31px;letter-spacing:-.04em}.compare-card p{margin:0;color:var(--muted);line-height:1.5}.code-card{margin:28px 0;padding:22px;border-radius:18px;background:#11130f;color:#f4f5ef;overflow:auto}.code-card strong{display:block;margin-bottom:12px;color:#d9e7a6}.code-card pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.content-footer{padding:48px max(20px,4vw);background:#11130f;color:#fff}.content-footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.content-footer p{margin:8px 0 0;color:rgba(255,255,255,.58);font-size:14px}.content-footer-links{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:rgba(255,255,255,.8)}.source-list{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.source-list li{font-size:14px}.fine{font-size:13px!important;color:#777970!important}
@media(max-width:760px){.content-nav-links>a:not(.content-nav-cta){display:none}.content-hero{padding-top:66px}.content-hero h1{font-size:clamp(38px,11vw,52px)}.content-hero p{font-size:18px}.content-grid{grid-template-columns:1fr}.compare-table{display:block;overflow-x:auto}.compare-table th,.compare-table td{min-width:180px}.content-footer-inner{display:block}.content-footer-links{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.compare-card{transition:none}}