*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:#303236;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bc5b80;outline-offset:5px}.skip{position:absolute;top:-80px;left:16px;background:#fff;padding:12px;z-index:10}.skip:focus{top:16px}.hero{text-align:center;padding:78px 24px 46px;max-width:1080px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#84848a}.mark{font-size:21px;color:#b65c80;vertical-align:-2px;margin-right:7px}h1{font-size:54px;letter-spacing:-2.2px;line-height:1.12;margin:25px 0 22px;font-weight:750}h1>span{display:block;font-size:40px;letter-spacing:-1.15px;line-height:1.22;margin-top:9px}.subtitle{font-size:17px;color:#737379;line-height:1.7;margin:0}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:#363638;color:white;border:1px solid #363638;border-radius:5px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.button:hover{background:#515155;transform:translateY(-2px)}.button.secondary{background:#fff;color:#4f4f54;border-color:#dddde1}.button.secondary:hover{background:#f5f5f7}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wide{width:min(1080px,calc(100% - 48px));margin-inline:auto}.showcase{scroll-margin-top:24px}.showcase-top{display:flex;justify-content:space-between;font-size:11px;color:#8b8b91;padding:0 2px 12px}.showcase-top>span:first-child{color:#606168}.showcase-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bc6286;margin:0 7px 1px 0}.tabs{display:flex;border:1px solid #e5e5e9;border-bottom:0;background:#fafafa;border-radius:8px 8px 0 0;padding:0 18px;gap:25px}.tabs button{background:none;border:0;cursor:pointer;position:relative;padding:16px 0;font-size:11px;color:#929298;white-space:nowrap}.tabs button span{font-size:12px;margin-left:7px}.tabs button[aria-selected=true]{color:#33343b}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#b65c80}.tabs button:hover{color:#b65c80}figure{margin:0}.image-button{display:block;position:relative;padding:0;border:1px solid #e5e5e9;width:100%;background:#f7f8fa;cursor:zoom-in;overflow:hidden;border-radius:0 0 6px 6px}.image-button img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block}.enlarge-label{position:absolute;bottom:14px;right:14px;padding:8px 12px;background:#ffffffed;box-shadow:0 2px 10px #0000000d;border:1px solid #dedee4;border-radius:4px;font-size:11px;color:#62626b}figcaption{text-align:center;padding:18px 12px 0;font-size:13px;line-height:1.6;color:#7d7d84}figcaption strong{display:block;font-weight:600;color:#505058;margin-bottom:3px}.prose{width:min(770px,calc(100% - 48px));margin:76px auto}.prose h2{font-size:29px;letter-spacing:-.7px;margin:0 0 22px;text-align:center}.prose p{font-size:16px;line-height:1.85;color:#64646c}.workflow{border-block:1px solid #ebebee;padding:51px 0 46px;margin-top:68px}.section-intro{text-align:center}.section-intro h2{font-size:30px;letter-spacing:-.8px;margin:14px 0}.section-intro>p{color:#85858b;font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:29px 10px 0}.step-number{color:#b55d7f;font-size:12px;font-weight:700}.steps h3{font-size:18px;letter-spacing:-.3px;margin:16px 0 12px}.steps p{font-size:14px;line-height:1.85;color:#777780;margin:0 0 16px}.text-link{display:inline-flex;align-items:center;gap:12px;color:#9a486b;font-size:13px;font-weight:600;text-decoration:none;border:0;background:none;padding:0;cursor:pointer}.text-link:hover{text-decoration:underline}.example .eyebrow{text-align:center;margin-bottom:14px}blockquote{margin:27px 0;padding:23px 25px;border-left:2px solid #ba6385;background:#faf8f9;font-size:16px;line-height:1.8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}blockquote span{background:#f0e0e7;color:#974c6b;border-radius:3px;padding:3px 6px;display:inline-block}.prose p.note{font-size:14px;color:#888890}.resources{border-top:1px solid #ededf0;padding-top:45px;text-align:center}.resources p{font-size:15px}.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.resource-links a{display:flex;justify-content:space-between;border:1px solid #e3e3e8;border-radius:5px;padding:18px;text-decoration:none;font-size:14px}.resource-links a:hover{border-color:#b65c80;background:#fcfafb}footer{text-align:center;border-top:1px solid #eeeef1;padding:32px 24px 40px;color:#929298;font-size:12px}footer>span{color:#595961;font-weight:700;font-size:14px}footer p{margin:10px 0 19px}footer a{font-size:11px;text-decoration:none}footer a:hover{text-decoration:underline}dialog{border:0;border-radius:9px;padding:46px 10px 10px;width:min(1500px,96vw);max-width:96vw;background:white;box-shadow:0 15px 80px #0004}dialog::backdrop{background:#15161bcc}dialog img{display:block;width:100%;max-height:80vh;object-fit:contain}#close-dialog{position:absolute;right:14px;top:10px;border:1px solid #ddd;background:white;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}@media(min-width:1500px){.hero{padding-top:92px}}@media(max-width:700px){.hero{padding:48px 20px 34px}h1{font-size:40px;letter-spacing:-1.5px}h1>span{font-size:29px;letter-spacing:-.8px}.eyebrow{font-size:9px;letter-spacing:1.5px}.subtitle{font-size:15px}.button{font-size:12px;padding:11px 13px}.wide,.prose{width:calc(100% - 32px)}.tabs{gap:0;padding:0 7px;justify-content:space-between}.tabs button{font-size:10px;padding:13px 3px}.tabs button span{font-size:10px;margin-left:3px}.hint{display:none}.enlarge-label{bottom:7px;right:7px;padding:5px;font-size:9px}figcaption{font-size:12px}.prose{margin-block:49px}.prose h2,.section-intro h2{font-size:25px}.prose p{font-size:15px}.workflow{padding:37px 0;margin-top:45px}.steps{grid-template-columns:1fr;gap:27px;padding:25px 8px 0}.steps article+article{border-top:1px solid #ededf0;padding-top:23px}.steps h3{margin-top:10px}.resource-links{grid-template-columns:1fr}.section-intro>p{font-size:13px}blockquote{font-size:13px;padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.image-button img{aspect-ratio:auto}.video-guide{margin-block:70px}.video-guide video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#17181b;border-radius:8px;margin-top:28px}.video-caption{text-align:center;color:#777780;font-size:13px;line-height:1.7}.video-caption a{color:#9a486b;white-space:nowrap}@media(max-width:700px){.video-guide{margin-block:45px}.video-caption{font-size:12px}}