.stripe-integration-page{background:var(--mc-cream);min-height:100dvh;position:relative}.stripe-integration-page main{width:100%}.stripe-integration-page :is(a,summary,button):focus-visible{outline:2px solid var(--mc-purple);outline-offset:5px}.stripe-integration-page :is(#how-it-works,#try-a-workflow,#stripe-prompts,#stripe-integrations){scroll-margin-top:96px}.stripe-integration-page .si-hero-grid{grid-template-columns:1.08fr 1fr;align-items:center;gap:clamp(32px,4vw,64px);display:grid}.stripe-integration-page .si-hero-copy{min-width:0}.stripe-integration-page .si-hero-copy .mc-hero-title{max-width:none;font-size:clamp(2.6rem,4.25vw,4.1rem)}.stripe-integration-page .si-hero-copy .mc-hero-sub{max-width:none}.stripe-integration-page .si-hero-copy .mc-hero-ctas{flex-wrap:wrap;margin-top:30px}.stripe-integration-page .si-hero-art{min-width:0}.stripe-integration-page .si-hero-art img{border-radius:22px;width:100%;height:auto;display:block}.stripe-integration-page .mc-divider-wrap{padding-top:48px;padding-bottom:56px}.stripe-integration-page .si-section-title{text-align:center;margin-bottom:48px}.stripe-integration-page .si-benefits-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.stripe-integration-page .si-benefits-art{aspect-ratio:8/7;background:#f3f0ed;border-radius:24px;width:100%;position:relative;overflow:hidden}.stripe-integration-page .si-logo-tile{aspect-ratio:1;background:#fff;border:1px solid #0000000f;border-radius:14%;place-items:center;width:36%;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 16px 28px -16px #1f293747,0 4px 10px #1f29370f}.stripe-integration-page .si-logo-tile-spiritt{z-index:1;transform:translate(-94%,-50%)rotate(-8deg)}.stripe-integration-page .si-logo-tile-stripe{z-index:2;transform:translate(-6%,-50%)rotate(8deg)}.stripe-integration-page .si-logo-mark{z-index:1;object-fit:contain;width:46%;height:auto;display:block;position:relative}.stripe-integration-page .si-logo-tile-stripe .si-logo-mark{width:36%}.stripe-integration-page .si-benefits-list{flex-direction:column;gap:30px;margin:0;padding:0;list-style:none;display:flex}.stripe-integration-page .si-benefits-list li{align-items:flex-start;gap:18px;display:flex}.stripe-integration-page .si-benefit-check{color:#65546e;background:#7b16af0d;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;margin-top:1px;display:grid}.stripe-integration-page .si-benefit-text{margin:0;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.6}.stripe-integration-page .si-app-carousel{padding:96px 0}.stripe-integration-page .si-app-carousel-head{margin-bottom:34px;padding:0 10%}.stripe-integration-page .si-app-carousel-head .mc-h2{margin:0}.stripe-integration-page .si-app-window{width:100%;max-width:1920px;margin:0 auto;padding:8px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 clamp(24px,6vw,96px) calc(100% - clamp(24px,6vw,96px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 clamp(24px,6vw,96px) calc(100% - clamp(24px,6vw,96px)),#0000)}.stripe-integration-page .si-app-track{width:max-content;animation:58s linear -8s infinite stripe-prompts-scroll;display:flex}.stripe-integration-page .si-app-group{flex-shrink:0;gap:12px;padding-right:12px;display:flex}.stripe-integration-page .si-app-group>.si-app-item{flex:0 0 clamp(280px,26vw,376px);width:clamp(280px,26vw,376px)}.stripe-integration-page .si-app-window:focus-within .si-app-track{animation-play-state:paused}.stripe-integration-page .si-app-window:has(.si-app-connect:focus-visible){scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.stripe-integration-page .si-app-window:has(.si-app-connect:focus-visible) .si-app-track{animation:none}.stripe-integration-page .si-app-window:has(.si-app-connect:focus-visible) .si-app-group[aria-hidden=true]{display:none}.stripe-integration-page .si-app-item{color:#1f2937;background:#fff;border:1px solid #0000001a;border-radius:14px;flex-direction:column;min-width:0;padding:16px;display:flex;position:relative;overflow:hidden}.stripe-integration-page .si-app-glow{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom right,#000 0% 42%,#0000 72%);mask-image:linear-gradient(to bottom right,#000 0% 42%,#0000 72%)}.stripe-integration-page .si-app-glow img{object-fit:contain;opacity:.35;filter:blur(24px)saturate(2);width:176px;height:176px;position:absolute;top:-40px;left:-32px;transform:rotate(12deg)scale(1.25)}.stripe-integration-page .si-app-header{z-index:1;align-items:flex-start;gap:12px;display:flex;position:relative}.stripe-integration-page .si-app-mark{background:#fff;border:1px solid #0000001a;border-radius:14px;flex:0 0 44px;justify-content:center;align-items:center;height:44px;display:flex}.stripe-integration-page .si-app-mark img{object-fit:contain}.stripe-integration-page .si-app-header h3{min-width:0;font-family:var(--mc-body-font);margin:0;font-size:14px;font-weight:600;line-height:20px}.stripe-integration-page .si-app-description{z-index:1;color:#6b7280;white-space:nowrap;flex:1;margin:12px 0 0;font-size:12px;line-height:20px;position:relative}.stripe-integration-page .si-app-connect{z-index:1;color:#1f2937;background:#fff;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;width:100%;height:28px;margin-top:16px;padding:0 10px;font-size:12.8px;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.stripe-integration-page .si-app-connect:hover{background:#f3f4f6}.stripe-integration-page .si-app-connect:focus-visible{border-color:#7b16af66;outline:none;box-shadow:0 0 0 3px #7b16af33}.stripe-integration-page .mc-cta-band .mc-hero-ctas{margin-top:28px}.stripe-integration-page .si-hiw-section{padding:120px 24px 72px}.stripe-integration-page .si-hiw-step-1 .mc-hiw-copy{order:2}.stripe-integration-page .si-hiw-step-1 .mc-hiw-visual{order:1}.stripe-integration-page .si-setup-art img{border-radius:16px;width:100%;height:auto;display:block}.stripe-integration-page .si-prompt-gallery{padding-top:80px}.stripe-integration-page .si-prompt-gallery-head{text-align:center;margin:0 auto 40px;padding:0 10%}.stripe-integration-page .si-prompt-gallery-head .mc-h2{margin-top:8px;font-size:clamp(2rem,4vw,3.2rem)}.stripe-integration-page .si-prompt-row{width:100%;max-width:1920px;margin:0 auto;padding:8px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.stripe-integration-page .si-prompt-row+.si-prompt-row{margin-top:4px}.stripe-integration-page .si-prompt-track{width:max-content;animation:64s linear infinite stripe-prompts-scroll;display:flex}.stripe-integration-page .si-prompt-track-reverse{animation-duration:76s;animation-direction:reverse;animation-delay:-12s}.stripe-integration-page .si-prompt-group{flex-shrink:0;gap:20px;padding-right:20px;display:flex}.stripe-integration-page .si-prompt-card{width:360px;min-height:214px;font-family:var(--mc-body-font);color:var(--mc-ink);text-align:left;cursor:pointer;background:#fffdf8;border:1px solid #e1d9ce;border-radius:14px;flex-direction:column;flex:0 0 360px;padding:27px;transition:border-color .16s,background-color .16s;display:flex}.stripe-integration-page .si-prompt-card:hover{background:#faf5ff;border-color:#aa85c1}.stripe-integration-page .si-prompt-card-top{color:#8a7c70;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:22px;display:flex}.stripe-integration-page .si-prompt-card-brand{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.64rem;display:flex}.stripe-integration-page .si-prompt-card-copy{font-size:1.23rem;font-weight:500;line-height:1.45}.stripe-integration-page .si-prompt-wall:focus-within .si-prompt-track{animation-play-state:paused}.stripe-integration-page .si-prompt-hint{text-align:center;color:var(--mc-ink-faint);margin:24px 20px 0;font-size:.82rem;line-height:1.6}.stripe-integration-page .si-prompt-section{max-width:1400px;margin:0 auto;padding:0 10% 80px}.stripe-integration-page .si-prompt-wall:has(.si-prompt-card:focus-visible) .si-prompt-row{scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.stripe-integration-page .si-prompt-wall:has(.si-prompt-card:focus-visible) .si-prompt-track{animation:none}.stripe-integration-page .si-prompt-wall:has(.si-prompt-card:focus-visible) .si-prompt-group[aria-hidden=true]{display:none}@keyframes stripe-prompts-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (hover:hover){.stripe-integration-page .si-prompt-row:hover .si-prompt-track,.stripe-integration-page .si-app-window:hover .si-app-track{animation-play-state:paused}}@media (max-width:1000px){.stripe-integration-page .mc-hiw-row{grid-template-columns:1fr;gap:40px}.stripe-integration-page .si-hiw-step-1 .mc-hiw-copy,.stripe-integration-page .si-hiw-step-1 .mc-hiw-visual{order:0}.stripe-integration-page .si-setup-art{width:100%;max-width:640px;margin:0 auto}}@media (max-width:900px){.stripe-integration-page .si-app-carousel-head{padding:0 16px}.stripe-integration-page .si-hero-grid,.stripe-integration-page .si-benefits-grid{grid-template-columns:1fr;gap:40px}.stripe-integration-page .si-hero-copy .mc-hero-title{font-size:clamp(2.6rem,6vw,4.1rem)}.stripe-integration-page .si-hero-art{width:100%;max-width:640px;margin:0 auto}}@media (max-width:640px){.stripe-integration-page .si-hiw-section{padding:80px 16px 40px}.stripe-integration-page .si-hero-art img{border-radius:16px}.stripe-integration-page .si-prompt-gallery{padding-top:56px}.stripe-integration-page .si-prompt-gallery-head{padding:0 20px}.stripe-integration-page .si-prompt-row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.stripe-integration-page .si-prompt-group{gap:14px;padding-right:14px}.stripe-integration-page .si-prompt-card{flex-basis:280px;width:280px;min-height:200px;padding:22px}.stripe-integration-page .si-prompt-card-copy{font-size:1.1rem}.stripe-integration-page .si-prompt-section{padding:0 16px 56px}}@media (prefers-reduced-motion:reduce){.stripe-integration-page .si-app-track{animation:none}.stripe-integration-page .si-app-window{scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.stripe-integration-page .si-app-group[aria-hidden=true]{display:none}.stripe-integration-page .si-prompt-track{animation:none}.stripe-integration-page .si-prompt-row{scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.stripe-integration-page .si-prompt-group[aria-hidden=true]{display:none}.stripe-integration-page .si-prompt-card{transition:none}}
