:root{--bg:#063b34;--bg2:#092821;--surface:#f5edda;--surface2:#fff8e9;--card:#fffdf6;--brand:#0d6b58;--brand2:#084d41;--brandSoft:#dff4ec;--accent:#f2bb45;--accent2:#d99a1e;--coral:#e56f51;--text:#10241f;--muted:#64736e;--line:#d8dfd9;--ok:#087a55;--okbg:#e4f6ef;--warn:#87570b;--warnbg:#fff4d8;--shadow:0 18px 50px rgba(3,34,28,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,var(--bg) 0 720px,var(--surface) 720px 100%);color:var(--text)}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 28px));margin:auto;color:white}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#173027;font-size:13px}.desktop-nav{display:flex;gap:24px;font-size:14px;color:#d6e7e1}.desktop-nav a:hover{color:white}.primary,.secondary,.ghost{border:0;border-radius:13px;padding:12px 17px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent);color:#173027;box-shadow:0 8px 18px rgba(242,187,69,.18)}.primary:hover{background:#f7c861}.secondary{background:#fff;color:var(--brand2);border:1px solid #d7ded9}.ghost{background:transparent;color:white;border:1px solid rgba(255,255,255,.25)}.small{padding:8px 12px}.xl{padding:15px 22px;border-radius:15px}.hero{min-height:620px;padding:88px 0 76px;color:white;display:grid;grid-template-columns:1.4fr .65fr;gap:52px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-weight:900;font-size:12px;color:var(--accent)}.hero h1{font-size:68px;line-height:.98;letter-spacing:-.055em;max-width:760px;margin:10px 0 20px}.lead{font-size:20px;line-height:1.55;color:#d4e7e1;max-width:730px}.hero-actions{display:flex;gap:12px;margin-top:28px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#c7dfd8;margin-top:24px}.hero-card{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:22px;backdrop-filter:blur(10px)}.mini-title{font-weight:900;margin-bottom:12px}.network-row{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.11)}.network-row:last-child{border-bottom:0}.network-row span{color:var(--accent);font-weight:900}.tool-card,.mini-tool{background:var(--card);border:1px solid rgba(11,66,55,.12);box-shadow:var(--shadow);border-radius:28px}.tool-card{max-width:930px;margin:0 auto 78px;padding:30px;position:relative}.tool-card:before{content:"";position:absolute;left:26px;right:26px;top:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent),var(--coral));border-radius:0 0 8px 8px}.step-head,.step-divider{display:flex;gap:14px;align-items:flex-start}.step-divider{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.step{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brandSoft);color:var(--brand);font-weight:900;flex:0 0 auto}.step-head h2,.step-divider h3{margin:0 0 4px}.step-head p,.step-divider p{margin:0;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.mode-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;text-align:left;cursor:pointer}.mode-card span{font-size:24px;display:block}.mode-card strong{display:block;margin-top:8px}.mode-card small{color:var(--muted)}.mode-card.active{background:var(--brandSoft);border-color:#96d0bd;box-shadow:inset 0 0 0 1px #96d0bd}.privacy-banner{margin:18px 0;display:flex;gap:8px;flex-direction:column;background:var(--okbg);border:1px solid #aadbc9;border-radius:14px;padding:14px;color:#075d42}.file-drop{border:2px dashed #9bb9af;border-radius:18px;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s;padding:20px;text-align:center;background:linear-gradient(145deg,#eef9f5,#fff7e5)}.file-drop:hover{border-color:var(--brand);background:var(--brandSoft)}.file-drop input{display:none}.file-icon{font-size:34px;color:var(--brand)}.file-drop span:last-child{font-size:13px;color:var(--muted)}.help-link,.link-button{border:0;background:transparent;color:var(--brand);font-weight:850;cursor:pointer;padding:0}.help-link{margin-top:12px}.input-label{display:block;font-weight:800;margin-bottom:8px}.mode-panel textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;background:white;resize:vertical;margin-bottom:10px}.scan-summary{display:grid;gap:12px;margin-top:20px}.scan-summary.three{grid-template-columns:repeat(3,1fr)}.scan-summary>div{background:linear-gradient(145deg,#eef8f4,#fff8e7);padding:18px;border-radius:14px;display:flex;flex-direction:column;border:1px solid rgba(13,107,88,.09)}.big-number{font-size:31px;font-weight:950}.accent{color:var(--brand)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.stat{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.stat strong{display:block;font-size:20px}.stat span,.stat small{color:var(--muted);font-size:12px}.stat small{display:block;margin-top:4px}.warning{margin-top:12px;background:var(--warnbg);color:var(--warn);border:1px solid #f1d294;border-radius:12px;padding:13px}.action-row{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.section-title-row h3{margin:0}.section-title-row select{border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff}.review-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:460px;overflow:auto}.review-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.review-name{font-weight:850}.review-meta{font-size:12px;color:var(--muted);margin-bottom:5px}.number-change{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.new-num{color:var(--ok);font-weight:900}.badge{font-family:Inter,sans-serif;font-size:11px;font-weight:900;background:var(--brandSoft);color:var(--brand);padding:3px 7px;border-radius:99px}.badge.warn{background:var(--warnbg);color:var(--warn)}.done-panel{text-align:center;border-top:1px solid var(--line);margin-top:22px;padding-top:24px}.success-icon{width:52px;height:52px;border-radius:50%;background:var(--okbg);color:var(--ok);display:grid;place-items:center;font-size:28px;font-weight:900;margin:auto}.done-panel h3{font-size:28px;margin:10px 0 4px}.download-stack{display:grid;gap:9px;max-width:420px;margin:18px auto}.guide-section{background:#0b2e28;color:white;padding:78px 0;margin:20px 0 72px}.section-heading{text-align:center;max-width:760px;margin:0 auto 28px}.section-heading h2{font-size:42px;letter-spacing:-.035em;margin:6px 0 10px}.section-heading p{color:var(--muted)}.guide-section .section-heading p{color:#c4d9d3}.guide-layout{display:grid;grid-template-columns:240px 1fr;gap:20px}.device-list{display:flex;flex-direction:column;gap:7px}.device-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#d8e8e3;border-radius:13px;padding:11px 13px;text-align:left;cursor:pointer;font-weight:800}.device-btn.active{background:var(--accent);color:#173027;border-color:var(--accent)}.guide-content{background:var(--surface2);color:var(--text);border-radius:24px;padding:26px}.guide-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.guide-top h3{font-size:30px;margin:3px 0 5px}.guide-top p{color:var(--muted);margin:0}.guide-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:900}.guide-toggle{display:flex;gap:8px;margin:20px 0}.guide-toggle button{border:1px solid var(--line);background:white;border-radius:99px;padding:9px 13px;cursor:pointer;font-weight:800}.guide-toggle button.active{background:var(--brand);color:white;border-color:var(--brand)}.visual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.visual-step{background:white;border:1px solid var(--line);border-radius:16px;padding:12px}.phone-shot{height:180px;border-radius:18px;background:linear-gradient(180deg,#123d35,#f4f7f5);border:6px solid #17201e;position:relative;padding:32px 12px 12px;overflow:hidden}.phone-shot:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:54px;height:8px;border-radius:99px;background:#26312e}.mock-bar{height:10px;background:#d7e5df;border-radius:4px;margin-bottom:8px}.mock-bar.short{width:62%}.mock-button{margin-top:20px;background:var(--accent);border-radius:8px;height:32px}.visual-step strong{display:block;margin-top:10px}.visual-step p{color:var(--muted);font-size:13px;margin:5px 0 0}.step-no{font-size:11px;color:var(--brand);font-weight:900}.guide-tip{margin-top:16px;background:var(--brandSoft);border:1px solid #add7c8;border-radius:13px;padding:13px;color:#28584b}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding:20px 0 80px}.split-section h2,.privacy-section h2{font-size:38px;letter-spacing:-.03em;margin:0 0 10px}.split-section p{color:var(--muted)}.mini-tool{padding:24px}.mini-tool label{font-weight:800;font-size:14px}.input-row{display:flex;gap:8px;margin-top:8px}.input-row input,.faq-search-wrap input,.chat-form input{flex:1;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:16px;outline:none;background:#fff}.single-result{margin-top:14px;border-radius:14px;background:#eff7f3;padding:16px}.result-number{font-size:28px;font-weight:900}.result-actions{display:flex;gap:8px;margin-top:12px}.privacy-section{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;background:linear-gradient(135deg,#092a23,#0f5d4d);color:#fff;border-radius:28px;padding:38px;margin-bottom:80px;box-shadow:var(--shadow)}.privacy-section .eyebrow{color:var(--accent)}.privacy-points p{margin:0 0 18px;color:#d3e4de}.privacy-points strong{color:#fff}.faq-search-wrap{max-width:680px;margin:0 auto 16px}.faq-list{max-width:860px;margin:0 auto 80px;display:grid;gap:10px}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item summary{padding:16px 18px;cursor:pointer;font-weight:850;list-style:none;display:flex;justify-content:space-between}.faq-item summary::after{content:'+'}.faq-item[open] summary::after{content:'−'}.faq-answer{padding:0 18px 17px;color:var(--muted)}.footer{border-top:1px solid #d6ddd8;padding:28px 0 40px;display:flex;justify-content:space-between;color:var(--muted)}.footer>div:first-child{display:flex;flex-direction:column}.footer-links{display:flex;gap:18px;align-items:center}.chat-fab{position:fixed;right:18px;bottom:18px;border:0;background:var(--brand2);color:#fff;border-radius:99px;padding:13px 16px;box-shadow:var(--shadow);font-weight:850;cursor:pointer;z-index:30}.chat-panel{position:fixed;right:18px;bottom:78px;width:min(380px,calc(100vw - 24px));height:520px;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(16,24,40,.2);z-index:35;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;background:#f5faf8}.chat-header>div{display:flex;flex-direction:column}.chat-header span{font-size:11px;color:var(--muted)}.chat-header button,.modal-close{border:0;background:transparent;font-size:26px;cursor:pointer;color:var(--muted)}.chat-messages{padding:14px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:8px;background:#eff5f2}.bot-msg,.user-msg{max-width:86%;padding:10px 12px;border-radius:14px;font-size:13px}.bot-msg{background:#fff;border:1px solid var(--line)}.user-msg{background:var(--brand);color:#fff;align-self:flex-end}.quick-chips{display:flex;gap:6px;overflow:auto;padding:8px 10px}.quick-chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 9px;font-size:11px}.chat-form{display:flex;gap:6px;padding:10px}.chat-form input{padding:10px;font-size:13px}.modal{position:fixed;inset:0;background:rgba(3,20,16,.68);z-index:50;display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}.modal-card{background:var(--surface2);width:min(540px,100%);border-radius:24px;padding:28px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-card h2{font-size:30px;margin:4px 0 10px}.modal-close{position:absolute;right:15px;top:10px}.value-ready{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;border-radius:17px;padding:16px;margin:16px 0}.value-ready strong{font-size:20px;display:block}.value-ready span{font-size:13px;color:#d6e8e2}.support-copy{color:var(--muted)}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.amounts button{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;font-weight:800}.amounts button.selected{border-color:var(--brand);background:var(--brandSoft);color:var(--brand)}.payment-placeholder{background:#fff6dc;border:1px solid #edd89d;border-radius:13px;padding:12px;margin:12px 0;display:flex;flex-direction:column}.payment-placeholder span{font-size:12px;color:var(--muted)}.full{width:100%;margin-top:8px}.support-note{text-align:center;font-size:12px;color:var(--muted)}.video-card{width:min(680px,100%)}.video-placeholder{height:330px;border-radius:18px;background:linear-gradient(145deg,#0b2e28,#0f5d4d);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.play-circle{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#173027;font-size:24px;margin-bottom:15px}.video-placeholder span{color:#d2e5de;max-width:440px;margin-top:6px}.muted{color:var(--muted)}.tiny{font-size:12px}.hidden{display:none!important}
@media(max-width:820px){body{background:linear-gradient(180deg,var(--bg) 0 760px,var(--surface) 760px 100%)}.desktop-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:62px 0 54px}.hero h1{font-size:48px}.hero-card{max-width:520px}.mode-grid{grid-template-columns:1fr 1fr}.scan-summary.three,.stats-grid{grid-template-columns:1fr 1fr}.scan-summary.three>div:first-child{grid-column:1/-1}.guide-layout{grid-template-columns:1fr}.device-list{display:grid;grid-template-columns:repeat(2,1fr)}.visual-steps{grid-template-columns:1fr 1fr}.split-section,.privacy-section{grid-template-columns:1fr}.guide-top{flex-direction:column}.footer{flex-direction:column;gap:18px}.action-row{flex-direction:column-reverse}.action-row button{width:100%}.support-top-hide{display:none}.chat-fab span{display:none}}
@media(max-width:520px){.shell{width:min(100% - 20px,1120px)}.topbar{height:62px}.topbar .ghost{display:none}.hero h1{font-size:42px}.lead{font-size:17px}.hero-actions{flex-direction:column}.tool-card{padding:20px}.mode-grid{grid-template-columns:1fr 1fr}.mode-card{padding:13px}.scan-summary.three,.stats-grid,.visual-steps{grid-template-columns:1fr}.scan-summary.three>div:first-child{grid-column:auto}.section-heading h2{font-size:31px}.guide-section{padding:56px 0}.device-list{grid-template-columns:1fr 1fr}.guide-content{padding:18px}.guide-top h3{font-size:26px}.guide-toggle{overflow:auto}.guide-toggle button{white-space:nowrap}.phone-shot{height:160px}.amounts{grid-template-columns:1fr 1fr}.modal-card{padding:24px 19px}.video-placeholder{height:260px}.chat-panel{right:12px;bottom:70px}}
.donation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.donation-grid label,.payment-label,.ticket-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}.donation-grid select,.donation-grid input,.payment-label select,.ticket-form select,.ticket-form input,.ticket-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);font:inherit}.fx-box{display:flex;flex-direction:column;gap:3px;background:#eef8f4;border:1px solid #b9dfd0;border-radius:14px;padding:13px;margin:10px 0}.fx-box strong{font-size:21px;color:var(--brand2)}.fx-box span{font-size:13px;color:#355f54}.fx-box small{color:var(--muted);font-size:10px}.payment-label{margin:10px 0}.ticket-form{display:grid;gap:12px}.ticket-form textarea{resize:vertical;min-height:120px}@media(max-width:520px){.donation-grid{grid-template-columns:1fr}}

/* Fix220Gambia brand + same-contact safety additions */
.brand-emblem{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.brand-word{display:flex;flex-direction:column;line-height:1}.brand-word strong{font-size:21px;letter-spacing:-.03em;color:#fff}.brand-word small{font-size:9px;letter-spacing:.02em;color:#cfe1db;margin-top:4px;font-weight:700}.brand-220{color:#ef4135}.brand-gambia{color:#4aa657}.hero-brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:20px}.hero-brand-lockup img{width:74px;height:74px;object-fit:contain}.hero-brand-lockup strong{font-size:31px;line-height:1;font-weight:950;letter-spacing:-.04em}.hero-brand-lockup strong span{color:#ef4135}.hero-brand-lockup small{display:block;margin-top:5px;color:#d4e7e1;font-weight:750;letter-spacing:.02em}.up-to-date{margin-top:12px;background:#e8f8ee;color:#0b6843;border:1px solid #9bd6b8;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}.up-to-date strong{font-size:16px}.up-to-date span{font-size:13px;line-height:1.45}.same-contact-note{max-width:600px;margin:15px auto 4px;padding:13px 14px;background:#eef8f4;border:1px solid #b9dfd0;border-radius:14px;text-align:left;display:flex;flex-direction:column;gap:4px}.same-contact-note strong{color:#075d42}.same-contact-note span{font-size:12px;line-height:1.5;color:#45675e}.primary:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.footer-brand{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{color:var(--text)}
@media(max-width:520px){.brand-emblem{width:40px;height:40px}.brand{gap:8px}.brand-word strong{font-size:17px}.brand-word small{display:block;font-size:7.5px;line-height:1.15;margin-top:3px;white-space:nowrap}.hero-brand-lockup img{width:60px;height:60px}.hero-brand-lockup strong{font-size:26px}}

/* v5.3 usability + scan result colour improvements */
.plain-head{padding-left:0}.plain-head>div{width:100%}
.stat{position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#d8dedb}.stat strong,.stat span,.stat small{position:relative;z-index:1}
.stat-africell{background:#fff2fb;border-color:#e2a6d1}.stat-africell::before{background:#a70f78}.stat-africell strong{color:#8d0b68}
.stat-qcell{background:#fff8ed;border-color:#ffc980}.stat-qcell::before{background:#f7941d}.stat-qcell strong{color:#c96800}
.stat-comium{background:#fff1f1;border-color:#f2a3a3}.stat-comium::before{background:#e5242a}.stat-comium strong{color:#c61c22}
.stat-gamcel{background:#effbea;border-color:#b7dfaa}.stat-gamcel::before{background:#78b84a}.stat-gamcel strong{color:#3f7e24}
.stat-gamtel{background:#edf8f0;border-color:#a8d2b1}.stat-gamtel::before{background:#16834b}.stat-gamtel strong{color:#106d3e}
.stat-foreign{background:#f0f5ff;border-color:#b8cae8}.stat-foreign::before{background:#315b96}.stat-foreign strong{color:#244d85}
.stat-already{background:#e9f8f3;border-color:#9dd6c5}.stat-already::before{background:#15836c}.stat-already strong{color:#0e6e5b}
.stat-review{background:#fff5d8;border-color:#e9c557}.stat-review::before{background:#e0a400}.stat-review strong{color:#a46800}
.modal{overflow-y:auto;align-items:start;place-items:start center}.modal-card{max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.modal-card::-webkit-scrollbar{width:8px}.modal-card::-webkit-scrollbar-thumb{background:#c8d0cc;border-radius:99px}
@media(max-width:520px){.modal{padding:8px}.modal-card{max-height:calc(100dvh - 16px);border-radius:20px}.support-note{padding-bottom:8px}}

/* v5.6 mobile polish, duplicate-import guidance and tutorial video */
.replace-choice{max-width:600px;margin:10px auto 4px;padding:14px;background:#fff5d8;border:1px solid #e9c557;border-radius:14px;text-align:left;display:grid;gap:6px;color:#60440a}.replace-choice strong{color:#76520a}.replace-choice span{font-size:12px;line-height:1.5}.replace-choice button{justify-self:start;margin-top:4px}
.guide-video{display:block;width:100%;max-height:70vh;border-radius:18px;background:#061b17;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-card{background:#11584b;border-color:rgba(255,255,255,.24);backdrop-filter:none}.hero-card .mini-title,.hero-card .network-row strong{color:#fff}.hero-card .network-row span{color:#ffd061}.hero-card .network-row{border-bottom-color:rgba(255,255,255,.16)}
@media(max-width:820px){body{background:linear-gradient(180deg,var(--bg) 0 980px,var(--surface) 980px 100%)}.hero-card{width:100%;max-width:none;position:relative;z-index:1}.hero-card .network-row{color:#fff}}
@media(max-width:520px){.hero-brand-lockup{display:none}.hero{padding-top:40px}.hero-card{margin-top:22px;background:#11584b}.replace-choice button{width:100%}}
/* Keep the full mobile hero area dark regardless of its content height. */
body{background:var(--surface)}
.topbar{position:relative;z-index:3;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
.hero{background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}

/* v5.7 compact device selector + small-screen guide controls */
.device-list{align-content:start}
.device-btn{min-height:42px;font-size:14px;line-height:1.15;padding:9px 11px;overflow-wrap:anywhere}
@media(max-width:820px){
  .device-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .device-btn{text-align:center;min-height:44px;padding:8px 7px;font-size:clamp(12px,2.4vw,15px);border-radius:11px}
  .guide-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}
  .guide-toggle button{white-space:normal;padding:9px 7px;font-size:13px;line-height:1.15}
}
@media(max-width:520px){
  .device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .device-btn{min-height:40px;padding:7px 6px;font-size:13px;border-radius:10px}
  .guide-section .shell{width:min(100% - 16px,1120px)}
  .guide-content{padding:16px 12px}
  .guide-top{gap:10px}
  .guide-top .secondary{width:100%;padding:10px 12px}
  .guide-toggle button{font-size:11.5px;padding:8px 5px}
}
@media(max-width:360px){
  .device-btn{font-size:12px;padding:6px 4px}
  .brand-word strong{font-size:15px}.brand-word small{font-size:6.8px}
}

.guide-video{aspect-ratio:9/16;object-fit:contain;min-height:260px}.video-fallback{margin-top:10px;padding:11px 13px;border-radius:12px;background:var(--warnbg);color:var(--warn);font-size:13px}.video-fallback a{font-weight:900;text-decoration:underline}


/* v5.9 verified real-device tutorial media */
.real-shot{height:360px;border-radius:14px;background:#f2f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line)}
.real-shot img{display:block;width:100%;height:100%;object-fit:contain;background:#f5f5f6}
.guide-no-image{height:190px;border-radius:14px;border:1px dashed #c8d0cc;background:#f7f9f8;display:grid;place-items:center;color:var(--muted);font-weight:800;text-align:center;padding:14px}
#playGuideBtn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:520px){.real-shot{height:330px}.visual-step{padding:9px}.guide-no-image{height:145px}}

/* v5.10 illustrated guide polish */
.real-shot{background:linear-gradient(145deg,#eef5f2,#fdfaf0);box-shadow:0 10px 28px rgba(8,46,39,.08)}
.real-shot img{object-fit:contain;background:#f5f6f3}
@media(max-width:520px){.real-shot{height:300px}.visual-steps{gap:10px}}

/* Launch guide refinement: instructions above clean phone illustrations */
.visual-step{display:flex;flex-direction:column;gap:10px;padding:14px}
.visual-step .step-copy{min-height:76px}
.visual-step .step-copy strong{display:block;margin:5px 0 0;font-size:15px;line-height:1.35}
.visual-step .real-shot{order:2;margin-top:2px}
.visual-step .real-shot img{animation:guideIn .35s ease both}
@keyframes guideIn{from{opacity:.25;transform:translateY(5px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:520px){.visual-step .step-copy{min-height:auto}.visual-step .step-copy strong{font-size:16px}}

/* Optional country-code removal mode */
.country-tool-choice{display:grid;gap:12px;padding:18px;margin:16px 0;border:1px solid #cbd7e9;border-radius:14px;background:#f5f8fe;color:#142c59}
.country-tool-choice label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.45}
.country-tool-choice input{margin-top:4px;accent-color:#1556ac;flex-shrink:0}
.country-tool-choice p{margin:0;line-height:1.5}