:root{
  --bg:#070b18;--bg2:#0d1430;--panel:#111a36;--panel2:#162044;--text:#f8fafc;--muted:#a8b3c7;--red:#e31b2f;--blue:#1688ff;--cyan:#22d3ee;--line:rgba(255,255,255,.11);--glass:rgba(255,255,255,.06);--shadow:0 24px 80px rgba(0,0,0,.38);--radius:22px;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,rgba(22,136,255,.16),transparent 30%),radial-gradient(circle at 10% 0,rgba(227,27,47,.14),transparent 32%),var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:99;background:rgba(7,11,24,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.2px}.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--red),var(--blue));display:grid;place-items:center;box-shadow:0 0 30px rgba(22,136,255,.3);font-weight:900}.brand small{display:block;color:var(--muted);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:4px;list-style:none}.menu a{padding:12px 16px;color:#e8f0ff;font-weight:600;font-size:.95rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu a:hover{background:var(--glass);color:var(--text);transform:translateY(-1px)}.menu .quote{background:var(--gradient-1);color:white;box-shadow:0 12px 32px rgba(220,38,38,.28);transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.burger{display:none;background:transparent;border:0;width:44px;height:44px}.burger span{display:block;height:2px;background:#fff;margin:7px;border-radius:2px}.hero{position:relative;padding:98px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border:1px solid var(--line);background:var(--glass);border-radius:12px;color:#e8f0ff;font-weight:700;font-size:.84rem;margin-bottom:24px;transition:all .3s ease}.dot{width:10px;height:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));border-radius:50%;box-shadow:0 0 20px rgba(6,182,212,.6);animation:pulse 2s infinite}h1{font-size:clamp(2.55rem,6vw,5.2rem);line-height:.98;letter-spacing:-.06em;margin-bottom:22px}.grad{background:linear-gradient(135deg,#fff 10%,#93c5fd 52%,#ff8b99);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.16rem;color:var(--muted);max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:999px;font-weight:900;border:1px solid var(--line);transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--red),#b91527);color:white;box-shadow:0 20px 45px rgba(227,27,47,.25)}.btn-secondary{background:rgba(255,255,255,.07)}.hero-card{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:34px;padding:26px;box-shadow:var(--shadow);overflow:hidden}.radar{height:360px;border-radius:28px;background:radial-gradient(circle,rgba(34,211,238,.32) 0 2px,transparent 3px),repeating-radial-gradient(circle at center,rgba(22,136,255,.18) 0 2px,transparent 2px 55px),linear-gradient(135deg,rgba(22,136,255,.18),rgba(227,27,47,.12));display:grid;place-items:center}.shield{width:156px;height:156px;border-radius:44px;background:linear-gradient(135deg,var(--blue),var(--red));display:grid;place-items:center;font-size:68px;box-shadow:0 0 70px rgba(22,136,255,.35)}.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.badge{padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px}.badge b{display:block;font-size:1.3rem}.badge span{color:var(--muted);font-size:.82rem}.section{padding:88px 0}.section.alt{background:rgba(255,255,255,.025);border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:34px}.section-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.04em}.section-text{color:var(--muted);max-width:620px}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border-radius:var(--radius);padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.18);transition:.25s}.card:hover{transform:translateY(-4px);border-color:rgba(22,136,255,.35)}.icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(22,136,255,.2),rgba(227,27,47,.2));font-size:26px;margin-bottom:18px}.card h3{font-size:1.18rem;margin-bottom:8px}.card p,.card li{color:var(--muted)}.list{padding-left:20px;margin-top:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.panel{border:1px solid var(--line);background:var(--glass);border-radius:28px;padding:30px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:20px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--red),var(--blue))}.time-item{position:relative;padding-left:60px;margin:0 0 26px}.time-item:before{content:"";position:absolute;left:8px;top:4px;width:26px;height:26px;border-radius:50%;background:var(--bg);border:4px solid var(--blue)}.cta{padding:58px;border-radius:34px;background:linear-gradient(135deg,rgba(227,27,47,.9),rgba(22,136,255,.75)),radial-gradient(circle at top right,rgba(255,255,255,.24),transparent 28%);box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:24px;align-items:center}.cta h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.footer{padding:56px 0 26px;background:#050813;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer h4{margin-bottom:14px}.footer p,.footer a{color:var(--muted)}.footer a{display:block;margin:7px 0}.foot-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:var(--muted);font-size:.9rem}.page-hero{padding:72px 0;background:linear-gradient(135deg,rgba(22,136,255,.12),rgba(227,27,47,.1));border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.4rem,5vw,4.2rem)}.form{display:grid;gap:16px}.form input,.form select,.form textarea{width:100%;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--glass);color:var(--text);outline:none;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.form textarea{min-height:130px}.form label{font-weight:700;color:#e8f0ff;margin-bottom:8px;display:block;font-size:.88rem;letter-spacing:.02em}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{border-left:4px solid var(--blue);padding:20px 24px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(6,182,212,.06));border-radius:16px;color:#e8f0ff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.16)}.portal-shell{display:grid;grid-template-columns:330px 1fr;gap:22px}.metric{display:flex;justify-content:space-between;align-items:center}.status{padding:5px 10px;border-radius:999px;background:rgba(34,197,94,.14);color:#86efac;font-weight:900;font-size:.78rem}.warn{background:rgba(245,158,11,.14);color:#fcd34d}.mobile-only{display:none}@media(max-width:900px){.burger{display:block}.menu{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;padding:18px 20px;background:rgba(7,11,24,.98);border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu a{display:block}.hero-grid,.split,.portal-shell{grid-template-columns:1fr}.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr 1fr}.hero{padding-top:70px}.radar{height:280px}.section-head,.cta{display:block}.cta .btn{margin-top:20px}.two{grid-template-columns:1fr}}@media(max-width:580px){.container{width:min(100% - 28px,var(--max))}.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.hero-badges{grid-template-columns:1fr}.brand small{display:none}.brand-mark{width:42px;height:42px}.nav-inner{height:70px}.menu{top:70px}.section{padding:62px 0}.cta{padding:28px}.hero-buttons,.actions{flex-direction:column}.btn{width:100%}}

/* Image assets integration */
.brand-logo{width:48px;height:48px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.08);padding:4px;box-shadow:0 0 24px rgba(22,136,255,.26)}
.hero-media{height:380px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(220,38,38,.16))}
.hero-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.4,0,.2,1),filter .6s ease}
.media-frame{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.media-frame img{width:100%;height:auto;display:block}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:900px){.media-grid{grid-template-columns:1fr}.hero-media{height:280px}}
@media(max-width:580px){.brand-logo{width:42px;height:42px}}

