:root{
  --black:#080c10;--dark:#0d1117;--card:#111820;--card2:#131b24;
  --border:#1e2d3d;--border2:#243447;
  --text:#d0dce8;--muted:#5a7a9a;--white:#f0f4f8;
  --accent:#00c8ff;--accent2:#0099cc;
  --accent-dim:rgba(0,200,255,0.08);--accent-glow:rgba(0,200,255,0.25);
  --green:#00e676;--highlight:#c8ff00;--highlight-dim:rgba(200,255,0,0.07);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--text);font-family:'Barlow',sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden;}

/* BG — professional layered dark */
.bg-layer{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
	radial-gradient(ellipse 55% 45% at 75% 15%, rgba(0,100,160,0.13) 0%, transparent 55%),
	radial-gradient(ellipse 40% 50% at 15% 85%, rgba(0,60,100,0.10) 0%, transparent 50%),
	linear-gradient(170deg, #07111c 0%, #050d16 40%, #060e18 70%, #080c10 100%);
}
.grid-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(0,180,230,0.055) 1px, transparent 1px);
  background-size:32px 32px;
}
.bg-topline{position:fixed;top:0;left:0;right:0;height:1px;z-index:0;background:linear-gradient(90deg,transparent 0%,rgba(0,200,255,0.18) 30%,rgba(0,200,255,0.32) 50%,rgba(0,200,255,0.18) 70%,transparent 100%);pointer-events:none;}
.particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.particle{position:absolute;border-radius:50%;animation:float-p linear infinite;opacity:0;}
@keyframes float-p{0%{transform:translateY(100vh);opacity:0;}10%{opacity:.7;}90%{opacity:.2;}100%{transform:translateY(-10vh);opacity:0;}}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 48px;height:68px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,12,16,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.logo-badge{width:38px;height:38px;background:linear-gradient(135deg,var(--accent),var(--accent2));clip-path:polygon(50% 0%,100% 15%,100% 75%,50% 100%,0% 75%,0% 15%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px var(--accent-glow);flex-shrink:0;}
.logo-badge::before{content:'J';font-family:'Bruno Ace SC',sans-serif;font-size:17px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);}
.logo-text{font-family:'Bruno Ace SC',sans-serif;font-size:22px;letter-spacing:.08em;color:var(--white);}
.logo-text span{color:var(--accent);}
.nav-links{display:flex;gap:32px;list-style:none;}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--accent);}
.nav-cta{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--accent);padding:10px 24px;text-decoration:none;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:opacity .2s,box-shadow .2s;box-shadow:0 0 20px var(--accent-glow);}
.nav-cta:hover{opacity:.9;box-shadow:0 0 30px var(--accent-glow);}
.desktop-cta{display:inline-block;}
@media(max-width:860px){.desktop-cta{display:none;}}

/* HERO */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 48px 80px;position:relative;overflow:hidden;}
.circuit-lines{position:absolute;right:0;top:0;bottom:0;width:50%;opacity:.5;pointer-events:none;}
.hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:28px;}
.hero-badge::before{content:'';display:block;width:28px;height:1px;background:var(--accent);}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s ease infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 8px var(--green);}50%{opacity:.6;box-shadow:0 0 20px var(--green);}}
.hero-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(56px,9vw,130px);font-weight:900;line-height:.92;letter-spacing:-.02em;color:var(--white);max-width:860px;margin-bottom:32px;}
.hero-title .line2{background:linear-gradient(90deg,var(--accent),var(--highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-title .outline{-webkit-text-stroke:1.5px var(--border2);color:transparent;}
.hero-subtitle{font-size:17px;font-weight:300;color:var(--muted);max-width:500px;line-height:1.8;margin-bottom:48px;}
.hero-actions{display:flex;gap:16px;align-items:center;}
.btn-primary{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--accent);padding:15px 36px;text-decoration:none;display:inline-block;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .25s;box-shadow:0 0 25px var(--accent-glow);}
.btn-primary:hover{background:var(--highlight);box-shadow:0 0 35px rgba(200,255,0,.3);transform:translateY(-2px);}
.btn-ghost{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);padding:14px 36px;text-decoration:none;display:inline-block;transition:all .25s;}
.btn-ghost:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--accent-dim);}
.hero-stats{position:absolute;right:48px;bottom:80px;display:flex;flex-direction:column;gap:1px;}
.hero-stat{background:var(--card);border:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;gap:16px;min-width:220px;}
.hero-stat-num{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--accent);letter-spacing:-.01em;}
.hero-stat-label{font-size:12px;font-weight:400;color:var(--muted);line-height:1.3;}

