:root{
  --navy:#06152a;
  --navy-2:#091d36;
  --navy-3:#102943;
  --green:#91d52f;
  --green-2:#7fc51f;
  --text:#122b45;
  --muted:#6d8197;
  --line:#dfe7ee;
  --soft:#f5f8fa;
  --white:#fff;
  --shadow:0 18px 50px rgba(5,25,48,.10);
  --radius:18px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:15px;top:15px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:rgba(3,16,32,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.10)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{width:220px;height:auto}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{color:#fff;font-weight:700;font-size:15px;position:relative;padding:30px 0}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--green);transform:scaleX(0);transition:.25s}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.nav-links a.active{color:var(--green)}
.nav-cta{background:var(--green);color:#06152a!important;padding:12px 20px!important;border-radius:5px;font-weight:800!important}
.nav-cta:after{display:none!important}
.menu-btn{display:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:7px;padding:8px 10px;font-size:22px}

.hero-slider{height:min(690px,calc(100vh - 82px));min-height:600px;padding:0;position:relative;background:#06152a}
.hero-slides{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;visibility:hidden;transition:opacity .8s ease;display:flex;align-items:center}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide-inner{width:min(var(--container),calc(100% - 40px));display:flex;align-items:center;height:100%;position:relative;z-index:2}
.hero-copy{max-width:790px;padding-top:28px}
.hero-copy h1{font-size:clamp(46px,5.3vw,78px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 25px}
.hero-copy h1 span{color:var(--green)}
.hero-copy p{font-size:19px;line-height:1.65;max-width:720px;color:#e0e8ef}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:54px;height:70px;border:0;background:rgba(3,18,35,.25);color:#fff;font-size:58px;line-height:1;cursor:pointer;transition:.2s}
.hero-arrow:hover{background:rgba(3,18,35,.62);color:var(--green)}
.hero-prev{left:0;border-radius:0 8px 8px 0}.hero-next{right:0;border-radius:8px 0 0 8px}
.hero-dots{position:absolute;z-index:6;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px}
.hero-dot{width:38px;height:3px;border:0;background:rgba(255,255,255,.38);padding:0;cursor:pointer;transition:.25s}
.hero-dot.is-active{background:var(--green);width:52px}
.hero-slider + .stats{position:relative}
@media(max-width:760px){
 .hero-slider{height:650px;min-height:650px}
 .hero-copy h1{font-size:43px}
 .hero-copy p{font-size:16px}
 .hero-arrow{width:38px;height:55px;font-size:44px}
 .hero-prev{left:3px}.hero-next{right:3px}
 .hero-dots{bottom:20px}
 .hero-dot{width:25px}.hero-dot.is-active{width:36px}
}
@media(prefers-reduced-motion:reduce){
 .hero-slide{transition:none}
}
.hero{padding:165px 0 90px;background:
 radial-gradient(circle at 85% 25%,rgba(145,213,47,.14),transparent 24%),
 linear-gradient(120deg,#031226 0%,#081c34 62%,#0b2943 100%);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";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:46px 46px;opacity:.45}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.kicker{color:var(--green);font-size:13px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 24px}
.hero h1 span{color:var(--green)}
.hero p{font-size:18px;color:#d6e0ea;max-width:700px}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:5px;font-weight:800;border:1px solid transparent;transition:.25s}
.btn-primary{background:var(--green);color:#06152a}
.btn-primary:hover{transform:translateY(-2px);background:#a4e34a}
.btn-outline{border-color:rgba(255,255,255,.42);color:#fff}
.btn-outline:hover{border-color:var(--green);color:var(--green)}
.hero-visual{min-height:410px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:
 linear-gradient(145deg,rgba(0,20,42,.10),rgba(3,14,30,.78)),
 url('https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=1400&q=85') center/cover;box-shadow:0 30px 70px rgba(0,0,0,.25);position:relative}
.hero-visual:after{content:"";position:absolute;inset:24px;border:1px solid rgba(145,213,47,.42);border-radius:12px}
.stats{background:#06182e;color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:26px 0}
.stat{padding:0 24px;border-right:1px solid rgba(255,255,255,.18)}
.stat:first-child{padding-left:0}.stat:last-child{border:0}
.stat strong{display:block;font-size:31px;color:#fff;line-height:1.1}.stat span{color:#cbd7e3;font-size:14px}
.section{padding:92px 0}
.section.soft{background:var(--soft)}
.section.dark{background:var(--navy);color:#fff}
.section-head{text-align:center;max-width:800px;margin:0 auto 45px}
.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:10px 0 14px;letter-spacing:-.035em}
.section-head p{color:var(--muted);font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:30px;transition:.28s;box-shadow:0 5px 20px rgba(10,35,60,.03)}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#cbd8e3}
.card-icon{width:58px;height:58px;border-radius:14px;background:#f4f8f1;border:1px solid #e7eee1;display:grid;place-items:center;color:var(--green);font-size:25px;margin-bottom:20px}
.card h3{font-size:22px;margin:0 0 10px}.card p{color:var(--muted);margin:0}
.solution-card{padding:0;overflow:hidden;position:relative;min-height:320px;color:#fff;background:#07172b}
.solution-card .photo{height:190px;background-size:cover;background-position:center;position:relative}
.solution-card .photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(3,17,33,.88))}
.solution-card .body{padding:22px;position:relative;margin-top:-45px;z-index:1}
.solution-card .num{color:var(--green);font-weight:900;letter-spacing:.12em}
.solution-card h3{margin:5px 0 8px;font-size:22px}
.solution-card p{color:#cad7e3}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.industry-card{height:255px;border-radius:15px;overflow:hidden;position:relative;color:#fff;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:25px}
.industry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(3,17,32,.9))}
.industry-card>*{position:relative;z-index:1}
.industry-card h3{margin:0;font-size:25px}.industry-card p{margin:3px 0 0;color:#dbe5ee}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:12px 0 20px}
.split p{color:var(--muted);font-size:17px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}
.check{display:flex;gap:10px;font-weight:750}.check i{color:var(--green);font-style:normal}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{position:relative;padding-top:20px}.step:before{content:"";height:2px;background:var(--green);position:absolute;left:0;right:0;top:0}.step strong{color:var(--green);font-size:13px;letter-spacing:.12em}.step h3{margin:8px 0}.step p{color:#c9d6e3}
.partner-ecosystem{background:#fff;padding:70px 0 78px;border-top:1px solid #e9eef3;overflow:hidden}
.partner-ecosystem .section-kicker{color:var(--green);font-size:13px;letter-spacing:.22em;font-weight:900;text-align:center;margin-bottom:10px}
.partner-ecosystem h2{text-align:center;color:var(--navy-3);font-size:32px;margin:0 0 30px}
.partner-marquee{overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.partner-track{display:flex;gap:18px;width:max-content;align-items:center;animation:partnerScroll 48s linear infinite}
.partner-marquee:hover .partner-track{animation-play-state:paused}
.partner-logo{width:175px;height:90px;flex:0 0 175px;display:flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #edf1f4;border-radius:10px;background:#fff;box-shadow:0 7px 22px rgba(8,28,52,.05)}
.partner-logo img{width:100%;height:100%;object-fit:contain}
@keyframes partnerScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
.cta{background:linear-gradient(120deg,#06172d,#0c2942);color:#fff;border-radius:22px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-size:38px;line-height:1.1;margin:0 0 10px}.cta p{color:#c9d5df;margin:0}
.page-hero{padding:145px 0 75px;background:linear-gradient(120deg,#031226,#0a2740);color:#fff;position:relative;overflow:hidden}
.page-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.05;margin:12px 0}
.page-hero p{max-width:800px;color:#d4e0eb;font-size:18px}
.breadcrumb{font-size:13px;color:#9fb2c6}.breadcrumb a{color:#fff}.breadcrumb span{margin:0 8px;color:var(--green)}
.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}
.detail h2{font-size:38px;line-height:1.12;margin-top:0}.detail h3{font-size:24px}.detail p,.detail li{color:var(--muted);font-size:16px}
.side-box{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:28px;height:max-content}
.side-box h3{margin-top:0}.side-list{list-style:none;padding:0;margin:0}.side-list li{padding:10px 0;border-bottom:1px solid var(--line)}.side-list li:last-child{border:0}
.form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}
.form-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}
label{font-weight:800;font-size:14px}.field input,.field select,.field textarea{font:inherit;padding:13px 14px;border:1px solid #ccd7e1;border-radius:7px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(145,213,47,.12)}
.field textarea{min-height:145px;resize:vertical}
.notice{font-size:13px;color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.blog-img{height:205px;background-size:cover;background-position:center}.blog-body{padding:22px}.blog-meta{color:var(--green);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.blog-body h3{font-size:22px;line-height:1.2}.blog-body p{color:var(--muted)}
.office{display:grid;grid-template-columns:1fr 1fr;gap:30px}.office-card{background:#0b2038;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:25px}.office-card h3{color:#fff;margin:0 0 10px}.office-card p{color:#b9c9d8;margin:6px 0}.office-card strong{color:var(--green)}
.site-footer{background:#06152a;color:#c5d3e0;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:40px}.footer-logo{width:240px}.footer-title{color:#fff;font-size:17px;font-weight:800;margin-bottom:15px}.footer-links{display:grid;gap:9px}.footer-links a:hover{color:var(--green)}.footer-about p{max-width:330px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.last-updated{color:#a9bed0}.last-updated b{color:#fff}.dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px}
.mobile-nav{display:none}
@media(max-width:1000px){
 .nav-links{gap:16px}.nav-links a{font-size:13px}.logo{width:190px}
 .hero-grid,.split,.detail-grid,.form-wrap{grid-template-columns:1fr}
 .stats-grid{grid-template-columns:repeat(3,1fr);gap:22px}.stat{border:0}
 .cards,.blog-grid{grid-template-columns:repeat(2,1fr)}
 .industry-grid{grid-template-columns:repeat(2,1fr)}
 .timeline{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .container{width:min(var(--container),calc(100% - 28px))}
 .nav{height:72px}.nav-links{display:none}.menu-btn{display:block}.logo{width:175px}
 .mobile-nav{display:none;background:#06152a;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav.open{display:block}.mobile-nav a{display:block;color:#fff;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}
 .hero{padding:125px 0 65px}.hero h1{font-size:44px}.hero-visual{min-height:280px}
 .stats-grid{grid-template-columns:1fr 1fr}.stat{padding:0 10px}.stat strong{font-size:26px}
 .section{padding:68px 0}.cards,.blog-grid,.industry-grid{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}
 .cta{padding:32px;display:block}.cta .btn-row{margin-top:22px}
 .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
 .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>div{margin-bottom:10px}
 .partner-logo{width:145px;height:78px;flex-basis:145px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.partner-track{animation:none}.card,.btn{transition:none}}

/* Dynamic website update timestamp */
.last-update{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.update-dot{width:9px;height:9px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px rgba(136,191,64,.10)}
#lastUpdated{font-weight:700}
@media(max-width:700px){.last-update{white-space:normal}}


/* About page insight cards */
.about-blog-section{background:#fff;position:relative;overflow:hidden}
.blog-section-head{max-width:850px;margin-bottom:34px}
.about-blog-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card-link{display:block;text-decoration:none;color:inherit;position:relative;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.blog-card-link:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(4,25,48,.13);border-color:rgba(145,213,47,.55)}
.about-blog-grid .blog-img{height:225px;position:relative;overflow:hidden}
.about-blog-grid .blog-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,16,34,.02) 20%,rgba(2,16,34,.82) 100%);transition:opacity .35s ease}
.blog-card-link:hover .blog-img:after{opacity:.72}
.blog-number{position:absolute;z-index:2;top:17px;right:18px;color:#91d52f;font-size:13px;font-weight:900;letter-spacing:.12em}
.about-blog-grid .blog-body{padding:24px 24px 26px}
.about-blog-grid .blog-body h3{font-size:22px;line-height:1.25;margin:10px 0 11px;color:#071d35}
.about-blog-grid .blog-body p{font-size:15px;line-height:1.65;margin:0 0 20px}
.blog-read{display:inline-flex;gap:10px;align-items:center;color:#70b51d;font-size:14px;font-weight:900}
.blog-read span{font-size:19px;transition:transform .25s ease}
.blog-card-link:hover .blog-read span{transform:translateX(5px)}
.blog-section-action{text-align:center;margin-top:34px}
.btn-outline-dark{border:1px solid #0a2038;color:#0a2038;background:#fff}
.btn-outline-dark:hover{background:#0a2038;color:#fff}
@media(max-width:900px){.about-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.about-blog-grid{grid-template-columns:1fr}.about-blog-grid .blog-img{height:210px}}


/* Homepage latest insights */
.home-blog-section{background:#fff;position:relative;overflow:hidden}
.home-blog-head{max-width:850px;margin:0 auto 38px;text-align:center}
.home-blog-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.home-blog-grid .blog-img{height:230px;position:relative;overflow:hidden}
.home-blog-grid .blog-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,16,34,.04) 20%,rgba(2,16,34,.84) 100%);transition:opacity .35s ease}
.home-blog-grid .blog-card-link:hover .blog-img:after{opacity:.72}
.blog-category{position:absolute;z-index:3;left:18px;bottom:17px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}
.home-blog-grid .blog-body{padding:24px 24px 26px}
.home-blog-grid .blog-body h3{font-size:22px;line-height:1.25;margin:10px 0 11px;color:#071d35}
.home-blog-grid .blog-body p{font-size:15px;line-height:1.65;margin:0 0 20px;color:var(--muted)}
.home-blog-footer{text-align:center;margin-top:34px}
@media(max-width:900px){.home-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.home-blog-grid{grid-template-columns:1fr}}


/* Neovex dynamic motion layer */
.hero-slide{background-size:112% auto;background-position:center;will-change:opacity,background-size,background-position}
.hero-slide.is-active{animation:heroKenBurns 6.5s cubic-bezier(.2,.65,.25,1) both}
.hero-slide.is-active .hero-copy{animation:heroCopyIn .9s cubic-bezier(.2,.75,.2,1) .08s both}
.hero-slide.is-active .hero-copy .btn-row{animation:heroButtonsIn .75s ease .25s both}
.hero-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(145,213,47,.08) 48%,transparent 70%);transform:translateX(-100%);opacity:0}
.hero-slide.is-active::after{animation:heroSweep 6.5s ease-in-out .25s both}
.hero-visual{overflow:hidden;will-change:transform}
.hero-visual::before{content:"";position:absolute;inset:-12%;background:inherit;filter:saturate(1.08);transform:scale(1.04);animation:visualFloat 7s ease-in-out infinite alternate;opacity:.92}
.hero-visual::after{z-index:2;animation:framePulse 3.5s ease-in-out infinite}
.stats{position:relative;overflow:hidden}
.stats::before{content:"";position:absolute;left:-20%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(145,213,47,.08),transparent);transform:skewX(-18deg);animation:statsSweep 7s linear infinite}
.stats-grid{position:relative;z-index:1}
.stat{position:relative;overflow:hidden;transition:transform .35s ease,background .35s ease}
.stat:hover{transform:translateY(-5px);background:rgba(145,213,47,.045)}
.stat strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;transition:transform .35s ease,text-shadow .35s ease}
.stat:hover strong{transform:scale(1.06);text-shadow:0 0 24px rgba(145,213,47,.22)}
.stat-number.counted{animation:countPop .55s cubic-bezier(.2,.8,.2,1) both}

/* Scroll reveal: sections and cards softly enter as the visitor explores the page. */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
[data-reveal].revealed{opacity:1;transform:none}
[data-reveal="left"]{transform:translateX(-35px)}
[data-reveal="right"]{transform:translateX(35px)}
[data-reveal="scale"]{transform:scale(.94)}
[data-reveal="left"].revealed,[data-reveal="right"].revealed,[data-reveal="scale"].revealed{transform:none}
.solution-card,.industry-card,.blog-card,.card{will-change:transform}
.solution-card{transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .35s ease}
.solution-card:hover{transform:translateY(-10px) scale(1.012);box-shadow:0 24px 55px rgba(5,26,50,.16)}
.solution-card .photo{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.solution-card:hover .photo{transform:scale(1.07);filter:saturate(1.15) brightness(1.05)}
.industry-card{transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s ease}
.industry-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(5,26,50,.18)}

@keyframes heroKenBurns{0%{background-size:112% auto;background-position:52% 50%}100%{background-size:100% auto;background-position:50% 50%}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes heroButtonsIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes heroSweep{0%{opacity:0;transform:translateX(-100%)}15%{opacity:1}55%{opacity:.65}100%{opacity:0;transform:translateX(100%)}}
@keyframes visualFloat{from{transform:scale(1.04) translate3d(-5px,0,0)}to{transform:scale(1.09) translate3d(8px,-5px,0)}}
@keyframes framePulse{0%,100%{opacity:.42;inset:24px}50%{opacity:.85;inset:18px}}
@keyframes statsSweep{from{transform:translateX(-30%) skewX(-18deg)}to{transform:translateX(330%) skewX(-18deg)}}
@keyframes countPop{0%{transform:scale(.8);opacity:.2}65%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}

@media(max-width:900px){
 .hero-slide{background-size:cover}
 .hero-slide.is-active{animation:heroKenBurnsMobile 6.5s ease both}
 .hero-visual::before{animation-duration:9s}
}
@keyframes heroKenBurnsMobile{0%{background-size:cover;background-position:54% 50%}100%{background-size:cover;background-position:48% 50%}}
@media(prefers-reduced-motion:reduce){
 .hero-slide.is-active,.hero-slide.is-active .hero-copy,.hero-slide.is-active .hero-copy .btn-row,.hero-slide.is-active::after,.hero-visual::before,.hero-visual::after,.stats::before{animation:none!important}
 [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
 .solution-card,.industry-card,.card{transition:none!important}
}

/* ============================================================
   Blog article template — Neovex visual language
   ============================================================ */
.article-hero{
  padding:145px 0 78px;
  background:
    radial-gradient(circle at 84% 20%,rgba(145,213,47,.16),transparent 25%),
    linear-gradient(120deg,#031226 0%,#081c34 62%,#0b2943 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.article-hero:before{
  content:"";
  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:46px 46px;
  opacity:.45;
  pointer-events:none;
}
.article-hero .container{position:relative;z-index:1}
.article-breadcrumb{margin-bottom:34px}
.article-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center}
.article-hero-copy{max-width:760px}
.article-hero-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.03;letter-spacing:-.045em;margin:15px 0 24px;color:#fff}
.article-hero-copy>p{font-size:18px;line-height:1.7;color:#d4e0eb;max-width:720px;margin:0}
.article-meta{display:flex;align-items:center;gap:10px;margin-top:28px;color:#b8c9d8;font-size:13px;font-weight:700}
.meta-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 5px rgba(145,213,47,.10)}
.meta-divider{opacity:.45}
.article-hero-visual{min-height:410px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background-position:center;background-size:cover;position:relative;box-shadow:0 30px 70px rgba(0,0,0,.28);overflow:hidden}
.article-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(2,15,30,.10),rgba(2,15,30,.68))}
.article-frame{position:absolute;z-index:2;inset:24px;border:1px solid rgba(145,213,47,.52);border-radius:12px}
.article-frame:before,.article-frame:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--green);border-style:solid}
.article-frame:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.article-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.article-section{background:#fff}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:62px;align-items:start}
.article-content{min-width:0}
.article-content-inner{max-width:820px;font-size:18px;line-height:1.85;color:#38526b}
.article-content-inner>*:first-child{margin-top:0}
.article-content-inner h2{font-size:clamp(30px,3.2vw,42px);line-height:1.15;letter-spacing:-.03em;color:#071d35;margin:52px 0 18px}
.article-content-inner h3{font-size:27px;line-height:1.2;color:#0b2846;margin:40px 0 14px}
.article-content-inner h4{font-size:21px;color:#0b2846;margin:30px 0 12px}
.article-content-inner p{margin:0 0 22px}
.article-content-inner strong{color:#0a2745;font-weight:800}
.article-content-inner em{color:#48647c}
.article-content-inner ul,.article-content-inner ol{margin:8px 0 28px;padding-left:28px}
.article-content-inner li{margin:7px 0;padding-left:5px}
.article-content-inner li::marker{color:var(--green);font-weight:900}
.article-content-inner a{color:#5e9f12;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-content-inner blockquote{margin:35px 0;padding:24px 28px;border-left:4px solid var(--green);background:#f5f8fa;border-radius:0 12px 12px 0;color:#24415d;font-size:21px;line-height:1.6;font-weight:600}
.article-content-inner hr{border:0;border-top:1px solid var(--line);margin:45px 0}
.article-content-inner img{width:100%;height:auto;border-radius:14px;margin:30px 0;box-shadow:0 16px 40px rgba(5,25,48,.10)}
.article-sidebar{position:sticky;top:112px}
.article-side-card{background:#06182e;color:#fff;border-radius:18px;padding:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(5,25,48,.14)}
.article-side-card h3{font-size:24px;line-height:1.25;margin:13px 0 12px;color:#fff}
.article-side-card p{color:#b9c9d8;font-size:15px;line-height:1.7;margin-bottom:22px}
.article-side-card .btn{width:100%}
.article-back{display:inline-flex;margin-top:20px;color:#607991;font-size:14px;font-weight:800;transition:.2s}
.article-back:hover{color:#70b51d;transform:translateX(-3px)}
.article-end{display:flex;align-items:center;gap:12px;max-width:820px;margin:55px 0 5px}
.article-end>span:first-child,.article-end>span:last-child{height:1px;background:var(--line);flex:1}
.article-end-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4f8f1;border:1px solid #e3ecd9;color:#75b923;font-size:13px;font-weight:900}
@media(max-width:1000px){
  .article-hero-grid{grid-template-columns:1fr;gap:36px}
  .article-hero-visual{min-height:340px}
  .article-layout{grid-template-columns:1fr}
  .article-sidebar{position:static;max-width:820px}
}
@media(max-width:760px){
  .article-hero{padding:120px 0 55px}
  .article-breadcrumb{margin-bottom:24px}
  .article-hero-copy h1{font-size:43px}
  .article-hero-copy>p{font-size:16px}
  .article-hero-visual{min-height:255px}
  .article-frame{inset:16px}
  .article-content-inner{font-size:17px;line-height:1.78}
  .article-content-inner h2{font-size:32px;margin-top:42px}
  .article-content-inner h3{font-size:24px}
  .article-content-inner blockquote{font-size:18px;padding:20px}
}