*{box-sizing:border-box}body{margin:0;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;line-height:1.5}.container{max-width:1120px;margin:auto;padding:0 24px}.navbar{height:54px;position:fixed;z-index:5;inset:0 0 auto;background:#f5f5f7ee;backdrop-filter:blur(20px);border-bottom:1px solid #0001}.nav-container{height:54px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:#1d1d1f}.nav-logo img{width:25px;height:25px;border-radius:6px}.nav-links{display:flex;gap:22px}.nav-links a{font-size:12px;color:#6e6e73;text-decoration:none}.doc-hero{padding:140px 0 90px;text-align:center;background:#fff;border-bottom:1px solid #d2d2d7}.doc-eyebrow,.doc-panel-label{font-size:11px;letter-spacing:.14em;color:#0071e3;font-weight:700}.doc-hero h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.07em;line-height:1.02;margin:18px auto;max-width:800px}.doc-lead{max-width:650px;margin:auto;color:#6e6e73;font-size:17px}.doc-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.btn-primary,.btn-secondary{padding:12px 20px;border-radius:24px;text-decoration:none;font-weight:600}.btn-primary{background:#0071e3;color:#fff}.btn-secondary{color:#0071e3;border:1px solid #0071e344}.doc-section{padding:90px 0}.doc-section-heading h2{font-size:48px;letter-spacing:-.06em;margin:12px 0 42px}.doc-step-card{display:none;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.doc-step-card.active{display:grid}.doc-step-media{border:2px solid #1d1d1f;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 45px #0002}.doc-step-screenshot{display:block;width:100%}.doc-step-card-finish .doc-step-media{border:1px solid #d2d2d7;background:linear-gradient(145deg,#fff,#f2f7ff)}.doc-finish-mark{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}.doc-finish-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:#0071e3;color:#fff;font-size:42px;font-weight:700;box-shadow:0 16px 38px #0071e333}.doc-finish-mark strong{font-size:26px;letter-spacing:-.03em;margin-top:24px}.doc-finish-mark p{color:#6e6e73;margin:8px 0 0}.doc-step-copy h3{font-size:34px;letter-spacing:-.05em;margin:12px 0}.doc-step-copy>p:last-child{color:#6e6e73;font-size:16px}.doc-step-kicker{font-size:12px;color:#0071e3;font-weight:700}.doc-ui-text{color:#0071e3}.doc-callout{margin-top:22px;padding:16px 18px;border-left:3px solid #0071e3;border-radius:0 12px 12px 0;background:#0071e30b;color:#515154;font-size:14px}.doc-stepper-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:34px}.doc-step-btn{border:1px solid #d2d2d7;background:#fff;border-radius:20px;padding:9px 16px}.doc-step-btn-primary{background:#0071e3;color:#fff;border-color:#0071e3}.doc-step-dots{display:flex;gap:7px}.doc-step-dot{width:8px;height:8px;border:0;border-radius:50%;background:#d2d2d7}.doc-step-dot.active{width:24px;border-radius:5px;background:#0071e3}.doc-overview{background:#fff}.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.doc-panel{border:2px solid #d2d2d7;border-radius:20px;padding:28px}.doc-panel h2{font-size:28px;letter-spacing:-.04em}.doc-panel p{color:#6e6e73}.footer{border-top:1px solid #d2d2d7}.footer .container{padding:28px 24px}.doc-footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-credit{display:flex;align-items:center;gap:10px}.site-credit img{width:28px;height:28px;border-radius:50%;object-fit:cover}.site-credit-text{display:flex;flex-direction:column;font-size:12px;color:#6e6e73}.site-credit-text span:first-child{color:#3a3a3c;font-weight:600}.footer-link{color:#0071e3;font-size:12px;text-decoration:none}@media(max-width:760px){.nav-links{display:none}.doc-step-card.active{grid-template-columns:1fr;gap:24px}.doc-section-heading h2{font-size:38px}.doc-finish-mark{min-height:300px;padding:34px}.doc-grid{grid-template-columns:1fr}.doc-footer-row{align-items:flex-start;flex-direction:column}}
