.XNfH6q_page{--ink:#101112;--panel:#17181a;--muted:#f4f4f0a3;--faint:#f4f4f080;--line:#ffffff1f;--mark:#fff;background:var(--ink);color:#f4f4f0;min-height:100vh;overflow-x:clip}.XNfH6q_page ::selection{background:var(--mark);color:var(--ink)}.XNfH6q_page :is(a,button,summary):focus-visible{outline:2px solid var(--mark);outline-offset:4px}.XNfH6q_page h2{color:#fff;letter-spacing:-.05em;text-wrap:balance;font-size:clamp(36px,4.6vw,60px);font-weight:600;line-height:1}.XNfH6q_hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:72px;max-width:1180px;margin:0 auto;padding:128px 48px 72px;display:grid}.XNfH6q_toolName{color:#ffffffd1;border-radius:999px;padding:7px 15px;font-size:15px;font-weight:500;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff2e}.XNfH6q_hero h1{color:#fff;letter-spacing:-.06em;text-wrap:balance;margin-top:20px;font-size:clamp(52px,6.4vw,96px);font-weight:600;line-height:.92}.XNfH6q_lede{max-width:540px;color:var(--muted);text-wrap:pretty;margin-top:24px;font-size:19px;line-height:1.55}.XNfH6q_actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.XNfH6q_primary,.XNfH6q_secondary{border-radius:999px;justify-content:center;align-items:center;min-height:56px;padding:0 30px;font-size:16px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.XNfH6q_primary{background:var(--mark);color:var(--ink)}.XNfH6q_primary:hover{background:#e8e9e4}.XNfH6q_secondary{color:#fff;box-shadow:inset 0 0 0 1px #ffffff3d}.XNfH6q_secondary:hover{box-shadow:inset 0 0 0 1px #fff}.XNfH6q_fineprint{color:var(--faint);margin-top:16px;font-size:13px}.XNfH6q_heroExample{justify-self:center;width:min(100%,400px)}.XNfH6q_film{position:relative}.XNfH6q_reference{z-index:3;pointer-events:none;justify-items:end;gap:6px;width:27%;min-width:78px;display:grid;position:absolute;top:52px;right:12px}.XNfH6q_reference img{aspect-ratio:3/4;object-fit:cover;border-radius:12px;width:100%;box-shadow:0 0 0 2px #ffffffe6,0 10px 30px #00000073}.XNfH6q_reference span{color:#fff;letter-spacing:.02em;text-shadow:0 1px 6px #000000b3;font-size:11px;font-weight:600}.XNfH6q_facts{max-width:1180px;margin:0 auto;padding:24px 48px 40px}.XNfH6q_facts dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;display:grid}.XNfH6q_facts div{border-top:1px solid var(--line);padding-top:18px}.XNfH6q_facts dt{color:#fff;font-size:15px;font-weight:600}.XNfH6q_facts dd{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6}.XNfH6q_examples{max-width:1180px;margin:0 auto;padding:96px 48px 48px}.XNfH6q_intro{max-width:560px;color:var(--muted);margin-top:18px;font-size:17px;line-height:1.6}.XNfH6q_exampleGrid{grid-template-columns:repeat(2,minmax(0,360px));gap:40px;margin-top:44px;display:grid}.XNfH6q_example>figcaption{gap:6px;margin-top:14px;display:grid}.XNfH6q_example>figcaption>strong{color:#fff;font-size:17px;font-weight:600}.XNfH6q_example>figcaption>span{color:var(--faint);font-size:14px;line-height:1.55}.XNfH6q_steps{max-width:1180px;margin:0 auto;padding:96px 48px}.XNfH6q_steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:44px 0 0;padding:0;list-style:none;display:grid}.XNfH6q_steps li{border-top:1px solid var(--line);padding-top:22px;scroll-margin-top:110px}.XNfH6q_stepNumber{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff4d}.XNfH6q_steps h3{color:#fff;letter-spacing:-.02em;margin-top:20px;font-size:20px;font-weight:600}.XNfH6q_steps p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.65}.XNfH6q_faq{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:64px;max-width:1180px;margin:0 auto;padding:96px 48px;display:grid}.XNfH6q_faq details{border-top:1px solid var(--line);padding:22px 0}.XNfH6q_faq details:last-child{border-bottom:1px solid var(--line)}.XNfH6q_faq summary{color:#fff;cursor:pointer;justify-content:space-between;gap:16px;font-size:18px;font-weight:500;line-height:1.45;list-style:none;display:flex}.XNfH6q_faq summary::-webkit-details-marker{display:none}.XNfH6q_faq summary:after{content:"+";color:var(--faint);flex:none;font-size:22px;line-height:1.1}.XNfH6q_faq details[open] summary:after{content:"–"}.XNfH6q_faq details p{max-width:640px;color:var(--muted);margin-top:12px;font-size:15px;line-height:1.7}.XNfH6q_final{text-align:center;padding:112px 24px}.XNfH6q_final .XNfH6q_actions{justify-content:center}@media (max-width:1100px){.XNfH6q_hero{gap:48px;padding-inline:32px}.XNfH6q_facts,.XNfH6q_examples,.XNfH6q_steps,.XNfH6q_faq{padding-inline:32px}.XNfH6q_facts dl{grid-template-columns:repeat(3,minmax(0,1fr))}.XNfH6q_faq{grid-template-columns:1fr;gap:32px}}@media (max-width:760px){.XNfH6q_hero{grid-template-columns:1fr;gap:40px;padding:104px 20px 40px}.XNfH6q_hero h1{font-size:clamp(46px,13vw,64px)}.XNfH6q_lede{margin-top:20px;font-size:17px}.XNfH6q_actions{flex-direction:column;align-items:stretch;margin-top:28px}.XNfH6q_heroExample{width:min(100%,340px)}.XNfH6q_facts{padding:16px 20px 24px}.XNfH6q_facts dl{grid-template-columns:1fr 1fr;gap:20px 16px}.XNfH6q_examples{padding:72px 20px 24px}.XNfH6q_exampleGrid{grid-template-columns:1fr;justify-items:center;gap:40px;margin-top:32px}.XNfH6q_example{width:min(100%,340px)}.XNfH6q_steps{padding:72px 20px}.XNfH6q_steps ol{grid-template-columns:1fr;gap:24px;margin-top:32px}.XNfH6q_faq{padding:72px 20px}.XNfH6q_faq summary{font-size:16px}.XNfH6q_final{padding:88px 20px}}
