/* =========================================================
   MSD Medical Associates - Premium 3D Healthcare Website
   Palette: #030712 #050B18 #0B1F3A #00E5D4 #38BDF8
========================================================= */

:root{
  --bg:#030712;
  --bg2:#050B18;
  --panel:#0B1F3A;
  --cyan:#38BDF8;
  --teal:#00E5D4;
  --white:#F8FAFC;
  --muted:#94A3B8;
  --muted2:#64748B;
  --glass:rgba(255,255,255,.08);
  --glass2:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.14);
  --shadow:0 28px 80px rgba(0,0,0,.45);
  --glow:0 0 40px rgba(0,229,212,.28);
  --radius:28px;
  --nav-h:82px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}
body{
  font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:
    radial-gradient(circle at 20% 0%,rgba(0,229,212,.14),transparent 32%),
    radial-gradient(circle at 90% 10%,rgba(56,189,248,.10),transparent 35%),
    linear-gradient(180deg,var(--bg),#020617 45%,#030712);
  color:var(--white);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:rgba(0,229,212,.35);color:#fff}

/* ===== NAVBAR ===== */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:var(--nav-h);
  display:flex;align-items:center;
  background:rgba(3,7,18,.55);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(22px);
  transition:.35s ease;
}
.navbar.scrolled{height:70px;background:rgba(3,7,18,.88);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.nav-container,.section-container,.footer-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:26px}
.nav-logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em}
.logo-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(0,229,212,.16),rgba(56,189,248,.06));border:1px solid rgba(0,229,212,.25);box-shadow:var(--glow)}
.logo-text{font-family:'Syne',sans-serif;font-size:1.05rem}.logo-accent{color:var(--teal)}
.nav-links{display:flex;align-items:center;gap:6px;list-style:none}
.nav-link{display:inline-flex;padding:10px 13px;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:600;transition:.25s ease}
.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.08)}
.btn-cta,.btn-primary,.btn-outline,.btn-whatsapp{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:999px;font-weight:800;transition:.28s ease;overflow:hidden;white-space:nowrap;
}
.btn-cta,.btn-primary{background:linear-gradient(135deg,var(--teal),var(--cyan));color:#001016;box-shadow:0 12px 35px rgba(0,229,212,.25)}
.btn-cta{padding:12px 18px;font-size:.9rem}.btn-primary{padding:15px 24px}
.btn-cta:hover,.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,229,212,.35)}
.btn-outline{padding:14px 22px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff}
.btn-outline:hover{background:rgba(255,255,255,.10);border-color:rgba(0,229,212,.45);transform:translateY(-3px)}
.btn-whatsapp{background:#25D366;color:white;box-shadow:0 15px 35px rgba(37,211,102,.26)}
.btn-whatsapp:hover{transform:translateY(-3px);filter:brightness(1.08)}
.btn-large{padding:16px 26px}.btn-sm{padding:12px 16px;font-size:.9rem}.btn-full{width:100%;border:none;cursor:pointer}
.hamburger{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.05);cursor:pointer}
.hamburger span{display:block;width:20px;height:2px;background:#fff;margin:5px auto;border-radius:999px;transition:.25s ease}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== HERO ===== */
.hero{position:relative;min-height:100vh;padding:150px 0 70px;overflow:hidden}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 80%)}
.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(0,229,212,.6);box-shadow:0 0 14px rgba(0,229,212,.8);animation:rise linear infinite}
@keyframes rise{from{transform:translateY(40px);opacity:0}20%{opacity:1}to{transform:translateY(-120vh);opacity:0}}
.hero-container{position:relative;z-index:2;width: 100%;max-width: 1180px;padding: 0 16px;;margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:50px}
.hero-content{transition:transform .18s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(0,229,212,.24);border-radius:999px;background:rgba(0,229,212,.08);color:#bffef8;font-size:.88rem;font-weight:700;margin-bottom:24px}
.badge-dot{width:9px;height:9px;background:var(--teal);border-radius:50%;box-shadow:0 0 18px var(--teal);animation:blink 1.7s ease-in-out infinite}@keyframes blink{50%{opacity:.35;transform:scale(.7)}}
.hero-title,.section-title,.cta-title{font-family:'Syne',sans-serif;font-weight:800;letter-spacing:-.07em;line-height:.95}
.hero-title{font-size:clamp(3.2rem,7vw,6.8rem);margin-bottom:25px}.title-gradient{background:linear-gradient(100deg,#fff,var(--teal),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub,.section-sub{color:var(--muted);font-size:1.08rem;line-height:1.8;max-width:650px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.htag{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#dbeafe;font-size:.86rem}
.hero-btns,.cta-btns{display:flex;flex-wrap:wrap;gap:14px}

/* 3D hub */
.hero-visual{height:620px;display:grid;place-items:center;perspective:1200px;position:relative}.hub-wrapper{position:relative;width:430px;height:430px;transform-style:preserve-3d;transition:transform .16s ease-out;animation:hubFloat 7s ease-in-out infinite}@keyframes hubFloat{50%{translate:0 -16px}}
.orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,229,212,.25);box-shadow:inset 0 0 40px rgba(0,229,212,.06),0 0 40px rgba(0,229,212,.08);transform-style:preserve-3d}.orbit-1{animation:spin 22s linear infinite}.orbit-2{inset:45px;border-color:rgba(56,189,248,.24);transform:rotateX(70deg);animation:spin2 28s linear infinite reverse}.orbit-3{inset:86px;border-color:rgba(255,255,255,.15);transform:rotateY(65deg);animation:spin3 34s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin2{to{transform:rotateX(70deg) rotate(360deg)}}@keyframes spin3{to{transform:rotateY(65deg) rotate(360deg)}}
.hub-core{position:absolute;left:50%;top:50%;width:122px;height:122px;translate:-50% -50%;display:grid;place-items:center;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 80px rgba(0,0,0,.42),0 0 75px rgba(0,229,212,.35);backdrop-filter:blur(18px);animation:pulseCore 2.6s ease-in-out infinite;transform-style:preserve-3d}.core-glow{position:absolute;inset:-45px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,212,.35),transparent 65%);filter:blur(18px);z-index:-1}@keyframes pulseCore{50%{transform:scale(1.08) translateZ(28px)}}
.float-panel{position:absolute;min-width:132px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 55px rgba(0,0,0,.32);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:2px;transform-style:preserve-3d;animation:floatPanel 5.5s ease-in-out infinite}.fp-label{font-family:'Syne';font-weight:800}.fp-sub{font-size:.78rem;color:var(--muted)}.fp-1{top:26px;left:30px;animation-delay:0s}.fp-2{top:60px;right:5px;animation-delay:1.2s}.fp-3{left:-20px;bottom:75px;animation-delay:2.1s}.fp-4{right:25px;bottom:30px;animation-delay:3.1s}@keyframes floatPanel{50%{transform:translateY(-16px) translateZ(32px)}}
.orb-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--teal);box-shadow:0 0 22px var(--teal)}.od-1{left:50%;top:4px;animation:orbitDot1 9s linear infinite}.od-2{right:20px;top:50%;animation:orbitDot2 12s linear infinite}.od-3{left:22px;bottom:70px;animation:orbitDot3 15s linear infinite}@keyframes orbitDot1{to{transform:rotate(360deg) translateX(115px) rotate(-360deg)}}@keyframes orbitDot2{to{transform:rotate(-360deg) translateX(90px) rotate(360deg)}}@keyframes orbitDot3{to{transform:rotate(360deg) translateX(75px) rotate(-360deg)}}
.ecg-container{position:absolute;left:50%;bottom:46px;translate:-50% 0;width:430px;height:70px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);overflow:hidden;backdrop-filter:blur(15px)}.ecg-svg{width:100%;height:100%}.ecg-line{fill:none;stroke:var(--teal);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:820;stroke-dashoffset:820;filter:drop-shadow(0 0 8px var(--teal));animation:drawEcg 2.4s linear infinite}@keyframes drawEcg{to{stroke-dashoffset:0}}
.stats-bar{position:relative;z-index:3;width:min(1050px,calc(100% - 40px));margin:40px auto 0;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:16px;align-items:center}.stat-item{text-align:center}.stat-num,.stat-unit{font-family:'Syne';font-size:2rem;font-weight:800;color:#fff}.stat-unit{color:var(--teal)}.stat-label{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}.stat-divider{height:44px;width:1px;background:rgba(255,255,255,.12)}

/* ===== COMMON SECTIONS ===== */
section{position:relative}.brands-section,.solutions-section,.tech-section,.usecase-section,.about-section,.contact-section{padding:105px 0}.section-header{text-align:center;margin-bottom:54px}.section-tag{display:inline-flex;padding:9px 13px;border-radius:999px;background:rgba(0,229,212,.08);border:1px solid rgba(0,229,212,.18);color:#a7fff8;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}.section-title{font-size:clamp(2.4rem,4.8vw,4.8rem);margin-bottom:18px}.section-sub{margin-inline:auto}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}

/* ===== BRANDS ===== */
.brands-section{padding:70px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.brands-label{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;margin-bottom:24px}.brands-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-chip{padding:25px 18px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);text-align:center;transition:.3s ease}.brand-chip:hover{transform:translateY(-8px);border-color:rgba(0,229,212,.34);box-shadow:var(--glow)}.brand-name{display:block;font-family:'Syne';font-size:1.45rem;font-weight:800}.etiicos{color:#44e3c4}.siare{font-style:italic;color:#dbeafe}.aktiv{color:#81c784}.gce{color:#fff}.brand-sub{display:block;color:var(--muted);font-size:.82rem;margin-top:6px}

/* ===== SOLUTIONS ===== */
.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sol-card{position:relative;min-height:310px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.22);transform-style:preserve-3d;transition:transform .16s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden}.sol-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at var(--mx,50%) var(--my,30%),rgba(0,229,212,.20),transparent 36%);opacity:0;transition:.25s}.sol-card:hover:before{opacity:1}.sol-card:hover{border-color:rgba(0,229,212,.35);box-shadow:0 28px 75px rgba(0,0,0,.35),var(--glow)}.sol-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);margin-bottom:22px;transform:translateZ(28px)}.sol-title{font-family:'Syne';font-size:1.22rem;letter-spacing:-.04em;margin-bottom:12px;transform:translateZ(22px)}.sol-desc{color:var(--muted);font-size:.94rem;line-height:1.65;margin-bottom:18px;transform:translateZ(18px)}.sol-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(0,229,212,.08);color:#a7fff8;font-size:.78rem;font-weight:700;margin-bottom:18px}.sol-link{position:absolute;bottom:24px;left:24px;color:var(--teal);font-weight:800;font-size:.9rem}