/* TICKER */
.ticker{background:var(--accent);padding:11px 0;overflow:hidden;white-space:nowrap;position:relative;z-index:1;}
.ticker-inner{display:inline-flex;animation:ticker 28s linear infinite;}
.ticker-item{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--black);padding:0 28px;}
.ticker-sep{color:rgba(0,0,0,.3);}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* SECTIONS */
section{position:relative;z-index:1;}
.section-header{padding:0 48px;margin-bottom:64px;display:flex;align-items:flex-start;gap:48px;}
.section-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);padding-top:10px;min-width:100px;}
.section-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(38px,5vw,64px);font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--white);}
.section-title .accent{color:var(--accent);}
.section-title .highlight{color:var(--highlight);}

/* ABOUT */
#about{padding:96px 0;border-top:1px solid var(--border);}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin:0 48px;}
.about-card{background:var(--card);padding:52px 48px;position:relative;overflow:hidden;transition:background .3s;}
.about-card:hover{background:var(--card2);}
.about-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease;}
.about-card:hover::before{transform:scaleX(1);}
.about-card-tag{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;display:flex;align-items:center;gap:8px;}
.about-card-tag::before{content:'';width:20px;height:1px;background:var(--accent);}
.about-card h3{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;color:var(--white);margin-bottom:20px;line-height:1.15;}
.about-card p{font-size:15px;font-weight:300;color:var(--muted);line-height:1.85;}
.about-illustration{background:var(--card);padding:52px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.about-values-list{display:flex;flex-direction:column;gap:16px;width:100%;}
.value-item{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--border2);background:var(--card2);transition:all .3s;}
.value-item:hover{border-color:var(--accent);background:var(--accent-dim);}
.value-icon{width:38px;height:38px;flex-shrink:0;background:var(--accent-dim);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:16px;}
.value-name{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--white);margin-bottom:2px;}
.value-desc{font-size:12px;font-weight:300;color:var(--muted);}

/* SERVICES */
#services{padding:96px 0;border-top:1px solid var(--border);}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:0 48px;}
.service-card{background:var(--card);padding:48px 36px;position:relative;overflow:hidden;transition:background .3s;}
.service-card:hover{background:var(--card2);}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.service-card:hover::before{transform:scaleX(1);}
.service-illus{margin-bottom:28px;height:100px;display:flex;align-items:center;justify-content:center;}
.shield-ring{animation:ring-spin 4s linear infinite;transform-origin:50% 50%;}
.shield-core{animation:core-pulse 2s ease infinite;}
@keyframes ring-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes core-pulse{0%,100%{opacity:1;}50%{opacity:.6;}}
.service-card h3{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;color:var(--white);margin-bottom:14px;}
.service-card p{font-size:14px;font-weight:300;color:var(--muted);line-height:1.85;margin-bottom:28px;}
.service-tags{display:flex;flex-wrap:wrap;gap:7px;}
.tag{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);padding:5px 10px;transition:all .2s;}
.service-card:hover .tag{border-color:var(--border);color:var(--accent);}

