#publicLanding.map-onboarding{background:#f5f7fb;color:#17243c;min-height:100vh;font-family:Inter,Arial,sans-serif}
#mapDemo{--demo-blue:#1367ef;--demo-navy:#102344;--demo-muted:#64738b;max-width:1240px;margin:auto;padding:0 40px}
#mapDemo *,#mapWelcome *{box-sizing:border-box}
#mapDemo [hidden],#mapAccountGoogle[hidden]{display:none!important}
#mapDemo .map-demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #dce3ed;background:transparent;position:static}
#mapDemo .map-demo-brand{display:flex;background:#0c1b32;border-radius:12px;padding:9px 17px}
#mapDemo .map-demo-brand img{width:160px;height:60px;object-fit:contain;display:block}
#mapDemo .map-demo-header-actions{display:flex;gap:15px;align-items:center}
#mapDemo button{font:inherit;cursor:pointer;transition:background .18s,transform .18s;border-radius:10px;white-space:normal}
#mapDemo button:disabled{cursor:wait;opacity:.65}
#mapDemo button:focus-visible,#mapDemo a:focus-visible,#mapDemo input:focus-visible{outline:3px solid #84adff;outline-offset:4px}
#mapDemo .map-demo-link,#mapDemo .map-demo-inline{border:0;background:transparent;color:#21466f;padding:10px;font-weight:700}
#mapDemo .map-demo-main{padding:32px 0 65px;min-height:680px}
#mapDemo .map-demo-steps{list-style:none;display:flex;justify-content:center;gap:28px;margin:0 0 56px;padding:0;font-size:12px;font-weight:700;color:#71819a}
#mapDemo .map-demo-steps li{display:flex;gap:9px;align-items:center}
#mapDemo .map-demo-steps .is-current{color:#1266e8}
#mapDemo .map-demo-intro{text-align:center;max-width:1020px;margin:auto}
#mapDemo .map-demo-kicker{display:block;color:#1367ef;font-size:11px;letter-spacing:1.6px;font-weight:800;margin-bottom:18px}
#mapDemo h1{font-size:clamp(36px,4.6vw,62px);font-weight:800;letter-spacing:-2.3px;line-height:1.08;margin:0 0 23px;color:#102344}
#mapDemo h1 em{font-style:normal;color:#1367ef}
#mapDemo h2{color:#102344;font-size:clamp(29px,3.1vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 18px;font-weight:800}
#mapDemo .map-demo-lead{color:#60718a;font-size:17px;line-height:1.65;margin:0 0 28px}
#mapDemo .map-demo-intro .map-demo-lead{max-width:620px;margin:0 auto 32px}
#mapDemo .map-demo-trades{border:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:940px;margin:0 auto 30px}
#mapDemo .map-demo-trades legend{text-align:center;font-weight:700;font-size:14px;margin-bottom:18px;float:none;width:100%;color:#344760}
#mapDemo .map-demo-trades label{margin:0;position:relative;cursor:pointer;font-size:14px}
#mapDemo .map-demo-trades input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
#mapDemo .map-demo-trades span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:126px;border:1px solid #dce4f0;border-radius:16px;background:white;padding:18px 9px;color:#344760}
#mapDemo .map-demo-trades b{font-size:29px;line-height:1;color:#1266e8;font-weight:400}
#mapDemo .map-demo-trades strong{font-size:13px;line-height:1.35;max-width:140px}
#mapDemo .map-demo-trades input:checked+span{border:2px solid #1367ef;padding:17px 8px;background:#edf3ff;box-shadow:0 6px 20px #1767eb0a}
#mapDemo .map-demo-trades input:focus-visible+span{outline:3px solid #84adff;outline-offset:3px}
#mapDemo .map-demo-primary{background:#1367ef;color:white;border:1px solid #1367ef;font-weight:750;font-size:16px;min-height:52px;padding:14px 25px;box-shadow:0 7px 18px #1367ef20;line-height:1.4}
#mapDemo .map-demo-primary:hover{background:#0759dc;transform:translateY(-1px)}
#mapDemo .map-demo-intro .map-demo-primary{min-width:255px}
#mapDemo .map-demo-note{font-size:12px;color:#6b7a92;line-height:1.6;margin:17px 0}
#mapDemo a{color:#1764d0;text-decoration:none}
#mapDemo a:hover{text-decoration:underline}
#mapDemo .map-demo-form-screen{max-width:560px;margin:auto}
#mapDemo .map-demo-back{border:0;background:transparent;color:#60718a;padding:8px 0;margin:0 0 28px;font-size:13px}
#mapDemo .map-demo-form{display:flex;flex-direction:column;gap:10px;text-align:left;margin-top:22px}
#mapDemo .map-demo-form label{font-size:13px;font-weight:700;color:#263c5c;margin:6px 0 0}
#mapDemo .map-demo-form input{display:block;width:100%;min-height:52px;padding:14px 16px;border:1px solid #cfdae9;border-radius:10px;background:white;color:#102344;font:inherit;font-size:16px;box-shadow:none}
#mapDemo .map-demo-form input::placeholder{color:#8a97ac}
#mapDemo .map-demo-form .map-demo-primary{margin-top:15px}
#mapDemo .map-demo-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
#mapDemo .map-demo-suggestions button{border:1px solid #d5e1f3;background:#ecf2fc;color:#31547d;padding:7px 10px;font-size:11px}
#mapDemo .map-demo-loading{text-align:center;padding:55px 10px;max-width:640px;margin:auto}
#mapDemo .map-demo-orbit{font-size:48px;color:#1367ef;width:95px;height:95px;display:grid;place-items:center;background:#e7efff;border-radius:50%;margin:0 auto 24px;animation:demo-breathe 1.8s ease-in-out infinite}
#mapDemoLoadingCompany{font-size:19px;color:#536c90;word-break:break-word}
#mapDemo .map-demo-loader-track{height:5px;overflow:hidden;background:#e1e8f3;border-radius:5px;margin:28px auto;max-width:300px}
#mapDemo .map-demo-loader-track i{display:block;background:#1367ef;width:35%;height:100%;animation:demo-slide 1.5s ease-in-out infinite}
#mapDemo .map-demo-progress{padding:0;list-style:none;display:grid;gap:13px;font-size:14px;color:#8d9aae}
#mapDemo .map-demo-progress .is-done{color:#218060}
#mapDemo .map-demo-progress .is-active{color:#1367ef;font-weight:700}
#mapDemo .map-demo-error{background:#fff0f0;border:1px solid #f0c6c6;border-radius:12px;padding:17px 20px;color:#922c31;line-height:1.5;margin:0 auto 25px;max-width:700px}
#mapDemoResults{text-align:center}
#mapDemo .map-demo-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1040px;margin:36px auto;text-align:left;align-items:start}
#mapDemo .map-demo-phone{border:6px solid #142340;border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 15px 35px #16356613;min-width:0;color:#26364c;padding:0 12px 12px}
#mapDemo .map-demo-notch{height:19px;width:88px;background:#142340;border-radius:0 0 12px 12px;margin:0 auto 17px}
#mapDemo .map-demo-posthead{display:flex;align-items:center;gap:10px;margin:0 1px 12px;min-height:40px}
#mapDemo .map-demo-avatar{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:12px;font-weight:800;background:#e4edff;color:#1459d0}
#mapDemo .map-demo-posthead strong{font-size:12px;display:block;overflow-wrap:anywhere}
#mapDemo .map-demo-posthead small{display:block;color:#8290a3;font-size:10px;margin-top:3px}
#mapDemo .map-demo-postcover{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:166px;padding:22px 17px;border-radius:10px;background:linear-gradient(145deg,#173c7b,#1675e7);color:white;position:relative;overflow:hidden}
#mapDemo .map-demo-postcover:after{content:'';position:absolute;border:1px solid #ffffff33;right:-45px;top:-70px;width:170px;height:170px;border-radius:50%}
#mapDemo .map-demo-postcover small{font-size:10px;opacity:.82;letter-spacing:.6px;text-transform:uppercase}
#mapDemo .map-demo-postcover strong{font-size:19px;line-height:1.25;position:relative;z-index:1;overflow-wrap:anywhere}
#mapDemo .map-demo-postcover span{font-size:11px;opacity:.85}
#mapDemo .map-demo-phone:nth-child(2) .map-demo-postcover{background:linear-gradient(145deg,#174e50,#248887)}
#mapDemo .map-demo-phone:nth-child(3) .map-demo-postcover{background:linear-gradient(145deg,#47277b,#8653bf)}
#mapDemo .map-demo-phone:nth-child(4) .map-demo-postcover{background:linear-gradient(145deg,#5d4051,#bd6b79)}
#mapDemo .map-demo-phone:nth-child(5) .map-demo-postcover{background:linear-gradient(145deg,#3d4f64,#617f9d)}
#mapDemo .map-demo-posttext{padding:16px 4px 0;font-size:12px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
#mapDemo .map-demo-postcta{padding:11px 4px;font-size:12px;line-height:1.55;font-weight:700;color:#285487;overflow-wrap:anywhere}
#mapDemo .map-demo-postcopy{width:100%;background:#f2f5fa;border:1px solid #dae3ed;color:#456384;padding:8px 12px;font-size:11px;box-shadow:none}
#mapDemo .map-demo-save-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:22px 25px;background:#fff;border:1px solid #dae4f1;border-radius:15px;position:sticky;bottom:15px;z-index:2;box-shadow:0 10px 30px #19376413;font-size:14px;line-height:1.5}
#mapDemo .map-demo-save-bar .map-demo-primary{flex-shrink:0}
#mapDemo .map-demo-credit{display:flex;gap:10px;align-items:center;background:#e9f3ff;border:1px solid #cfe1ff;border-radius:13px;padding:16px 18px;margin:25px 0;color:#205096;font-size:12px;line-height:1.5}
#mapDemo .map-demo-credit strong{font-size:16px;flex-shrink:0}
#mapDemo .map-demo-google{min-height:44px;margin:25px 0 10px;display:flex;justify-content:center}
#mapDemo .map-demo-divider{color:#8a97aa;text-align:center;font-size:12px;margin:15px 0}
#mapDemo .map-demo-verification{border:1px solid #bce2ce;background:#effaf4;border-radius:15px;padding:25px;color:#24533c;line-height:1.65}
#mapDemo .map-demo-verification h3{color:#24533c;margin-top:0}
#mapDemo .map-demo-verification .map-demo-primary{width:100%;margin-top:10px}
#mapDemo .map-demo-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #dce3ed;padding:24px 0 32px;font-size:11px;color:#7c899c}
#mapDemo .map-demo-footer div{display:flex;gap:20px;flex-wrap:wrap}
#mapWelcome{margin:22px 0;padding:24px;border:1px solid #285f9a;border-radius:18px;background:#0e2b49;color:#edf6ff;line-height:1.5}
#mapWelcome h2{font-size:26px;margin:0 0 8px;color:white}
#mapWelcome p{color:#bfd3ea}
#mapWelcome .map-welcome-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
#mapWelcome details{border:1px solid #315674;background:#123351;border-radius:10px;padding:13px;min-width:0}
#mapWelcome summary{cursor:pointer;font-weight:700;font-size:13px}
#mapWelcome details p{font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
#mapWelcome .map-welcome-cta{display:flex;gap:12px;flex-wrap:wrap}
#mapAccountGoogle{margin:14px 0;min-height:44px}
@keyframes demo-slide{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
@keyframes demo-breathe{50%{transform:scale(1.07)}}
@media(max-width:900px){#mapDemo{padding:0 24px}#mapDemo .map-demo-trades{gap:8px}#mapDemo .map-demo-trades strong{font-size:11px}#mapDemo .map-demo-phones{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}#mapDemo .map-demo-save-bar{gap:15px;padding:18px}#mapDemo .map-demo-save-bar span{font-size:12px}}
@media(max-width:600px){#mapDemo{padding:0 18px}#mapDemo .map-demo-header{padding:15px 0;gap:12px}#mapDemo .map-demo-brand{padding:5px 10px}#mapDemo .map-demo-brand img{width:120px;height:45px}#mapDemo .map-demo-header-actions{gap:2px}#mapDemo .map-demo-link{font-size:12px;padding:8px}#mapDemo .map-demo-main{padding:24px 0 38px;min-height:620px}#mapDemo .map-demo-steps{gap:19px;margin-bottom:36px;font-size:12px}#mapDemo .map-demo-steps span{display:none}#mapDemo .map-demo-steps .is-current span{display:inline}#mapDemo h1{font-size:37px;letter-spacing:-1.5px}#mapDemo .map-demo-kicker{font-size:9px;letter-spacing:1px;line-height:1.65}#mapDemo .map-demo-lead{font-size:15px}#mapDemo .map-demo-trades{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}#mapDemo .map-demo-trades label:last-child{grid-column:1/-1}#mapDemo .map-demo-trades span{min-height:82px;flex-direction:row;gap:12px;padding:13px}#mapDemo .map-demo-trades input:checked+span{padding:12px}#mapDemo .map-demo-trades strong{font-size:12px;max-width:120px}#mapDemo .map-demo-trades b{font-size:25px}#mapDemo .map-demo-form-screen{max-width:100%}#mapDemo .map-demo-phones{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:25px -18px;padding:10px 25px 22px;align-items:flex-start}#mapDemo .map-demo-phone{flex:0 0 86%;max-width:340px;scroll-snap-align:center}#mapDemo .map-demo-posttext{font-size:13px}#mapDemo .map-demo-save-bar{flex-direction:column;text-align:center;gap:12px;bottom:9px;padding:16px}#mapDemo .map-demo-save-bar .map-demo-primary{width:100%;font-size:14px}#mapDemo .map-demo-credit{flex-direction:column;gap:3px;align-items:flex-start}#mapDemo .map-demo-loading{padding:30px 0}#mapDemo .map-demo-footer{flex-direction:column;gap:14px}#mapDemo .map-demo-footer div{gap:14px}#mapWelcome{padding:18px}#mapWelcome .map-welcome-posts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#mapDemo .map-demo-orbit,#mapDemo .map-demo-loader-track i{animation:none}#mapDemo button{transition:none}}