*{box-sizing:border-box}body{margin:0;background:#f5f6ef;color:#122c43;font:17px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1120px;margin:auto;padding:24px}a{color:#1466a6;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #1466a6;outline-offset:5px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;max-width:780px}h2{line-height:1.25}header{padding:30px 0}.intro{max-width:740px}.button{display:inline-block;padding:12px 18px;border:2px solid #1466a6;border-radius:10px;font-weight:700;margin:8px 8px 8px 0}.steps{list-style:none;counter-reset:steps;padding:0;display:grid;gap:24px}.step{counter-increment:steps;background:white;border:1px solid #c2ccd5;border-radius:20px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:28px;align-items:start}.step h2:before{content:counter(steps) '. ';color:#1466a6}.step p{max-width:620px}.phone{max-width:290px;margin:0 auto;position:relative}.phone img{width:100%;height:auto;display:block;border-radius:18px;border:1px solid #c2ccd5}.arrow{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;filter:drop-shadow(0 1px 2px white)}figcaption{font-size:.8rem;color:#445a6b;margin:12px 0}.illustration{width:100%;background:#edf3f9;border:3px solid #526779;border-radius:26px;padding:24px 16px;min-height:270px;text-align:center;color:#122c43}.illustration .screen-label{font-size:.8rem;margin-bottom:36px}.illustration .target{border:2px solid #1466a6;background:white;border-radius:10px;padding:14px 5px;font-weight:700;overflow-wrap:anywhere}.literal-arrow{display:block;color:#bd3c00;font-size:48px;line-height:1.2}.illustration img{width:88px;height:88px;border-radius:20px;margin:auto}.callout{padding:20px;border-left:5px solid #1466a6;background:#e7eff5;margin:24px 0}details{padding:16px 0;border-bottom:1px solid #c2ccd5}summary{font-weight:700;cursor:pointer;padding:8px 0}nav ul{display:flex;gap:16px;flex-wrap:wrap;padding:0;list-style:none}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}footer{padding:30px 0;font-size:.9rem}code{overflow-wrap:anywhere}@media(max-width:660px){main{padding:16px}.step{display:block;padding:20px}.step figure{margin-top:24px}.phone{max-width:270px}}@media(prefers-color-scheme:dark){body{background:#0a192d;color:#edf3fa}.step{background:#12283f;border-color:#516477}a,.step h2:before{color:#8acbff}.callout{background:#142e49}figcaption{color:#b4c7d7}.skip{background:#12283f}}

html[data-theme=dark] .callout{background:#142e49}html[data-theme=light] .callout{background:#e7eff5}html[data-theme] .button{background:var(--sw-accent);color:var(--sw-button-ink);border-color:var(--sw-accent)}html[data-theme] .button:hover{text-decoration:underline;text-decoration-thickness:2px}html[data-theme] .button:focus-visible{outline:3px solid var(--sw-ink);outline-offset:4px}html[data-theme] figcaption{color:var(--sw-muted)}