/* PRODUCTS */
#products{padding:96px 0;border-top:1px solid var(--border);}
.products-list{margin:0 48px;display:flex;flex-direction:column;gap:1px;background:var(--border);}
.product-card{background:var(--card);display:grid;grid-template-columns:300px 1fr 200px;gap:48px;padding:52px 48px;align-items:start;position:relative;overflow:hidden;transition:background .3s;}
.product-card:hover{background:var(--card2);}
.product-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),transparent);transform:scaleY(0);transform-origin:top;transition:transform .5s ease;}
.product-card:hover::before{transform:scaleY(1);}
.product-meta{position:relative;z-index:1;}
.product-num{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px;}
.product-name{font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:900;color:var(--white);letter-spacing:-.01em;line-height:1;margin-bottom:10px;}
.product-tagline{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;}
.product-mini-illus{margin-top:20px;}
.product-body{position:relative;z-index:1;}
.product-desc{font-size:15px;font-weight:300;color:var(--muted);line-height:1.85;margin-bottom:24px;}
.product-features{display:flex;flex-direction:column;gap:10px;}
.product-feature{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:500;color:var(--text);display:flex;align-items:flex-start;gap:10px;letter-spacing:.02em;}
.product-feature::before{content:'▸';color:var(--accent);flex-shrink:0;margin-top:1px;}
.product-pricing{position:relative;z-index:1;text-align:right;}
.product-type{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.product-price{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:900;color:var(--white);line-height:1;margin-bottom:4px;letter-spacing:-.02em;}
.product-period{font-size:12px;font-weight:300;color:var(--muted);margin-bottom:24px;}
.btn-product{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--accent);padding:12px 20px;text-decoration:none;transition:all .2s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);}
.btn-product:hover{background:var(--highlight);transform:translateY(-1px);}
.badge-new{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--black);background:var(--green);padding:3px 8px;margin-left:8px;vertical-align:middle;}
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:1px 48px 0;}
.stat-item{background:var(--card);padding:40px 32px;text-align:center;transition:background .3s;}
.stat-item:hover{background:var(--card2);}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-size:52px;font-weight:900;color:var(--accent);line-height:1;margin-bottom:8px;letter-spacing:-.02em;}
.stat-label{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

/* HOW */
#how{padding:96px 0;border-top:1px solid var(--border);}
.how-layout{margin:0 48px;display:grid;grid-template-columns:1fr 420px;gap:1px;background:var(--border);}
.how-steps-col{background:var(--card);}
.how-step{padding:36px 40px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start;transition:background .3s;position:relative;}
.how-step:last-child{border-bottom:none;}
.how-step:hover{background:var(--card2);}
.how-step::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .4s ease;}
.how-step:hover::after{transform:scaleY(1);}
.step-num{font-family:'Barlow Condensed',sans-serif;font-size:42px;font-weight:900;color:var(--border2);line-height:1;transition:color .3s;}
.how-step:hover .step-num{color:var(--accent);}
.step-title{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px;}
.step-desc{font-size:13px;font-weight:300;color:var(--muted);line-height:1.75;}
.how-illus-col{background:var(--card2);padding:40px;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;}
.how-illus-title{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;text-align:center;}
.flow-diagram{width:100%;display:flex;flex-direction:column;gap:8px;}
.flow-node{background:var(--card);border:1px solid var(--border2);padding:14px 18px;display:flex;align-items:center;gap:14px;transition:all .3s;}
.flow-node:hover{border-color:var(--accent);background:var(--accent-dim);}
.flow-node-icon{width:34px;height:34px;flex-shrink:0;background:var(--accent-dim);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:15px;}
.flow-node-name{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;color:var(--white);}
.flow-node-sub{font-size:11px;font-weight:300;color:var(--muted);}
.flow-arrow{display:flex;justify-content:center;color:var(--accent);font-size:18px;opacity:.6;animation:arrow-bounce 1.5s ease infinite;}
@keyframes arrow-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(3px);}}

