/* ============================================================
   ClickSambo — Mobile Apps page (/mobile-apps, /tr/mobil-uygulamalar, /pt-br/apps-moveis)
   Scoped to <main class="mobPage">: header, footer and other pages are untouched.
   Every rule is prefixed with .mobPage and every class carries the mob prefix, so the
   site-wide classes in layout.css (.btn, .hero, section .inner, ...) cannot collide and the
   relative specificity of element vs. class rules matches the approved design.
   The three language designs share the same markup and styles.
   ============================================================ */
.mobPage{--font-brand:"Nunito",-apple-system,"Segoe UI",Roboto,sans-serif; --navy:#1C2841; --ink:#0F1420; --orange:#F94C10; --orange-d:#D93D08; --orange-soft:rgba(249,76,16,.1); --green:#22B573; --green-d:#17835A; --green-soft:#E9F7F0; --cream:#FFF1E9; --cream-2:#FDF6F1; --cream-d:#EFDCD1; --white:#fff; --line:#ECECF3; --line-2:#F0E2D8; --muted:#51607A; --muted-2:#7C8AA3; --wrap:1120px; --r:20px; --r-sm:12px; --shadow:0 12px 40px rgba(28,40,65,.06); --shadow-lg:0 18px 50px rgba(28,40,65,.09);}
.mobPage *{box-sizing:border-box}
.mobPage{margin:0; background:var(--cream); color:var(--navy); font-family:var(--font-brand); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;}
/* layout.css sets `*{font-family:Mulish}` and `b,strong{font-weight:700}`;
   restore the browser defaults the design relies on. */
.mobPage *{font-family:inherit}
.mobPage b,.mobPage strong{font-weight:bolder}
.mobPage .mobWrap{max-width:var(--wrap); margin:0 auto; padding:0 24px}
.mobPage h1,.mobPage h2,.mobPage h3{margin:0; font-weight:800; letter-spacing:-.015em; color:var(--navy)}
.mobPage h1{font-size:clamp(32px,4.2vw,46px); line-height:1.14}
.mobPage h2{font-size:clamp(25px,3vw,34px); line-height:1.2}
.mobPage h3{font-size:clamp(18px,1.6vw,20px); line-height:1.3}
.mobPage p{margin:0 0 1rem}
.mobPage a{color:inherit}
.mobPage .mobBtn{display:inline-flex; align-items:center; justify-content:center; gap:9px; background:var(--orange); color:#fff; text-decoration:none; font-weight:700; padding:14px 26px; border-radius:10px; font-size:1rem; border:0; cursor:pointer; font-family:inherit; transition:background .15s ease, transform .15s ease;}
.mobPage .mobBtn:hover{background:var(--orange-d); transform:translateY(-1px)}
.mobPage .mobCrumbs{background:var(--cream); border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2)}
.mobPage .mobCrumbs .mobWrap{display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 24px; flex-wrap:wrap}
.mobPage .mobCrumbs ol{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; font-size:.84rem; font-weight:700; color:var(--muted-2)}
.mobPage .mobCrumbs li+li::before{content:"\203A"; margin-right:8px; color:#C9B4A5}
.mobPage .mobCrumbs a{text-decoration:none}
.mobPage .mobCrumbs a:hover{color:var(--orange)}
.mobPage .mobCrumbs [aria-current]{color:var(--navy)}
.mobPage .mobUpdated{margin:0; font-size:.82rem; color:var(--muted-2); font-weight:600}
.mobPage .mobHero{position:relative; overflow:hidden; padding:70px 0 76px; background: radial-gradient(760px 420px at 88% 0%, rgba(249,76,16,.10), transparent 62%), radial-gradient(620px 380px at 0% 100%, rgba(34,181,115,.08), transparent 60%), var(--cream);}
.mobPage .mobHeroGrid{display:grid; grid-template-columns:1.06fr .94fr; gap:52px; align-items:center}
@media(max-width:940px){
  .mobPage .mobHeroGrid{grid-template-columns:1fr; gap:44px}
}
.mobPage .mobLede{color:var(--muted); font-size:16px; line-height:1.7; margin-top:20px; max-width:52ch}
.mobPage .mobStores{display:flex; gap:12px; margin-top:26px; flex-wrap:wrap}
.mobPage .mobStore{display:flex; align-items:center; gap:11px; background:var(--navy); color:#fff; border-radius:12px; padding:10px 18px; text-decoration:none; transition:transform .15s ease, background .15s ease;}
.mobPage .mobStore:hover{transform:translateY(-1px); background:var(--ink)}
.mobPage .mobStore svg{width:24px; height:24px; flex:none}
.mobPage .mobStore .mobSt{display:flex; flex-direction:column; line-height:1.15}
.mobPage .mobStore .mobSt small{font-size:.64rem; opacity:.85; letter-spacing:.02em}
.mobPage .mobStore .mobSt b{font-size:1rem; font-weight:800}
.mobPage .mobCtaBand .mobStore{background:#fff; color:var(--navy)}
.mobPage .mobCtaBand .mobStore:hover{background:var(--cream-2)}
.mobPage .mobFeatures{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.mobPage .mobFeatures .mobWrap{padding:34px 24px}
.mobPage .mobFeatGrid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px}
@media(max-width:900px){
  .mobPage .mobFeatGrid{grid-template-columns:repeat(2,1fr); gap:24px}
}
@media(max-width:520px){
  .mobPage .mobFeatGrid{grid-template-columns:1fr}
}
.mobPage .mobFeat{display:flex; gap:12px; align-items:flex-start}
.mobPage .mobFeat .mobFi{flex:none; width:38px; height:38px; border-radius:11px; background:var(--orange-soft); color:var(--orange); display:grid; place-items:center}
.mobPage .mobFeat .mobFi svg{width:19px;height:19px}
.mobPage .mobFeat p{margin:0; font-weight:700; font-size:.93rem; color:var(--navy); line-height:1.4}
.mobPage section{padding:82px 0}
.mobPage section[id]{scroll-margin-top:86px}
.mobPage section.mobAlt{background:var(--white)}
.mobPage .mobSechead{max-width:60ch; margin:0 auto 46px; text-align:center}
.mobPage .mobSechead p{color:var(--muted); margin-top:12px}
.mobPage .mobMod .mobWrap{display:grid; grid-template-columns:1fr 320px; gap:60px; align-items:center}
.mobPage .mobMod .mobRevWrap{grid-template-columns:320px 1fr}
@media(max-width:900px){
  .mobPage .mobMod .mobWrap,.mobPage .mobMod .mobRevWrap{grid-template-columns:1fr; gap:34px}
  .mobPage .mobMod .mobRevWrap .mobMtext{order:1}
  .mobPage .mobMod .mobRevWrap .mobMphone{order:2}
}
.mobPage .mobMtext p.mobLead{color:var(--muted); margin-top:14px; max-width:56ch}
.mobPage .mobMlist{list-style:none; margin:22px 0 0; padding:0; display:grid; gap:11px}
.mobPage .mobMlist li{display:flex; gap:11px; align-items:flex-start; color:var(--navy); font-weight:600; font-size:16px; line-height:1.7}
.mobPage .mobMlist svg{flex:none; width:20px;height:20px; color:var(--green); margin-top:2px}
.mobPage .mobMphone{display:flex; justify-content:center}
.mobPage .mobDevice{width:300px; max-width:100%; background:#0A1120; border:10px solid #05090f; border-radius:42px; box-shadow:0 30px 64px rgba(28,40,65,.24); overflow:hidden; position:relative;}
.mobPage .mobScrn{background:#0E1626; color:#E7ECF5; height:588px; display:flex; flex-direction:column; overflow:hidden; font-size:11px; line-height:1.45}
@media(max-width:900px){
  .mobPage .mobDevice{width:268px; border-width:9px; box-shadow:0 18px 40px rgba(28,40,65,.16)}
  .mobPage .mobScrn{height:524px}
}
@media(max-width:460px){
  .mobPage .mobDevice{width:236px; border-width:8px}
  .mobPage .mobScrn{height:486px; font-size:10.5px}
}
.mobPage .mobSb{display:flex; justify-content:space-between; align-items:center; padding:11px 18px 5px; font-size:10.5px; font-weight:800; color:#c8d3e6}
.mobPage .mobSb .mobIc{opacity:.75; letter-spacing:1px}
.mobPage .mobApphd{display:flex; justify-content:space-between; align-items:center; padding:6px 15px 11px; border-bottom:1px solid rgba(255,255,255,.07)}
.mobPage .mobApphd .mobB{font-weight:800; font-size:12.5px; color:#fff}
.mobPage .mobApphd .mobB em{color:var(--orange); font-style:normal}
.mobPage .mobApphd .mobT{color:#9fb0c9; font-weight:700; font-size:11.5px}
.mobPage .mobPbody{flex:1; overflow:hidden; padding:11px 13px; display:flex; flex-direction:column; gap:8px}
.mobPage .mobSiteRow{display:flex; justify-content:space-between; align-items:center; font-weight:700; color:#c8d3e6; font-size:10.5px}
.mobPage .mobTagOn{background:rgba(34,181,115,.16); color:#4fd39a; border-radius:6px; padding:2px 8px; font-size:9px; font-weight:800}
.mobPage .mobChips{display:flex; gap:5px; flex-wrap:wrap}
.mobPage .mobChip{font-size:9.5px; font-weight:800; padding:4px 10px; border-radius:999px; background:#1a2740; color:#9fb0c9}
.mobPage .mobChip.mobOn{background:var(--orange); color:#fff}
.mobPage .mobNcard{background:#141f37; border:1px solid rgba(255,255,255,.06); border-radius:11px; padding:9px 10px; display:flex; gap:8px}
.mobPage .mobNcard.mobFraud{border-left:3px solid #F0453A}
.mobPage .mobNcard .mobNi{flex:none; width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.06); display:grid; place-items:center; color:#9fb0c9}
.mobPage .mobNcard .mobNi svg{width:12px;height:12px}
.mobPage .mobNcard.mobFraud .mobNi{background:rgba(240,69,58,.14); color:#ff6f66}
.mobPage .mobNcard .mobNc{flex:1; min-width:0}
.mobPage .mobNcard .mobNt{font-weight:800; color:#fff; font-size:10.5px; display:flex; justify-content:space-between; gap:6px}
.mobPage .mobNcard .mobNt .mobSite{color:#8fa0ba; font-weight:700; white-space:nowrap}
.mobPage .mobNcard .mobNd{color:#93a1ba; margin-top:2px; font-size:10px}
.mobPage .mobNcard .mobDot{width:6px;height:6px;border-radius:50%; background:#F0453A; flex:none; align-self:flex-start; margin-top:3px}
.mobPage .mobStat2{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.mobPage .mobStat2 .mobS{background:#141f37; border:1px solid rgba(255,255,255,.06); border-radius:11px; padding:10px}
.mobPage .mobStat2 .mobS b{display:block; font-size:19px; font-weight:800; color:#fff; letter-spacing:-.02em}
.mobPage .mobStat2 .mobS u{font-style:normal; text-decoration:none; color:#4fd39a; font-size:9.5px; font-weight:800}
.mobPage .mobStat2 .mobS span{display:block; color:#8fa0ba; font-size:9.5px; margin-top:2px}
.mobPage .mobTiles{display:grid; grid-template-columns:repeat(4,1fr); gap:6px}
.mobPage .mobTiles .mobTl{background:#141f37; border:1px solid rgba(255,255,255,.06); border-radius:9px; padding:7px 6px; text-align:center}
.mobPage .mobTiles .mobTl b{display:block; font-size:13px; font-weight:800; color:#fff}
.mobPage .mobTiles .mobTl b.mobO{color:var(--orange)}
.mobPage .mobTiles .mobTl b.mobG{color:#4fd39a}
.mobPage .mobTiles .mobTl span{display:block; color:#8fa0ba; font-size:7.5px; margin-top:2px; text-transform:uppercase; letter-spacing:.03em}
.mobPage .mobVrow{background:#141f37; border:1px solid rgba(255,255,255,.06); border-radius:11px; padding:9px 10px}
.mobPage .mobVrow .mobVt{display:flex; justify-content:space-between; align-items:center; font-weight:800; color:#fff; font-size:11px}
.mobPage .mobVrow .mobVt .mobBad{color:#ff6f66; font-size:9px; background:rgba(240,69,58,.14); padding:2px 7px; border-radius:6px}
.mobPage .mobVrow .mobVt .mobGood{color:#4fd39a; font-size:9px; background:rgba(34,181,115,.14); padding:2px 7px; border-radius:6px}
.mobPage .mobVrow .mobVm{color:#8fa0ba; font-size:9.5px; margin-top:2px}
.mobPage .mobVrow .mobVs{display:flex; gap:12px; margin-top:6px; color:#c8d3e6; font-size:9.5px; font-weight:700}
.mobPage .mobVrow .mobVs span u{color:#8fa0ba; font-weight:600; font-style:normal; text-decoration:none}
.mobPage .mobTrow{display:flex; justify-content:space-between; align-items:center; padding:6px 2px; font-size:10.5px; border-bottom:1px solid rgba(255,255,255,.05)}
.mobPage .mobTrow:last-child{border-bottom:0}
.mobPage .mobTrow .mobFlag{width:15px;height:11px;border-radius:2px; display:inline-block; margin-right:7px; vertical-align:-1px}
.mobPage .mobTrow b{color:#fff; font-weight:800}
.mobPage .mobPie{width:96px;height:96px;border-radius:50%; margin:2px auto 6px; background:conic-gradient(#F0453A 0 79%, #F7B733 79% 92%, #4A9CF5 92% 99%, #4fd39a 99% 100%); position:relative}
.mobPage .mobPie::after{content:""; position:absolute; inset:26px; border-radius:50%; background:#0E1626}
.mobPage .mobToggleRow{display:flex; justify-content:space-between; align-items:center; background:#141f37; border:1px solid rgba(255,255,255,.06); border-radius:10px; padding:10px 11px; font-weight:700; color:#dbe3f0; font-size:10.5px}
.mobPage .mobTg{width:32px;height:18px;border-radius:999px; background:#F0453A; position:relative; flex:none}
.mobPage .mobTg::after{content:"";position:absolute; width:14px;height:14px;border-radius:50%; background:#fff; top:2px; right:2px}
.mobPage .mobTg.mobG{background:var(--green)}
.mobPage .mobSeg{display:flex; gap:5px; background:#141f37; border:1px solid rgba(255,255,255,.06); border-radius:9px; padding:4px}
.mobPage .mobSeg span{flex:1; text-align:center; font-size:9.5px; font-weight:800; color:#9fb0c9; padding:5px; border-radius:6px}
.mobPage .mobSeg span.mobOn{background:var(--orange); color:#fff}
.mobPage .mobSetRow{display:flex; justify-content:space-between; align-items:center; padding:9px 2px; font-size:10.5px; color:#dbe3f0; font-weight:700; border-bottom:1px solid rgba(255,255,255,.05)}
.mobPage .mobSetRow .mobCi{color:#7f8ea8}
.mobPage .mobPlabel{font-size:8.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#6f7f98; margin:2px 0 -2px}
.mobPage .mobTabbar{display:flex; justify-content:space-between; padding:8px 12px 11px; border-top:1px solid rgba(255,255,255,.07); background:#0a1122}
.mobPage .mobTab{display:flex; flex-direction:column; align-items:center; gap:3px; font-size:8px; color:#6f7f98; font-weight:700; flex:1}
.mobPage .mobTab svg{width:16px;height:16px}
.mobPage .mobTab.mobOn{color:var(--orange)}
.mobPage .mobBadgeb{position:relative}
.mobPage .mobBadgeb::after{content:"1"; position:absolute; top:-4px; right:6px; background:var(--orange); color:#fff; font-size:7px; font-weight:800; width:12px;height:12px; border-radius:50%; display:grid; place-items:center}
@media (prefers-reduced-motion:no-preference){
  .mobPage .mobHero .mobMphone .mobDevice{animation:mobFloatin .7s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes mobFloatin{from{opacity:0; transform:translateY(18px)} to{opacity:1; transform:none}}
.mobPage .mobWhyGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
@media(max-width:820px){
  .mobPage .mobWhyGrid{grid-template-columns:1fr}
}
.mobPage .mobCard{background:var(--cream-2); border:1px solid var(--line-2); border-radius:var(--r); padding:28px 26px}
.mobPage .mobCard .mobCi{width:44px;height:44px;border-radius:13px; background:var(--orange-soft); color:var(--orange); display:grid; place-items:center; margin-bottom:16px}
.mobPage .mobCard .mobCi svg{width:22px;height:22px}
.mobPage .mobCard h3{margin-bottom:8px}
.mobPage .mobCard p{margin:0; color:var(--muted)}
.mobPage .mobSteps{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:s}
@media(max-width:820px){
  .mobPage .mobSteps{grid-template-columns:1fr}
}
.mobPage .mobStep{counter-increment:s; text-align:center}
.mobPage .mobStep .mobN{width:38px;height:38px;border-radius:11px; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:800; margin:0 auto 14px}
.mobPage .mobStep .mobN::before{content:counter(s)}
.mobPage .mobStep h3{margin-bottom:6px}
.mobPage .mobStep p{margin:0; color:var(--muted)}
.mobPage .mobCtaBand{background:var(--navy)}
.mobPage .mobCtaBand .mobWrap{padding:60px 24px}
.mobPage .mobCtaBand .mobInner{display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center}
@media(max-width:860px){
  .mobPage .mobCtaBand .mobInner{grid-template-columns:1fr; gap:28px}
}
.mobPage .mobCtaBand h2{color:#fff}
.mobPage .mobCtaBand p{color:#B9C2D2; margin-top:12px}
.mobPage :focus-visible{outline:2px solid var(--orange); outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .mobPage *{transition:none !important; animation:none !important}
}
.mobPage .mobMetaAds{background:var(--cream-2); border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2)}
.mobPage .mobMetaAds .mobWrap{padding:82px 24px}
.mobPage .mobMetaHead{max-width:62ch; margin:0 auto 42px; text-align:center}
.mobPage .mobMetaHead p{color:var(--muted); margin-top:12px}
.mobPage .mobShotGallery{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:start}
@media(max-width:900px){
  .mobPage .mobShotGallery{grid-template-columns:repeat(2,1fr); gap:22px}
}
.mobPage .mobShot{margin:0; display:flex; flex-direction:column; align-items:center; gap:13px}
.mobPage .mobMdevice{width:100%; max-width:238px; background:#0A1120; border:8px solid #05090f; border-radius:34px; overflow:hidden; box-shadow:0 18px 44px rgba(28,40,65,.20); container-type:inline-size}
.mobPage .mobShot figcaption{font-size:.92rem; font-weight:700; color:var(--navy); text-align:center; max-width:22ch; line-height:1.4}
.mobPage .mobMetaBenefits{list-style:none; margin:46px auto 0; padding:0; max-width:860px; display:grid; grid-template-columns:1fr 1fr; gap:14px 34px}
@media(max-width:640px){
  .mobPage .mobMetaBenefits{grid-template-columns:1fr; max-width:520px}
}
.mobPage .mobMetaBenefits li{display:flex; gap:11px; align-items:flex-start; color:var(--navy); font-weight:600; font-size:16px; line-height:1.7}
.mobPage .mobMetaBenefits svg{flex:none; width:20px; height:20px; color:var(--green); margin-top:4px}
.mobPage .mobCtaActions{display:flex; gap:12px; flex-wrap:wrap}
.mobPage .mobBtn.mobGhostLight{background:transparent; border:1.6px solid rgba(255,255,255,.55); color:#fff}
.mobPage .mobBtn.mobGhostLight:hover{background:#fff; color:var(--navy); border-color:#fff; transform:translateY(-1px)}
.mobPage .mobFaq{background:var(--white); border-top:1px solid var(--line)}
.mobPage .mobFaq .mobWrap{padding:82px 24px}
.mobPage .mobFaqList{max-width:760px; margin:34px auto 0; display:flex; flex-direction:column; gap:12px}
.mobPage .mobFaqItem{background:var(--cream-2); border:1px solid var(--line-2); border-radius:14px; overflow:hidden}
.mobPage .mobFaqItem summary{list-style:none; cursor:pointer; padding:18px 20px; font-weight:800; color:var(--navy); font-size:1.02rem; display:flex; justify-content:space-between; align-items:center; gap:14px}
.mobPage .mobFaqItem summary::-webkit-details-marker{display:none}
.mobPage .mobFaqItem summary::after{content:"+"; font-size:1.5rem; font-weight:700; color:var(--orange); line-height:1; flex:none; transition:transform .2s ease}
.mobPage .mobFaqItem[open] summary::after{transform:rotate(45deg)}
.mobPage .mobFaqItem .mobFaqA{padding:0 20px 18px; margin:0; color:var(--muted); line-height:1.7}
.mobPage .mobStats{background:var(--navy)}
.mobPage .mobStats .mobWrap{padding:58px 24px}
.mobPage .mobStats h2{color:#fff; text-align:center; margin-bottom:30px}
.mobPage .mobStatsGrid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center}
@media(max-width:720px){
  .mobPage .mobStatsGrid{grid-template-columns:repeat(2,1fr); gap:30px}
}
.mobPage .mobStat b{display:block; font-size:clamp(30px,4vw,42px); font-weight:800; color:#fff; letter-spacing:-.02em; line-height:1}
.mobPage .mobStat span{display:block; margin-top:9px; color:#B9C2D2; font-size:.95rem; font-weight:600; line-height:1.4}
.mobPage .mobStatsNote{text-align:center; margin:32px 0 0; color:#8fa0ba; font-size:.85rem; font-weight:600}
.mobPage .mobExplain{background:var(--cream-2); border-top:1px solid var(--line-2)}
.mobPage .mobExplain .mobWrap{padding:82px 24px}
.mobPage .mobExplainHead{max-width:60ch; margin:0 auto 26px; text-align:center}
.mobPage .mobExplainBody{max-width:760px; margin:0 auto}
.mobPage .mobExplainBody p{color:var(--muted); margin:0 0 16px; font-size:16px; line-height:1.7}
.mobPage .mobExplainBody strong{color:var(--navy)}
.mobPage .mobExplainSrc{font-size:.85rem !important; color:var(--muted-2)}
.mobPage .mobExplainSrc a{color:var(--orange-d); font-weight:700; text-decoration:none}
.mobPage .mobExplainSrc a:hover{text-decoration:underline}
.mobPage .mobGlossary{max-width:760px; margin:40px auto 0; background:var(--white); border:1px solid var(--line-2); border-radius:16px; padding:26px 28px}
.mobPage .mobGlossary h3{margin-bottom:8px}
.mobPage .mobGlossary dl{margin:0}
.mobPage .mobGlossary dt{font-weight:800; color:var(--navy); margin-top:16px}
.mobPage .mobGlossary dt:first-of-type{margin-top:10px}
.mobPage .mobGlossary dd{margin:4px 0 0; color:var(--muted); line-height:1.65}

/* Meta Ads phone mockups: 1em = 10px of a 480px-wide screen, scaled with the device width (container units). */
.mobPage .mobMs{aspect-ratio:480/1040; width:100%; font-size:calc(100cqw/48); line-height:1.3; background:#0E1626; color:#E7ECF5; display:flex; flex-direction:column; overflow:hidden; border-radius:26px}
.mobPage .mobMs *{box-sizing:border-box}
.mobPage .mobMsSb{display:flex; justify-content:space-between; padding:1.6em 2.2em .6em; font-size:2em; font-weight:800; color:#c8d3e6}
.mobPage .mobMsIc{opacity:.75; letter-spacing:.1em}
.mobPage .mobMsHd{display:flex; justify-content:space-between; align-items:center; padding:1.2em 2.2em 1.6em; border-bottom:1px solid rgba(255,255,255,.07)}
.mobPage .mobMsLogo{font-weight:800; font-size:3em; color:#fff}
.mobPage .mobMsLogo em{color:var(--orange); font-style:normal}
.mobPage .mobMsTitle{font-weight:800; font-size:2.2em; color:#fff}
.mobPage .mobMsSeg{display:grid; grid-template-columns:1fr 1fr; margin:1.6em 2.2em 0; padding:.5em; background:#18233b; border-radius:1.6em; font-size:2.1em; font-weight:700; color:#9fb0c9}
.mobPage .mobMsSeg span{display:flex; align-items:center; justify-content:center; gap:.5em; padding:.7em 0; border-radius:1.2em}
.mobPage .mobMsSeg .mobOn{background:#0E1626; color:#fff; border:1px solid rgba(255,255,255,.08)}
.mobPage .mobMsSeg i{display:inline-block; width:.8em; height:.8em; border-radius:50%; background:conic-gradient(#4285f4 0 33%,#34a853 0 66%,#fbbc05 0)}
.mobPage .mobMsSeg i.mobMsM{width:auto; height:auto; background:none; color:#4a8dff; font-style:normal; font-size:1.2em; line-height:1}
.mobPage .mobMsBody{flex:1; min-height:0; overflow:hidden; padding:1.8em 2.2em 0; display:flex; flex-direction:column; gap:1.4em}
.mobPage .mobMsSite{display:flex; align-items:center; gap:.8em; font-size:2.3em; font-weight:800; color:#fff}
.mobPage .mobMsSite b{font-weight:800; flex:1}
.mobPage .mobMsLock{width:.8em; height:.9em; background:#4fd39a; border-radius:.2em}
.mobPage .mobMsConn{font-size:.8em; color:#4fd39a; background:rgba(34,181,115,.14); border:1px solid rgba(79,211,154,.55); padding:.4em .9em; border-radius:.8em}
.mobPage .mobMsCard{background:#18233b; border:1px solid rgba(255,255,255,.06); border-radius:1.8em; padding:1.8em 2em}
.mobPage .mobMsCardHd{display:flex; justify-content:space-between; align-items:center; font-size:2.2em; color:#fff}
.mobPage .mobMsLink{color:var(--orange); font-size:.62em; font-weight:800}
.mobPage .mobMsPill{display:inline-block; margin-top:.8em; font-size:1.5em; font-weight:700; color:#4fd39a; background:rgba(34,181,115,.16); padding:.3em .9em; border-radius:2em}
.mobPage .mobMsKv{display:grid; grid-template-columns:1fr 1fr; gap:1.2em 1.4em; margin-top:1.2em}
.mobPage .mobMsKv small{display:block; font-size:1.4em; font-weight:700; color:#7a8aa4; letter-spacing:.03em}
.mobPage .mobMsKv b{display:block; font-size:1.9em; font-weight:800; color:#fff; line-height:1.25; overflow-wrap:anywhere}
.mobPage .mobMsTiles{display:grid; grid-template-columns:repeat(3,1fr); gap:1.1em}
.mobPage .mobMsTiles div{background:#18233b; border:1px solid rgba(255,255,255,.06); border-radius:1.6em; padding:1.4em .6em; text-align:center}
.mobPage .mobMsTiles i{display:block; width:3.6em; height:3.6em; border-radius:50%; margin:0 auto .8em; opacity:.85}
.mobPage .mobMsTiles b{display:block; font-size:3em; font-weight:800; color:#fff; line-height:1.1}
.mobPage .mobMsTiles span{display:block; margin-top:.4em; font-size:1.35em; font-weight:600; color:#8fa0ba; line-height:1.25}
.mobPage .mobMsChips{display:flex; gap:.9em; font-size:1.7em; font-weight:600; color:#8fa0ba; white-space:nowrap; overflow:hidden}
.mobPage .mobMsChips span{padding:.45em 1em; border:1px solid rgba(255,255,255,.16); border-radius:2em}
.mobPage .mobMsRange{font-size:1.5em; color:#6f7f98; margin-top:-.4em}
.mobPage .mobMsSub{display:flex; gap:1em; font-size:1.9em; font-weight:700; color:#c8d3e6; white-space:nowrap; overflow:hidden}
.mobPage .mobMsSub span{padding:.6em 1.1em; border:1px solid rgba(255,255,255,.12); border-radius:1.2em; background:#18233b}
.mobPage .mobMsSub .mobOn{background:var(--orange); border-color:var(--orange); color:#fff}
.mobPage .mobMsH2{font-size:2.5em; font-weight:800; color:#fff; margin-top:.4em}
.mobPage .mobMsDesc{margin:-.6em 0 0; font-size:1.7em; color:#9fb0c9; line-height:1.35}
.mobPage .mobMsCamp small{display:block; font-size:1.4em; color:#6f7f98; margin:.3em 0 1em}
.mobPage .mobMsCampName{display:flex; justify-content:space-between; gap:1em; font-size:2.1em; font-weight:800; color:#fff; line-height:1.25}
.mobPage .mobMsCampName em{font-style:normal; font-size:.7em; color:#ff8a80; background:rgba(240,69,58,.16); padding:.3em .8em; border-radius:1em; align-self:flex-start; white-space:nowrap}
.mobPage .mobMsGrid3{display:grid; grid-template-columns:repeat(3,1fr); gap:1em .8em}
.mobPage .mobMsGrid3 b{display:block; font-size:2em; font-weight:800; color:#fff}
.mobPage .mobMsGrid3 b.mobG,.mobPage .mobMsLead .mobG{color:#7fd9a8}
.mobPage .mobMsGrid3 b.mobR{color:#ff8a80}
.mobPage .mobMsGrid3 span{display:block; font-size:1.35em; color:#8fa0ba; line-height:1.25}
.mobPage .mobMsPl{padding:1.6em 2em}
.mobPage .mobMsLegend{display:flex; gap:1.8em; font-size:1.6em; font-weight:600; color:#c8d3e6; margin-bottom:.4em}
.mobPage .mobMsLegend i{display:inline-block; width:1.1em; height:1.1em; border-radius:50%; margin-right:.5em; vertical-align:-.1em}
.mobPage .mobMsPlRow{padding:1em 0; border-top:1px solid rgba(255,255,255,.07)}
.mobPage .mobMsPlRow:first-of-type{border-top:0}
.mobPage .mobMsPlTop{display:flex; justify-content:space-between; gap:1em; align-items:flex-start}
.mobPage .mobMsPlTop b{display:block; font-size:1.9em; font-weight:800; color:#fff; line-height:1.2}
.mobPage .mobMsPlTop small{display:block; font-size:1.5em; color:#6f7f98}
.mobPage .mobMsPlTop span{font-size:1.5em; font-weight:700; color:#ff8a80; white-space:nowrap}
.mobPage .mobMsBar{display:flex; height:1em; margin-top:.6em; border-radius:1em; overflow:hidden; background:#ff6f66}
.mobPage .mobMsBar i{background:#3cb8ac}
.mobPage .mobMsLead{display:flex; gap:1.6em; align-items:flex-start; background:#18233b; border:1px solid rgba(255,255,255,.06); border-radius:1.6em; padding:1.6em 1.8em}
.mobPage .mobMsLeadBad{border-left:.5em solid #ff8a80}
.mobPage .mobMsRing{flex:none; width:5.6em; height:5.6em; border-radius:50%; display:grid; place-items:center; border:.3em solid; font-size:2.2em; font-weight:800}
.mobPage .mobMsRing.mobR{color:#ff8a80; border-color:#ff8a80}
.mobPage .mobMsRing.mobO{color:#ffb86b; border-color:#ffb86b}
.mobPage .mobMsRing.mobG{color:#7fd9a8; border-color:#7fd9a8}
.mobPage .mobMsLeadMain{min-width:0}
.mobPage .mobMsLeadMain b{display:block; font-size:2.1em; font-weight:800; color:#fff; line-height:1.25}
.mobPage .mobMsLeadMain > span{display:block; font-size:1.9em; font-weight:700; color:#c8d3e6}
.mobPage .mobMsLeadMain small{display:block; font-size:1.4em; color:#6f7f98}
.mobPage .mobMsTags{display:flex; flex-wrap:wrap; gap:.6em; margin-top:.8em}
.mobPage .mobMsTags em{font-style:normal; font-size:1.4em; font-weight:700; padding:.3em .9em; border-radius:2em}
.mobPage .mobMsTags em.mobR{color:#ff8a80; background:rgba(240,69,58,.16)}
.mobPage .mobMsTags em.mobG{color:#7fd9a8; background:rgba(34,181,115,.16)}
.mobPage .mobMsTabs{display:flex; justify-content:space-between; padding:1.4em 1.2em 1.8em; border-top:1px solid rgba(255,255,255,.07); background:#0a1122}
.mobPage .mobMsTab{flex:1; display:flex; flex-direction:column; align-items:center; gap:.5em; font-size:1.5em; font-weight:700; color:#6f7f98; position:relative; min-width:0; white-space:nowrap}
.mobPage .mobMsTab svg{width:2.2em; height:2.2em}
.mobPage .mobMsTab.mobOn{color:var(--orange)}
.mobPage .mobMsBadgeb::after{content:""; position:absolute; top:-.4em; left:56%; width:1em; height:1em; border-radius:50%; background:#f0453a}
.mobPage .mobMsKv b em{display:block; font-style:normal; font-size:.8em; font-weight:700; color:#9fb0c9}