:root{color-scheme:light;--checkout-bg: #f8fafc;--checkout-surface: #ffffff;--checkout-text: #0f172a;--checkout-muted: #64748b;--checkout-border: #e2e8f0;--checkout-accent: #4f39f6;--checkout-accent-hover: #432dd7;--checkout-success: #059669;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--checkout-bg);color:var(--checkout-text);line-height:1.5}.checkout-app{min-height:100vh;display:flex;flex-direction:column}.checkout-header{background:var(--checkout-surface);border-bottom:1px solid var(--checkout-border)}.checkout-header__inner{max-width:72rem;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem}.checkout-header__logo{width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,#4338ca,#6366f1);flex-shrink:0}.checkout-header__brand{font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.checkout-header__locales{margin-left:auto;display:flex;gap:.375rem}.checkout-locale-btn{padding:.375rem .75rem;border:1px solid var(--checkout-border);border-radius:999px;background:transparent;color:var(--checkout-muted);cursor:pointer;font:inherit;font-size:.8125rem}.checkout-locale-btn:hover:not(:disabled){border-color:var(--checkout-accent);color:var(--checkout-text)}.checkout-locale-btn:disabled{opacity:.45;cursor:not-allowed}.checkout-locale-btn.is-active{background:#eef2ff;border-color:#c7d2fe;color:var(--checkout-accent);font-weight:600}.checkout-main{flex:1;max-width:72rem;width:100%;margin:0 auto;padding:2rem 1.5rem 6rem}.checkout-hero{margin-bottom:2rem}.checkout-hero__title{margin:0;font-size:clamp(2rem,4vw,2.25rem);font-weight:700;letter-spacing:.01em;color:var(--checkout-text)}.checkout-hero__lede{margin:.75rem 0 0;max-width:42rem;font-size:1rem;color:var(--checkout-muted)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1.5rem;align-items:start}@media(max-width:840px){.checkout-grid{grid-template-columns:1fr}}.checkout-card{background:var(--checkout-surface);border:1px solid var(--checkout-border);border-radius:.875rem;padding:1.5rem;box-shadow:0 1px 2px #0f172a0a}.checkout-card__title{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600}.checkout-form{display:grid;gap:1rem}.checkout-field{display:grid;gap:.375rem;font-size:.875rem;font-weight:500;color:var(--checkout-text)}.checkout-field input{padding:.625rem .75rem;border:1px solid var(--checkout-border);border-radius:.5rem;background:#fff;color:var(--checkout-text);font:inherit}.checkout-summary__row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--checkout-border);font-size:.9375rem}.checkout-summary__total{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;font-size:.9375rem;font-weight:600}.checkout-pay-btn{width:100%;padding:.75rem 1rem;border:0;border-radius:.625rem;background:#0f172b;color:#fff;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.checkout-pay-btn:hover{background:#1e293b}.checkout-dev-panel{margin-top:2rem;padding:1rem 1.25rem;border:1px dashed var(--checkout-border);border-radius:.75rem;background:#ffffffb3}.checkout-dev-panel summary{cursor:pointer;font-size:.875rem;font-weight:600;color:var(--checkout-muted)}.checkout-dev-panel__status,.checkout-dev-panel__hint{margin:.75rem 0 0;font-size:.8125rem;color:var(--checkout-muted)}.credentials-panel{margin-top:1rem;padding:0;border:0;background:transparent;box-shadow:none}.credentials-panel h2{font-size:.875rem;text-transform:none;letter-spacing:normal;color:var(--checkout-text)}.credentials-form{display:grid;gap:.75rem}.field{display:grid;gap:.35rem;font-size:.85rem}.field input{padding:.5rem .65rem;border:1px solid var(--checkout-border);border-radius:.5rem;background:#fff;color:var(--checkout-text);font:inherit}.credentials-actions{display:flex;flex-wrap:wrap;gap:.5rem}.locale-btn{padding:.45rem .9rem;border:1px solid var(--checkout-border);border-radius:.5rem;background:transparent;color:var(--checkout-text);cursor:pointer;font:inherit}.locale-btn.is-active{background:var(--checkout-accent);border-color:var(--checkout-accent);color:#fff}.status-error{margin:0;color:#dc2626;font-size:.875rem}.lede{margin:0 0 .75rem;color:var(--checkout-muted);font-size:.8125rem}code{font-family:ui-monospace,monospace;font-size:.9em}.checkout-app--storefront{background:#fafbff}.storefront-app{min-height:100vh}.storefront-header{background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgb(226 232 240 / .9)}.storefront-header__inner{max-width:76rem;margin:0 auto;padding:1.125rem 2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.storefront-header__brand{display:flex;align-items:center;gap:.75rem;font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}.storefront-header__logo{width:2.125rem;height:2.125rem;border-radius:.625rem;background:linear-gradient(135deg,#4f39f6,#7c86ff);box-shadow:0 8px 24px #4f39f647}.storefront-nav{display:flex;justify-content:center;gap:2rem}.storefront-nav a{color:#64748b;text-decoration:none;font-size:.9375rem;font-weight:500}.storefront-nav a:hover{color:#0f172a}.storefront-header__locales{display:flex;gap:.375rem}.storefront-locale-btn{padding:.4rem .75rem;border:1px solid #e2e8f0;border-radius:999px;background:transparent;color:#64748b;cursor:pointer;font:inherit;font-size:.8125rem}.storefront-locale-btn.is-active{background:#eef2ff;border-color:#c7d2fe;color:#4f39f6;font-weight:600}.storefront-main{max-width:76rem;margin:0 auto;padding:4.5rem 2rem 5rem}.storefront-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:3rem;align-items:center}.storefront-hero__eyebrow{margin:0 0 1rem;font-size:.875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#4f39f6}.storefront-hero__title{margin:0;font-size:clamp(2.75rem,4.8vw,4rem);line-height:1.04;letter-spacing:-.03em;font-weight:800;color:#0f172a;max-width:14ch}.storefront-hero__lede{margin:1.25rem 0 0;max-width:36rem;font-size:1.1875rem;line-height:1.6;color:#64748b}.storefront-hero__actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:2rem}.storefront-hero__cta{padding:.95rem 1.75rem;border:0;border-radius:.75rem;background:linear-gradient(135deg,#4f39f6,#615fff);color:#fff;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 16px 40px #4f39f652}.storefront-hero__secondary{padding:.95rem 1.5rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;color:#334155;font:inherit;font-size:1rem;font-weight:600;cursor:pointer}.storefront-hero__features{display:flex;flex-wrap:wrap;gap:1.25rem;margin:2rem 0 0;padding:0;list-style:none;color:#475569;font-size:.9375rem}.storefront-hero__features li:before{content:"✓";margin-right:.5rem;color:#4f39f6;font-weight:700}.storefront-hero__visual{position:relative;min-height:28rem}.storefront-hero__glow{position:absolute;top:10%;right:5%;bottom:10%;left:5%;background:radial-gradient(circle at 50% 50%,rgb(97 95 255 / .22),transparent 68%);filter:blur(8px)}.storefront-hero__card{position:absolute;border-radius:1.25rem;padding:1.5rem 1.75rem;background:#ffffffeb;border:1px solid rgb(226 232 240 / .9);box-shadow:0 24px 64px #0f172a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.storefront-hero__card strong{display:block;margin-top:.5rem;font-size:2rem;letter-spacing:-.02em;color:#0f172a}.storefront-hero__card-label{font-size:.8125rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.storefront-hero__card-trend{display:block;margin-top:.375rem;font-size:.875rem;color:#059669;font-weight:600}.storefront-hero__card--primary{top:12%;left:8%;width:58%;z-index:2}.storefront-hero__card--secondary{bottom:8%;right:4%;width:52%;z-index:3}.checkout-app--storefront .checkout-dev-panel{max-width:76rem;margin:0 auto 2rem}