/* CERTS */
#certifications{padding:96px 0;border-top:1px solid var(--border);}
.certs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);margin:0 48px;}
.cert-card{background:var(--card);padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .3s;position:relative;overflow:hidden;}
.cert-card:hover{background:var(--card2);}
.cert-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transition:transform .4s;}
.cert-card:hover::after{transform:scaleX(1);}
.cert-badge-wrap{margin-bottom:20px;filter:drop-shadow(0 0 16px var(--accent-glow));}
.cert-name{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;color:var(--white);margin-bottom:6px;}
.cert-issuer{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.cert-desc{font-size:12px;font-weight:300;color:var(--muted);line-height:1.6;}

/* CONTACT */
#contact{padding:96px 0;border-top:1px solid var(--border);}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin:0 48px;}
.contact-info{background:var(--card);padding:60px 52px;display:flex;flex-direction:column;gap:36px;}
.contact-info-title{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:900;color:var(--white);line-height:1.05;letter-spacing:-.02em;}
.contact-info-title span{color:var(--accent);}
.contact-info p{font-size:15px;font-weight:300;color:var(--muted);line-height:1.8;}
.contact-details{display:flex;flex-direction:column;gap:12px;}
.contact-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--border2);background:var(--card2);transition:all .3s;}
.contact-item:hover{border-color:var(--accent);background:var(--accent-dim);}
.contact-item-icon{width:36px;height:36px;flex-shrink:0;background:var(--accent-dim);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--accent);}
.contact-item-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.contact-item-value{font-size:14px;font-weight:400;color:var(--text);}
.contact-form-wrap{background:var(--card2);padding:60px 52px;}
.contact-form-wrap h3{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:700;color:var(--white);margin-bottom:8px;}
.form-sub{font-size:13px;font-weight:300;color:var(--muted);margin-bottom:32px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);}
.form-input,.form-select,.form-textarea{background:var(--card);border:1px solid var(--border2);padding:13px 16px;color:var(--text);font-family:'Barlow',sans-serif;font-size:14px;font-weight:300;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 15px var(--accent-dim);}
.form-select{cursor:pointer;}
.form-select option{background:var(--card);}
.form-textarea{resize:vertical;min-height:120px;}
.form-submit{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--accent);padding:16px 40px;border:none;cursor:pointer;width:100%;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .25s;box-shadow:0 0 20px var(--accent-glow);}
.form-submit:hover{background:var(--highlight);box-shadow:0 0 30px rgba(200,255,0,.3);}
.form-success{display:none;text-align:center;padding:40px;}
.form-success.show{display:block;}
.form-success-icon{font-size:48px;margin-bottom:16px;}
.form-success-title{font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:700;color:var(--white);margin-bottom:10px;}
.form-success-text{font-size:14px;font-weight:300;color:var(--muted);}

/* CTA */
#cta{padding:100px 48px;border-top:1px solid var(--border);text-align:center;position:relative;overflow:hidden;}
#cta::before{content:'JARVAS';position:absolute;font-family:'Bruno Ace SC',sans-serif;font-size:240px;color:transparent;-webkit-text-stroke:1px var(--border);top:50%;left:50%;transform:translate(-50%,-50%);letter-spacing:-.04em;pointer-events:none;white-space:nowrap;opacity:.4;}
.cta-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(44px,6vw,84px);font-weight:900;color:var(--white);line-height:1;margin-bottom:20px;position:relative;z-index:1;letter-spacing:-.02em;}
.cta-sub{font-size:16px;font-weight:300;color:var(--muted);margin-bottom:44px;position:relative;z-index:1;}
.cta-actions{position:relative;z-index:1;display:flex;gap:16px;justify-content:center;}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:52px 48px;display:grid;grid-template-columns:1fr auto auto auto;gap:48px;position:relative;z-index:1;background:var(--dark);}
.footer-brand-name{font-family:'Bruno Ace SC',sans-serif;font-size:20px;color:var(--white);margin-bottom:6px;display:flex;align-items:center;gap:10px;}
.footer-brand-name span{color:var(--accent);}
.footer-copy{font-size:12px;font-weight:300;color:var(--muted);line-height:1.7;}
.footer-col h4{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col ul a{font-size:14px;font-weight:300;color:var(--muted);text-decoration:none;transition:color .2s;}
.footer-col ul a:hover{color:var(--accent);}

/* ANIMATIONS */
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}
.fade-left{opacity:0;transform:translateX(-28px);transition:opacity .7s ease,transform .7s ease;}
.fade-left.visible{opacity:1;transform:translateX(0);}
.fade-right{opacity:0;transform:translateX(28px);transition:opacity .7s ease,transform .7s ease;}
.fade-right.visible{opacity:1;transform:translateX(0);}

