@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f6f8;color:#172033}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{min-height:38px;border:1px solid #172033;border-radius:6px;padding:.55rem .85rem;background:#172033;color:#fff;cursor:pointer}button:hover:not(:disabled){background:#0d1424}button:disabled{cursor:not-allowed;border-color:#d7dde6;background:#e8ebf0;color:#7c8799}.secondary-button{border-color:#ccd3df;background:#fff;color:#172033}.secondary-button:hover:not(:disabled){background:#f2f4f7}input,select{width:100%;min-height:38px;border:1px solid #ccd3df;border-radius:6px;padding:.55rem .7rem;color:#172033;background:#fff}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem;font-size:clamp(1.55rem,2vw,2rem);line-height:1.15}h2{margin-bottom:.85rem;font-size:1rem;line-height:1.2}a{color:#1f5eff;text-decoration:none}a:hover{text-decoration:underline}code{display:block;overflow-wrap:anywhere;border:1px solid #d7dde6;border-radius:6px;padding:.65rem;background:#f6f8fb;color:#172033;font-size:.85rem}.landing-page{min-height:100vh;background:#f5f6f8;color:#0d1526;font-family:Hanken Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #e6e9ef;background:#f5f6f8d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto;padding:18px 40px}.landing-brand{display:inline-flex;align-items:center;gap:12px;color:#0d1526;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600;text-decoration:none}.landing-brand:hover{text-decoration:none}.rails-mark{display:inline-flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;gap:3.5px;border-radius:10px;background:#0d1526}.rails-mark span{width:3.5px;height:18px;border-radius:2px;background:#fff}.rails-mark span:nth-child(2){background:#2347e6}.rails-mark-small{width:28px;height:28px;gap:2.5px;border-radius:8px}.rails-mark-small span{width:2.5px;height:13px}.landing-links,.landing-actions{display:flex;align-items:center;flex-wrap:wrap}.landing-links{gap:8px}.landing-actions{gap:14px}.landing-links a,.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;font-size:16px;font-weight:600;text-decoration:none}.landing-links a{min-height:38px;border-radius:9px;padding:9px 16px;color:#59616f;font-size:15px;font-weight:500}.landing-links a:hover{background:#edeff3;color:#0d1526;text-decoration:none}.landing-links .landing-nav-cta{margin-left:8px;background:#0d1526;color:#fff;font-weight:600}.landing-links .landing-nav-cta:hover{background:#1d2740;color:#fff}.language-switcher{display:inline-flex;align-items:center;gap:4px;border:1px solid #e6e9ef;border-radius:999px;background:#fff;padding:3px}.language-option{min-height:30px;border:0;border-radius:999px;background:transparent;padding:5px 9px;color:#59616f;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:1}.language-option:hover:not(:disabled){background:#edeff3;color:#0d1526}.language-option-active,.language-option-active:hover:not(:disabled){background:#0d1526;color:#fff}.primary-link{border:1px solid #2347e6;background:#2347e6;color:#fff;padding:14px 26px;box-shadow:0 8px 20px -8px #2347e68c}.primary-link:hover{border-color:#1c3bc7;background:#1c3bc7;text-decoration:none}.secondary-link{border:1px solid #cfd5e1;background:transparent;color:#0d1526;padding:14px 24px}.secondary-link:hover{border-color:#2347e6;color:#2347e6;text-decoration:none}.secondary-link-plain{border-color:transparent;padding-inline:18px}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px;align-items:center;max-width:1200px;margin:0 auto;padding:88px 40px 72px}.landing-hero-copy{min-width:0}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;border-radius:999px;background:#eaeefe;padding:6px 12px;color:#2347e6;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase}.landing-eyebrow span{width:6px;height:6px;border-radius:50%;background:#2347e6}.landing-hero h1{max-width:620px;margin:0 0 24px;color:#0d1526;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:58px;font-weight:600;line-height:1.02}.landing-hero p:not(.landing-eyebrow){max-width:520px;margin:0 0 36px;color:#59616f;font-size:18px;line-height:1.6}.landing-proof-row{display:flex;align-items:center;gap:26px;margin-top:44px;color:#98a0ad;flex-wrap:wrap}.landing-proof-row span{font-size:13px;font-weight:600;text-transform:uppercase}.landing-proof-row strong{color:#6b7280;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:700;opacity:.62}.flow-card{min-width:0;border:1px solid #e6e9ef;border-radius:22px;background:#fff;padding:36px 30px;box-shadow:0 26px 60px -34px #0d152652}.flow-row{display:flex;align-items:stretch}.flow-node{display:grid;min-width:0;flex:1;align-content:start;border:1px solid #e6e9ef;border-radius:14px;background:#f8f9fb;padding:18px 16px}.flow-node-core{flex:1.05;border-color:#c9d2fb;background:#eef1fe}.flow-node span{color:#98a0ad;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase}.flow-node-core span{color:#2347e6}.flow-node strong{margin-top:8px;color:#0d1526;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px;font-weight:600;line-height:1.22}.flow-node-core strong{font-size:16px}.flow-node small{margin-top:10px;color:#59616f;font-size:13px;line-height:1.35}.flow-node-core small{color:#4a5468}.flow-connector{position:relative;width:34px;height:2px;align-self:center;background:#d7dbe3}.flow-connector span{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#2347e6;animation:flowdot 2.4s linear infinite}.flow-connector-delay span{animation-delay:1.2s}.flow-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}.flow-metrics div{border-top:1px solid #eef0f4;padding-top:14px}.flow-metrics strong{display:block;color:#0d1526;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;font-weight:600}.flow-metrics div:nth-child(2) strong{color:#2347e6}.flow-metrics span{display:block;margin-top:2px;color:#98a0ad;font-size:12px}.landing-section{border-top:1px solid #e6e9ef;border-bottom:1px solid #e6e9ef}.landing-section-white{background:#fff}.landing-section-inner,.audience-section,.sandbox-cta-section,.landing-footer{max-width:1200px;margin:0 auto;padding-right:40px;padding-left:40px}.landing-section-inner{padding-top:84px;padding-bottom:84px}.landing-kicker{margin:0 0 14px;color:#2347e6;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase}.landing-section h2,.audience-section h2,.sandbox-cta h2{color:#0d1526;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:600;line-height:1.08;margin:0}.landing-section h2{max-width:720px;margin-bottom:48px;font-size:40px}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.platform-card,.step-card{border:1px solid #e6e9ef;border-radius:16px;background:#f8f9fb;padding:26px 24px}.platform-card{min-height:302px;transition:box-shadow .18s ease,transform .18s ease}.platform-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -24px #0d152659}.platform-card>span{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:18px;border-radius:10px;background:#eaeefe;color:#2347e6;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.platform-card h3,.step-card h3{margin:0 0 10px;color:#0d1526;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:1.25}.platform-card p,.step-card p{margin:0;color:#59616f;font-size:14.5px;line-height:1.55}.audience-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-top:88px;padding-bottom:88px}.audience-section h2{max-width:560px;font-size:46px;line-height:1.05}.audience-accordion{display:flex;flex-direction:column;gap:12px}.audience-item{display:flex;width:100%;min-height:0;gap:16px;border:1px solid #e6e9ef;border-radius:14px;background:#fff;padding:20px 22px;color:#0d1526;text-align:left;box-shadow:none}.audience-item:hover,.audience-item-active{border-color:#c9d2fb;background:#fff}.audience-rail{width:4px;flex:0 0 auto;align-self:stretch;border-radius:4px;background:#2347e6}.audience-content{display:grid;flex:1;gap:12px;min-width:0}.audience-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.audience-title-row strong{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600}.audience-title-row span{color:#98a0ad;font-size:20px;line-height:1}.audience-copy{display:block;color:#59616f;font-size:14.5px;line-height:1.55}.landing-section-steps{border-bottom:0}.landing-section-steps h2{max-width:680px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-card{min-height:220px;padding:28px 26px}.step-card>span{display:block;margin-bottom:16px;color:#2347e6;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:600}.step-card h3{font-size:20px}.sandbox-cta-section{padding-top:88px;padding-bottom:88px}.sandbox-cta{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:48px;align-items:center;overflow:hidden;border-radius:24px;background:#0c1322;padding:64px 56px}.sandbox-glow{position:absolute;top:-60px;right:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgb(35 71 230 / 35%),transparent 70%)}.sandbox-cta>div{position:relative}.sandbox-cta .landing-kicker{color:#7e93ff}.sandbox-cta h2{max-width:600px;color:#fff;font-size:42px}.sandbox-actions{display:grid;gap:14px}.sandbox-actions .primary-link,.sandbox-actions .secondary-link{width:100%}.sandbox-actions .primary-link:hover{border-color:#3257f5;background:#3257f5}.sandbox-actions .secondary-link{border-color:#2c3650;color:#c5ccdb}.sandbox-actions .secondary-link:hover{border-color:#4a567a;color:#fff}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e6e9ef;padding-top:32px;padding-bottom:32px}.landing-brand-footer{font-size:15px}.landing-footer>span{color:#98a0ad;font-size:13px}@keyframes flowdot{0%{left:0;opacity:0}12%,88%{opacity:1}to{left:100%;opacity:0}}@media(prefers-reduced-motion:reduce){.flow-connector span{animation:none;opacity:0}.platform-card{transition:none}}.docs-page{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#f7f8fa}.docs-sidebar{position:sticky;top:0;display:grid;align-content:start;gap:2rem;height:100vh;border-right:1px solid #dfe3ea;background:#fff;padding:1.35rem}.docs-nav{display:grid;gap:.35rem}.docs-nav a{border-radius:6px;padding:.65rem .75rem;color:#4c5a70;font-weight:700;text-decoration:none}.docs-nav a:hover{background:#edf2f8;color:#172033}.docs-content{display:grid;gap:2rem;max-width:980px;padding:3rem min(5vw,4rem) 5rem}.docs-hero,.docs-section{display:grid;gap:1rem}.docs-hero h1{max-width:720px;margin:0;font-size:clamp(2.35rem,4vw,4.4rem);line-height:1}.docs-hero p,.docs-section p{max-width:760px;color:#4c5a70;line-height:1.65}.docs-section{scroll-margin-top:2rem;border-top:1px solid #dfe3ea;padding-top:2rem}.docs-section h2{margin:0;font-size:clamp(1.5rem,2vw,2rem)}.docs-callout{display:grid;gap:.35rem;max-width:760px;border:1px solid #b9c8f4;border-left:4px solid #2554d8;border-radius:8px;background:#eef3ff;padding:1rem}.docs-callout span{color:#4c5a70;line-height:1.55}.docs-steps,.endpoint-grid,.docs-two-column{display:grid;gap:.9rem}.docs-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.endpoint-grid,.docs-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-steps article,.endpoint-grid article,.docs-two-column article{border:1px solid #dfe3ea;border-radius:8px;background:#fff;padding:1rem}.docs-steps span{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#172033;color:#fff;font-weight:800}.endpoint-grid ul,.docs-list{display:grid;gap:.55rem;margin:0;padding-left:1rem}.endpoint-grid code{display:inline;border:0;padding:0;background:transparent;color:#172033;font-size:.88rem;font-weight:700}.docs-section pre{overflow-x:auto;max-width:100%;border:1px solid #d7dde6;border-radius:8px;background:#111827;color:#f7f8fa;padding:1rem;font-size:.88rem;line-height:1.5}.status-list{display:flex;flex-wrap:wrap;gap:.45rem}.status-list span{border:1px solid #d7d9f8;border-radius:999px;background:#f2f3ff;color:#4047a8;padding:.25rem .6rem;font-size:.82rem;font-weight:800}.docs-list{color:#4c5a70;line-height:1.6}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem;border-right:1px solid #dfe3ea;background:#fff;padding:1.35rem}.brand-block{display:grid;gap:.25rem}.brand{font-size:1.05rem;font-weight:800}.brand-block span,.muted,small{color:#647084}.nav-list{display:grid;align-content:start;gap:.35rem}.nav-list a{border-radius:6px;padding:.65rem .75rem;color:#4c5a70;text-decoration:none}.nav-list a.active,.nav-list a:hover{background:#edf2f8;color:#172033}.sidebar-action{width:100%}.main-panel{min-width:0;padding:1.6rem}.demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .75rem;margin-bottom:1rem;border:1px solid #f1d391;border-left:4px solid #d59617;border-radius:8px;background:#fff8e8;padding:.75rem .9rem;color:#5a4211}.demo-banner strong,.checkout-demo-banner strong,.demo-login-card span,.demo-kicker{font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.demo-banner span{color:#735a1a;font-size:.9rem}.page-section{display:grid;gap:1rem}.page-header{display:grid;gap:.15rem}.row-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.metric-card,.panel{border:1px solid #dfe3ea;border-radius:8px;background:#fff;padding:1rem}.metric-card{display:grid;gap:.4rem;min-height:96px}.metric-card span{color:#647084;font-size:.82rem}.metric-card strong{font-size:1.55rem;line-height:1.1}.split-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:1rem;align-items:start}.detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.centered-page{display:grid;min-height:100vh;place-items:center;padding:1rem}.narrow{width:min(100%,420px)}.auth-panel{box-shadow:0 18px 46px #1720331a}.demo-login-card{display:grid;gap:.75rem;margin:1rem 0;border:1px solid #d7d9f8;border-radius:8px;background:#f5f6ff;padding:.9rem}.demo-login-card span,.demo-kicker{color:#4047a8}.demo-login-card strong{font-size:.95rem;line-height:1.35}.checkout-panel{width:min(100%,560px)}.checkout-demo-banner{position:fixed;top:1rem;left:50%;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .65rem;width:min(calc(100% - 2rem),560px);transform:translate(-50%);border:1px solid #f1d391;border-radius:8px;background:#fff8e8;padding:.65rem .8rem;color:#5a4211;box-shadow:0 14px 36px #1720331f}.checkout-demo-banner span{color:#735a1a;font-size:.86rem}.form-grid,.method-list{display:grid;gap:.8rem}.form-grid label,.inline-control{display:grid;gap:.35rem;color:#4c5a70;font-size:.88rem}.inline-control{min-width:180px}.checkout-summary{display:grid;gap:.3rem;margin-bottom:1rem}.checkout-summary strong{font-size:2rem;line-height:1.1}.method-list{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-method{border-color:#1f5eff;background:#1f5eff;color:#fff}.notice{display:grid;gap:.55rem;margin-top:1rem}.notice span,.error-text{font-size:.9rem}.demo-guide{display:grid;gap:1rem;border-color:#cfd7ff;background:#fbfcff}.demo-guide h2{margin-bottom:.35rem;font-size:1.2rem}.demo-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.demo-step{display:grid;grid-template-rows:auto auto 1fr auto;gap:.55rem;min-height:190px;border:1px solid #dfe3ea;border-radius:8px;background:#fff;padding:.8rem}.demo-step>span{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#172033;color:#fff;font-size:.82rem;font-weight:800}.demo-step strong{line-height:1.25}.demo-step p{margin:0;color:#647084;font-size:.84rem;line-height:1.45}.demo-step a{align-self:end;font-weight:800}.error-text{color:#ad2f2f}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid #edf0f4;padding:.7rem .55rem;text-align:left;vertical-align:top}th{color:#647084;font-size:.78rem;font-weight:700;text-transform:uppercase}td strong,td small{display:block}tr:last-child td{border-bottom:0}.selected-row{background:#f4f7fc}.status-pill{display:inline-flex;align-items:center;min-height:24px;border:1px solid #d8dde6;border-radius:999px;padding:.15rem .5rem;background:#f7f8fa;color:#4c5a70;font-size:.78rem;font-weight:700}.status-confirmed,.status-delivered,.status-paid,.status-active{border-color:#b7dec2;background:#ecf8ef;color:#1f7135}.status-failed,.status-retryable,.status-refunded{border-color:#f0c5c5;background:#fff0f0;color:#9f2d2d}.status-created,.status-pending{border-color:#d7d9f8;background:#f2f3ff;color:#4047a8}.definition-grid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:.7rem;margin:0}.definition-grid dt{color:#647084}.definition-grid dd{margin:0}.ledger-group{display:grid;gap:.65rem;border-top:1px solid #edf0f4;padding-top:.85rem}.ledger-group+.ledger-group{margin-top:1rem}.ledger-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ledger-title span{color:#647084;font-size:.85rem}.back-link{display:inline-flex;margin-bottom:.5rem;color:#647084;font-size:.9rem}@media(max-width:1040px){.landing-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:36px}.landing-hero h1{font-size:48px}.flow-card{padding:36px 30px}}@media(max-width:920px){.docs-page{grid-template-columns:1fr}.docs-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #dfe3ea}.docs-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-steps,.endpoint-grid,.docs-two-column{grid-template-columns:1fr}.landing-header-inner{align-items:flex-start;flex-direction:column;padding:16px 28px}.landing-hero,.audience-section,.sandbox-cta{grid-template-columns:1fr;gap:44px}.landing-hero,.audience-section,.sandbox-cta-section,.landing-section-inner,.landing-footer{padding-right:28px;padding-left:28px}.landing-hero{padding-top:64px;padding-bottom:64px}.landing-hero h1{font-size:52px}.platform-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell,.split-grid,.detail-grid{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto auto;border-right:0;border-bottom:1px solid #dfe3ea}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid,.demo-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.docs-content{padding:2rem 1rem 4rem}.docs-nav{grid-template-columns:1fr}.landing-hero{padding-top:48px;padding-bottom:48px}.landing-hero h1{font-size:40px}.landing-actions,.landing-links{align-items:stretch;flex-direction:column;width:100%}.landing-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-actions a,.landing-links a{justify-content:center}.landing-links .landing-nav-cta{grid-column:1 / -1;margin-left:0}.flow-card{padding:24px 18px}.flow-row{flex-direction:column}.flow-connector{width:2px;height:34px;margin:0 auto}.flow-connector span{top:0;left:-3px;animation-name:flowdot-y}.flow-metrics,.platform-grid,.steps-grid{grid-template-columns:1fr}.sandbox-cta{padding:42px 28px}.sandbox-cta h2,.landing-section h2,.audience-section h2{font-size:32px}.landing-footer{align-items:flex-start;flex-direction:column}.main-panel{padding:1rem}.row-header{align-items:stretch;flex-direction:column}.nav-list,.metric-grid,.method-list,.demo-step-grid,.definition-grid{grid-template-columns:1fr}}@keyframes flowdot-y{0%{top:0;opacity:0}12%,88%{opacity:1}to{top:100%;opacity:0}}