/* ===== TECHNOLOGY ===== */
.tech-section{background:linear-gradient(180deg,transparent,rgba(11,31,58,.30),transparent)}.tech-split,.about-split,.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tech-left .section-title,.about-text .section-title{text-align:left}.tech-left .section-sub,.about-text .section-sub{margin:0}.tech-features{display:grid;gap:16px;margin-top:34px}.tech-feat{display:flex;gap:14px;padding:16px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:.25s ease}.tech-feat:hover{transform:translateX(8px);border-color:rgba(0,229,212,.30)}.feat-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:rgba(0,229,212,.08)}.feat-title{font-weight:800;margin-bottom:4px}.feat-desc{color:var(--muted);line-height:1.55;font-size:.94rem}.dashboard-mock{position:relative;padding:24px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);transform:perspective(900px) rotateY(-10deg) rotateX(6deg);animation:dashFloat 6s ease-in-out infinite}@keyframes dashFloat{50%{transform:perspective(900px) rotateY(-6deg) rotateX(3deg) translateY(-14px)}}.dash-header,.dash-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center}.dash-title{font-family:'Syne';font-weight:800}.dash-live{font-size:.82rem;color:#bffef8}.live-dot{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;margin-right:6px;box-shadow:0 0 15px var(--teal)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.dash-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.dc-label{color:var(--muted);font-size:.83rem}.dc-value{font-family:'Syne';font-size:1.7rem;font-weight:800;margin:8px 0}.dc-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.dcb-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--cyan))}.dash-ecg{padding:18px;border-radius:22px;background:#04111f;border:1px solid rgba(0,229,212,.16);margin-bottom:18px}.de-label{color:var(--muted);font-size:.82rem;margin-bottom:8px}.de-svg{width:100%;height:44px}.de-line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-dasharray:520;stroke-dashoffset:520;animation:drawEcg 2s linear infinite}.db-item{font-size:.8rem;color:var(--muted)}.db-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.green,.teal{background:var(--teal)}.blue{background:var(--cyan)}

/* ===== USE CASES ===== */
.uc-tabs-wrapper{border-radius:34px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);padding:22px;box-shadow:var(--shadow)}.uc-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.uc-tab{border:none;cursor:pointer;padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-weight:800;transition:.25s}.uc-tab.active,.uc-tab:hover{background:linear-gradient(135deg,var(--teal),var(--cyan));color:#001016}.uc-panel{display:none}.uc-panel.active{display:block;animation:fadeUp .45s ease}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.uc-content{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.uc-info{padding:28px}.uc-info h3{font-family:'Syne';font-size:2rem;letter-spacing:-.05em;margin-bottom:14px}.uc-info p{color:var(--muted);line-height:1.8;margin-bottom:22px}.uc-list{list-style:none;display:grid;gap:11px}.uc-list li{color:#dbeafe;padding-left:24px;position:relative}.uc-list li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 16px var(--teal)}.uc-visual{min-height:330px;display:grid;place-items:center;perspective:1000px}.uc-card-3d{position:relative;width:300px;height:240px;transform-style:preserve-3d;animation:ucRotate 8s ease-in-out infinite}@keyframes ucRotate{50%{transform:rotateY(14deg) rotateX(10deg)}}.uc3d-layer{position:absolute;left:0;right:0;height:70px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;font-family:'Syne';font-weight:800;box-shadow:0 20px 50px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.l1{top:15px;transform:translateZ(70px)}.l2{top:85px;transform:translateZ(35px)}.l3{top:155px;transform:translateZ(0)}.uc3d-glow{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,212,.38),transparent 60%);filter:blur(35px);transform:translateZ(-25px)}

/* ===== ABOUT ===== */
.about-visual{
  perspective: 1000px;
  width: fit-content;
}
.about-card-3d{height:420px;border-radius:36px;padding:1px;background:linear-gradient(135deg,rgba(0,229,212,.5),rgba(56,189,248,.16),rgba(255,255,255,.08));transform-style:preserve-3d;animation:aboutCard 7s ease-in-out infinite;box-shadow:var(--shadow)}@keyframes aboutCard{50%{transform:rotateY(8deg) rotateX(5deg) translateY(-12px)}}
.ac-inner{height:100%;width: 324px;border-radius:35px;background:linear-gradient(145deg,rgba(11,31,58,.92),rgba(3,7,18,.88));display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.ac-inner:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(0,229,212,.18);filter:blur(30px)}.ac-front{position:relative;z-index:2}.ac-logo-big{margin-bottom:20px}.ac-company{font-family:'Syne';font-size:2rem;font-weight:800;letter-spacing:-.05em}.ac-city{color:var(--muted);margin:8px 0 22px}.ac-brands-mini{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.ac-brands-mini span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.82rem}.about-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.asr-item{padding:20px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center}.asr-num{display:block;font-family:'Syne';font-size:1.65rem;font-weight:800;color:var(--teal)}.asr-label{color:var(--muted);font-size:.86rem}.about-para{color:var(--muted);font-size:1.03rem;line-height:1.85;margin-bottom:18px}.about-para strong{color:#fff}.about-bullets{list-style:none;display:grid;gap:13px;margin-top:24px}.about-bullets li{display:flex;align-items:flex-start;gap:10px;color:#dbeafe;line-height:1.55}

/* ===== CTA ===== */
.cta-banner{width:min(1180px,calc(100% - 40px));margin:50px auto;padding:72px 34px;border-radius:42px;background:linear-gradient(135deg,rgba(0,229,212,.14),rgba(56,189,248,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);overflow:hidden}.cta-bg-glow{position:absolute;inset:auto -80px -130px auto;width:320px;height:320px;background:rgba(0,229,212,.25);filter:blur(70px);border-radius:50%}.cta-content{position:relative;text-align:center;z-index:2}.cta-title{font-size:clamp(2.3rem,4.8vw,4.8rem);margin-bottom:18px}.cta-sub{color:var(--muted);max-width:720px;margin:0 auto 30px;line-height:1.8}.cta-btns{justify-content:center}

/* ===== CONTACT ===== */
.contact-info,.contact-form-wrap{align-self:stretch}.ci-card,.contact-form{height:100%;padding:28px;border-radius:32px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.ci-item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.ci-item:first-child{padding-top:0}.ci-icon{width:48px;height:48px;border-radius:16px;background:rgba(0,229,212,.08);display:grid;place-items:center;flex:0 0 48px}.ci-label{color:var(--muted);font-size:.84rem;margin-bottom:4px}.ci-value{font-weight:800;color:#fff}.ci-addr{line-height:1.5}.ci-contact-btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.contact-form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:grid;gap:8px}.form-group label{color:#dbeafe;font-weight:800;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;border:none;outline:none;border-radius:16px;padding:15px 16px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:.22s;resize:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(0,229,212,.55);box-shadow:0 0 0 4px rgba(0,229,212,.08)}.form-group select option{background:#07111f}.form-success{display:none;padding:14px 16px;border-radius:16px;background:rgba(0,229,212,.10);border:1px solid rgba(0,229,212,.25);color:#bffef8;font-weight:800;text-align:center}.form-success.show{display:block}

/* ===== FOOTER ===== */
.footer{padding:60px 0 28px;background:#020617;border-top:1px solid rgba(255,255,255,.08)}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px;margin-bottom:40px}.footer-tagline,.footer-contact-mini,.footer-bottom{color:var(--muted);line-height:1.7}.footer-contact-mini a{color:var(--teal)}.fl-title{font-family:'Syne';font-weight:800;margin-bottom:14px}.footer-links-col{display:grid;align-content:start;gap:10px}.footer-links-col a{color:var(--muted);font-size:.94rem;transition:.2s}.footer-links-col a:hover{color:var(--teal);transform:translateX(4px)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;font-size:.9rem}.wa-float{position:fixed;right:24px;bottom:24px;z-index:999;width:62px;height:62px;border-radius:22px;background:#25D366;display:grid;place-items:center;box-shadow:0 18px 45px rgba(37,211,102,.36);animation:waPulse 2.2s ease-in-out infinite}@keyframes waPulse{50%{transform:translateY(-5px);box-shadow:0 22px 65px rgba(37,211,102,.50)}}

/* ===== RESPONSIVE ===== */
@media (max-width:1050px){
  .hero-container,.tech-split,.about-split,.contact-split{grid-template-columns: 1fr}.hero{padding-top:130px}.hero-visual{height:520px;order:-1}.hero-content{text-align:center}.hero-sub{margin:auto}.hero-tags,.hero-btns{justify-content:center}.solutions-grid{grid-template-columns:repeat(2,1fr)}.brands-row{grid-template-columns:repeat(2,1fr)}.uc-content{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.nav-cta{display:none}.nav-links{position:fixed;top:82px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:18px;border-radius:24px;background:rgba(3,7,18,.96);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-link{justify-content:center}.hamburger{display:block}}
@media (max-width:720px){
  .nav-container,.section-container,.footer-container,.hero-container,.stats-bar,.cta-banner{width:min(100% - 26px,1180px)}.hero-title{font-size:3.25rem}.section-title,.cta-title{font-size:2.45rem}.hero-visual{height:430px}.hub-wrapper{width:310px;height:310px}.float-panel{min-width:105px;padding:11px 12px}.fp-1{left:-5px}.fp-2{right:-8px}.fp-3{left:-14px}.fp-4{right:-10px}.ecg-container{width:310px;bottom:26px}.stats-bar{grid-template-columns:1fr 1fr}.stat-divider{display:none}.brands-row,.solutions-grid,.form-row,.footer-top{grid-template-columns:1fr}.sol-card{min-height:275px}.uc-info{padding:10px}.dashboard-mock{transform:none;animation:none}.dash-grid{grid-template-columns:1fr}.about-card-3d{height:340px}.contact-section{padding-bottom:80px}.wa-float{width:56px;height:56px;right:16px;bottom:16px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.logo-img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.about-logo-img {
  width: 50px;
  filter: drop-shadow(0 0 12px rgba(0, 229, 212, 0.5));
  transition: 0.3s;
}

.about-logo-img:hover {
  transform: scale(1.1);
}
@media (max-width: 720px) {
  .hero-title {
    font-size: clamp(2.2rem, 11vw, 3rem);
    line-height: 0.95;
    letter-spacing: -0.04em;
    max-width: 100%;
    word-break: normal;
    overflow-wrap: normal;
  }

  .title-gradient {
    display: inline;
    white-space: normal;
  }

  .hero-content {
    text-align: center;
    padding-inline: 18px;
  }
}
@media (max-width: 1500px) {
  .hero-visual {
    transform: scale(0.88);
    transform-origin: center right;
    right: 20px;
  }
}

.hero {
  overflow-x: hidden;
}

.hero {
  overflow-x: hidden;
}

@media (max-width: 720px) {
  .hero-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hero-visual {
    width: 100%;
    max-width: 300px;
    transform: scale(0.9);
    margin-bottom: 20px;
  }

  .hero-content {
    text-align: center;
  }
}