.ExampleDetail_page__1wLDl{--ink:#1c1920;--ink-soft:#514c56;--muted:#6e6873;--line:#e2dee5;--line-strong:#d2cdd6;--paper:#faf9f7;--surface:#ffffff;--soft:#f4f1f6;--lavender:#f0eef8;--violet:#6558d9;--violet-dark:#4d42bd;--violet-soft:#ebe8ff;--shadow-sm:0 1px 2px rgba(30,25,35,0.04),0 5px 16px rgba(30,25,35,0.04);--shadow-md:0 18px 50px rgba(39,31,48,0.1);--shadow-lg:0 34px 90px rgba(39,31,48,0.14);--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--content:1160px;--focus:0 0 0 3px rgba(101,88,217,0.32);overflow:hidden;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.ExampleDetail_page__1wLDl *,.ExampleDetail_page__1wLDl :after,.ExampleDetail_page__1wLDl :before{box-sizing:border-box}.ExampleDetail_container__Umx8t{width:min(100% - 40px,var(--content));margin:0 auto}.ExampleDetail_visuallyHidden__pH6pd{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ExampleDetail_intro___ZR3v{padding:clamp(48px,6vw,76px) 0 clamp(34px,4vw,52px);background:var(--paper)}.ExampleDetail_backLink___FOw_{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-bottom:14px;font-size:.9rem;font-weight:700;text-decoration:none;color:var(--muted);border-radius:10px;transition:color .17s ease}.ExampleDetail_backLink___FOw_:hover{color:var(--ink)}.ExampleDetail_backLink___FOw_:focus-visible{outline:none;box-shadow:var(--focus)}.ExampleDetail_category__f1P52{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:.74rem;font-weight:760;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--example-accent,#6558d9) 68%,var(--ink) 32%);background:color-mix(in srgb,var(--example-accent,#6558d9) 11%,transparent);border:1px solid color-mix(in srgb,var(--example-accent,#6558d9) 22%,transparent);margin:0 0 14px 10px}.ExampleDetail_heading__ggc3L{margin:0 0 16px;font-size:clamp(2.4rem,1.7rem + 2.8vw,4.2rem);font-weight:780;letter-spacing:-.06em;line-height:1}.ExampleDetail_lead__27Ef9{margin:0;max-width:58ch;font-size:clamp(1.05rem,.97rem + .4vw,1.25rem);line-height:1.65;color:var(--ink-soft)}.ExampleDetail_disclosure__h5BYI{margin:16px 0 0;max-width:64ch;font-size:.88rem;font-weight:620;color:var(--muted)}.ExampleDetail_actionRow__151Vb{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px}.ExampleDetail_actionRowCenter__u9RZ_{justify-content:center}.ExampleDetail_primaryButton__IiURW{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 19px;font-size:.94rem;font-weight:700;text-decoration:none;color:#ffffff;background:#292330;border:1px solid transparent;border-radius:13px;box-shadow:0 8px 22px rgba(36,29,44,.15);transition:background-color .17s ease,transform .17s ease,box-shadow .18s ease}.ExampleDetail_primaryButton__IiURW:hover{background:var(--violet-dark);transform:translateY(-2px)}.ExampleDetail_primaryButton__IiURW:focus-visible{outline:none;box-shadow:var(--focus)}.ExampleDetail_textLink__R82q6{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:.94rem;font-weight:700;text-decoration:none;color:var(--violet-dark);border-radius:10px;transition:color .17s ease}.ExampleDetail_textLink__R82q6:hover{color:var(--violet)}.ExampleDetail_textLink__R82q6:hover .ExampleDetail_buttonIcon__nQSaL{transform:translateX(3px)}.ExampleDetail_textLink__R82q6:focus-visible{outline:none;box-shadow:var(--focus)}.ExampleDetail_buttonIcon__nQSaL{width:17px;height:17px;transition:transform .17s ease}.ExampleDetail_previewSection__dCPMr{padding:clamp(20px,3vw,36px) 0 clamp(64px,8vw,104px);border-bottom:1px solid var(--line);background:var(--paper)}.ExampleDetail_deviceSwitch__Hae4W{position:relative}.ExampleDetail_deviceInput__tVlY3{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ExampleDetail_deviceLabels__DpfTc{display:inline-flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--soft);border:1px solid var(--line);border-radius:999px}.ExampleDetail_deviceLabels__DpfTc label{display:inline-flex;align-items:center;min-height:40px;padding:0 20px;border-radius:999px;font-size:.9rem;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:background-color .17s ease,color .17s ease,box-shadow .18s ease}.ExampleDetail_deviceLabels__DpfTc label:hover{color:var(--ink)}.ExampleDetail_deviceInputDesktop__X6lhA:checked~.ExampleDetail_deviceLabels__DpfTc .ExampleDetail_deviceLabelDesktop__CCM_V,.ExampleDetail_deviceInputMobile__JWLkk:checked~.ExampleDetail_deviceLabels__DpfTc .ExampleDetail_deviceLabelMobile__DK4Jm{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.ExampleDetail_deviceInputDesktop__X6lhA:focus-visible~.ExampleDetail_deviceLabels__DpfTc .ExampleDetail_deviceLabelDesktop__CCM_V,.ExampleDetail_deviceInputMobile__JWLkk:focus-visible~.ExampleDetail_deviceLabels__DpfTc .ExampleDetail_deviceLabelMobile__DK4Jm{box-shadow:var(--focus)}.ExampleDetail_devicePane__Dy1Nq{display:none}.ExampleDetail_deviceInputDesktop__X6lhA:checked~.ExampleDetail_devicePanes__cIRh9 .ExampleDetail_devicePaneDesktop__aaXUD,.ExampleDetail_deviceInputMobile__JWLkk:checked~.ExampleDetail_devicePanes__cIRh9 .ExampleDetail_devicePaneMobile__ZNlSH{display:block}.ExampleDetail_devicePaneMobile__ZNlSH .ExampleDetail_siteFrame__jtsRQ{width:min(66vw,340px);margin:0 auto}.ExampleDetail_siteFrame__jtsRQ{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg)}.ExampleDetail_mobileFrame__uCP4C{border-radius:26px;border-color:var(--line-strong)}.ExampleDetail_mobileFrame__uCP4C .ExampleDetail_frameBar__tz9ak{display:none}.ExampleDetail_frameBar__tz9ak{display:flex;align-items:center;gap:5px;height:26px;padding:0 12px;background:linear-gradient(#fbfafc,#f4f2f7);border-bottom:1px solid var(--line)}.ExampleDetail_frameDot__En_Lp{width:7px;height:7px;border-radius:50%;background:#d8d3de}.ExampleDetail_frameViewport__C_hhB{position:relative;aspect-ratio:390/844;overflow:hidden}.ExampleDetail_frameViewportTall__XsyUp,.ExampleDetail_frameViewport__C_hhB{display:block;background:var(--soft)}.ExampleDetail_frameImage__bSA1_{display:block;width:100%;height:auto}.ExampleDetail_pagesSection__3OzSl{padding:clamp(64px,8vw,104px) 0;border-bottom:1px solid var(--line);background:var(--surface)}.ExampleDetail_pagesIntro__P9TlL{max-width:730px;margin:0 auto clamp(30px,4vw,44px);text-align:center}.ExampleDetail_kicker__3mdc7{margin:0 0 14px;font-size:.78rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:var(--violet-dark)}.ExampleDetail_sectionHeading___0EtA{margin:0 0 18px;font-size:clamp(2rem,1.45rem + 2vw,3.25rem);font-weight:760;letter-spacing:-.045em;line-height:1.07}.ExampleDetail_sectionLead__kzlD4{margin:0 auto;max-width:56ch;font-size:clamp(1rem,.96rem + .22vw,1.13rem);line-height:1.7;color:var(--ink-soft)}.ExampleDetail_pageChips__GJe4_{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.ExampleDetail_pageChip__MIyZ_{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 16px 8px 10px;border-radius:999px;font-size:.92rem;font-weight:680;color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.ExampleDetail_pageChipIndex__EpqCZ{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:.76rem;font-weight:760;color:color-mix(in srgb,var(--example-accent,#6558d9) 74%,var(--ink) 26%);background:color-mix(in srgb,var(--example-accent,#6558d9) 12%,transparent)}.ExampleDetail_secondaryPreview__2zDJW{max-width:880px;margin:clamp(34px,5vw,52px) auto 0}.ExampleDetail_secondaryPreview__2zDJW .ExampleDetail_siteFrame__jtsRQ{box-shadow:var(--shadow-md)}.ExampleDetail_cta__GB460{padding:clamp(74px,9vw,120px) 0;background:var(--paper)}.ExampleDetail_ctaCard__rSjRV{max-width:860px;margin:0 auto;padding:clamp(36px,5vw,60px);text-align:center;background:linear-gradient(150deg,var(--lavender),var(--violet-soft));border:1px solid color-mix(in srgb,var(--violet) 22%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.ExampleDetail_ctaHeading__5DKjh{margin:0 0 16px;font-size:clamp(1.9rem,1.4rem + 1.9vw,3rem);font-weight:760;letter-spacing:-.045em;line-height:1.08}.ExampleDetail_ctaLead___ZQgM{margin:0 auto;max-width:46ch;font-size:clamp(1rem,.96rem + .22vw,1.13rem);line-height:1.7;color:var(--ink-soft)}@media (max-width:640px){.ExampleDetail_actionRow__151Vb{align-items:stretch}.ExampleDetail_primaryButton__IiURW{width:100%}.ExampleDetail_devicePaneMobile__ZNlSH .ExampleDetail_siteFrame__jtsRQ{width:min(78vw,320px)}}@media (max-width:390px){.ExampleDetail_deviceLabels__DpfTc label{padding:0 14px}}@media (prefers-reduced-motion:reduce){.ExampleDetail_page__1wLDl *,.ExampleDetail_page__1wLDl :after,.ExampleDetail_page__1wLDl :before{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (forced-colors:active){.ExampleDetail_ctaCard__rSjRV,.ExampleDetail_deviceLabels__DpfTc,.ExampleDetail_pageChip__MIyZ_,.ExampleDetail_siteFrame__jtsRQ{border:1px solid CanvasText}}