/* ═══ MOBILE MENU ═══ */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--border2);cursor:pointer;padding:8px;flex-shrink:0;transition:border-color .2s;}
.nav-hamburger:hover{border-color:var(--accent);}
.hamburger-line{display:block;width:100%;height:1.5px;background:var(--text);transition:all .3s ease;transform-origin:center;}
.nav-hamburger.open .hamburger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open .hamburger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.mobile-menu{position:fixed;top:68px;left:0;right:0;bottom:0;z-index:190;background:rgba(8,12,16,.98);backdrop-filter:blur(28px);display:flex;flex-direction:column;padding:32px 24px 48px;gap:0;overflow-y:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);border-top:1px solid var(--border);}
.mobile-menu.open{transform:translateX(0);}
.mobile-menu-links{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);margin-bottom:32px;}
.mobile-menu-links a{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);text-decoration:none;padding:18px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;transition:color .2s;}
.mobile-menu-links a::after{content:'→';font-size:16px;color:var(--border2);transition:color .2s,transform .2s;}
.mobile-menu-links a:hover{color:var(--accent);}
.mobile-menu-links a:hover::after{color:var(--accent);transform:translateX(4px);}
.mobile-menu-cta{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--accent);padding:18px 32px;text-decoration:none;text-align:center;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);box-shadow:0 0 25px var(--accent-glow);transition:all .25s;margin-bottom:40px;}
.mobile-menu-cta:hover{background:var(--highlight);}
.mobile-menu-divider{width:40px;height:1px;background:var(--accent);margin-bottom:24px;opacity:.5;}
.mobile-menu-contacts{display:flex;flex-direction:column;gap:12px;}
.mobile-menu-contact{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);}
.mobile-menu-contact svg{flex-shrink:0;}
.mobile-menu-products{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);}
.mobile-menu-products-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.mobile-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mobile-product-tag{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);padding:8px 12px;text-align:center;}

/* ═══ RESPONSIVE ═══ */

/* 1280px — Tablet landscape */
@media(max-width:1280px){
  nav{padding:0 32px;}
  .nav-links{gap:22px;}
  #hero{padding:110px 32px 80px;}
  .hero-stats{right:32px;}
  .section-header{padding:0 32px;}
  .about-layout,.services-grid,.certs-grid,.contact-layout{margin:0 32px;}
  .how-layout{margin:0 32px;}
  .products-list{margin:0 32px;}
  .stats-bar{margin:1px 32px 0;}
  footer{padding:52px 32px;}
  #cta{padding:100px 32px;}
  #software-enterprise .section-header,#ai-solutions .section-header{padding:0 32px;}
}

/* 1024px — Small laptop / tablet */
@media(max-width:1024px){
  .nav-links{gap:14px;}
  .nav-links a{font-size:11.5px;}
  .hero-title{font-size:clamp(44px,8vw,96px);}
  .products-list{grid-template-columns:1fr 1fr;}
  .how-layout{grid-template-columns:1fr;}
  .how-illus-col{display:none;}
}

