.iphoneKupi-guide{max-width:1280px;margin:0 auto;padding:80px 32px 64px}.iphoneKupi-guide-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;margin-bottom:88px;display:grid}.iphoneKupi-guide-copy{grid-area:1/2;min-width:0}.iphoneKupi-guide-section-reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.iphoneKupi-guide-section-reverse .iphoneKupi-guide-copy{grid-column:1}.iphoneKupi-guide-example{grid-area:1/1;width:min(100%,320px);min-width:0;margin:0 auto}.iphoneKupi-guide-section-reverse .iphoneKupi-guide-example{grid-column:2}.iphoneKupi-guide-player{aspect-ratio:9/16;background:#100c09;border-radius:16px;width:100%;overflow:hidden}.iphoneKupi-guide-player video{object-fit:contain;width:100%;height:100%;display:block}.iphoneKupi-guide-example figcaption{color:var(--muted-foreground);margin-top:14px;font-size:14px;line-height:1.6}.iphoneKupi-guide-example figcaption p{margin:0 0 6px}.iphoneKupi-guide-example figcaption a{text-underline-offset:4px;min-height:44px;padding:8px 0;text-decoration:underline;display:inline-block}.iphoneKupi-media-fallback{color:#fff;text-align:center;justify-content:center;align-items:center;min-height:100%;padding:24px;text-decoration:underline;display:flex}.iphoneKupi-guide h2{letter-spacing:-.025em;font-size:clamp(24px,2.5vw,34px);font-weight:600;line-height:1.25}.iphoneKupi-guide-copy h2{margin-bottom:24px}.iphoneKupi-guide-copy p{margin-bottom:22px;font-size:17px;line-height:1.8}.iphoneKupi-studio-example{width:min(100%,270px)}[data-iphone-kupi-page] :is(a,button,input):focus-visible{outline:3px solid var(--ring);outline-offset:4px}@media (width<=767px){.iphoneKupi-guide{padding:64px 20px}.iphoneKupi-guide-section{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:56px}.iphoneKupi-guide-copy,.iphoneKupi-guide-section-reverse .iphoneKupi-guide-copy{grid-area:1/1}.iphoneKupi-guide-example,.iphoneKupi-guide-section-reverse .iphoneKupi-guide-example{grid-area:2/1}}