@font-face{font-family:Sora;src:url('/fonts/sora-latin-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#092c45;--blue:#1766df;--yellow:#ffd45c;--paper:#faf8f1;--muted:#61747f;--line:#d8dfdf}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Sora,system-ui,sans-serif;line-height:1.22;font-weight:600;letter-spacing:-1.3px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.shell{width:min(1200px,calc(100% - 88px));margin-inline:auto}.skip{position:fixed;top:-90px;left:15px;z-index:50;background:#fff;padding:10px 18px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;color:#fff;background:var(--ink);border-bottom:1px solid #ffffff24}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px}.brand{display:flex;gap:11px;align-items:center;line-height:1.3}.brand strong{display:block;font:700 19px Sora,system-ui,sans-serif;letter-spacing:-.7px}.brand small{display:block;font-size:9px;letter-spacing:.5px;color:#b5cedb;margin-top:5px}.header nav{display:flex;gap:25px;align-items:center}.back{font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:49px;padding:12px 21px;border-radius:7px;font-weight:800;font-size:12px;line-height:1.5}.yellow{color:var(--ink);background:var(--yellow)}.yellow:hover{background:#ffe394}.button span{font-size:20px;line-height:1}.intro{background:var(--ink);color:#fff;padding-block:65px 70px}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center}.eyebrow{text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.5px}.intro .eyebrow{color:#b5cedb}h1{font-size:clamp(36px,4.2vw,55px);letter-spacing:-2.6px;margin:19px 0 25px}h1 span{color:var(--yellow)}.lead{max-width:550px;font-size:16px;line-height:1.9;color:#c6d7e0}.intro-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.intro-actions>span{font-size:10px;color:#abc5d3}.before{border-top:1px solid #ffffff4d;padding-top:24px}.before-number{font:500 25px Sora,system-ui,sans-serif;color:var(--yellow);letter-spacing:-1px}.before h2{font-size:19px;letter-spacing:-.5px;margin-top:22px}.before p{font-size:12px;color:#c1d4dd;margin-top:16px;line-height:1.9}.before a{text-decoration:underline;text-underline-offset:4px;color:#fff}.before p.capture-note{font-size:10px;color:#a3bdcd;border-top:1px solid #ffffff24;padding-top:18px;margin-top:23px}.manual{display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px;padding-block:65px}.index{align-self:start;position:sticky;top:120px}.index .eyebrow{color:var(--muted)}.index ol{list-style:none;padding:0;margin:20px 0 0}.index li{border-top:1px solid var(--line)}.index li:last-child{border-bottom:1px solid var(--line)}.index li a{display:flex;align-items:center;gap:11px;padding:12px 0;font-size:11px;min-height:44px}.index li a:hover{color:var(--blue)}.index li span{font:500 10px Sora,system-ui,sans-serif;color:#79919c}.index-help{display:inline-flex;align-items:center;gap:18px;font-size:10px;margin-top:25px;border-bottom:1px solid;padding-bottom:5px}.steps{min-width:0}.step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,310px);gap:43px;padding-block:0 65px;margin-bottom:65px;border-bottom:1px solid var(--line);align-items:start;scroll-margin-top:20px}.step-copy{padding-top:15px}.number{font:500 28px Sora,system-ui,sans-serif;letter-spacing:-1px;color:var(--blue)}.step h2{font-size:31px;margin:22px 0}.step p,.step li{font-size:13px;color:var(--muted);line-height:1.9}.step strong{color:var(--ink);font-weight:800}.step-copy>p+p{margin-top:18px}.step ul{padding-left:17px;margin:19px 0}.step li+li{margin-top:12px}.tip{padding:17px 18px;border-left:3px solid #b7cbd2;background:#edf1f1;margin-top:26px;border-radius:0 5px 5px 0}.tip>strong{font-size:10px}.tip p{font-size:11px;margin-top:7px}.final-tip{background:#fff0be;border-color:#e8b52f}.next{display:inline-flex;align-items:center;gap:15px;color:var(--blue);font-size:10px;font-weight:800;margin-top:28px;min-height:44px}.screenshot{display:block;overflow:hidden;border-radius:17px;border:1px solid #b9c6cb;background:#202020;box-shadow:8px 10px 0 #dfe6e6}.screenshot img{width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}.screenshot:hover{outline:2px solid var(--blue);outline-offset:4px}figcaption{font-size:9px;color:var(--muted);line-height:1.7;margin:18px 0 0;text-align:center}figcaption a{text-decoration:underline;text-underline-offset:3px}.after{padding:30px 34px;background:#e9eeeb;border-radius:8px}.after h2{font-size:26px;margin-top:13px}.after p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:18px;max-width:650px}.text-link{display:inline-flex;gap:20px;color:var(--blue);font-size:12px;font-weight:800;margin-top:22px;min-height:44px;align-items:center}.questions{margin-top:60px;scroll-margin-top:20px}.questions>h2{font-size:30px;margin:12px 0 28px}.questions details{border-top:1px solid var(--line);padding:19px 0}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{cursor:pointer;font-size:13px;font-weight:800;padding-right:10px}.questions details p{color:var(--muted);font-size:12px;line-height:1.9;padding-top:14px}.questions a{text-decoration:underline;color:var(--blue)}.closing{padding-block:42px;background:var(--ink);color:#fff}.closing-inner{display:flex;gap:30px;justify-content:space-between;align-items:center}.closing .eyebrow{color:#b5cedb}.closing h2{font-size:30px;margin-top:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:30px}.footer a{font-size:11px;font-weight:800}.footer p{font-size:10px;color:var(--muted);max-width:400px}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.intro-grid{gap:45px}.manual{grid-template-columns:175px minmax(0,1fr);gap:30px}.step{gap:27px;grid-template-columns:minmax(0,1fr) minmax(0,270px)}.step h2{font-size:26px}.step p,.step li{font-size:12px}}
@media(max-width:880px){.manual{grid-template-columns:1fr;gap:40px}.index{position:static}.index ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.index li:last-child{border-bottom:0}.index-help{margin-top:16px}.step{grid-template-columns:minmax(0,1fr) minmax(0,310px);gap:40px}.step h2{font-size:30px}.step p,.step li{font-size:13px}.intro-grid{grid-template-columns:1fr;gap:40px}.before{max-width:600px}.before-number{display:none}.before h2{margin-top:0}.intro{padding-block:40px 45px}}
@media(max-width:600px){html{scroll-padding-top:100px}.shell{width:calc(100% - 40px)}.header-inner{min-height:77px;gap:12px}.brand img{width:32px;height:32px}.brand strong{font-size:15px}.brand small{font-size:7px;max-width:150px}.header .back{display:none}.header .button{font-size:10px;padding:11px 13px;min-height:44px;gap:12px}.brand{gap:8px}h1{font-size:35px;letter-spacing:-1.7px}.lead{font-size:14px}.intro-actions{gap:15px}.intro-actions .button{font-size:11px}.intro-actions>span{font-size:9px}.manual{padding-block:40px;gap:40px}.index li a{font-size:10px;padding-block:11px;gap:8px}.index ol{gap:0 16px}.step{grid-template-columns:1fr;gap:28px;margin-bottom:45px;padding-bottom:45px}.step-copy{padding-top:0}.number{font-size:24px}.step h2{font-size:31px;margin:18px 0}.step p,.step li{font-size:13px}.step figure{width:min(100%,310px);margin-inline:auto}.tip{margin-top:21px}.next{margin-top:16px}.screenshot{box-shadow:6px 7px 0 #dfe6e6}.after{padding:25px 22px}.after h2{font-size:25px}.questions{margin-top:45px}.questions>h2{font-size:28px}.questions summary{font-size:12px}.closing-inner{flex-direction:column;align-items:flex-start;gap:25px}.closing h2{font-size:27px}.closing .button{font-size:11px}.footer{align-items:flex-start;flex-direction:column;gap:15px;padding-block:25px}.footer p{max-width:330px}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.brand strong{font-size:13px}.brand small{font-size:6px}.brand img{width:29px;height:29px}.header .button{padding-inline:10px;gap:8px}h1{font-size:31px}.index li a{font-size:9px}.step h2{font-size:28px}.step figure{width:calc(100% - 6px)}}