/* 860px — Tablet portrait */
@media(max-width:860px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}

  #hero{padding:100px 20px 60px;}
  .hero-stats{display:none;}
  .circuit-lines{opacity:.2;width:100%;}

  .section-header{padding:0 20px;flex-direction:column;gap:10px;margin-bottom:40px;}
  .section-label{padding-top:0;}

  .about-layout{grid-template-columns:1fr;margin:0 20px;}
  .about-card{padding:36px 28px;}
  .about-illustration{padding:36px 28px;}

  .services-grid{grid-template-columns:1fr;margin:0 20px;}
  .service-card{padding:36px 28px;}

  #software-enterprise{padding:64px 0;}
  #software-enterprise > div[style]{margin:0 20px !important;}
  #software-enterprise > div[style] > div{grid-template-columns:1fr !important;display:flex;flex-direction:column;}
  #software-enterprise > div[style] + div[style]{margin:1px 20px 0 !important;grid-template-columns:1fr 1fr !important;}

  #ai-solutions{padding:64px 0;}
  #ai-solutions > div[style]{margin:0 20px !important;grid-template-columns:1fr !important;}

  .products-list{grid-template-columns:1fr;margin:0 20px;}
  .product-card{grid-template-columns:1fr;gap:20px;padding:28px 24px;}
  .product-pricing{text-align:left;}
  .product-meta{padding-right:0;}

  .stats-bar{grid-template-columns:1fr 1fr;margin:1px 20px 0;}

  .certs-grid{grid-template-columns:1fr 1fr;margin:0 20px;}

  .contact-layout{grid-template-columns:1fr;margin:0 20px;}
  .contact-info{padding:40px 32px;}
  .contact-form-wrap{padding:40px 32px;}

  #cta{padding:70px 20px;}
  .cta-actions{flex-direction:column;align-items:center;}
  #cta::before{font-size:120px;}

  footer{grid-template-columns:1fr 1fr;padding:40px 20px;gap:32px;}
}

/* 600px — Mobile landscape / large phone */
@media(max-width:600px){
  nav{height:60px;}
  .mobile-menu{top:60px;}
  .logo-text{font-size:18px;}
  .logo-badge{width:32px;height:32px;}

  #hero{padding:90px 16px 56px;}
  .hero-title{font-size:clamp(38px,11vw,72px);}
  .hero-subtitle{font-size:15px;}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:12px;}
  .btn-primary,.btn-ghost{width:100%;text-align:center;padding:14px 24px;}

  .section-header{padding:0 16px;margin-bottom:32px;}
  .section-title{font-size:clamp(30px,8vw,44px);}

  .about-layout{margin:0 16px;}
  .about-card,.about-illustration{padding:28px 20px;}
  .about-card h3{font-size:22px;}

  .services-grid{margin:0 16px;}
  .service-card{padding:28px 20px;}

  #software-enterprise > div[style]{margin:0 16px !important;}
  #software-enterprise > div[style] + div[style]{margin:1px 16px 0 !important;grid-template-columns:1fr 1fr !important;}

  #ai-solutions > div[style]{margin:0 16px !important;}

  .products-list{margin:0 16px;}
  .product-card{padding:24px 18px;}
  .product-name{font-size:32px;}
  .product-price{font-size:40px;}

  .stats-bar{grid-template-columns:1fr 1fr;margin:1px 16px 0;}

  .certs-grid{grid-template-columns:1fr 1fr;margin:0 16px;}
  .cert-card{padding:28px 16px;}

  .contact-layout{margin:0 16px;}
  .contact-info,.contact-form-wrap{padding:28px 20px;}
  .contact-info-title{font-size:28px;}
  .form-row{grid-template-columns:1fr;}

  #cta{padding:56px 16px;}
  .cta-title{font-size:clamp(32px,9vw,56px);}

  footer{grid-template-columns:1fr;padding:36px 16px;gap:28px;}
}

/* 400px — Small phones */
@media(max-width:400px){
  .hero-title{font-size:clamp(34px,12vw,56px);}
  .certs-grid{grid-template-columns:1fr;}
  #software-enterprise > div[style] + div[style]{grid-template-columns:1fr !important;}
  .mobile-products-grid{grid-template-columns:1fr;}
}