/* Upgrade layer */
.reveal-up{opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.reveal-up.is-visible{opacity:1;transform:none}

.site-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:rgba(8,14,33,.94);border:1px solid var(--line);color:#dbeafe;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);z-index:1000;opacity:0;transition:all .25s ease;max-width:90vw;text-align:center}
.site-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.site-toast.site-toast-error{border-color:var(--red);color:#fca5a5}

.floating-actions{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:1000}
.fab{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:46px;padding:0 14px;border-radius:999px;font-weight:900;letter-spacing:.02em;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);box-shadow:0 16px 34px rgba(0,0,0,.32);transition:transform .2s ease,filter .2s ease}
.fab:hover{transform:translateY(-2px);filter:brightness(1.06)}
.fab-wa{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}
.fab-call{background:linear-gradient(135deg,var(--blue),#0ea5e9);color:#fff}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}

@media(max-width:580px){
  .floating-actions{right:12px;bottom:12px}
  .fab{height:42px;min-width:52px;padding:0 12px;font-size:.86rem}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* 2026 premium upgrade layer */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700;800&family=Manrope:wght@400;500;700;800&display=swap');

:root{
  --bg:#030812;
  --bg2:#061020;
  --panel:#0a1828;
  --panel2:#0f2238;
  --text:#f8faff;
  --muted:#94a6c4;
  --red:#dc2626;
  --orange:#ea580c;
  --yellow:#eab308;
  --green:#16a34a;
  --blue:#2563eb;
  --cyan:#0891b2;
  --purple:#7c3aed;
  --alert-red:#ef4444;
  --alert-orange:#f97316;
  --alert-yellow:#eab308;
  --security-green:#10b981;
  --gradient-1:linear-gradient(135deg,#dc2626,#ea580c);
  --gradient-2:linear-gradient(135deg,#2563eb,#0891b2);
  --gradient-3:linear-gradient(135deg,#7c3aed,#ec4899);
  --gradient-security:linear-gradient(135deg,#10b981,#2563eb);
  --gradient-alert:linear-gradient(135deg,#ef4444,#f97316);
  --line:rgba(255,255,255,.08);
  --glass:rgba(255,255,255,.04);
  --shadow:0 32px 96px rgba(0,0,0,.48);
  --shadow-lg:0 48px 128px rgba(0,0,0,.64);
  --shadow-security:0 0 40px rgba(16,185,129,.3);
  --shadow-alert:0 0 40px rgba(239,68,68,.3);
}

body{
  font-family:'Manrope','Segoe UI',Tahoma,sans-serif;
  background:
    radial-gradient(circle at 15% 8%,rgba(239,68,68,.18),transparent 40%),
    radial-gradient(circle at 85% 12%,rgba(37,99,235,.22),transparent 42%),
    radial-gradient(circle at 45% 90%,rgba(16,185,129,.16),transparent 38%),
    linear-gradient(165deg,var(--bg),#040814 45%,var(--bg2));
  min-height:100vh;
  position:relative;
  overflow-x:hidden;
}

/* Security pattern overlay */
body::before{
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(16,185,129,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 80% 70%,rgba(37,99,235,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 50%,rgba(239,68,68,.06) 0 1px,transparent 2px);
  background-size:60px 60px,80px 80px,100px 100px;
  background-position:0 0,30px 30px,60px 60px;
  animation:security-pattern 20s linear infinite;
  pointer-events:none;
  z-index:1;
}

@keyframes security-pattern{
  0%{transform:translate(0,0)}
  100%{transform:translate(60px,60px)}
}

@keyframes security-scan{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}

@keyframes shield-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.2);opacity:.8}
}

@keyframes security-grid{
  0%{transform:translate(0,0) rotate(0deg)}
  100%{transform:translate(80px,80px) rotate(360deg)}
}

@keyframes lock-float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-10px) rotate(10deg)}
}

h1,h2,h3,h4,.brand{font-family:'Space Grotesk','Segoe UI',Tahoma,sans-serif}

.nav{backdrop-filter:blur(24px);background:rgba(3,8,18,.92);border-bottom:1px solid var(--line);box-shadow:0 8px 32px rgba(0,0,0,.48);position:relative;z-index:100}
.nav::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--security-green),var(--blue),var(--security-green));animation:security-scan 3s linear infinite}

.brand{gap:14px;font-size:1.1rem;letter-spacing:-.02px;position:relative}
.brand::after{content:"🛡️";position:absolute;top:-8px;right:-8px;font-size:16px;animation:shield-pulse 2s ease-in-out infinite}

.menu a{position:relative;padding:12px 16px;color:#e8f0ff;font-weight:600;font-size:.95rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}
.menu a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:7px;
  height:2px;
  background:linear-gradient(90deg,var(--gradient-1),var(--gradient-2));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.menu a:hover{background:var(--glass);color:var(--text);transform:translateY(-1px)}
.menu a:hover::after,.menu a.active::after{transform:scaleX(1)}
.menu a.active{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 8px 24px rgba(59,130,246,.32)}

.hero{padding:120px 0 80px;position:relative;z-index:2}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.12) 0 2px,transparent 3px),radial-gradient(circle at 20% 30%,rgba(37,99,235,.08) 0 1px,transparent 2px);background-size:80px 80px,60px 60px;animation:security-grid 25s linear infinite;pointer-events:none}

