:root{color-scheme:light;--bg: #ffffff;--bg-subtle: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfc;--text: #0e1116;--text-muted: #4d5563;--text-faint: #616b79;--border: #e4e7ec;--border-strong: #d3d8e0;--teal: #42b5b2;--violet: #5649a7;--teal-text: #276d6b;--violet-text: #5649a7;--brand-gradient: linear-gradient(135deg, #42b5b2 0%, #5649a7 46%, #7a43a6 100%);--fill-gradient: linear-gradient(135deg, #5649a7 0%, #7a43a6 100%);--text-gradient: linear-gradient(135deg, #276d6b 0%, #5649a7 52%, #7a43a6 100%);--tint-teal: rgba(66, 181, 178, .09);--tint-violet: rgba(86, 73, 167, .1);--shadow-sm: 0 1px 2px rgba(14, 17, 22, .05);--shadow-md: 0 1px 2px rgba(14, 17, 22, .05), 0 10px 30px -16px rgba(14, 17, 22, .25);--radius: 14px;--radius-sm: 9px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b0d12;--bg-subtle: #0f121a;--surface: #141822;--surface-2: #171c27;--text: #e9ecf2;--text-muted: #9aa4b4;--text-faint: #7a8494;--border: #232a38;--border-strong: #323b4d;--teal-text: #5ed3d0;--violet-text: #a98fd8;--text-gradient: linear-gradient(135deg, #5ed3d0 0%, #a98fd8 100%);--tint-teal: rgba(66, 181, 178, .12);--tint-violet: rgba(122, 67, 166, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 40px -20px rgba(0, 0, 0, .8)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d12;--bg-subtle: #0f121a;--surface: #141822;--surface-2: #171c27;--text: #e9ecf2;--text-muted: #9aa4b4;--text-faint: #7a8494;--border: #232a38;--border-strong: #323b4d;--teal-text: #5ed3d0;--violet-text: #a98fd8;--text-gradient: linear-gradient(135deg, #5ed3d0 0%, #a98fd8 100%);--tint-teal: rgba(66, 181, 178, .12);--tint-violet: rgba(122, 67, 166, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 40px -20px rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0}p{margin:0}img,svg{max-width:100%}a{color:var(--violet-text)}a:hover{color:var(--teal-text)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}code{font-family:var(--mono);font-size:.875em;background:var(--tint-teal);color:var(--teal-text);padding:.14em .42em;border-radius:5px;word-break:break-word}.wrap{width:100%;max-width:1060px;margin-inline:auto;padding-inline:24px}.section{padding-block:clamp(56px,9vw,104px)}.section--tinted{background:var(--bg-subtle);border-block:1px solid var(--border)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:var(--text-faint);margin-bottom:18px}.eyebrow:before{content:"";width:26px;height:3px;border-radius:2px;background:var(--brand-gradient)}.section-title{font-size:clamp(27px,4.2vw,40px);font-weight:700;max-width:20ch}.section-lede{margin-top:16px;max-width:62ch;color:var(--text-muted);font-size:clamp(16px,2vw,18.5px)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;gap:16px;height:64px}.logo{height:26px;width:auto;aspect-ratio:1024 / 162.5618;display:block;color:var(--text);flex:0 0 auto}.header-spacer{flex:1 1 auto}.header-link{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:550;color:var(--text-muted);text-decoration:none;padding:7px 11px;border-radius:var(--radius-sm)}.header-link:hover{color:var(--text);background:var(--bg-subtle)}.header-link svg{width:17px;height:17px;fill:currentColor}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;flex:0 0 auto}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong)}.theme-toggle svg{width:17px;height:17px}.hero{position:relative;padding-block:clamp(64px,11vw,128px) clamp(56px,9vw,104px);overflow:hidden}.hero:before{content:"";position:absolute;inset:-40% 0 auto -10%;height:620px;background:radial-gradient(46% 52% at 22% 42%,var(--tint-teal) 0%,transparent 68%),radial-gradient(44% 50% at 74% 30%,var(--tint-violet) 0%,transparent 70%);pointer-events:none;z-index:0}.hero .wrap{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:550;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 15px 6px 11px;box-shadow:var(--shadow-sm)}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--brand-gradient);flex:0 0 auto}.hero h1{margin-top:26px;font-size:clamp(38px,7.2vw,70px);font-weight:750;letter-spacing:-.033em;max-width:20ch}.hero h1 .hero-line{display:block}.grad{background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{margin-top:24px;max-width:58ch;font-size:clamp(17px,2.3vw,21px);color:var(--text-muted)}.hero-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:9px;font-size:15.5px;font-weight:600;text-decoration:none;padding:12px 22px;border-radius:10px;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px;fill:currentColor}.btn--primary{background:var(--fill-gradient);color:#fff;box-shadow:0 8px 22px -10px #5649a7bf}.btn--primary:hover{color:#fff;box-shadow:0 12px 28px -10px #5649a7d9}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn--ghost:hover{color:var(--text);border-color:var(--text-faint)}.compare{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:760px){.compare{grid-template-columns:1fr}}.compare-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}.compare-card--good{border-color:color-mix(in srgb,var(--teal) 42%,var(--border))}.compare-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:16px;background:var(--bg-subtle);color:var(--text-faint);border:1px solid var(--border)}.compare-card--good .compare-tag{background:var(--tint-teal);color:var(--teal-text);border-color:color-mix(in srgb,var(--teal) 38%,transparent)}.compare-card h3{font-size:19.5px;font-weight:660}.compare-card p{margin-top:11px;color:var(--text-muted);font-size:15.5px}.steps{margin:44px 0 0;padding:0;list-style:none;position:relative;display:grid;gap:4px}.step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;align-items:start;padding:16px 0;position:relative}.step:not(:last-child):before{content:"";position:absolute;left:19.5px;top:50px;bottom:-4px;width:2px;background:linear-gradient(var(--border-strong),var(--border))}.step-badge{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-family:var(--mono);font-size:14.5px;font-weight:700;color:#fff;background:var(--fill-gradient);position:relative;z-index:1;flex:0 0 auto}.step-body h3{font-size:18px;font-weight:640;padding-top:7px}.step-body p{margin-top:7px;color:var(--text-muted);font-size:15.5px;max-width:64ch}.callout{margin-top:36px;display:flex;gap:15px;align-items:flex-start;padding:20px 22px;border-radius:var(--radius);background:var(--tint-violet);border:1px solid color-mix(in srgb,var(--violet) 30%,transparent)}.callout svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px;stroke:var(--violet-text)}.callout p{font-size:15.5px;color:var(--text)}.cards{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--tint-teal);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent);margin-bottom:17px}.card-icon svg{width:19px;height:19px;stroke:var(--teal-text)}.card:nth-child(2n) .card-icon{background:var(--tint-violet);border-color:color-mix(in srgb,var(--violet) 28%,transparent)}.card:nth-child(2n) .card-icon svg{stroke:var(--violet-text)}.icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:17.5px;font-weight:660}.card p{margin-top:10px;color:var(--text-muted);font-size:15px}.receipts{margin-top:44px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:860px){.receipts{grid-template-columns:1fr}}.code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.code-head{display:flex;align-items:center;gap:9px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle);font-family:var(--mono);font-size:13px;color:var(--text-faint)}.code-head .dot{width:8px;height:8px;border-radius:50%;background:var(--brand-gradient);flex:0 0 auto}.code-block pre{margin:0;padding:18px 20px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.72;color:var(--text);tab-size:2}.code-block pre .c{color:var(--text-faint)}.code-block pre .k{color:var(--violet-text);font-weight:600}.code-block pre .s{color:var(--teal-text)}.receipt-list{display:grid;gap:14px}.receipt{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.receipt-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--fill-gradient);flex:0 0 auto;margin-top:2px}.receipt-check svg{width:12px;height:12px;stroke:#fff;stroke-width:3}.receipt h3{font-size:15.5px;font-weight:640}.receipt p{margin-top:5px;font-size:14.5px;color:var(--text-muted)}.receipt code{font-size:.92em}.tryit-grid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.tryit-step{padding:22px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.tryit-num{font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.06em;background:var(--text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.tryit-step h3{margin-top:8px;font-size:16.5px;font-weight:650}.tryit-step p{margin-top:9px;font-size:14.5px;color:var(--text-muted)}.site-footer{border-top:1px solid var(--border);background:var(--bg-subtle);padding-block:40px}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}.site-footer .logo{height:22px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto}.footer-links a{font-size:14px;color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--teal-text);text-decoration:underline}@media(max-width:560px){.footer-links{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}