@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap");

:root{
  --orange:#ff6a00;
  --orange-2:#ff8a24;
  --orange-dark:#bd3d00;
  --black:#070708;
  --black-2:#0e0f11;
  --panel:#131416;
  --line:rgba(255,106,0,.22);
  --text:#f5f5f5;
  --muted:#9b9b9f;
  --white:#fff;
  --max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:Rajdhani,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.section{position:relative;padding:120px 0}
.bg-grid{position:fixed;inset:0;z-index:-4;opacity:.28;background-image:linear-gradient(rgba(255,106,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,106,0,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(255,106,0,.13),transparent 65%);transform:translate(-50%,-50%);transition:opacity .3s}
#preloader{position:fixed;inset:0;background:#070708;z-index:9999;display:grid;place-content:center;text-align:center;transition:opacity .7s,visibility .7s}
#preloader.hide{opacity:0;visibility:hidden}
.loader-logo{font:800 28px Orbitron;color:#fff;letter-spacing:2px}
.loader-logo span{color:var(--orange)}
.loader-logo small{display:block;font:600 9px Rajdhani;letter-spacing:6px;color:var(--orange)}
.loader-bar{width:230px;height:3px;background:#222;margin:25px auto 12px;overflow:hidden}
.loader-bar span{display:block;width:0;height:100%;background:var(--orange);animation:load 1.6s ease forwards}
#preloader p{font-size:10px;letter-spacing:3px;color:#777}
@keyframes load{to{width:100%}}

.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(7,7,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-wrap{height:78px;display:flex;align-items:center;gap:32px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-main{font:800 20px Orbitron;letter-spacing:1px;white-space:nowrap}
.brand-main span{color:var(--orange)}
.brand-sub{font:700 8px Rajdhani;letter-spacing:4px;color:#777;margin-top:5px}
.main-nav{display:flex;gap:28px;margin-left:auto}
.main-nav a{font-weight:700;font-size:14px;letter-spacing:1px;color:#a8a8ab;position:relative;padding:8px 0}
.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--orange);transition:.25s}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a:hover:after,.main-nav a.active:after{width:100%}
.nav-cta{display:flex;align-items:center;gap:12px;background:var(--orange);padding:11px 16px;font-weight:800;letter-spacing:1px;font-size:13px;box-shadow:0 0 25px rgba(255,106,0,.18)}
.nav-cta i{font-style:normal}
.menu-toggle{display:none;background:none;border:0;color:#fff}
.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}

.hero{min-height:850px;display:flex;align-items:center;overflow:hidden;padding-top:150px}
#particles{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(255,106,0,.15),transparent 35%),linear-gradient(90deg,rgba(7,7,8,.9),transparent 70%);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}
.eyebrow,.section-kicker{font:700 11px Orbitron;letter-spacing:2px;color:var(--orange)}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px var(--orange);margin-right:8px}
.hero h1{font:800 clamp(54px,7vw,100px)/.92 Orbitron;letter-spacing:-4px;margin:25px 0}
.hero h1 em,.section-head h2 em,.tech-copy h2 em,.about-copy h2 em,.contact-copy h2 em{font-style:normal;color:var(--orange);text-shadow:0 0 35px rgba(255,106,0,.25)}
.hero-text{max-width:600px;font-size:20px;line-height:1.45;color:#a8a8ad}
.hero-actions{display:flex;gap:14px;margin:34px 0 48px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 20px;font-weight:800;font-size:13px;letter-spacing:1px;border:1px solid rgba(255,255,255,.12)}
.btn-primary{background:var(--orange);border-color:var(--orange);color:#090909}
.btn-ghost{background:rgba(255,255,255,.03)}
.btn:hover{transform:translateY(-2px)}
.hero-stats{display:flex;gap:40px}
.hero-stats div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:14px}
.hero-stats strong{font:800 18px Orbitron}.hero-stats span{color:#777;font-size:12px;margin-top:4px}
.hero-visual{height:550px;position:relative;display:grid;place-items:center}
.radar{width:min(480px,80vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle,rgba(255,106,0,.08),transparent 58%);border:1px solid rgba(255,106,0,.3);box-shadow:0 0 100px rgba(255,106,0,.08)}
.radar-ring{position:absolute;border:1px solid rgba(255,106,0,.18);border-radius:50%;inset:12%}
.ring-2{inset:25%}.ring-3{inset:39%}
.radar:before,.radar:after{content:"";position:absolute;background:rgba(255,106,0,.13)}
.radar:before{width:1px;height:100%;left:50%;top:0}.radar:after{height:1px;width:100%;top:50%;left:0}
.radar-sweep{position:absolute;width:50%;height:2px;left:50%;top:50%;transform-origin:left center;background:linear-gradient(90deg,var(--orange),transparent);box-shadow:0 0 15px var(--orange);animation:sweep 3.5s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.radar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#111;border:1px solid var(--orange);box-shadow:0 0 45px rgba(255,106,0,.22)}
.wifi-icon{font-size:36px;color:var(--orange);line-height:.8}.radar-center strong{font:800 13px Orbitron;margin-top:8px}.radar-center small{font-size:8px;letter-spacing:2px;color:#777;margin-top:4px}
.radar-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 15px var(--orange);animation:blink 1.5s infinite}
.node-1{top:18%;right:22%}.node-2{bottom:25%;left:15%;animation-delay:.4s}.node-3{bottom:14%;right:28%;animation-delay:.8s}
@keyframes blink{50%{opacity:.2;transform:scale(.7)}}
.floating-card{position:absolute;background:rgba(16,16,17,.9);border:1px solid rgba(255,106,0,.28);padding:14px 18px;display:flex;flex-direction:column;backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.floating-card span{font-size:9px;letter-spacing:2px;color:#777}.floating-card strong{font:800 18px Orbitron;margin:4px 0}.floating-card small{color:#888}.fc-speed{top:8%;right:0}.fc-status{bottom:12%;left:0}.live-dot{width:6px;height:6px;border-radius:50%;background:#50d97b;box-shadow:0 0 10px #50d97b;display:inline-block!important;margin-bottom:5px}
.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#666;z-index:3}.scroll-cue span{display:inline-block;width:1px;height:30px;background:var(--orange);vertical-align:middle;margin-right:12px}
.ticker{overflow:hidden;border-block:1px solid rgba(255,106,0,.15);background:#0b0b0c;white-space:nowrap}.ticker-track{display:flex;gap:30px;width:max-content;padding:15px 0;animation:ticker 25s linear infinite;font:700 11px Orbitron;color:#aaa}.ticker-track b{color:var(--orange)}@keyframes ticker{to{transform:translateX(-50%)}}

.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head h2,.tech-copy h2,.about-copy h2,.contact-copy h2{font:800 clamp(35px,4.5vw,62px)/1 Orbitron;margin-top:18px;letter-spacing:-2px}.section-head>p{max-width:320px;color:#777;line-height:1.5}
.plan-tabs{display:flex;gap:8px;margin-bottom:25px;border-bottom:1px solid #222}.plan-tab{cursor:pointer;border:1px solid #252525;background:#101011;color:#777;padding:13px 18px;font-weight:800;font-size:13px}.plan-tab.active{color:#fff;background:var(--orange);border-color:var(--orange)}
.plans-panel{display:none;grid-template-columns:repeat(3,1fr);gap:15px}.plans-panel[data-panel="city"]{grid-template-columns:repeat(5,1fr)}.plans-panel.active{display:grid}
.plan-card{position:relative;background:linear-gradient(145deg,#151517,#0d0d0e);border:1px solid #252527;padding:28px;min-height:350px;display:flex;flex-direction:column;transition:.3s;overflow:hidden}.plan-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,106,0,.08);right:-70px;top:-70px;filter:blur(5px)}.plan-card:hover{border-color:rgba(255,106,0,.65);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.plan-card.featured{border-color:var(--orange);background:linear-gradient(145deg,#1a120d,#101010)}.plan-tag{font-size:10px;letter-spacing:2px;color:#777;font-weight:800}.plan-card h3{font:700 26px Orbitron;margin:28px 0 10px}.speed{font:800 46px Orbitron;color:var(--orange)}.speed small{font-size:14px;color:#aaa}.plan-card p{color:#777;min-height:45px;line-height:1.35}.price{margin-top:auto;font-size:14px;color:#999}.price strong{font:800 38px Orbitron;color:#fff}.price small{font-size:11px}.plan-card>a{margin-top:20px;border-top:1px solid #28282a;padding-top:15px;color:var(--orange);font-weight:800;font-size:13px}.popular{position:absolute;top:0;right:0;background:var(--orange);color:#070707;padding:7px 11px;font:800 8px Orbitron;letter-spacing:1px}

.tech-section{background:linear-gradient(180deg,#0a0a0b,#101011)}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.tech-copy>p{color:#888;max-width:550px;font-size:18px;line-height:1.5;margin:25px 0}.tech-list{margin-top:35px}.tech-list>div{display:grid;grid-template-columns:45px 1fr;column-gap:15px;padding:20px 0;border-top:1px solid #242426}.tech-list span{grid-row:span 2;color:var(--orange);font:700 11px Orbitron}.tech-list strong{font:700 18px Orbitron}.tech-list small{color:#777;margin-top:4px}.network-visual{height:480px;position:relative;border:1px solid rgba(255,106,0,.18);background:radial-gradient(circle at center,rgba(255,106,0,.08),transparent 55%);overflow:hidden}.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%;border:1px solid var(--orange);display:grid;place-items:center;font:800 24px Orbitron;color:var(--orange);box-shadow:0 0 50px rgba(255,106,0,.2)}.network-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform-origin:left center;left:50%;top:50%;width:220px;opacity:.6}.l1{transform:rotate(-145deg)}.l2{transform:rotate(-35deg)}.l3{transform:rotate(35deg)}.l4{transform:rotate(145deg)}.network-node{position:absolute;border:1px solid #333;background:#111;padding:10px 14px;font:700 10px Orbitron;color:#999}.n1{top:20%;left:12%}.n2{top:20%;right:12%}.n3{bottom:20%;right:12%}.n4{bottom:20%;left:12%}

.about-section{background:#ff6a00;color:#080808}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-mark{width:310px;height:310px;position:relative;display:grid;place-items:center}
.about-mark-ring{position:absolute;inset:0;border:1px solid rgba(7,7,8,.45);border-radius:50%;box-shadow:inset 0 0 0 22px rgba(255,255,255,.08)}
.about-mark-ring:before,.about-mark-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(7,7,8,.25)}
.about-mark-ring:before{inset:35px}.about-mark-ring:after{inset:70px}
.about-mark-text{position:relative;text-align:center;font:900 34px Orbitron;letter-spacing:-1px;color:#080808}
.about-mark-text span{color:#fff}
.about-mark-text small{display:block;font:800 10px Rajdhani;letter-spacing:7px;margin-top:8px}.about-copy .section-kicker{color:#111}.about-copy h2 em{color:#fff;text-shadow:none}.about-copy>p{max-width:650px;font-size:19px;line-height:1.5;margin:25px 0}.mini-stats{display:flex;gap:35px}.mini-stats div{border-left:2px solid #111;padding-left:12px}.mini-stats strong{font:800 14px Orbitron;display:block}.mini-stats span{font-size:12px}

.contact-section{padding:120px 0;background:#080809}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-copy p{color:#777;font-size:18px;max-width:500px;margin-top:25px}.contact-cards{display:grid;gap:15px}.contact-card{background:#111113;border:1px solid #27272a;padding:25px;display:grid;grid-template-columns:45px 1fr;column-gap:15px;align-items:center;transition:.3s}.contact-card:hover{border-color:var(--orange);transform:translateX(6px)}.contact-icon{grid-row:span 3;font:700 32px Orbitron;color:var(--orange)}.contact-card small{font-size:9px;letter-spacing:2px;color:#777}.contact-card strong{font:800 20px Orbitron;margin:5px 0}.contact-card em{font-style:normal;color:var(--orange);font-size:12px;font-weight:800}

footer{border-top:1px solid #222;background:#050506;padding:35px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-wrap p{font-size:12px;color:#666}.back-top{font:700 10px Orbitron;color:#777}.back-top:hover{color:var(--orange)}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c766;color:#fff;font-size:28px;z-index:90;box-shadow:0 8px 35px rgba(32,199,102,.3);animation:float 2.8s ease-in-out infinite}.floating-whatsapp:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(32,199,102,.3);border-radius:50%}@keyframes float{50%{transform:translateY(-6px)}}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  .main-nav{gap:16px}.nav-cta{display:none}.hero-grid,.tech-grid,.about-grid,.contact-wrap{grid-template-columns:1fr}.hero{min-height:auto;padding-bottom:100px}.hero-visual{height:470px}.plans-panel[data-panel="city"]{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:18px}.network-visual{max-width:650px}
}
@media(max-width:760px){
  .container{width:min(calc(100% - 30px),var(--max))}.section{padding:85px 0}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:78px;left:15px;right:15px;display:none;flex-direction:column;background:#101011;border:1px solid #29292b;padding:15px}.main-nav.open{display:flex}.hero h1{font-size:48px;letter-spacing:-2px}.hero-text{font-size:17px}.hero-actions{flex-direction:column}.hero-stats{gap:15px;justify-content:space-between}.hero-stats strong{font-size:14px}.hero-stats span{font-size:10px}.radar{width:330px}.fc-speed{right:0}.fc-status{left:0}.plans-panel,.plans-panel[data-panel="city"]{grid-template-columns:1fr}.plan-tabs{overflow:auto}.plan-tab{white-space:nowrap}.about-mark{width:240px;height:240px}.about-mark-text{font-size:27px}.mini-stats{gap:15px}.footer-wrap{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* =========================================================
   MOBILE OPTIMIZATION — INFOGAMES NET
   Keeps the desktop design intact and improves touch/mobile UX.
   ========================================================= */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  overscroll-behavior-x: none;
  -webkit-tap-highlight-color: transparent;
}

button,
a {
  touch-action: manipulation;
}

@media (hover: none) {
  .plan-card:hover,
  .contact-card:hover,
  .btn:hover {
    transform: none;
  }

  .cursor-glow {
    display: none;
  }
}

.mobile-quick-actions {
  display: none;
}

@media (max-width: 760px) {
  :root {
    --mobile-gap: 15px;
  }

  .container {
    width: calc(100% - 30px);
  }

  .site-header {
    background: rgba(7, 7, 8, .92);
  }

  .nav-wrap {
    height: 68px;
    gap: 12px;
  }

  .brand-main {
    font-size: 16px;
    letter-spacing: .5px;
  }

  .brand-sub {
    font-size: 7px;
    letter-spacing: 2.5px;
    margin-top: 4px;
  }

  .menu-toggle {
    width: 44px;
    height: 44px;
    padding: 7px;
    display: grid;
    place-content: center;
    border: 1px solid rgba(255,106,0,.28);
    background: rgba(255,255,255,.035);
    border-radius: 4px;
    margin-left: auto;
  }

  .menu-toggle span {
    width: 23px;
    height: 2px;
    margin: 3px 0;
    transition: transform .2s, opacity .2s;
  }

  .menu-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .main-nav {
    top: 68px;
    left: 15px;
    right: 15px;
    gap: 4px;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 18px 45px rgba(0,0,0,.45);
  }

  .main-nav a {
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    font-size: 14px;
  }

  .main-nav a:after {
    left: 14px;
    bottom: 6px;
  }

  .hero {
    min-height: 0;
    padding-top: 125px;
    padding-bottom: 55px;
  }

  .hero-grid {
    gap: 35px;
  }

  .hero-copy {
    width: 100%;
  }

  .eyebrow,
  .section-kicker {
    font-size: 9px;
    letter-spacing: 1.4px;
  }

  .hero h1 {
    font-size: clamp(39px, 12vw, 54px);
    line-height: .96;
    letter-spacing: -2.5px;
    margin: 19px 0;
  }

  .hero-text {
    max-width: none;
    font-size: 16px;
    line-height: 1.45;
  }

  .hero-actions {
    gap: 10px;
    margin: 25px 0 30px;
  }

  .btn {
    width: 100%;
    min-height: 52px;
    padding: 14px 16px;
    gap: 15px;
  }

  .hero-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .hero-stats div {
    padding-left: 9px;
  }

  .hero-stats strong {
    font-size: 11px;
    line-height: 1.1;
  }

  .hero-stats span {
    font-size: 9px;
    line-height: 1.2;
  }

  .hero-visual {
    height: 330px;
    width: 100%;
  }

  .radar {
    width: min(280px, 78vw);
  }

  .radar-center {
    width: 92px;
    height: 92px;
  }

  .wifi-icon {
    font-size: 28px;
  }

  .radar-center strong {
    font-size: 10px;
    margin-top: 5px;
  }

  .radar-center small {
    font-size: 6px;
    letter-spacing: 1.2px;
  }

  .floating-card {
    padding: 9px 11px;
    min-width: 105px;
    max-width: 125px;
  }

  .floating-card span {
    font-size: 7px;
    letter-spacing: 1px;
  }

  .floating-card strong {
    font-size: 12px;
    margin: 3px 0;
  }

  .floating-card small {
    font-size: 9px;
  }

  .fc-speed {
    top: 0;
    right: 0;
  }

  .fc-status {
    bottom: 0;
    left: 0;
  }

  .scroll-cue {
    display: none;
  }

  .ticker-track {
    padding: 12px 0;
    gap: 20px;
    font-size: 9px;
  }

  .section {
    padding: 70px 0;
  }

  .section-head {
    margin-bottom: 30px;
  }

  .section-head h2,
  .tech-copy h2,
  .about-copy h2,
  .contact-copy h2 {
    font-size: clamp(30px, 9vw, 42px);
    line-height: 1.02;
    letter-spacing: -1.5px;
    margin-top: 12px;
  }

  .section-head > p {
    font-size: 15px;
    line-height: 1.4;
    margin-top: 13px;
  }

  .plan-tabs {
    margin: 0 -15px 18px;
    padding: 0 15px 8px;
    gap: 7px;
    border-bottom-color: #252527;
    scrollbar-width: none;
  }

  .plan-tabs::-webkit-scrollbar {
    display: none;
  }

  .plan-tab {
    flex: 0 0 auto;
    min-height: 45px;
    padding: 10px 13px;
    font-size: 11px;
    border-radius: 3px;
  }

  .plans-panel,
  .plans-panel[data-panel="city"] {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .plan-card {
    min-height: 0;
    padding: 22px 20px;
    border-radius: 4px;
  }

  .plan-card h3 {
    font-size: 22px;
    margin: 20px 0 7px;
  }

  .speed {
    font-size: 40px;
  }

  .plan-card p {
    min-height: 0;
    margin: 8px 0 22px;
    font-size: 14px;
  }

  .price strong {
    font-size: 32px;
  }

  .plan-card > a {
    min-height: 44px;
    display: flex;
    align-items: center;
    font-size: 12px;
  }

  .popular {
    padding: 6px 8px;
    font-size: 7px;
  }

  .tech-grid,
  .about-grid,
  .contact-wrap {
    gap: 40px;
  }

  .tech-copy > p,
  .contact-copy p,
  .about-copy > p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 18px;
  }

  .tech-list {
    margin-top: 25px;
  }

  .tech-list > div {
    grid-template-columns: 35px 1fr;
    padding: 16px 0;
    column-gap: 10px;
  }

  .tech-list strong {
    font-size: 15px;
  }

  .tech-list small {
    font-size: 12px;
    line-height: 1.3;
  }

  .network-visual {
    width: 100%;
    height: 300px;
  }

  .network-core {
    width: 88px;
    height: 88px;
    font-size: 17px;
  }

  .network-line {
    width: 125px;
  }

  .network-node {
    padding: 7px 8px;
    font-size: 7px;
  }

  .n1 { top: 13%; left: 5%; }
  .n2 { top: 13%; right: 5%; }
  .n3 { bottom: 13%; right: 5%; }
  .n4 { bottom: 13%; left: 5%; }

  .about-section {
    overflow: hidden;
  }

  .about-grid {
    justify-items: center;
  }

  .about-mark {
    width: min(235px, 68vw);
    height: min(235px, 68vw);
  }

  .about-mark-text {
    font-size: clamp(22px, 7vw, 28px);
  }

  .about-mark-text small {
    font-size: 8px;
    letter-spacing: 4px;
  }

  .mini-stats {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .mini-stats div {
    padding-left: 10px;
  }

  .mini-stats strong {
    font-size: 11px;
  }

  .mini-stats span {
    font-size: 10px;
  }

  .contact-section {
    padding: 75px 0 125px;
  }

  .contact-wrap {
    gap: 32px;
  }

  .contact-cards {
    gap: 10px;
  }

  .contact-card {
    min-height: 92px;
    padding: 18px 16px;
    grid-template-columns: 36px 1fr;
    column-gap: 10px;
  }

  .contact-icon {
    font-size: 25px;
  }

  .contact-card small {
    font-size: 8px;
  }

  .contact-card strong {
    font-size: 16px;
    margin: 3px 0;
  }

  .contact-card em {
    font-size: 10px;
  }

  footer {
    padding: 28px 0 105px;
  }

  .footer-wrap {
    gap: 16px;
  }

  .footer-wrap p {
    font-size: 10px;
    line-height: 1.4;
  }

  .back-top {
    font-size: 9px;
  }

  .floating-whatsapp {
    width: 52px;
    height: 52px;
    right: 15px;
    bottom: 78px;
    font-size: 23px;
  }

  .mobile-quick-actions {
    position: fixed;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    left: 10px;
    right: 10px;
    bottom: max(10px, env(safe-area-inset-bottom));
    z-index: 95;
    padding: 7px;
    background: rgba(10,10,11,.94);
    border: 1px solid rgba(255,106,0,.28);
    backdrop-filter: blur(14px);
    box-shadow: 0 -8px 30px rgba(0,0,0,.35);
  }

  .mobile-quick-actions a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #171719;
    border: 1px solid #29292b;
    color: #fff;
    font: 800 11px Orbitron;
    letter-spacing: .4px;
  }

  .mobile-quick-actions a:first-child {
    background: var(--orange);
    color: #080808;
    border-color: var(--orange);
  }

  .mobile-quick-actions span {
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .container {
    width: calc(100% - 24px);
  }

  .hero h1 {
    font-size: 38px;
  }

  .hero-stats strong {
    font-size: 10px;
  }

  .hero-stats span {
    font-size: 8px;
  }

  .radar {
    width: 245px;
  }

  .plan-card {
    padding: 19px 17px;
  }

  .plan-tab {
    font-size: 10px;
    padding-inline: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ticker-track,
  .radar-sweep,
  .radar-node,
  .floating-whatsapp {
    animation: none !important;
  }
}