@font-face{font-family:Inter;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/assets/ibm-plex-mono-latin-700-normal-7sUh57Bg.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light;--ink: #111111;--paper: #f7f7f5;--muted: #424242;--surface: #ededeb;--rule: #bcbcb8;--strong-rule: #6b6b68;--accent: #1644d6;--accent-soft: #e7eaff;--mono: "IBM Plex Mono", ui-monospace, monospace;font:100%/1.6 Inter,Helvetica Neue,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:.2em;text-decoration-color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:10;padding:12px 16px;color:#fff;background:var(--accent);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header,.stage-line,main,.site-footer{width:min(1200px,calc(100% - 80px));margin-inline:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.04em;text-decoration:none}.brand img{display:block;flex-shrink:0}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:12px 24px;font-size:14px}.example-label{color:var(--muted)}.stage-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-block:1px solid var(--rule);padding-block:10px;font:12px/1.6 var(--mono);color:var(--muted)}main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;padding-block:64px 80px;align-items:start}aside,.panel{min-width:0}.eyebrow{display:block;margin:0 0 20px;font:700 12px/1.5 var(--mono);color:var(--accent);letter-spacing:.04em;text-transform:uppercase}h1,h2,h3{margin:0;font-weight:650}h1{font-size:clamp(2.5rem,4.5vw,4.5rem);letter-spacing:-.055em;line-height:1.04;margin-bottom:24px}h2{font-size:clamp(1.75rem,2.5vw,2.5rem);letter-spacing:-.04em;line-height:1.12;margin:24px 0 16px}h3{font-size:1.125rem;letter-spacing:-.02em;line-height:1.35;margin:24px 0 12px}p{margin:0 0 16px;color:var(--muted);overflow-wrap:anywhere}.lede{font-size:18px;line-height:1.55;max-width:38ch}.panel{border-top:3px solid var(--ink);background:#fff;padding:28px 32px 32px}.topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--rule)}.topline .eyebrow{margin:0}.topline label{margin:0;font-size:13px}.topline select{margin:8px 0 0}.notice{margin-block:20px;padding:16px;background:var(--accent-soft);color:var(--ink);font-size:14px}.notice strong{display:block;margin-bottom:4px}.next-step{border-top:2px solid var(--accent);padding-top:16px;color:var(--ink)}.steps{margin:32px 0 0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px 14px;border-top:1px solid var(--rule);padding:16px 0;color:var(--muted)}.step-index{grid-row:span 2;font:12px/1.8 var(--mono);padding-top:2px}.step-state{font-size:12px}.steps li[data-state=current]{border-top:2px solid var(--accent);color:var(--accent);font-weight:650}.steps li[data-state=done]{color:var(--ink)}.steps li[data-state=done] .step-index:after{content:" ✓"}label{display:block;font-size:14px;font-weight:550;margin:16px 0 8px}input,select{display:block;width:100%;min-width:0;min-height:48px;margin:8px 0 16px;padding:12px 14px;background:var(--paper);border:1px solid var(--strong-rule);border-radius:0}input[type=file]{font-size:14px}button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 18px;margin:12px 0;border:1px solid var(--accent);border-radius:0;background:var(--accent);color:#fff;font-weight:600;line-height:1.4;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .12s ease,border-color .12s ease}button.secondary{background:transparent;border-color:var(--strong-rule);color:var(--ink)}button:active:not(:disabled){transform:scale(.98)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;border-color:var(--rule);background:var(--surface);color:var(--muted);opacity:1}dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;margin:24px 0;padding-block:20px;border-block:1px solid var(--rule);font-size:14px}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:550;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}code,pre{font:12px/1.7 var(--mono)}code{display:block;overflow-wrap:anywhere;padding:14px;background:var(--surface);margin:12px 0 16px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);padding:16px}canvas{display:block;max-width:100%;height:auto!important;margin:24px auto}details{border-top:1px solid var(--rule);padding-top:18px;margin-top:24px}summary{cursor:pointer;font-size:14px;font-weight:550;min-height:32px}details[open]>summary{margin-bottom:18px}details p{font-size:14px}.demo-controls{border-top:2px solid var(--ink);padding-top:24px;margin-top:32px}.demo-controls .eyebrow{color:var(--muted);margin-bottom:8px}.demo-controls button{background:var(--surface);border-color:var(--rule);color:var(--ink)}.muted{color:var(--muted);font-size:14px}#feedback{margin:16px 0 0;color:#8a321b;font-size:14px}#feedback:empty{margin:0}.site-footer{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;border-top:1px solid var(--rule);padding-block:24px 32px;color:var(--muted);font:12px/1.6 var(--mono)}[hidden]{display:none!important}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}a:hover{color:var(--accent)}}@media(max-width:900px){main{grid-template-columns:1fr;gap:32px;padding-block:40px 56px}h1{max-width:16ch}h1 br{display:none}.lede{max-width:54ch}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.steps li{grid-template-columns:1fr;gap:4px;font-size:14px}.step-index{grid-row:auto}}@media(max-width:639px){.site-header,.stage-line,main,.site-footer{width:calc(100% - 40px)}.site-header{align-items:start;gap:16px;padding-block:20px}.site-header nav{gap:8px;font-size:12px}.example-label{width:100%;text-align:right}.panel{padding:20px 16px 24px}h1{font-size:2.5rem}dl{gap:16px 12px}.steps{gap:10px}}@media(prefers-reduced-motion:reduce){button{transition:background-color .12s ease,border-color .12s ease}button:active:not(:disabled){transform:none}}html{scrollbar-gutter:stable}.commerce{--ink: #15243e;--accent: #2657d8;--rule: #d9dde5;--muted: #566175;color:var(--ink)}.commerce-header{position:fixed;inset:0 0 auto;height:72px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1200px)/2));background:#fafbfdf5;border-bottom:1px solid var(--rule)}.commerce .skip-link{z-index:30}.commerce-brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.04em;font-size:20px;text-decoration:none;flex-shrink:0}.commerce-header nav{display:flex;align-items:center;gap:26px;font-size:14px;min-width:0}.commerce-header nav a{text-decoration:none}.profile{display:flex;gap:8px;align-items:center;font-weight:600;min-width:0}.profile-name{min-width:0;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile svg{flex-shrink:0}.environment{font:10px var(--mono);color:var(--muted);background:#e9edf6;padding:6px 8px;border-radius:4px}.commerce main{display:block;width:min(1120px,calc(100% - 48px));padding:112px 0 64px;min-height:calc(100vh - 68px);margin:auto}.commerce main:focus{outline:none}.commerce main,.commerce :where(h1,h2,h3,summary,input,select,textarea){scroll-margin-top:112px}.page-title{margin-bottom:32px}.page-title h1{font-size:clamp(1.9rem,4vw,2.75rem);letter-spacing:-.04em;line-height:1.15}.page-title .eyebrow{margin-bottom:10px}.page-title .lede{max-width:62ch;font-size:16px;margin:12px 0 0}.commerce-card{padding:28px;border:1px solid var(--rule);border-radius:16px;background:#fff;margin-bottom:20px;min-width:0;box-shadow:0 8px 30px #17294a05}.commerce-card h2{font-size:23px}#approval-title{scroll-margin-top:112px}.commerce-card h3{font-size:17px;margin-bottom:12px}.commerce-card p{font-size:14px}.commerce button,.commerce input,.commerce select{border-radius:8px}.commerce button{min-height:44px;padding:11px 18px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.commerce input,.commerce select{min-height:44px}.commerce button.secondary{border-color:var(--rule)}.commerce label{display:block;margin-bottom:16px;font-size:14px}.commerce input,.commerce select{width:100%;margin-top:6px}.commerce button:disabled{opacity:.55;cursor:not-allowed}.commerce .actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.commerce .split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:28px;align-items:start}.commerce .narrow{max-width:540px;margin-inline:auto}.commerce .auth{max-width:460px;margin:32px auto}.commerce .eyebrow{font-size:11px}.commerce .muted{color:var(--muted)}.commerce-notice{padding:14px 16px;border-radius:8px;background:#edf2fc;color:#354a75;font-size:14px;line-height:1.6}.commerce-notice.error{background:#fff0ee;color:#862a22}.commerce .rail-choice{width:min(260px,100%);margin-left:auto;margin-bottom:28px}.status{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;background:#eef3ff;padding:14px 18px;border-radius:10px;margin-bottom:22px}.status strong{font-size:14px}.status span{font-size:12px;color:var(--muted)}.product{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.product-art{background:linear-gradient(140deg,#e8edf6,#dbe3f1);border-radius:18px;min-height:380px;display:grid;place-items:center;overflow:hidden}.notebook{width:190px;height:255px;padding:25px;border-radius:3px 12px 12px 3px;background:#234aaf;color:#fff;box-shadow:inset 7px 0 #fff2,12px 20px 35px #15243e33;transform:rotate(-9deg);border-right:6px solid #f1eade;display:flex;flex-direction:column;justify-content:space-between}.notebook span,.notebook small{font:10px var(--mono);letter-spacing:.1em}.notebook strong{font-size:30px;line-height:1.1;letter-spacing:-.04em}.product-copy h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.07;letter-spacing:-.05em}.product-copy p{max-width:38ch;font-size:16px}.product-price{font-size:28px;display:block;margin-top:28px}.product-price small{font-size:14px;color:var(--muted)}.product.compact{gap:20px;grid-template-columns:100px 1fr}.product.compact .product-art{min-height:130px;border-radius:8px}.product.compact .notebook{width:60px;height:82px;padding:10px;border-right-width:2px}.product.compact .notebook strong{font-size:11px}.product.compact .notebook span,.product.compact .notebook small{display:none}.product.compact .product-copy h2{font-size:20px}.product.compact .product-copy p:not(.eyebrow){display:none}.product.compact .product-price{font-size:18px;margin:10px 0}.commerce dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 22px;font-size:14px;margin:24px 0}.commerce [data-sonner-toast] [data-close-button]{min-height:20px;width:20px;padding:0;margin:0}.commerce dt{color:var(--muted)}.commerce dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.commerce code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:12px;margin:12px 0}.commerce .balance{font-size:36px;font-weight:650;letter-spacing:-.05em;margin:16px 0;font-variant-numeric:tabular-nums}.commerce .balance small{font-size:16px;color:var(--muted);letter-spacing:0}.commerce .qr{display:block;width:180px;height:180px;margin:20px 0}.commerce .qr img{display:block;width:100%;height:100%}.commerce .placeholder{color:var(--muted);font-size:14px;font-weight:400;letter-spacing:0}.commerce .auth-loading{min-height:374px}.order-row{display:flex;gap:20px;justify-content:space-between;align-items:center;text-decoration:none;padding:20px 0;border-bottom:1px solid var(--rule)}.order-row:last-child{border-bottom:0}.order-row strong,.order-row small{display:block}.order-row small{color:var(--muted);font-size:12px;margin-top:6px}.commerce .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.commerce .tabs button{background:#fff;color:var(--muted);border-color:var(--rule)}.commerce .tabs button[aria-pressed=true]{color:var(--accent);background:#edf2fc;border-color:#acbceb}.commerce details{margin-top:20px}.commerce summary{font-size:14px}.commerce textarea{width:100%;font:12px var(--mono);min-height:140px}.commerce a svg{display:inline-block;vertical-align:middle;margin-left:4px}.commerce .profile svg{margin-left:0}.commerce-footer{width:min(1120px,calc(100% - 48px));padding:20px 0;margin:auto;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);color:var(--muted);font-size:11px}.spin{animation:commerce-spin 1s linear infinite}@keyframes commerce-spin{to{transform:rotate(360deg)}}@media(max-width:960px){.commerce .split{grid-template-columns:1fr;gap:24px}}@media(max-width:760px){.product{grid-template-columns:1fr;gap:24px}.product-art{min-height:300px}.commerce-header{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;height:88px;padding:8px 16px;gap:6px 12px}.commerce-header nav{display:contents}.commerce-brand{grid-row:1;grid-column:1 / 3}.commerce-header nav a:not(.profile){grid-row:2}.environment{grid-row:2;grid-column:3;font-size:8px;padding:4px 6px}.commerce main{width:calc(100% - 32px);padding-top:116px}.commerce main,.commerce :where(h1,h2,h3,summary,input,select,textarea){scroll-margin-top:116px}.commerce-card{padding:22px}.commerce-footer{width:calc(100% - 32px)}.profile{grid-row:1;grid-column:3;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-header nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){.commerce *,[data-sonner-toaster] *{animation:none!important;transition:none!important}}