.hero-card{border:1px solid var(--line);border-radius:32px;overflow:hidden;background:linear-gradient(180deg,var(--glass),rgba(255,255,255,.02));box-shadow:var(--shadow-lg),var(--shadow-security);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}
.hero-card::after{content:"🔒";position:absolute;top:20px;right:20px;font-size:24px;opacity:.6;animation:lock-float 3s ease-in-out infinite}

.hero-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 64px 160px rgba(0,0,0,.72);border-color:rgba(59,130,246,.32)}

.badge{background:linear-gradient(135deg,var(--glass),rgba(16,185,129,.08));border:1px solid var(--line);border-radius:20px;padding:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}
.badge::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-security)}
.badge:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(16,185,129,.24);border-color:var(--security-green)}
.badge b{color:var(--security-green);font-size:1.4rem;font-weight:800;display:block;margin-bottom:4px}

.section-title{
  background:linear-gradient(130deg,#fff 20%,#bfdbfe 56%,#fecdd3 88%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.card,.panel,.media-frame{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--glass);box-shadow:0 20px 56px rgba(0,0,0,.28);transition:all .4s cubic-bezier(.4,0,.2,1)}

.card{position:relative;overflow:hidden;padding:24px}
.card::before{content:"";position:absolute;top:-50%;left:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.16),transparent 70%);pointer-events:none;transition:all .6s ease}

