:root{
  --bg:#f7f4ee;
  --bg-2:#fbfaf7;
  --surface:#ffffff;
  --surface-soft:#f2eee6;
  --surface-blue:#f2f5fb;
  --navy:#233760;
  --navy-2:#334b7c;
  --text:#3c4658;
  --muted:#6c7789;
  --gold:#d6a522;
  --gold-2:#efbd43;
  --gold-soft:#fff2cf;
  --green:#1fa463;
  --line:#e3ddd2;
  --line-strong:#d7cfbf;
  --shadow:0 18px 48px rgba(35,55,96,.08);
  --shadow-lg:0 28px 80px rgba(35,55,96,.13);
  --radius:26px;
  --radius-sm:18px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#faf8f3 0,#f7f4ee 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.62;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{color:inherit}
[hidden]{display:none!important}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{padding:88px 0}
.section-sm{padding:58px 0}
.surface{background:var(--surface);border-block:1px solid var(--line)}
.soft{background:linear-gradient(180deg,#fff 0,#fbfaf7 100%)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:44px;margin-bottom:36px}
.section-heading>div{max-width:760px;min-width:0}
.section-heading>p{max-width:470px;margin:0;color:var(--muted)}
.eyebrow{margin:0 0 13px;color:var(--gold);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem}
h1,h2,h3,h4{margin:0 0 15px;color:var(--navy);font-family:Manrope,Inter,Segoe UI,Arial,sans-serif;line-height:1.08;letter-spacing:-.033em;overflow-wrap:anywhere}
h1{font-size:clamp(2.55rem,5vw,4.7rem)}
h2{font-size:clamp(2rem,3.6vw,3.35rem)}
h3{font-size:1.28rem}
p{margin:0 0 14px}
.lead{font-size:clamp(1.02rem,1.4vw,1.18rem);color:var(--muted)}
.small{font-size:.9rem;color:var(--muted)}
.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:850;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#fff;box-shadow:0 13px 28px rgba(214,165,34,.24)}
.button-primary:hover{box-shadow:0 18px 38px rgba(214,165,34,.32)}
.button-secondary{background:#fff;border-color:var(--line-strong);color:var(--navy)}
.button-secondary:hover{border-color:var(--gold)}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:850}
.text-link::after{content:"→";transition:transform .2s}
.text-link:hover::after{transform:translateX(4px)}
.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:.88rem;color:#556176;box-shadow:0 7px 18px rgba(35,55,96,.04)}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.icon-box{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold)}
.icon-box svg,.service-icon svg,.contact-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.site-header{position:sticky;top:0;z-index:80;background:rgba(250,248,243,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(227,221,210,.82)}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.brand{display:block;width:184px;flex:0 0 184px}
.brand img{width:100%;height:auto}
.site-nav{display:flex;align-items:center;gap:26px}
.site-nav a{position:relative;color:#465269;font-weight:750;font-size:.94rem;white-space:nowrap}
.site-nav a:hover,.site-nav a.active{color:var(--navy)}
.site-nav a.active::after,.site-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--gold)}
.header-actions{display:flex;align-items:center;gap:12px}
.header-actions .button{min-height:46px;padding-inline:19px}
.menu-toggle{display:none;width:45px;height:45px;border-radius:13px;border:1px solid var(--line);background:#fff;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--navy);margin:6px 0;transition:.2s}
.hero-wrap{padding:38px 0 28px}
.hero-slider{background:#fff;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow-lg)}
.hero-slide{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);min-width:0}
.hero-copy{padding:clamp(34px,5vw,68px);min-width:0;align-self:center}
.hero-copy h1 span{display:block;color:var(--gold)}
.hero-copy .lead{max-width:610px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.hero-media{position:relative;min-height:560px;background:#111822;overflow:hidden}
.hero-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.hero-media.light-media{background:#eef3f7}
.hero-media.light-media>img{object-fit:cover;filter:brightness(1.08) saturate(.92)}
.hero-tech-card{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 12px 28px rgba(0,0,0,.14);min-width:170px}
.hero-tech-card .mini{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-weight:900}
.hero-tech-card b{display:block;color:var(--navy);font-size:.9rem;line-height:1.15}
.hero-tech-card span{display:block;color:#758095;font-size:.76rem;line-height:1.2;margin-top:2px}
.t1{top:14%;left:7%}.t2{top:21%;right:6%}.t3{top:48%;left:14%}.t4{top:45%;right:7%}.t5{bottom:11%;right:8%}
.slider-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-top:1px solid var(--line);background:#fbfaf7}
.slider-status{display:flex;align-items:center;gap:12px;color:#667286;font-size:.9rem;font-weight:750}
.slider-progress{display:flex;gap:7px}
.slider-progress button{width:34px;height:5px;padding:0;border:0;border-radius:999px;background:#d7d1c6;cursor:pointer}
.slider-progress button.active{background:var(--gold);width:58px}
.slider-arrows{display:flex;gap:8px}
.slider-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--navy);cursor:pointer}
.slider-arrow:hover{border-color:var(--gold)}
.capability-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.capability-card{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);min-width:0}
.capability-card b{display:block;color:var(--navy);font-size:.97rem;line-height:1.25}
.capability-card span{display:block;color:var(--muted);font-size:.84rem;line-height:1.4;margin-top:4px}
.service-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:var(--shadow);min-width:0;transition:transform .22s,box-shadow .22s,border-color .22s}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#d9cba9}
.service-icon{width:50px;height:50px;border-radius:16px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold);margin-bottom:15px}
.service-card h3{font-size:1.08rem;margin-bottom:8px}
.service-card p{color:var(--muted);font-size:.92rem;margin:0}
.iot-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px;align-items:center;background:linear-gradient(135deg,#fff 0,#fbfaf7 100%);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow-lg)}
.check-list{display:grid;gap:13px;list-style:none;margin:22px 0 27px;padding:0}
.check-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;color:#58657a}
.check-list .check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold);font-weight:900}
.check-list b{color:var(--navy)}
.image-frame{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.image-frame.cover{aspect-ratio:16/10}
.image-frame.cover img{width:100%;height:100%;object-fit:cover;object-position:center}
.image-frame.contain{padding:20px;background:linear-gradient(145deg,#fff,#f5f2eb)}
.image-frame.contain img{width:100%;height:auto;object-fit:contain}
.charger-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.charger-visual{display:grid;grid-template-columns:1fr .7fr;gap:16px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow-lg)}
.charger-visual .product-main,.charger-visual .product-side{border-radius:18px;overflow:hidden;background:#eaf2f7;min-width:0}
.charger-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.charger-visual .product-side img{object-position:55% center}
.group-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.group-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}
.group-card .brand-pill{display:inline-flex;background:var(--gold-soft);color:var(--gold);font-weight:900;border-radius:999px;padding:7px 12px;margin-bottom:13px}
.group-card p{color:var(--muted)}
.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.news-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);min-width:0;transition:transform .22s,box-shadow .22s}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.news-card-media{aspect-ratio:16/10;background:#eef2f5;overflow:hidden}
.news-card-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.news-card-media.contain img{object-fit:contain;padding:16px;background:#f8f6f1}
.news-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.news-meta{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:900;margin-bottom:9px}
.news-card h3{font-size:1.14rem}
.news-card p{color:var(--muted);font-size:.91rem}
.news-card .text-link{margin-top:auto;padding-top:8px}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#fff 0,#faf6ed 64%,#fff2ce 100%);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow-lg)}
.cta-panel>div:first-child{max-width:820px}
.page-hero{padding:48px 0 24px}
.page-hero-card{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-lg)}
.page-hero-copy{padding:clamp(32px,5vw,62px);align-self:center;min-width:0}
.page-hero-media{min-height:430px;background:#edf1f5;overflow:hidden;position:relative}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero-media.contain{padding:28px;background:linear-gradient(145deg,#fff,#f1ede5)}
.page-hero-media.contain img{object-fit:contain}

.system-visual{position:relative;display:grid;place-items:center;padding:34px;background:radial-gradient(circle at 50% 50%,#fff9e8 0,#edf3f8 44%,#dfe8f2 100%);overflow:hidden}
.system-visual::before,.system-visual::after{content:"";position:absolute;border:1px solid rgba(35,55,96,.15);border-radius:50%}
.system-visual::before{width:72%;aspect-ratio:1}
.system-visual::after{width:48%;aspect-ratio:1}
.system-core{position:relative;z-index:2;width:126px;height:126px;border-radius:34px;background:linear-gradient(145deg,#fff,#fff5d8);border:1px solid #e2d6b8;box-shadow:0 24px 55px rgba(35,55,96,.16);display:grid;place-items:center;text-align:center;color:var(--navy);font-weight:900;line-height:1.1}
.system-core span{display:block;color:var(--gold);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin-top:5px}
.system-node{position:absolute;z-index:3;background:rgba(255,255,255,.9);border:1px solid rgba(215,207,191,.92);box-shadow:0 12px 28px rgba(35,55,96,.1);border-radius:15px;padding:10px 13px;color:var(--navy);font-size:.82rem;font-weight:800;white-space:nowrap}
.system-node::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:7px}
.sn1{top:14%;left:8%}.sn2{top:17%;right:7%}.sn3{bottom:17%;left:7%}.sn4{bottom:14%;right:8%}.sn5{top:47%;right:3%}

.service-stack{display:grid;gap:22px}
.service-row{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow);min-width:0}
.service-row.reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.service-row.reverse .service-row-visual{order:2}
.service-row-copy{padding:34px;min-width:0;align-self:center}
.service-row-copy ul{margin:18px 0 0;padding-left:19px;color:var(--muted)}
.service-row-copy li{margin:7px 0}
.service-row-visual{min-height:330px;background:linear-gradient(145deg,#eef4f9,#f8f5ef);display:grid;place-items:center;position:relative;overflow:hidden}
.service-row-visual.photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.service-row-visual.contain{padding:28px}
.service-row-visual.contain img{width:100%;height:100%;object-fit:contain}
.service-illustration{width:min(260px,65%);aspect-ratio:1;border-radius:38%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff7df,#f1d889 55%,#d6a522);box-shadow:0 28px 55px rgba(35,55,96,.14)}
.service-illustration svg{width:45%;height:45%;fill:none;stroke:var(--navy);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.process-step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.process-step b{display:block;color:var(--gold);font-size:1.6rem;margin-bottom:9px}
.process-step h3{font-size:1.05rem}
.process-step p{color:var(--muted);font-size:.9rem;margin:0}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.comparison-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.comparison-card.featured{border-color:#d8bc6f;background:linear-gradient(180deg,#fffdf8,#fff8e8)}
.comparison-card ul{padding-left:18px;color:var(--muted)}
.comparison-card li{margin:7px 0}
.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.spec-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:var(--shadow)}
.spec-card b{display:block;color:var(--navy);margin-bottom:5px}
.spec-card span{color:var(--muted);font-size:.91rem}
.product-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.product-media{aspect-ratio:4/3;background:#eaf2f7;padding:14px;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:contain}
.product-card-body{padding:20px}
.product-card-body p{color:var(--muted)}
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.value-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.value-card p{color:var(--muted)}
.news-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:26px;align-items:center}
.article-hero{padding:50px 0 24px}
.article-hero-card{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-lg)}
.article-hero-copy{padding:clamp(30px,5vw,64px);max-width:980px}
.article-hero-copy h1{font-size:clamp(2.45rem,4.8vw,4.45rem)}
.article-hero-media{aspect-ratio:21/8;background:#eef2f6;overflow:hidden}
.article-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.article-hero-media.contain img{object-fit:contain;padding:24px;background:#f8f6f1}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.article-body{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,4vw,44px);box-shadow:var(--shadow)}
.article-body h2{font-size:clamp(1.65rem,2.8vw,2.35rem);margin-top:38px}
.article-body h2:first-child{margin-top:0}
.article-body h3{margin-top:26px}
.article-body p,.article-body li{font-size:1.02rem;color:#4c596e}
.article-body ul,.article-body ol{padding-left:22px}
.article-body li{margin:8px 0}
.article-aside{position:sticky;top:105px;display:grid;gap:16px}
.aside-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}
.aside-card ul{margin:12px 0 0;padding-left:18px;color:var(--muted)}
.aside-card li{margin:7px 0}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:26px;align-items:start}
.contact-panel,.contact-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow-lg)}
.contact-list{display:grid;gap:14px;margin:23px 0}
.contact-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--line)}
.contact-icon{width:48px;height:48px;border-radius:15px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold)}
.contact-item b{display:block;color:var(--navy)}
.contact-item span{display:block;color:var(--muted);overflow-wrap:anywhere}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-form label{display:grid;gap:7px;font-weight:750;color:var(--navy);font-size:.92rem;min-width:0}
.contact-form label.full{grid-column:1/-1}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line-strong);background:#fff;border-radius:13px;padding:13px 14px;color:var(--text);outline:none;min-width:0}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(214,165,34,.12)}
.form-note,.form-status,.contact-form button{grid-column:1/-1}
.form-note,.form-status{margin:0;color:var(--muted);font-size:.88rem}
.form-status{color:var(--gold);font-weight:800}
.site-footer{border-top:1px solid var(--line);background:#fbfaf7}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px;padding:48px 0 30px}
.footer-brand img{width:190px;margin-bottom:18px}
.footer-brand p{max-width:450px;color:var(--muted)}
.footer-column h4{font-size:.98rem;letter-spacing:.06em;text-transform:uppercase}
.footer-links{display:grid;gap:9px}
.footer-links a{color:#59667a}.footer-links a:hover{color:var(--navy)}
.footer-bottom{border-top:1px solid var(--line);padding:18px 0 32px;display:flex;justify-content:space-between;gap:16px;color:#7b8595;font-size:.88rem}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:90;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 18px 40px rgba(35,55,96,.24);transition:transform .2s}
.whatsapp-float:hover{transform:translateY(-3px)}
.whatsapp-float img{width:34px;height:34px}
.whatsapp-label{position:absolute;right:72px;white-space:nowrap;background:var(--navy);color:#fff;border-radius:999px;padding:10px 14px;font-size:.8rem;font-weight:800;opacity:0;transform:translateX(7px);pointer-events:none;transition:.2s}
.whatsapp-float:hover .whatsapp-label{opacity:1;transform:none}
.reveal{opacity:1;transform:none;transition:transform .25s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:1100px){
  .site-nav{gap:16px}.site-nav a{font-size:.88rem}.header-actions .button{display:none}
  .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-gallery .product-card:last-child{grid-column:1/-1}
  .article-layout{grid-template-columns:minmax(0,1fr) 270px}
}
@media (max-width:900px){
  .header-inner{height:76px}.brand{width:166px;flex-basis:166px}.menu-toggle{display:block}.header-actions{margin-left:auto}
  .site-nav{position:absolute;top:68px;left:0;right:0;display:grid;gap:2px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;max-height:calc(100vh - 96px);overflow:auto}
  .site-nav.is-open{opacity:1;visibility:visible;transform:none}.site-nav a{padding:12px 11px;font-size:.96rem}.site-nav a.active::after,.site-nav a:hover::after{display:none}
  .hero-slide,.page-hero-card,.service-row,.service-row.reverse,.iot-panel,.charger-feature,.contact-grid,.news-intro,.grid-2{grid-template-columns:1fr}
  .hero-media{min-height:390px}.hero-copy{padding-bottom:34px}.service-row.reverse .service-row-visual{order:0}
  .page-hero-media{min-height:330px}.group-grid,.comparison-grid,.about-values{grid-template-columns:1fr}
  .article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .cta-panel{align-items:flex-start;flex-direction:column}
}
@media (max-width:700px){
  .system-visual{min-height:320px;padding:20px}.system-core{width:104px;height:104px;border-radius:28px}.system-node{font-size:.72rem;padding:8px 10px}.sn1{top:12%;left:5%}.sn2{top:13%;right:4%}.sn3{bottom:13%;left:4%}.sn4{bottom:11%;right:4%}.sn5{display:none}
  .container{width:min(var(--max),calc(100% - 28px))}.section{padding:70px 0}.section-sm{padding:48px 0}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:14px}
  .hero-wrap{padding-top:20px}.hero-slider{border-radius:24px}.hero-copy{padding:30px 22px}.hero-media{min-height:300px}.hero-tech-card{display:none}.slider-bar{padding:15px 18px}
  .capability-grid,.service-card-grid,.news-grid,.process-grid,.spec-grid,.product-gallery,.related-grid{grid-template-columns:1fr}.product-gallery .product-card:last-child{grid-column:auto}
  .charger-visual{grid-template-columns:1fr}.charger-visual .product-side{display:none}
  .service-row-copy{padding:26px 22px}.service-row-visual{min-height:260px}.page-hero{padding-top:26px}.page-hero-card{border-radius:24px}.page-hero-copy{padding:30px 22px}.page-hero-media{min-height:280px}
  .article-hero{padding-top:26px}.article-hero-card{border-radius:24px}.article-hero-copy{padding:30px 22px}.article-hero-media{aspect-ratio:16/9}.article-aside{grid-template-columns:1fr}
  .contact-form{grid-template-columns:1fr}.contact-form label.full,.form-note,.form-status,.contact-form button{grid-column:auto}
  .footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}
  .hero-actions .button{width:100%}.whatsapp-label{display:none}.whatsapp-float{right:14px;bottom:14px;width:56px;height:56px}
}
@media (max-width:420px){
  h1{font-size:2.35rem}.hero-media{min-height:250px}.brand{width:150px;flex-basis:150px}.capability-card{padding:16px}.service-card{padding:18px}.cta-panel{padding:26px 20px}
}