@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#e9f5fb;--muted:#9db4c1;--night:#06131f;--panel:#0b2131;--line:#214153;--cyan:#55d8e9;--orange:#ff9e45;--cream:#f4efe4;--dark:#0a1b28;--max:1160px}
body,button,input,select,textarea{word-break:keep-all;overflow-wrap:break-word}a,code,.contact-email{overflow-wrap:anywhere}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.68 'DM Sans',sans-serif}a{color:inherit}img{display:block;max-width:100%}.page-shell{overflow:hidden}.skip{position:fixed;left:1rem;top:-5rem;z-index:10;background:#fff;color:#000;padding:.7rem 1rem}.skip:focus{top:1rem}.site-header{width:min(calc(100% - 40px),var(--max));margin:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-family:'Space Grotesk',sans-serif;line-height:1.05;letter-spacing:.02em}.brand img{border-radius:12px}.brand strong{color:var(--cyan);font-size:.82rem;text-transform:uppercase;letter-spacing:.15em}.site-header nav{display:flex;gap:1.7rem}.site-header nav a,footer a{text-decoration:none;color:var(--muted)}.site-header nav a:hover,footer a:hover{color:var(--cyan)}main{min-height:70vh}.hero{width:min(calc(100% - 40px),var(--max));margin:0 auto;min-height:690px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;position:relative}.hero:before{content:"UAG / 107";position:absolute;top:8%;left:47%;font:700 clamp(5rem,15vw,11rem)/1 'Space Grotesk';color:#0a1b28;white-space:nowrap;z-index:-1}.hero-copy{padding:5rem 0}.eyebrow{text-transform:uppercase;color:var(--cyan);font-size:.75rem;font-weight:700;letter-spacing:.22em;margin:0 0 1rem}.hero h1,.page-intro h1,.article header h1{font:700 clamp(3.4rem,8vw,7.8rem)/.91 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:.3rem 0 1.5rem;max-width:950px}.hero h1 span{color:var(--orange)}.lede{font-size:clamp(1.1rem,2vw,1.38rem);color:#bed0da;max-width:660px}.phone-stage{justify-self:end;width:min(320px,80%);padding:10px;border:1px solid #345567;border-radius:34px;background:#071722;box-shadow:0 30px 80px #0009;transform:rotate(3deg)}.phone-stage img{border-radius:25px}.radar{position:absolute;width:520px;height:520px;border:1px solid #1a3a4b;border-radius:50%;right:-110px;top:85px;z-index:-2}.radar:before,.radar:after,.radar span{content:"";position:absolute;border:1px solid #173747;border-radius:50%;inset:25%}.radar:after{inset:45%}.radar span{inset:0;border:0;background:conic-gradient(from 10deg,transparent 0 72%,#55d8e915 85%,transparent 100%)}.radar i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange)}.store-block{margin-top:2rem}.store-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.store-row a{display:flex;align-items:center;min-height:60px}.store-row img{height:60px;width:auto}.store-note,.source-note,.trademark{color:#7f99a7;font-size:.82rem}.proof-strip{background:var(--cream);color:var(--dark);display:grid;grid-template-columns:repeat(3,1fr);padding:2rem max(20px,calc((100vw - var(--max))/2));gap:1px}.proof-strip div{padding:1.4rem 2rem;border-right:1px solid #c8c1b4}.proof-strip div:last-child{border:0}.proof-strip strong{display:block;font:700 2rem 'Space Grotesk';color:#0b5662}.proof-strip span{display:block;margin-top:.25rem;color:#495b64}.section,.page-intro,.article,.policy,.faq-list,.support-grid{width:min(calc(100% - 40px),var(--max));margin:0 auto}.section{padding:7rem 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.section h2,.split h2,.final-cta h2,.official-source h2{font:600 clamp(2rem,4vw,4rem)/1.05 'Space Grotesk';letter-spacing:-.045em;margin:.3rem 0 1.5rem}.split p,.section-heading>p{color:var(--muted);font-size:1.06rem}.route-card{background:var(--panel);border:1px solid var(--line);padding:1rem 2rem}.route-card>div{display:grid;grid-template-columns:50px 1fr;gap:0 1rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.route-card span{grid-row:1/3;color:var(--orange);font:600 1.2rem 'Space Grotesk'}.route-card strong{font-size:1.1rem}.route-card p{margin:.2rem 0}.text-link{color:var(--cyan);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:3rem}.section-heading>p{max-width:480px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.screens figure{margin:0;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:26px}.screens figure:nth-child(2){margin-top:50px}.screens figure:nth-child(3){margin-top:100px}.screens img{border-radius:18px}.screens figcaption{text-align:center;color:var(--muted);padding:1rem .4rem}.guide-preview{border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-card{display:block;padding:1.7rem;background:#0a1c2a;border:1px solid var(--line);text-decoration:none;min-height:230px;transition:.2s transform,.2s border}.guide-card:hover{transform:translateY(-4px);border-color:var(--cyan)}.guide-card span{color:var(--orange);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.guide-card h2,.guide-card h3{font:600 1.35rem/1.15 'Space Grotesk';margin:1rem 0}.guide-card p{color:var(--muted)}.final-cta{padding:7rem max(20px,calc((100vw - var(--max))/2));background:var(--cyan);color:var(--dark)}.final-cta .eyebrow{color:#075461}.final-cta h2{font-size:clamp(3rem,7vw,7rem)}.final-cta .store-note{color:#25535a}.page-intro{padding:7rem 0 4rem}.page-intro h1{font-size:clamp(3.2rem,8vw,7rem)}.page-intro>p{max-width:720px;color:var(--muted);font-size:1.14rem}.all-guides{padding-bottom:7rem}.official-source{width:min(calc(100% - 40px),var(--max));margin:0 auto 7rem;padding:3rem;border:1px solid var(--line);background:var(--panel)}.official-source div{display:flex;flex-wrap:wrap;gap:1rem}.official-source a,.sources a{color:var(--cyan)}.breadcrumbs{display:flex;gap:.6rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.article{padding:4rem 0 7rem}.article header{padding:4rem 0;border-bottom:1px solid var(--line)}.article header h1{font-size:clamp(3rem,7vw,6.5rem)}.article-meta{color:#7793a2}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 280px;gap:7vw;align-items:start;padding:4rem 0}.article-copy h2,.policy h2{font:600 1.9rem/1.2 'Space Grotesk';margin:2.8rem 0 .8rem}.article-copy p,.policy p{color:#bdd0da;font-size:1.06rem}.callout,.sources{padding:1.5rem 1.8rem;background:var(--panel);border-left:3px solid var(--orange);margin:2rem 0}.callout p{margin:.4rem 0}.sources{border-color:var(--cyan)}.article-aside{position:sticky;top:2rem;background:var(--cream);color:var(--dark);padding:1.8rem}.article-aside img{border-radius:18px}.article-aside h2{font:600 1.5rem 'Space Grotesk'}.status-pill{display:inline-block;background:#0a4b55;color:#fff;padding:.55rem .8rem;margin:.3rem .25rem .2rem 0;border-radius:999px;text-decoration:none;font-size:.82rem}.related{border-top:1px solid var(--line);padding-top:3rem}.faq-list{padding-bottom:7rem}.faq-list details{border-top:1px solid var(--line);padding:1.4rem 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font:600 1.25rem 'Space Grotesk'}.faq-list p{color:var(--muted);max-width:760px}.policy{padding:6rem 0;max-width:850px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:7rem}.support-grid div{padding:1.7rem;border:1px solid var(--line);background:var(--panel)}.support-grid h2{font:600 1.25rem 'Space Grotesk'}.support-grid p{color:var(--muted)}.primary-button{display:inline-block;background:var(--orange);color:var(--dark);font-weight:700;text-decoration:none;padding:1rem 1.4rem;margin-top:1rem}.contact-email{font:600 clamp(1.3rem,4vw,3rem) 'Space Grotesk';color:var(--cyan)}footer{width:min(calc(100% - 40px),var(--max));margin:auto;padding:4rem 0 2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:flex-end}footer .source-note,footer .trademark{grid-column:1/-1;margin:0}
@media(max-width:800px){.site-header{min-height:82px}.site-header nav{gap:.8rem;font-size:.85rem}.site-header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:2rem}.hero-copy{padding:3rem 0 1rem}.phone-stage{justify-self:center;width:250px;margin:1rem 0 4rem}.hero:before{left:5%;top:8%}.radar{right:-240px}.proof-strip,.split,.guide-grid,.support-grid{grid-template-columns:1fr}.proof-strip div{border-right:0;border-bottom:1px solid #c8c1b4}.section{padding:5rem 0}.section-heading{display:block}.screens{gap:.8rem}.screens figure:nth-child(2),.screens figure:nth-child(3){margin-top:0}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.all-guides{grid-template-columns:1fr}.guide-card{min-height:0}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}}
@media(max-width:520px){.site-header{width:min(calc(100% - 28px),var(--max))}.brand span{font-size:.86rem}.site-header nav a:first-child{display:none}.hero,.section,.page-intro,.article,.policy,.faq-list,.support-grid{width:min(calc(100% - 28px),var(--max))}.hero h1{font-size:3.25rem}.screens{grid-template-columns:1fr}.screens figure{width:82%;margin:0 auto!important}.store-row{gap:5px}.store-row img{height:48px}.official-source{padding:2rem}.article header{padding:2rem 0}.article-layout{padding:2rem 0}}

/* store-badge-frame-sync: keep marketplace badges aligned without distorting official artwork */
.store-row>a{width:194px;height:75px;min-width:194px;min-height:75px;flex:0 0 194px;align-items:center;justify-content:center}
.store-row>a img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.store-row>a img[src*="google-play"]{width:194px;height:75px}
.store-row>a img[src*="app-store"]{width:180px;height:60px}
@media(max-width:420px){.store-row>a{max-width:100%}}