.demos-page__hero{padding:clamp(2.25rem,5vh,3.5rem) 0 clamp(2rem,4vh,3rem);background:var(--background,#0a0f18);color-scheme:dark;border-bottom:1px solid var(--divider,color-mix(in srgb,#ffffff 9%,transparent))}.demos-page__hero--navy{background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,#38bdf8 14%,transparent),transparent 55%),linear-gradient(145deg,#0b1f3a,#132d52);color:#fff;border-bottom-color:color-mix(in srgb,#fff 12%,transparent)}.demos-page__hero .overline{color:var(--text-tertiary,#a1a1aa)}.demos-page__hero--navy .overline{color:color-mix(in srgb,#fff 62%,transparent)}.demos-page__hero--navy .overline:before{background:color-mix(in srgb,#38bdf8 70%,#fff)}.demos-page__hero .btn-secondary{border-color:var(--border-strong,color-mix(in srgb,#ffffff 17%,transparent));background:var(--btn-secondary-bg,#161d29);color:var(--text-primary,#f4f4f5)}.demos-page__hero .btn-secondary:hover{background:#f4f4f5;border-color:#a3a3a3}.demos-page__hero--navy .btn-secondary{border-color:color-mix(in srgb,#fff 28%,transparent);background:transparent;color:#fff}.demos-page__hero--navy .btn-secondary:hover{background:color-mix(in srgb,#fff 10%,transparent);border-color:color-mix(in srgb,#fff 45%,transparent)}.demos-page__hero-inner{max-width:42rem}.demos-page__hero-title{margin:.75rem 0 0;font-family:var(--font-display),var(--font-inter),system-ui,sans-serif;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--text-primary,#f4f4f5);text-wrap:balance}.demos-page__hero--navy .demos-page__hero-title{color:#fff}.demos-page__hero-body{margin:1rem 0 0;font-size:clamp(1rem,1.5vw,1.0625rem);line-height:1.65;color:var(--text-secondary,#d4d4d8);max-width:38rem}.demos-page__hero--navy .demos-page__hero-body{color:color-mix(in srgb,#fff 80%,transparent)}.demos-page__hero-actions{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem}.demos-page__hero-trust{margin:1.25rem 0 0;font-size:.875rem;line-height:1.55;color:var(--text-tertiary,#a1a1aa);max-width:32rem}.demos-page__hero--navy .demos-page__hero-trust{color:color-mix(in srgb,#fff 55%,transparent)}.demos-page__cards{padding:clamp(3.5rem,8vh,6rem) 0;background:var(--surface-muted,#0e141e);color:var(--text-primary,#f4f4f5);color-scheme:dark;border-bottom:1px solid var(--divider,color-mix(in srgb,#ffffff 9%,transparent));scroll-margin-top:4.5rem}.demos-page__cards-grid{display:grid;gap:1.25rem}@media (min-width:768px){.demos-page__cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.demos-card--third{grid-column:1/-1;max-width:22rem;margin-left:auto;margin-right:auto;width:100%}}@media (min-width:1024px){.demos-page__cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;align-items:stretch}.demos-card--third{grid-column:auto;max-width:none;margin-left:0;margin-right:0}}.demos-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--border,color-mix(in srgb,#ffffff 9%,transparent));border-radius:.875rem;background:var(--surface-elevated,#161d29);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}@media (hover:hover){.demos-card:hover{border-color:color-mix(in srgb,#fff 22%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.35);transform:translateY(-2px)}}.demos-card:focus-within{border-color:color-mix(in srgb,#38bdf8 45%,transparent);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.demos-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding:1.35rem 1.35rem 0}@media (min-width:768px){.demos-card__body{padding:1.5rem 1.5rem 0}}.demos-card__preview{margin:1.25rem 0 0;overflow:hidden;border-radius:.75rem;border:none;background:transparent;aspect-ratio:4/3}.demos-card__preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.demos-card__title{margin:0;font-size:clamp(1.5rem,2.4vw,1.875rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary,#f4f4f5)}.demos-card__summary{margin:.75rem 0 0;font-size:.9375rem;font-weight:600;line-height:1.45;color:var(--text-secondary,#d4d4d8)}.demos-card__actions{margin-top:auto;padding:1.15rem 1.35rem 1.35rem}@media (min-width:768px){.demos-card__actions{padding:1.25rem 1.5rem 1.5rem}}.demos-card__cta{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.25rem;font-size:.9375rem;text-align:center}.demos-card__cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.demos-card__cta--disabled{cursor:not-allowed;opacity:.75}.demos-card__updating-banner{margin:0;padding:.6rem 1rem;border-bottom:1px solid var(--border,color-mix(in srgb,#ffffff 9%,transparent));border-radius:.875rem .875rem 0 0;background:color-mix(in srgb,#a1a1aa 18%,transparent);font-size:.8125rem;font-weight:600;text-align:center;color:var(--text-secondary,#d4d4d8)}.demos-card--updating .demos-card__actions,.demos-card--updating .demos-card__body{opacity:.55;filter:grayscale(1)}@media (hover:hover){.demos-card--updating:hover{border-color:var(--border,color-mix(in srgb,#ffffff 9%,transparent));box-shadow:none;transform:none}}.demos-card__sandbox-note{margin:.65rem 0 0;font-size:.75rem;line-height:1.45;text-align:center;color:var(--text-tertiary,#a1a1aa)}.demos-page__cards .text-theme-secondary,.demos-page__cards .text-theme-tertiary{color:var(--text-secondary,#d4d4d8)!important}.demos-page__cards .text-theme-tertiary{color:var(--text-tertiary,#a1a1aa)!important}.demos-page__cards .btn-secondary{border-color:var(--border-strong,color-mix(in srgb,#ffffff 17%,transparent));background:var(--btn-secondary-bg,#161d29);color:var(--text-primary,#f4f4f5)}.demos-page__cards .btn-secondary:hover{background:color-mix(in srgb,#fff 8%,transparent)}.demos-page__section{padding:clamp(2.75rem,6vh,4rem) 0;color-scheme:dark}.demos-page__section--muted{background:var(--surface-muted,#0e141e);border-bottom:1px solid var(--divider,color-mix(in srgb,#ffffff 9%,transparent))}.demos-page__section--chrome,.demos-page__section--muted{border-top:1px solid var(--divider,color-mix(in srgb,#ffffff 9%,transparent))}.demos-page__section--chrome{background:var(--background,#0a0f18)}.demos-page__section--merchant{background:var(--brand-surface);color:#fff;color-scheme:dark}.demos-page__section-header{max-width:42rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.demos-page__section-header--center{margin-left:auto;margin-right:auto;text-align:center}.demos-page__section-title{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--text-primary,#f4f4f5);text-wrap:balance}.demos-page__merchant-title,.demos-page__section--merchant .demos-page__section-title{color:#fff}.demos-page__section-lead{margin:.85rem 0 0;font-size:1rem;line-height:1.65;color:var(--text-secondary,#d4d4d8)}.demos-page__screen-title{margin:.75rem 0 0;font-family:var(--font-display),var(--font-inter),system-ui,sans-serif;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:var(--text-primary,#f4f4f5);text-wrap:balance;white-space:pre-line}.demos-page__cards .demos-page__section-header{margin-bottom:clamp(2rem,4vw,3rem)}.demos-page__cards .overline,.demos-page__proof .overline{color:var(--text-tertiary,#a1a1aa)}.demos-page__proof{padding:clamp(3.5rem,8vh,6rem) 0;background:radial-gradient(90% 70% at 0 100%,color-mix(in srgb,#38bdf8 10%,transparent),transparent 60%),var(--background,#0a0f18);color:var(--text-primary,#f4f4f5);color-scheme:dark;border-bottom:1px solid var(--divider,color-mix(in srgb,#ffffff 9%,transparent))}.demos-page__proof-grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center}@media (min-width:1024px){.demos-page__proof-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,6vw,6rem)}}.demos-page__proof-intro{max-width:30rem}.demos-page__proof-list{margin:0;padding:0;list-style:none}.demos-page__proof-item{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;padding:1.35rem 0;border-top:1px solid color-mix(in srgb,#fff 10%,transparent)}.demos-page__proof-item:last-child{border-bottom:1px solid color-mix(in srgb,#fff 10%,transparent)}.demos-page__proof-number{padding-top:.2rem;font-family:var(--font-display),var(--font-inter),system-ui,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.08em;color:var(--accent-cyan,#38bdf8)}.demos-page__proof-title{margin:0;font-size:clamp(1.125rem,1.8vw,1.3125rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--text-primary,#f4f4f5)}.demos-page__proof-body{margin:.4rem 0 0;font-size:1rem;line-height:1.6;color:var(--text-secondary,#d4d4d8)}.demos-page__section--merchant{padding:clamp(3.5rem,8vh,6rem) 0}.demos-page__section--merchant .overline{color:color-mix(in srgb,#fff 62%,transparent)}.demos-page__merchant-inner{max-width:60rem;margin:0 auto;text-align:center}.demos-page__merchant-title{margin:.75rem 0 0;font-family:var(--font-display),var(--font-inter),system-ui,sans-serif;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:#fff;text-wrap:balance}.demos-page__merchant-body{margin:1.1rem auto 0;max-width:36rem;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.65;color:rgba(255,255,255,.82)}.demos-page__merchant-steps{margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid;gap:1rem;text-align:left}@media (min-width:768px){.demos-page__merchant-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.demos-page__merchant-step{padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.demos-page__merchant-step-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.875rem;font-weight:700;color:#fff}.demos-page__merchant-step-title{margin:1rem 0 0;font-size:1.125rem;font-weight:700;letter-spacing:-.015em;color:#fff}.demos-page__merchant-step-body{margin:.4rem 0 0;font-size:.9375rem;line-height:1.55;color:rgba(255,255,255,.75)}.demos-page__merchant-actions{margin-top:clamp(2rem,4vw,2.75rem);display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.demos-page__section--merchant .btn-primary{background:#fff;color:#0b1f3a}.demos-page__section--merchant .btn-primary:hover{background:#f4f4f5}.demos-page__section--merchant .btn-secondary{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}.demos-page__section--merchant .btn-secondary:hover{background:rgba(255,255,255,.08)}