.card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(59,130,246,.42);box-shadow:0 32px 80px rgba(0,0,0,.48)}
.card:hover::before{top:-30%;left:-30%;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 72%)}

.icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:28px;margin-bottom:20px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(220,38,38,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);transition:all .4s cubic-bezier(.4,0,.2,1)}
.card:hover .icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(236,72,153,.12))}

/* Security status indicators */
.status-indicator{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:20px;
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.02em;
  position:relative;
  overflow:hidden;
}

.status-indicator::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  animation:status-pulse 2s ease-in-out infinite;
}

.status-secure{
  background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(37,99,235,.08));
  color:var(--security-green);
  border:1px solid rgba(16,185,129,.2);
}

.status-secure::before{background:var(--security-green);box-shadow:0 0 12px var(--security-green)}

.status-alert{
  background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(249,115,22,.08));
  color:var(--alert-red);
  border:1px solid rgba(239,68,68,.2);
}

.status-alert::before{background:var(--alert-red);box-shadow:0 0 12px var(--alert-red)}

.status-warning{
  background:linear-gradient(135deg,rgba(234,179,8,.12),rgba(249,115,22,.08));
  color:var(--alert-yellow);
  border:1px solid rgba(234,179,8,.2);
}

.status-warning::before{background:var(--alert-yellow);box-shadow:0 0 12px var(--alert-yellow)}

@keyframes status-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.7;transform:scale(1.2)}
}

.btn{position:relative;overflow:hidden;padding:14px 28px;border-radius:12px;font-weight:700;font-size:.95rem;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}

.btn::before{content:"";position:absolute;top:0;left:-140%;width:120%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .6s ease}

.btn:hover::before{left:120%}

.btn-primary{background:var(--gradient-2);color:white;box-shadow:0 12px 32px rgba(59,130,246,.32)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(59,130,246,.48)}

.btn-secondary{background:var(--glass);color:var(--text);border-color:var(--line)}
.btn-secondary:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}

.cta{border:1px solid var(--line);border-radius:20px;padding:32px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2)),radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 32%);box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1)}
.cta:hover{transform:translateY(-4px);box-shadow:0 48px 120px rgba(0,0,0,.64)}

.footer{background:linear-gradient(180deg,var(--bg),#030611);border-top:1px solid var(--line)}

.mini-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.mini-chip{border:1px solid var(--line);background:var(--glass);color:#e8f0ff;border-radius:12px;padding:10px 16px;font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:all .3s ease}
.mini-chip:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}

@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.8;transform:scale(1.1)}
}

@media(max-width:900px){
  .hero{padding-top:78px}
  .mini-chips{margin-bottom:12px}
}

/* Content upgrade blocks */
.kpi-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.kpi{
  border:1px solid var(--line);
  background:var(--glass);
  border-radius:16px;
  padding:16px;
  text-align:center;
}

.kpi b{
  display:block;
  font-size:1.5rem;
  color:#fff;
}

.kpi span{color:var(--muted);font-size:.88rem}

.story-block p{margin-bottom:12px;color:var(--muted)}

.value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.value-card{
  border:1px solid var(--line);
  background:var(--glass);
  border-radius:16px;
  padding:18px;
}

