:root{--bg:#f6f8fb;--ink:#0b1424;--muted:#637187;--line:#e3e8ef;--dark:#08111f;--dark2:#0e1b2d;--accent:#27e0b4;--accent2:#ffb000;--white:#fff;--shadow:0 18px 55px rgba(7,18,34,.11);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}.topbar{height:34px;background:#050b14;color:#b7c4d5;padding:0 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.02em}.header{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:"Space Grotesk"}.brand img{width:38px;height:38px}.brand span{font-size:20px;font-weight:700}.brand b{font-weight:500;color:#68778b;font-size:12px;margin-left:3px}nav{display:flex;gap:22px;align-items:center;margin-left:auto}nav a,.mobile-nav a{color:#425167;text-decoration:none;font-size:13px;font-weight:600}nav a:hover{color:var(--ink)}.cart-btn{border:0;background:var(--dark);color:white;border-radius:12px;padding:11px 13px;display:flex;gap:9px;align-items:center;cursor:pointer;font-weight:700}.cart-btn em{font-style:normal;background:var(--accent);color:#042018;border-radius:20px;min-width:22px;height:22px;display:grid;place-items:center;font-size:11px}.menu-btn{display:none;background:none;border:0;font-size:20px}.mobile-nav{display:none}.hero{min-height:650px;background:radial-gradient(circle at 75% 50%,#183354 0,#0b182b 35%,#06101e 75%);color:white;display:grid;grid-template-columns:1.1fr .9fr;padding:75px 7%;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,224,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(39,224,180,.035) 1px,transparent 1px);background-size:55px 55px;pointer-events:none}.hero-copy{max-width:730px;z-index:2;align-self:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#6d7d91}.hero .eyebrow{color:var(--accent)}h1,h2,h3,h4{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.055em;margin:18px 0}h1 span{color:var(--accent)}.hero-copy>p{font-size:18px;color:#b9c6d6;max-width:620px}.hero-actions{display:flex;gap:12px;margin:30px 0 42px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.btn.primary{background:var(--accent);color:#041d17}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.hero .btn.ghost{background:transparent;border-color:#30425b;color:white}.btn.whatsapp{background:#25d366;color:white;width:100%;justify-content:center}.trust{display:flex;gap:38px}.trust div{display:flex;flex-direction:column}.trust b{font-family:"Space Grotesk";font-size:18px}.trust span{color:#8292a7;font-size:11px}.hero-tech{position:relative;min-height:500px}.orb{position:absolute;width:440px;height:440px;border-radius:50%;right:5%;top:30px;background:radial-gradient(circle,#1d4d60 0,rgba(24,63,79,.35) 35%,transparent 68%);box-shadow:0 0 100px rgba(39,224,180,.12)}.chip{position:absolute;width:180px;height:180px;left:35%;top:28%;background:linear-gradient(145deg,#1d2c41,#0b1421);border:1px solid #35506d;border-radius:28px;box-shadow:0 25px 70px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.chip i{font-size:65px;color:var(--accent)}.chip span{text-align:center;font-size:12px;letter-spacing:.18em;color:#c6d3df}.circuit{position:absolute;color:#6f879f;font:12px monospace;letter-spacing:.08em}.c1{top:17%;right:4%}.c2{bottom:17%;left:2%}.floating-card{position:absolute;background:rgba(255,255,255,.95);color:var(--ink);padding:14px 17px;border-radius:15px;box-shadow:var(--shadow);display:grid;grid-template-columns:28px 1fr;column-gap:10px;min-width:190px}.floating-card i{grid-row:span 2;color:#0b9d7b}.floating-card b{font-size:14px}.floating-card small{color:#728095;font-size:10px}.fc1{right:2%;top:13%}.fc2{left:0;bottom:12%}.search-strip{background:white;padding:35px 7%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.search-strip h2{font-size:24px;margin-top:5px}.searchbox{height:54px;border:1px solid #dce3ec;border-radius:14px;display:flex;align-items:center;max-width:680px;flex:1;margin-left:auto;box-shadow:0 8px 25px rgba(20,35,50,.06);overflow:hidden}.searchbox i{padding:0 16px;color:#718097}.searchbox input{border:0;outline:0;flex:1;height:100%;font-size:14px}.searchbox button{height:100%;border:0;background:var(--dark);color:white;padding:0 22px;font-weight:800}.section{padding:90px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2{font-size:clamp(32px,4vw,48px);margin-top:8px}.section-head p{max-width:520px;color:var(--muted);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat-card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;min-height:125px;text-decoration:none;color:var(--ink);transition:.2s;cursor:pointer}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c7d3df}.cat-card i{font-size:22px;color:#168e74;margin-bottom:20px}.cat-card h3{font-size:13px}.cat-card small{display:block;color:#8996a8;margin-top:5px}.solutions{background:var(--dark);color:white;padding:90px 7%;position:relative;overflow:hidden}.solutions:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(39,224,180,.06);right:-200px;top:-250px}.light .eyebrow{color:var(--accent)}.light p{color:#8fa0b5}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.solution-grid article{border:1px solid #24354c;background:#0d1a2c;padding:27px;border-radius:20px;min-height:245px;cursor:pointer;transition:.2s}.solution-grid article:hover{transform:translateY(-5px);border-color:#3d5877}.solution-grid i{font-size:28px;color:var(--accent);margin-bottom:25px}.solution-grid h3{font-size:21px}.solution-grid p{font-size:13px;color:#93a2b5}.solution-grid button{border:0;background:none;color:white;font-weight:800;padding:0;margin-top:15px}.catalog{background:#f6f8fb}.catalog-tools{display:flex;gap:10px}.catalog select,.filters select,.filters input{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 12px;color:#34435a;outline:0}.filter-btn{border:1px solid #cad5e1;background:white;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}.catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:28px}.filters{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;height:max-content;position:sticky;top:100px}.filters h3{font-size:18px;margin-bottom:18px}.filters label{display:block;font-size:11px;font-weight:800;color:#67758a;margin-bottom:15px}.filters input,.filters select{width:100%;margin-top:7px}.filter-note{background:#eefaf7;border-radius:12px;padding:12px;font-size:10px;color:#557069;display:flex;gap:8px}.results-info{color:#758398;font-size:12px;margin-bottom:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-image{aspect-ratio:1.3;background:#0c1528;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:15px}.product-cat{font-size:9px;letter-spacing:.1em;color:#1a9478;font-weight:900}.product-body h3{font-size:16px;margin:6px 0}.product-body p{font-size:11px;color:#78869a;min-height:35px}.ref{font-size:10px;color:#a0acba}.product-actions{display:flex;gap:7px;margin-top:12px}.product-actions button{flex:1;border:0;border-radius:9px;padding:10px;font-size:11px;font-weight:800;cursor:pointer}.add{background:var(--dark);color:white}.more{background:#eef2f6;color:#26364b}.load-more{text-align:center;margin-top:24px}.quote-banner{margin:0 7% 90px;border-radius:24px;background:linear-gradient(115deg,#0a1525,#10263a);color:white;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.quote-banner h2{font-size:34px;max-width:750px;margin:8px 0}.quote-banner p{color:#a7b6c7}.lab{background:white}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lab article{border:1px solid var(--line);border-radius:20px;padding:28px;min-height:235px;background:#fff;position:relative;overflow:hidden}.lab article:after{content:"01";position:absolute;right:18px;bottom:-25px;font:900 110px "Space Grotesk";color:#f1f4f7}.lab article:nth-child(2):after{content:"02"}.lab article:nth-child(3):after{content:"03"}.lab article span{font-size:10px;font-weight:900;color:#1a967a;letter-spacing:.12em}.lab article h3{font-size:23px;margin:18px 0 10px;max-width:320px}.lab article p{font-size:13px;color:var(--muted);max-width:350px}.lab article a{color:var(--ink);font-weight:800;font-size:12px;text-decoration:none;position:relative;z-index:1}.about{display:grid;grid-template-columns:1fr 1fr;background:#eef3f7;min-height:600px}.about-image{background:linear-gradient(135deg,#07111f,#17304a);position:relative;min-height:480px;overflow:hidden}.about-image:before,.about-image:after{content:"";position:absolute;border:1px solid rgba(39,224,180,.2);border-radius:50%;width:520px;height:520px;left:-100px;top:80px}.about-image:after{width:330px;height:330px;left:60px;top:175px}.about-chip{position:absolute;left:18%;top:27%;width:280px;height:240px;border-radius:28px;background:linear-gradient(145deg,#172b42,#0a1423);border:1px solid #35506b;box-shadow:0 30px 70px rgba(0,0,0,.35);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-chip i{font-size:52px;color:var(--accent);margin-bottom:12px}.about-chip b{font-size:38px;font-family:"Space Grotesk"}.about-chip span{text-align:center;color:#9aabbe;font-size:11px}.about-copy{padding:90px 10%;align-self:center}.about-copy h2{font-size:46px;margin:12px 0 22px}.about-copy p{color:#5d6d81;font-size:15px}.about-points{display:grid;gap:12px;margin:25px 0}.about-points div{display:flex;gap:10px;align-items:center;font-weight:700;font-size:13px}.about-points i{color:#1a967a}.contact{padding:65px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:white}.contact h2{font-size:42px;margin:8px 0}.contact p{color:var(--muted)}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}footer{background:#050c16;color:#aab8c9;padding:55px 7% 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}.footer-brand{color:white}.footer-brand p{max-width:350px;color:#748398;font-size:12px;margin-top:15px}.footer-main h4{color:white;margin-bottom:15px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:12px}.footer-main a{color:#aab8c9;text-decoration:none}.footer-bottom{border-top:1px solid #182536;margin-top:45px;padding-top:20px;font-size:10px}.floating-wa{position:fixed;right:24px;bottom:22px;z-index:45}.floating-wa a{width:54px;height:54px;background:#25d366;color:white;border-radius:50%;display:grid;place-items:center;font-size:28px;box-shadow:0 12px 30px rgba(37,211,102,.35)}.drawer{position:fixed;inset:0;z-index:100;display:none}.drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(2,8,15,.65);backdrop-filter:blur(3px)}.drawer aside{position:absolute;right:0;top:0;height:100%;width:min(480px,100%);background:white;display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.2)}.drawer-head{padding:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer-head h2{margin-top:7px;font-size:25px}.drawer-head button,.modal-close{border:0;background:#f0f3f6;border-radius:9px;width:38px;height:38px;cursor:pointer}.cart-items{padding:18px 25px;overflow:auto;flex:1}.empty-cart{text-align:center;padding:80px 15px;color:#78869a}.empty-cart i{font-size:40px;margin-bottom:15px;color:#c4cfda}.cart-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f3;align-items:center}.cart-row img{width:54px;height:54px;border-radius:10px}.cart-row h4{font-size:13px}.cart-row small{color:#8491a1}.qty{display:flex;align-items:center;gap:7px;margin-top:7px}.qty button{border:1px solid var(--line);background:white;border-radius:6px;width:23px;height:23px;cursor:pointer}.qty span{font-size:11px;font-weight:800}.remove{border:0;background:none;color:#bd5962;cursor:pointer}.drawer-footer{border-top:1px solid var(--line);padding:18px 25px}.drawer-footer label,.modal-card label{font-size:11px;font-weight:800;color:#637187;display:block}.drawer-footer textarea,.modal-card textarea{width:100%;min-height:72px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:10px;margin:7px 0 12px;font:inherit;font-size:12px}.clear{border:0;background:none;color:#7c8795;font-size:11px;margin:13px auto 0;display:block;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(2,8,15,.7);z-index:110;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:white;border-radius:24px;max-width:610px;width:100%;padding:35px;position:relative;box-shadow:var(--shadow)}.modal-card h2{font-size:34px;margin:10px 0}.modal-card>p{color:var(--muted)}.modal-close{position:absolute;right:20px;top:20px}.advisor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.advisor-grid button{background:#f5f7fa;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;font-weight:800;cursor:pointer}.advisor-grid i{color:#168e74;margin-right:8px}.full{width:100%;justify-content:center}
@media(max-width:1050px){nav{gap:12px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-tech{display:none}.solution-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.topbar{display:none}.header{height:68px;padding:0 4%;gap:12px}nav{display:none}.menu-btn{display:block;margin-left:auto}.cart-btn span{display:none}.mobile-nav{display:none;background:white;padding:15px 5%;border-bottom:1px solid var(--line);gap:18px;flex-wrap:wrap}.mobile-nav.open{display:flex}.hero{padding:65px 6%;min-height:600px}.hero-copy>p{font-size:16px}.trust{gap:20px}.search-strip,.section-head,.contact,.quote-banner{flex-direction:column;align-items:flex-start}.search-strip{padding:28px 6%}.searchbox{width:100%}.section,.solutions{padding:65px 6%}.category-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-tools{width:100%;flex-wrap:wrap}.catalog-tools select{flex:1}.quote-banner{margin:0 6% 65px;padding:28px}.quote-banner h2{font-size:28px}.lab-grid,.footer-main{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-copy{padding:60px 7%}.about-copy h2{font-size:36px}.about-chip{left:50%;transform:translateX(-50%)}.contact h2{font-size:34px}.footer-main{gap:30px}.hero-actions{margin-bottom:30px}}
@media(max-width:450px){.product-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.product-body h3{font-size:14px}.solution-grid{grid-template-columns:1fr}.advisor-grid{grid-template-columns:1fr}}