:root{--ink:#081631;--muted:#5d6b82;--line:#e5ecf6;--bg:#f8fafc;--white:#fff;--navy:#08111f;--blue:#2563ff;--cyan:#12d6d2;--purple:#7c3aed;--radius:28px;--shadow:0 24px 70px rgba(8,22,49,.12);--gradient:linear-gradient(135deg,var(--cyan),var(--blue) 55%,var(--purple))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}p{color:var(--muted);line-height:1.72;font-size:17px}h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.04em}h1{font-size:clamp(44px,6vw,92px);line-height:.95}h2{font-size:clamp(34px,4vw,62px);line-height:1}h3{font-size:24px;line-height:1.15}.section-pad{padding:110px min(6vw,90px)}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:13px;margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:3px;background:var(--gradient);border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:800;transition:.3s ease;border:1px solid transparent}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 18px 38px rgba(37,99,255,.28)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(37,99,255,.38)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--blue);transform:translateY(-3px)}.site-loader{position:fixed;inset:0;background:#08111f;z-index:9999;display:grid;place-items:center;transition:.5s ease}.site-loader span{width:70px;height:70px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--cyan);animation:spin 1s linear infinite}body.loaded .site-loader{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}#nodes-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.55}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:16px min(5vw,72px);background:rgba(248,250,252,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,236,246,.72)}.brand img{width:210px;height:auto}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav>a,.nav-dropdown>a{padding:13px 13px;border-radius:999px;font-size:14px;font-weight:750;color:#25324a}.main-nav>a:hover,.nav-dropdown>a:hover{background:#fff;color:var(--blue)}.nav-dropdown{position:relative}.dropdown-panel{position:absolute;right:0;top:46px;width:330px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(14px);transition:.25s ease;display:grid;gap:4px}.dropdown-panel a{padding:12px 14px;border-radius:14px;color:#3b485d;font-weight:700}.dropdown-panel a:hover{background:#f1f6ff;color:var(--blue)}.nav-dropdown:hover .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.header-cta{padding:13px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:14px}.nav-toggle{display:none;margin-left:auto;background:transparent;border:0;width:42px;height:42px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px auto}.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center;min-height:calc(100vh - 84px)}.hero__content p{max-width:760px;font-size:19px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.mini-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.mini-metrics span{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-weight:800;color:#344054}.hero__visual{position:relative}.visual-card{position:relative;border-radius:36px;overflow:hidden;box-shadow:var(--shadow);min-height:560px;background:#fff}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,49,.05),rgba(8,22,49,.45))}.visual-card img{height:560px;width:100%;object-fit:cover}.floating-panel{position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.5);padding:15px 18px;border-radius:18px;font-weight:900;box-shadow:0 16px 45px rgba(8,22,49,.18)}.panel-a{top:28px;left:-22px}.panel-b{right:-18px;bottom:48px}.lottie-orb{position:absolute;right:-36px;top:-38px;width:160px;height:160px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center}.lottie-orb lottie-player{width:140px;height:140px}.section-heading{max-width:820px;margin-bottom:48px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 35px rgba(8,22,49,.05);transition:.35s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:.35s ease}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card:hover:before{transform:scaleX(1)}.icon-badge{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#eef8ff,#fff);color:var(--blue);display:grid;place-items:center;margin-bottom:20px}.icon-badge svg{width:28px;height:28px}.service-card a{font-weight:900;color:var(--blue);margin-top:16px;display:inline-flex}.image-card{min-height:360px;display:flex;align-items:flex-end;overflow:hidden;background:#08111f;color:#fff}.image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:.5s ease}.image-card:hover img{transform:scale(1.06)}.image-card .content{position:relative;z-index:1}.image-card h3{color:#fff}.image-card p{color:#e8f0ff}.dark-section{background:#08111f;color:#fff;position:relative;overflow:hidden}.dark-section h2,.dark-section h3{color:#fff}.dark-section p{color:#c7d5e8}.dark-section .card{background:#0e1b2e;border-color:#1b2d47}.dark-section .card p{color:#c7d5e8}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.step:before{counter-increment:step;content:"0" counter(step);display:inline-flex;color:#fff;background:var(--gradient);padding:8px 12px;border-radius:999px;font-weight:900;margin-bottom:18px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 10px 34px rgba(8,22,49,.06)}.testimonial-card p{font-size:16px}.testimonial-card strong{display:block}.testimonial-card span{color:var(--muted);font-size:14px}.cta-band{margin:min(5vw,70px);border-radius:38px;background:radial-gradient(circle at 10% 20%,rgba(18,214,210,.25),transparent 28%),radial-gradient(circle at 85% 20%,rgba(124,58,237,.22),transparent 34%),#08111f;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-band h2{color:#fff}.cta-band p{color:#d8e4f2;max-width:760px}.form-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-weight:800;margin-bottom:8px;color:#25324a}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px 16px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:140px;resize:vertical}.faq-item{border-bottom:1px solid var(--line);padding:24px 0}.faq-item h3{font-size:21px}.faq-item p{margin-bottom:0}.badge-list{display:flex;flex-wrap:wrap;gap:10px}.badge-list span{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#344054}.portfolio-placeholder{border:1px dashed #b8c6da;border-radius:30px;padding:48px;text-align:center;background:rgba(255,255,255,.7)}.tech-cloud{display:flex;flex-wrap:wrap;gap:12px}.tech-cloud span{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(8,22,49,.04);padding:12px 16px;border-radius:999px;font-weight:850}.spline-box{min-height:420px;border-radius:34px;background:linear-gradient(135deg,#0b1220,#111d33);position:relative;overflow:hidden;display:grid;place-items:center;color:#fff}.spline-box:before{content:"";position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(18,214,210,.22),transparent 60%);animation:float 8s ease-in-out infinite}.spline-box .mesh{position:relative;z-index:1;text-align:center}.spline-box .mesh img{width:120px;margin:0 auto 18px}@keyframes float{50%{transform:translate(40px,-30px) scale(1.1)}}.site-footer{background:#060d18;color:#d8e4f2;padding:80px min(6vw,90px) 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:36px}.footer-logo{width:240px;margin-bottom:22px}.site-footer h3{color:#fff;font-size:18px;margin-bottom:18px}.site-footer a{display:block;color:#d8e4f2;margin:10px 0}.site-footer p{color:#b8c7db}.footer-button{display:inline-flex!important;background:var(--gradient);padding:13px 16px;border-radius:999px;color:#fff!important;font-weight:900}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border-radius:50%;background:#101e32;display:grid!important;place-items:center;margin:0}.footer-bottom{border-top:1px solid #17263c;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#91a4bf}.footer-bottom a{display:inline}.reveal{opacity:0;transform:translateY(24px)}@media(max-width:1100px){.hero,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr 1fr}.main-nav{display:none;position:absolute;left:18px;right:18px;top:72px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.main-nav.active{display:flex}.nav-toggle{display:block}.header-cta{display:none}.dropdown-panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;width:100%;display:none}.nav-dropdown:hover .dropdown-panel{display:block}.brand img{width:180px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){h1{font-size:44px}.section-pad{padding:78px 22px}.hero{gap:34px}.visual-card,.visual-card img{min-height:380px;height:380px}.steps,.testimonial-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.cta-band{margin:22px;flex-direction:column;align-items:flex-start}.site-header{padding:14px 18px}.brand img{width:165px}.mini-metrics span{font-size:13px}}

/* =========================================================
   AuvionLabs Tech — Dark Theme Overrides
   ========================================================= */

:root{
  --ink:#ffffff;
  --muted:#b8c7db;
  --line:#1d2b44;
  --bg:#060d18;
  --white:#0d1727;
  --navy:#050b14;
  --blue:#1687ff;
  --cyan:#12d6d2;
  --purple:#7c3aed;
  --shadow:0 24px 70px rgba(0,0,0,.38);
}

body{
  background:
    radial-gradient(circle at 10% 8%, rgba(18,214,210,.12), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(124,58,237,.14), transparent 34%),
    linear-gradient(180deg,#050b14 0%, #08111f 44%, #050b14 100%);
  color:#ffffff;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  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:48px 48px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.65), transparent 75%);
}

h1,h2,h3{color:#ffffff;}
p{color:#b8c7db;}

.site-header{
  background:rgba(5,11,20,.82);
  border-bottom:1px solid rgba(42,62,93,.82);
  backdrop-filter:blur(20px);
}

.main-nav>a,
.nav-dropdown>a{
  color:#d8e4f2;
}

.main-nav>a:hover,
.nav-dropdown>a:hover{
  background:#101e32;
  color:#35c8ff;
}

.dropdown-panel{
  background:#0d1727;
  border-color:#1d2b44;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}

.dropdown-panel a{
  color:#d8e4f2;
}

.dropdown-panel a:hover{
  background:#101e32;
  color:#35c8ff;
}

.header-cta{
  background:linear-gradient(135deg,var(--cyan),var(--blue) 55%,var(--purple));
  color:#ffffff;
}

.hero{
  background:
    radial-gradient(circle at 15% 28%, rgba(18,214,210,.13), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(37,99,255,.16), transparent 34%);
}

.mini-metrics span{
  background:#0d1727;
  border-color:#1d2b44;
  color:#d8e4f2;
}

.btn-ghost{
  background:#0d1727;
  border-color:#1d2b44;
  color:#ffffff;
}

.btn-ghost:hover{
  border-color:#1687ff;
  background:#101e32;
}

.card,
.step,
.testimonial-card,
.form-card{
  background:linear-gradient(180deg,rgba(13,23,39,.96),rgba(9,17,31,.96));
  border-color:#1d2b44;
  box-shadow:0 18px 55px rgba(0,0,0,.24);
}

.card:hover,
.testimonial-card:hover,
.form-card:hover{
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.card p,
.step p,
.testimonial-card p{
  color:#b8c7db;
}

.icon-badge{
  background:linear-gradient(135deg,rgba(18,214,210,.16),rgba(37,99,255,.14));
  color:#35c8ff;
  border:1px solid #1d2b44;
}

.dark-section{
  background:
    radial-gradient(circle at 10% 20%, rgba(18,214,210,.11), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(124,58,237,.12), transparent 32%),
    #050b14;
}

.dark-section .card{
  background:linear-gradient(180deg,#0d1727,#09111f);
  border-color:#1d2b44;
}

.section-heading p{
  color:#b8c7db;
}

.image-card{
  background:#050b14;
  border-color:#1d2b44;
}

.image-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent,rgba(5,11,20,.85));
  z-index:0;
}

.image-card .content{
  z-index:2;
}

.visual-card{
  background:#0d1727;
  border:1px solid #1d2b44;
}

.floating-panel{
  background:rgba(13,23,39,.82);
  color:#ffffff;
  border-color:rgba(216,228,242,.12);
}

.lottie-orb{
  background:#0d1727;
  border:1px solid #1d2b44;
}

.spline-box{
  border:1px solid #1d2b44;
  background:linear-gradient(135deg,#08111f,#0d1727);
}

.tech-cloud span,
.badge-list span{
  background:#0d1727;
  border-color:#1d2b44;
  color:#d8e4f2;
}

.portfolio-placeholder{
  background:rgba(13,23,39,.76);
  border-color:#2d4162;
}

label{
  color:#d8e4f2;
}

input,select,textarea{
  background:#09111f;
  border-color:#1d2b44;
  color:#ffffff;
}

input::placeholder,
textarea::placeholder{
  color:#70829d;
}

.faq-item{
  border-color:#1d2b44;
}

.site-footer{
  background:#030812;
  border-top:1px solid #1d2b44;
}

.socials a{
  background:#0d1727;
  border:1px solid #1d2b44;
}

.footer-bottom{
  border-top-color:#1d2b44;
}

#nodes-bg{
  opacity:.82;
}

@media(max-width:1100px){
  .main-nav{
    background:#0d1727;
    border-color:#1d2b44;
  }
}