.value-card h3{margin-bottom:8px;color:#fff}
.value-card p{color:var(--muted)}

.service-pack-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.service-pack{
  border:1px solid var(--line);
  background:var(--glass);
  border-radius:18px;
  padding:20px;
}

.service-pack h3{margin-bottom:10px;color:#fff}

.service-list{
  list-style:none;
  display:grid;
  gap:8px;
}

.service-list li{
  position:relative;
  padding-left:16px;
  color:var(--muted);
}

.service-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--blue));
}

.delivery-flow{display:grid;gap:10px;margin-top:12px}

.delivery-flow div{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid var(--line);
  background:var(--glass);
  border-radius:12px;
  padding:12px;
}

.delivery-flow b{
  min-width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--blue));
  display:grid;
  place-items:center;
  color:#fff;
  font-size:.82rem;
}

.delivery-flow span{color:var(--muted)}

.contact-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.contact-card{
  border:1px solid var(--line);
  background:var(--glass);
  border-radius:14px;
  padding:16px;
}

.contact-card h3{margin-bottom:8px;color:#fff}
.contact-card p,.contact-card a{color:var(--muted)}

.contact-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:start;
}

.map-wrap iframe{
  width:100%;
  height:280px;
  border:0;
  border-radius:14px;
  margin:10px 0 14px;
}

.faq-list{display:grid;gap:10px}

.faq-list details{
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  border-radius:12px;
  padding:10px 12px;
}

.faq-list summary{cursor:pointer;color:#fff;font-weight:700}
.faq-list p{margin-top:8px;color:var(--muted)}

@media(max-width:900px){
  .kpi-row{grid-template-columns:repeat(2,1fr)}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .service-pack-grid{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr}
  .contact-layout{grid-template-columns:1fr}
}

@media(max-width:580px){
  .kpi-row,.value-grid{grid-template-columns:1fr}
  
  /* Enhanced mobile optimizations */
  .hero{padding:100px 0 60px}
  .hero-grid{gap:32px}
  .hero-card{border-radius:24px;padding:20px}
  .hero-media{height:240px}
  
  .card{padding:20px;border-radius:16px}
  .icon{width:48px;height:48px;font-size:24px}
  
  .btn{padding:12px 20px;font-size:.9rem}
  .nav-inner{height:70px}
  .brand{font-size:1rem}
  
  .section{padding:60px 0}
  .section-title{font-size:2rem}
  
  .cta{padding:24px;border-radius:20px}
  .cta h2{font-size:1.8rem}
  
  .form input,.form select,.form textarea{padding:14px 16px}
  .notice{padding:16px 20px}
}

/* Enhanced form styling */
.form input,.form select,.form textarea{
  width:100%;
  padding:16px 20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--glass);
  color:var(--text);
  outline:none;
  font-size:.95rem;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  backdrop-filter:blur(8px);
}

.form input:focus,.form select:focus,.form textarea:focus{
  border-color:var(--blue);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 3px rgba(59,130,246,.12),0 8px 32px rgba(0,0,0,.24);
}

.form label{
  font-weight:700;
  color:#e8f0ff;
  margin-bottom:8px;
  display:block;
  font-size:.88rem;
  letter-spacing:.02em;
}

.form textarea{
  min-height:140px;
  resize:vertical;
}

.notice{
  border-left:4px solid var(--blue);
  padding:20px 24px;
  background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(6,182,212,.06));
  border-radius:16px;
  color:#e8f0ff;
  border:1px solid var(--line);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}

/* Loading states and transitions */
.loading{
  position:relative;
  overflow:hidden;
}

.loading::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
  animation:shimmer 1.5s infinite;
}

@keyframes shimmer{
  0%{left:-100%}
  100%{left:100%}
}

/* Enhanced transitions */
.fade-in{
  animation:fadeIn 0.6s cubic-bezier(.4,0,.2,1);
}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

.slide-up{
  animation:slideUp 0.8s cubic-bezier(.4,0,.2,1);
}

@keyframes slideUp{
  from{opacity:0;transform:translateY(40px)}
  to{opacity:1;transform:translateY(0)}
}

/* Enhanced hover states */
.hover-lift{
  transition:all .3s cubic-bezier(.4,0,.2,1);
}

.hover-lift:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 40px rgba(0,0,0,.32);
}