:root{
  --bg:#050713;
  --bg-2:#090d1d;
  --panel:#0d1228;
  --panel-2:#121936;
  --ink:#f7f8ff;
  --muted:#9ca6c6;
  --line:rgba(255,255,255,.10);
  --coral:#ff705b;
  --cyan:#65ddff;
  --violet:#8d7cff;
  --lime:#c9ff68;
  --shadow:0 30px 90px rgba(0,0,0,.38);
  --radius:28px;
  --radius-sm:18px;
  --container:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:
 radial-gradient(circle at 10% 8%,rgba(101,221,255,.10),transparent 26%),
 radial-gradient(circle at 88% 12%,rgba(141,124,255,.12),transparent 30%),
 radial-gradient(circle at 52% 90%,rgba(255,112,91,.09),transparent 28%),var(--bg)}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,svg{display:block;max-width:100%}
::selection{background:var(--coral);color:#100b12}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-100px;z-index:999;background:#fff;color:#111;padding:10px 14px;border-radius:10px}.skip-link:focus{top:16px}
.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:.77rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";width:18px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:2px}
.display{font-family:"Space Grotesk",sans-serif;letter-spacing:-.045em;line-height:.96;margin:0}
.section{padding:110px 0}.section-tight{padding:76px 0}.section-title{font-size:clamp(2.15rem,5vw,4.7rem);max-width:900px}.section-copy{color:var(--muted);font-size:1.06rem;max-width:650px}.center{text-align:center}.center .section-copy{margin-inline:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:.25s ease;cursor:pointer;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,var(--coral),#ff9b6c);color:#160b0b;box-shadow:0 14px 36px rgba(255,112,91,.24)}.btn-primary:hover{box-shadow:0 20px 50px rgba(255,112,91,.33)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.045);color:var(--ink);backdrop-filter:blur(15px)}.btn-secondary:hover{border-color:rgba(101,221,255,.45);background:rgba(101,221,255,.07)}.btn-mini{min-height:42px;padding:0 16px;font-size:.86rem}
.site-header{position:sticky;top:0;z-index:50;padding:15px 0;background:linear-gradient(to bottom,rgba(5,7,19,.94),rgba(5,7,19,.70));backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:9px 10px 9px 14px;border:1px solid var(--line);background:rgba(13,18,40,.72);border-radius:24px;box-shadow:0 12px 50px rgba(0,0,0,.18)}
.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-weight:800;font-size:1.05rem;white-space:nowrap}.brand-mark{position:relative;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,var(--cyan),var(--violet));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 8px 25px rgba(101,221,255,.16);overflow:hidden}.brand-mark span{position:absolute;bottom:9px;width:3px;border-radius:3px;background:#070916}.brand-mark span:nth-child(1){left:10px;height:8px}.brand-mark span:nth-child(2){left:16px;height:13px}.brand-mark span:nth-child(3){left:22px;height:18px}.brand-mark span:nth-child(4){left:28px;height:23px}.brand b{color:var(--coral)}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:5px}.desktop-nav a{padding:10px 13px;border-radius:12px;color:#bdc4df;font-size:.88rem;font-weight:700;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.065);color:#fff}.nav-actions{display:flex;align-items:center;gap:9px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;border-radius:14px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor;border-radius:2px}
.mobile-panel{display:none;position:fixed;inset:0;z-index:80;background:rgba(3,5,15,.75);backdrop-filter:blur(18px);padding:18px}.mobile-panel.open{display:block}.mobile-drawer{margin-left:auto;width:min(360px,100%);height:100%;padding:20px;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow);animation:slideIn .35s ease}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.close-menu{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:#fff;font-size:1.3rem}.mobile-links{display:grid;gap:8px}.mobile-links a{padding:15px 16px;background:rgba(255,255,255,.035);border:1px solid transparent;border-radius:14px;font-weight:750;color:#d7dcf0}.mobile-links a:hover{border-color:var(--line);color:#fff}.mobile-call{margin-top:18px;width:100%}@keyframes slideIn{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:#080b19}.ticker-track{display:flex;width:max-content;animation:marquee 28s linear infinite;padding:11px 0}.ticker span{display:flex;align-items:center;gap:12px;margin-right:42px;color:#c5cbe1;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.ticker i{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 18px var(--coral)}@keyframes marquee{to{transform:translateX(-50%)}}
.hero{position:relative;padding:88px 0 72px;min-height:730px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.hero h1{font-size:clamp(3.2rem,7.2vw,7.4rem);max-width:760px}.hero h1 .accent{color:transparent;background:linear-gradient(90deg,var(--cyan),#b5a9ff 48%,var(--coral));background-clip:text;-webkit-background-clip:text}.hero p{font-size:1.1rem;color:var(--muted);max-width:610px;margin:25px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.micro-proof{display:flex;align-items:center;gap:12px;margin-top:28px;color:#b2bad4;font-size:.83rem}.avatar-stack{display:flex}.avatar-stack span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;margin-left:-7px;border:2px solid var(--bg);font-size:.68rem;font-weight:900;color:#0b0d18}.avatar-stack span:nth-child(1){background:var(--cyan);margin-left:0}.avatar-stack span:nth-child(2){background:var(--violet)}.avatar-stack span:nth-child(3){background:var(--coral)}
.hero-stage{position:relative;min-height:560px}.orbit{position:absolute;inset:5% 0 0 6%;border:1px solid rgba(101,221,255,.20);border-radius:50%;transform:rotate(-8deg);animation:orbitPulse 5s ease-in-out infinite}.orbit::before,.orbit::after{content:"";position:absolute;border:1px solid rgba(141,124,255,.18);border-radius:50%}.orbit::before{inset:12%}.orbit::after{inset:26%}.orbit-dot{position:absolute;left:49%;top:-7px;width:13px;height:13px;border-radius:50%;background:var(--coral);box-shadow:0 0 30px var(--coral)}@keyframes orbitPulse{50%{transform:rotate(-4deg) scale(1.025)}}
.phone-shell{position:absolute;left:50%;top:50%;width:285px;height:548px;transform:translate(-50%,-49%) rotate(5deg);border-radius:47px;padding:10px;background:linear-gradient(145deg,#313959,#080b18);box-shadow:0 50px 100px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.15);animation:phoneFloat 6s ease-in-out infinite}.phone-screen{height:100%;border-radius:39px;padding:26px 21px;background:radial-gradient(circle at 80% 10%,rgba(101,221,255,.20),transparent 29%),linear-gradient(180deg,#101733,#070a17);overflow:hidden;position:relative}.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:92px;height:21px;border-radius:20px;background:#03050c}.screen-label{margin-top:25px;color:var(--cyan);font-size:.67rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.screen-price{font:800 4rem/1 "Space Grotesk";margin:15px 0 4px}.screen-price small{font-size:.85rem;color:var(--muted);letter-spacing:0}.data-ring{width:176px;height:176px;border-radius:50%;margin:24px auto;display:grid;place-items:center;background:conic-gradient(var(--coral) 0 72%,rgba(255,255,255,.08) 72%);position:relative;box-shadow:0 0 60px rgba(255,112,91,.11)}.data-ring::after{content:"";position:absolute;inset:12px;border-radius:50%;background:#0a0f23}.data-ring span{position:relative;z-index:2;text-align:center;font:800 2.1rem/1 "Space Grotesk"}.data-ring small{display:block;font:700 .67rem/1.5 "Manrope";color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stat{padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.mini-stat b{display:block;font-size:.78rem}.mini-stat span{color:var(--muted);font-size:.64rem}@keyframes phoneFloat{50%{transform:translate(-50%,-53%) rotate(2deg)}}
.float-chip{position:absolute;padding:13px 15px;border-radius:16px;border:1px solid var(--line);background:rgba(14,20,43,.85);backdrop-filter:blur(18px);box-shadow:0 20px 40px rgba(0,0,0,.3);font-size:.75rem;font-weight:750}.float-chip i{color:var(--cyan);margin-right:7px}.chip-one{top:15%;left:0;animation:chipFloat 5s ease-in-out infinite}.chip-two{right:-2%;top:31%;animation:chipFloat 6s ease-in-out infinite reverse}.chip-three{bottom:8%;left:6%;animation:chipFloat 5.6s ease-in-out infinite .4s}@keyframes chipFloat{50%{transform:translateY(-12px)}}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(13,18,40,.58);border-radius:24px;overflow:hidden}.metric{padding:25px 23px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font:800 1.35rem "Space Grotesk"}.metric span{color:var(--muted);font-size:.79rem}
.bento{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:290px 230px;gap:18px;margin-top:42px}.bento-card{position:relative;overflow:hidden;padding:29px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,25,54,.93),rgba(9,13,29,.94));transition:.3s ease;isolation:isolate}.bento-card::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(70px);opacity:.18;z-index:-1;transition:.3s}.bento-card:hover{transform:translateY(-7px);border-color:rgba(101,221,255,.28);box-shadow:var(--shadow)}.bento-card:hover::before{opacity:.32}.bento-card h3{font:800 clamp(1.45rem,3vw,2.3rem)/1 "Space Grotesk";margin:9px 0}.bento-card p{color:var(--muted);font-size:.9rem;max-width:340px}.bento-card .arrow{position:absolute;right:22px;bottom:20px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);transition:.25s}.bento-card:hover .arrow{background:var(--coral);color:#170b0a;transform:rotate(-8deg)}.bento-main{grid-row:span 2}.bento-main::before{right:-80px;bottom:-40px;background:var(--cyan)}.bento-phone::before{left:-80px;top:-80px;background:var(--violet)}.bento-trade::before{right:-80px;top:-80px;background:var(--coral)}.bento-compare{grid-column:span 2}.bento-compare::before{left:35%;bottom:-120px;background:var(--lime)}
.sim-visual{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:220px;height:290px}.sim-card-art{position:absolute;width:140px;height:205px;border-radius:26px 26px 26px 10px;background:linear-gradient(155deg,var(--cyan),#4f78ff);box-shadow:0 25px 60px rgba(40,100,255,.28);transform:rotate(-8deg)}.sim-card-art::after{content:"";position:absolute;left:28px;top:25px;width:67px;height:54px;border-radius:9px;background:linear-gradient(135deg,#ffd269,#c88a29);box-shadow:inset 0 0 0 2px rgba(70,40,0,.24)}.sim-card-art.second{right:0;bottom:0;background:linear-gradient(155deg,var(--coral),#9b3dff);transform:rotate(10deg)}
.phone-stack{position:absolute;right:25px;bottom:-30px;width:150px;height:220px}.phone-stack span{position:absolute;inset:0;border-radius:28px;border:6px solid #2c355c;background:linear-gradient(145deg,#131a38,#050714);box-shadow:0 25px 50px rgba(0,0,0,.3)}.phone-stack span:nth-child(1){transform:rotate(-12deg) translate(-20px,12px);background:linear-gradient(145deg,#3c4c83,#12172e)}.phone-stack span:nth-child(2){transform:rotate(9deg) translate(15px,2px);background:linear-gradient(145deg,#713c8c,#171027)}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;counter-reset:step}.step-card{position:relative;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(13,18,40,.56);counter-increment:step}.step-card::before{content:"0" counter(step);position:absolute;right:22px;top:12px;color:rgba(255,255,255,.06);font:800 4.2rem/1 "Space Grotesk"}.step-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(101,221,255,.16),rgba(141,124,255,.16));color:var(--cyan);font-size:1.15rem}.step-card h3{font:800 1.35rem "Space Grotesk";margin:18px 0 8px}.step-card p{color:var(--muted);font-size:.9rem;margin:0}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.deal-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(165deg,rgba(18,25,54,.92),rgba(8,11,25,.94));overflow:hidden;transition:.3s}.deal-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(101,221,255,.3)}.deal-card.featured{background:linear-gradient(145deg,rgba(100,72,185,.33),rgba(14,20,45,.98));border-color:rgba(141,124,255,.42)}.deal-card .badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(101,221,255,.10);color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.deal-card h3{font:800 1.45rem "Space Grotesk";margin:18px 0 5px}.price{font:800 3.35rem/1 "Space Grotesk";letter-spacing:-.05em;margin:20px 0}.price small{font:700 .82rem "Manrope";color:var(--muted);letter-spacing:0}.feature-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.feature-list li{display:flex;gap:9px;color:#c9cee2;font-size:.87rem}.feature-list i{color:var(--cyan);margin-top:4px}.deal-card .btn{width:100%}
.brand-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand-tile{min-height:104px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);font:800 1rem "Space Grotesk";transition:.25s}.brand-tile i{display:block;margin-bottom:8px;font-size:1.5rem;color:var(--cyan)}.brand-tile:hover{background:rgba(101,221,255,.07);transform:translateY(-4px)}
.split-hero{padding:84px 0 55px}.split-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.split-hero h1{font-size:clamp(3.1rem,7vw,6.8rem)}.split-hero p{color:var(--muted);font-size:1.08rem;max-width:630px}.visual-panel{position:relative;min-height:420px;border:1px solid var(--line);border-radius:38px;background:radial-gradient(circle at 75% 15%,rgba(101,221,255,.17),transparent 30%),linear-gradient(145deg,#121a39,#090c1c);overflow:hidden;box-shadow:var(--shadow)}.visual-panel::after{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.06);border-radius:28px;pointer-events:none}.signal-bars{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);display:flex;align-items:end;gap:17px}.signal-bars span{width:43px;border-radius:16px 16px 6px 6px;background:linear-gradient(to top,var(--violet),var(--cyan));box-shadow:0 0 35px rgba(101,221,255,.15);animation:bars 2.8s ease-in-out infinite}.signal-bars span:nth-child(1){height:80px}.signal-bars span:nth-child(2){height:135px;animation-delay:.2s}.signal-bars span:nth-child(3){height:205px;animation-delay:.4s}.signal-bars span:nth-child(4){height:285px;animation-delay:.6s}@keyframes bars{50%{filter:brightness(1.35);transform:scaleY(.93)}}
.visual-caption{position:absolute;left:35px;top:32px;max-width:270px}.visual-caption strong{display:block;font:800 1.45rem "Space Grotesk"}.visual-caption span{color:var(--muted);font-size:.82rem}
.device-deck{position:absolute;inset:0}.device{position:absolute;width:164px;height:300px;border-radius:30px;border:7px solid #303857;background:linear-gradient(145deg,#122045,#070914);box-shadow:0 35px 70px rgba(0,0,0,.4)}.device::after{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:55px;height:11px;border-radius:10px;background:#02040a}.device.one{left:19%;top:20%;transform:rotate(-13deg);background:radial-gradient(circle at 70% 20%,rgba(255,112,91,.35),transparent 40%),#11162d}.device.two{left:43%;top:12%;z-index:2;background:radial-gradient(circle at 30% 25%,rgba(101,221,255,.38),transparent 42%),#0c122a}.device.three{right:13%;top:25%;transform:rotate(12deg);background:radial-gradient(circle at 50% 70%,rgba(141,124,255,.38),transparent 42%),#0e1228}
.trade-meter{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;background:conic-gradient(var(--lime) 0 64%,rgba(255,255,255,.07) 64%);display:grid;place-items:center;box-shadow:0 0 80px rgba(201,255,104,.13)}.trade-meter::after{content:"";position:absolute;inset:17px;border-radius:50%;background:#0b1024}.trade-meter div{position:relative;z-index:2;text-align:center}.trade-meter strong{display:block;font:800 3.2rem/1 "Space Grotesk";color:var(--lime)}.trade-meter span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}
.compare-lines{position:absolute;inset:45px}.compare-row{display:grid;grid-template-columns:90px 1fr 54px;align-items:center;gap:14px;margin:22px 0}.compare-row span{color:#cfd4e8;font-size:.8rem;font-weight:750}.compare-row i{height:11px;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--violet));display:block;transform-origin:left;animation:grow 1.7s ease both}.compare-row:nth-child(2) i{width:70%}.compare-row:nth-child(3) i{width:88%;background:linear-gradient(90deg,var(--coral),#ffb06e)}.compare-row:nth-child(4) i{width:55%}.compare-row:nth-child(5) i{width:96%;background:linear-gradient(90deg,var(--lime),var(--cyan))}@keyframes grow{from{transform:scaleX(.1);opacity:.2}}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:start}.faq-aside{position:sticky;top:120px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(18,25,54,.88),rgba(8,11,25,.94))}.faq-list{display:grid;gap:12px}details{border:1px solid var(--line);border-radius:20px;background:rgba(13,18,40,.62);overflow:hidden}summary{list-style:none;cursor:pointer;padding:22px 24px;font-weight:800;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary::after{content:"+";width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);color:var(--cyan);flex:0 0 auto}details[open] summary::after{content:"−"}details p{padding:0 24px 23px;margin:0;color:var(--muted);font-size:.92rem}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.contact-card,.form-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(18,25,54,.88),rgba(8,11,25,.96));padding:34px}.contact-card{display:flex;flex-direction:column;justify-content:space-between;min-height:530px;overflow:hidden;position:relative}.contact-card::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;bottom:-120px;background:var(--violet);filter:blur(85px);opacity:.22}.contact-item{display:flex;gap:14px;align-items:flex-start;margin-top:20px}.contact-icon{width:44px;height:44px;border-radius:14px;background:rgba(101,221,255,.09);display:grid;place-items:center;color:var(--cyan);flex:0 0 auto}.contact-item b{display:block}.contact-item span{color:var(--muted);font-size:.84rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.77rem;color:#d2d7ea;font-weight:800}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);color:#fff;padding:15px 16px;outline:none}.field input:focus,.field textarea:focus{border-color:rgba(101,221,255,.55);box-shadow:0 0 0 4px rgba(101,221,255,.07)}.field textarea{min-height:165px;resize:vertical}.form-card .btn{border:0;margin-top:16px}
.legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:35px;align-items:start}.legal-nav{position:sticky;top:115px;padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(13,18,40,.70)}.legal-nav strong{display:block;margin-bottom:12px;font:800 1rem "Space Grotesk"}.legal-nav a{display:block;padding:9px 11px;border-radius:10px;color:var(--muted);font-size:.78rem}.legal-nav a:hover{background:rgba(255,255,255,.05);color:#fff}.legal-article{display:grid;gap:15px}.legal-block{padding:28px 30px;border:1px solid var(--line);border-radius:22px;background:rgba(13,18,40,.55);scroll-margin-top:125px}.legal-block h2{font:800 1.38rem "Space Grotesk";margin:0 0 10px}.legal-block p,.legal-block li{color:var(--muted);font-size:.91rem}.legal-block ul{padding-left:20px}
.cta-panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:38px;padding:60px;background:linear-gradient(135deg,rgba(141,124,255,.25),rgba(101,221,255,.09) 48%,rgba(255,112,91,.16));box-shadow:var(--shadow)}.cta-panel::before{content:"";position:absolute;right:-60px;top:-80px;width:310px;height:310px;border:1px solid rgba(255,255,255,.10);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}.cta-panel h2{font-size:clamp(2.3rem,5vw,4.8rem);max-width:790px}.cta-panel p{color:#c3cae2;max-width:650px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.site-footer{padding:70px 0 30px;border-top:1px solid var(--line);background:#03050d}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:35px}.footer-brand p{color:var(--muted);font-size:.85rem;max-width:300px}.footer-col h4{font:800 .92rem "Space Grotesk";margin:0 0 14px}.footer-col a{display:block;color:var(--muted);font-size:.82rem;padding:5px 0}.footer-col a:hover{color:#fff}.footer-note{padding:16px;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:.73rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);color:#69718c;font-size:.72rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.spotlight{--mx:50%;--my:50%}.spotlight::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(101,221,255,.09),transparent 55%);opacity:0;transition:.25s}.spotlight:hover::after{opacity:1}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-actions .header-call span{display:none}.nav-actions .header-call{width:44px;padding:0}.hero-grid,.split-hero-grid{grid-template-columns:1fr}.hero{padding-top:65px}.hero-stage{min-height:520px;max-width:620px;width:100%;margin:auto}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento-main{grid-row:auto;min-height:470px}.bento-compare{grid-column:span 2}.faq-layout,.contact-layout,.legal-layout{grid-template-columns:1fr}.faq-aside,.legal-nav{position:relative;top:auto}.legal-nav{display:none}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:1/-1}.metric-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){:root{--container:min(100% - 28px,1180px);--radius:23px}.section{padding:78px 0}.section-tight{padding:55px 0}.site-header{padding:10px 0}.nav-shell{border-radius:19px;padding:7px 8px 7px 10px}.brand-mark{width:35px;height:35px}.brand{font-size:.93rem}.btn{min-height:49px;padding:0 18px;font-size:.87rem}.hero{min-height:auto;padding:58px 0 45px}.hero h1,.split-hero h1{font-size:clamp(2.75rem,14vw,4.6rem)}.hero p,.split-hero p{font-size:.98rem}.hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn,.cta-actions .btn{width:100%}.hero-stage{min-height:445px;overflow:hidden;border-radius:32px}.phone-shell{width:220px;height:420px;border-radius:38px}.phone-screen{border-radius:30px;padding:22px 16px}.screen-price{font-size:3rem}.data-ring{width:130px;height:130px;margin:18px auto}.data-ring span{font-size:1.5rem}.orbit{inset:8% 2% 2%}.float-chip{font-size:.66rem;padding:10px 11px}.chip-one{top:10%}.chip-two{top:36%}.chip-three{bottom:6%}.metric-strip{border-radius:20px}.metric{padding:19px 16px}.bento{grid-template-columns:1fr;gap:13px}.bento-card,.bento-main,.bento-compare{grid-column:auto;min-height:260px;padding:24px}.bento-main{min-height:430px}.bento-compare{min-height:250px}.sim-visual{transform:translateX(-50%) scale(.82);transform-origin:bottom}.timeline,.card-grid{grid-template-columns:1fr}.brand-rail{grid-template-columns:1fr 1fr}.brand-tile:last-child{grid-column:span 2}.split-hero{padding-top:58px}.visual-panel{min-height:345px;border-radius:28px}.signal-bars{gap:11px;bottom:45px}.signal-bars span{width:31px}.signal-bars span:nth-child(1){height:60px}.signal-bars span:nth-child(2){height:100px}.signal-bars span:nth-child(3){height:155px}.signal-bars span:nth-child(4){height:215px}.device{width:120px;height:230px}.device.one{left:9%;top:27%}.device.two{left:34%;top:15%}.device.three{right:5%;top:29%}.trade-meter{width:210px;height:210px}.compare-lines{inset:32px 22px}.compare-row{grid-template-columns:70px 1fr 45px}.contact-card,.form-card{padding:24px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-panel{padding:38px 25px;border-radius:27px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:1/-1}.footer-bottom{display:grid;text-align:center}.ticker-track{animation-duration:22s}}
@media(max-width:430px){.nav-actions{gap:6px}.header-call{width:40px!important;height:40px;min-height:40px}.menu-toggle{width:40px;height:40px}.brand-mark{width:32px;height:32px;border-radius:11px}.brand-mark span:nth-child(4){display:none}.brand-mark span:nth-child(1){left:9px}.brand-mark span:nth-child(2){left:15px}.brand-mark span:nth-child(3){left:21px}.hero h1,.split-hero h1{font-size:2.8rem}.metric-strip{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.brand-rail{grid-template-columns:1fr}.brand-tile:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   Mobile header refinement — compact, clean and edge-to-edge
   ========================================================= */
@media (max-width: 760px) {
  .ticker {
    display: none;
  }

  .site-header {
    top: 0;
    padding: 0;
    background: rgba(5, 7, 19, 0.92);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.22);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(101, 221, 255, 0.42),
      rgba(141, 124, 255, 0.38),
      transparent
    );
    pointer-events: none;
  }

  .site-header .container {
    width: 100%;
  }

  .nav-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 64px;
    width: 100%;
    padding: 9px 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .brand {
    min-width: 0;
    gap: 8px;
    font-size: 0.91rem;
    letter-spacing: -0.025em;
  }

  .brand-mark {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.34),
      0 8px 22px rgba(101, 221, 255, 0.13);
  }

  .nav-actions {
    flex: 0 0 auto;
    gap: 7px;
    margin-left: auto;
  }

  .nav-actions .header-call,
  .menu-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    border-radius: 50%;
  }

  .nav-actions .header-call {
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 9px 22px rgba(255, 112, 91, 0.18);
  }

  .nav-actions .header-call i {
    margin: 0;
    font-size: 0.82rem;
  }

  .menu-toggle {
    display: grid;
    place-content: center;
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.055);
  }

  .menu-toggle span {
    width: 16px;
    height: 1.5px;
    margin: 2.5px auto;
  }

  .mobile-panel {
    padding: 10px;
    background: rgba(3, 5, 15, 0.78);
  }

  .mobile-drawer {
    width: 100%;
    max-width: none;
    height: auto;
    max-height: calc(100dvh - 20px);
    overflow-y: auto;
    padding: 18px;
    border-radius: 24px;
    animation: mobileMenuDrop 0.32s cubic-bezier(.2,.75,.2,1);
  }

  .mobile-drawer-head {
    margin-bottom: 18px;
  }

  .mobile-links {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .mobile-links a {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 12px 13px;
    border-color: rgba(255, 255, 255, 0.07);
  }

  .mobile-links a.active {
    color: #fff;
    border-color: rgba(101, 221, 255, 0.22);
    background: rgba(101, 221, 255, 0.08);
  }

  .mobile-call {
    min-height: 50px;
  }

  .hero {
    padding-top: 52px;
  }
}

@keyframes mobileMenuDrop {
  from {
    opacity: 0;
    transform: translateY(-14px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 370px) {
  .nav-shell {
    padding-inline: 11px;
  }

  .brand {
    font-size: 0.83rem;
    gap: 7px;
  }

  .brand-mark {
    width: 33px;
    height: 33px;
  }

  .nav-actions .header-call,
  .menu-toggle {
    width: 37px;
    min-width: 37px;
    height: 37px;
    min-height: 37px;
  }
}


/* =========================================================
   Compare page score panel — flow layout with no overlap
   ========================================================= */
.compare-score-panel {
  min-height: 420px;
  padding: 34px 36px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.compare-score-panel .visual-caption {
  position: relative;
  left: auto;
  top: auto;
  z-index: 2;
  max-width: 100%;
  padding-right: 0;
  margin: 0 0 30px;
}

.compare-score-panel .visual-caption strong {
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  line-height: 1.1;
}

.compare-score-panel .visual-caption span {
  display: block;
  max-width: 390px;
  margin-top: 8px;
  font-size: 0.86rem;
  line-height: 1.55;
}

.compare-score-panel .compare-lines {
  position: relative;
  inset: auto;
  z-index: 2;
  display: grid;
  gap: 18px;
  width: 100%;
}

.compare-score-panel .compare-row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 15px;
  min-width: 0;
  margin: 0;
}

.compare-score-panel .compare-row span:first-child {
  white-space: nowrap;
}

.compare-score-panel .compare-row span:last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.compare-score-panel .compare-row i {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* Improve shared split hero spacing and readability. */
.split-hero-grid > .reveal:first-child {
  min-width: 0;
}

.split-hero .hero-actions {
  margin-top: 28px;
}

.split-hero p {
  line-height: 1.72;
}

@media (max-width: 1020px) {
  .split-hero-grid {
    gap: 42px;
  }

  .compare-score-panel {
    width: min(680px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  .split-hero-grid {
    gap: 34px;
  }

  .compare-score-panel {
    min-height: 0;
    padding: 25px 20px 27px;
    border-radius: 26px;
  }

  .compare-score-panel::after {
    inset: 10px;
    border-radius: 19px;
  }

  .compare-score-panel .visual-caption {
    margin-bottom: 23px;
    padding-inline: 2px;
  }

  .compare-score-panel .visual-caption strong {
    font-size: 1.28rem;
  }

  .compare-score-panel .visual-caption span {
    max-width: 280px;
    margin-top: 6px;
    font-size: 0.77rem;
    line-height: 1.5;
  }

  .compare-score-panel .compare-lines {
    gap: 15px;
    padding-inline: 2px;
  }

  .compare-score-panel .compare-row {
    grid-template-columns: 68px minmax(0, 1fr) 28px;
    gap: 10px;
  }

  .compare-score-panel .compare-row span {
    font-size: 0.7rem;
  }

  .compare-score-panel .compare-row i {
    height: 9px;
  }
}

@media (max-width: 370px) {
  .compare-score-panel {
    padding-inline: 17px;
  }

  .compare-score-panel .compare-row {
    grid-template-columns: 61px minmax(0, 1fr) 25px;
    gap: 8px;
  }

  .compare-score-panel .compare-row span {
    font-size: 0.66rem;
  }
}

/* =========================================================
   GetMobileDeal SIM-card logo — version 7
   ========================================================= */
.brand-mark.brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 39px;
  height: 39px;
  border-radius: 13px;
  overflow: visible;
  color: #080b18;
  font-size: 19px;
  line-height: 1;
  background: linear-gradient(145deg, var(--cyan), var(--violet));
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.38),
    0 9px 25px rgba(101, 221, 255, 0.18);
}

.brand-mark.brand-icon i {
  position: static;
  display: block;
  width: auto;
  height: auto;
  transform: none;
  color: inherit;
  font-size: inherit;
  line-height: 1;
}

.brand-name {
  display: inline-block;
  white-space: nowrap;
}

.brand-name b {
  color: var(--coral);
}

.brand:hover .brand-mark.brand-icon {
  transform: translateY(-1px) rotate(-3deg);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.44),
    0 12px 30px rgba(101, 221, 255, 0.24);
}

@media (max-width: 760px) {
  .brand-mark.brand-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    font-size: 17px;
  }
}

@media (max-width: 430px) {
  .brand-mark.brand-icon {
    width: 32px;
    height: 32px;
    border-radius: 11px;
    font-size: 15px;
  }
}

@media (max-width: 370px) {
  .brand-mark.brand-icon {
    width: 31px;
    height: 31px;
    font-size: 14px;
  }
}

/* =========================================================
   Global spacing system — version 9
   Tighter, consistent vertical rhythm across every page
   ========================================================= */

/* Desktop and large-screen rhythm */
.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-tight {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Prevent adjacent sections from doubling their vertical whitespace. */
main > section + section {
  padding-top: 22px;
}

main > .hero + .section-tight,
main > .split-hero + .section,
main > .split-hero + .section-tight {
  padding-top: 18px;
}

.hero {
  min-height: 650px;
  padding-top: 68px;
  padding-bottom: 50px;
}

.hero-grid {
  gap: 46px;
}

.hero-stage {
  min-height: 510px;
}

.split-hero {
  padding-top: 64px;
  padding-bottom: 38px;
}

.split-hero-grid {
  gap: 46px;
}

.bento {
  margin-top: 32px;
}

.timeline {
  margin-top: 32px;
}

.card-grid,
.timeline,
.bento {
  row-gap: 16px;
}

.cta-panel {
  padding: 48px;
}

.site-footer {
  padding-top: 54px;
  padding-bottom: 26px;
}

.footer-bottom {
  margin-top: 32px;
}

/* Tablet rhythm */
@media (max-width: 1100px) {
  .hero {
    min-height: auto;
    padding-top: 56px;
    padding-bottom: 40px;
  }

  .hero-stage {
    min-height: 470px;
  }

  .split-hero {
    padding-top: 54px;
    padding-bottom: 32px;
  }

  .split-hero-grid {
    gap: 34px;
  }

  .section {
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .section-tight {
    padding-top: 42px;
    padding-bottom: 42px;
  }

  main > section + section {
    padding-top: 18px;
  }
}

/* Mobile rhythm */
@media (max-width: 760px) {
  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-tight {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  main > section + section {
    padding-top: 12px;
  }

  main > .hero + .section-tight,
  main > .split-hero + .section,
  main > .split-hero + .section-tight {
    padding-top: 10px;
  }

  .hero {
    min-height: auto;
    padding-top: 42px;
    padding-bottom: 30px;
  }

  .hero-grid {
    gap: 28px;
  }

  .hero-stage {
    min-height: 390px;
  }

  .split-hero {
    padding-top: 42px;
    padding-bottom: 26px;
  }

  .split-hero-grid {
    gap: 26px;
  }

  .bento,
  .timeline {
    margin-top: 24px;
  }

  .card-grid,
  .timeline,
  .bento,
  .faq-list {
    gap: 14px;
  }

  .cta-panel {
    padding: 32px 23px;
  }

  .site-footer {
    padding-top: 44px;
    padding-bottom: 22px;
  }

  .footer-bottom {
    margin-top: 26px;
  }
}

@media (max-width: 430px) {
  .section {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .section-tight {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  main > section + section {
    padding-top: 8px;
  }

  .hero {
    padding-top: 36px;
    padding-bottom: 25px;
  }

  .split-hero {
    padding-top: 36px;
    padding-bottom: 22px;
  }

  .hero-stage {
    min-height: 360px;
  }

  .bento,
  .timeline {
    margin-top: 20px;
  }

  .cta-panel {
    padding: 28px 20px;
  }
}