@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');
:root{--navy:#071426;--navy2:#0c2039;--blue:#1888e8;--sky:#75caff;--text:#eef7ff;--muted:#9fb1c6;--line:rgba(255,255,255,.12);--card:#0d1c2f;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06111f;color:var(--text);font-family:"Kanit",system-ui,sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,17,31,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:1.25rem;letter-spacing:.08em}.brand small{font-size:.64rem;letter-spacing:.16em;color:#a9c9e8;margin-top:6px}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{color:#cbd9e7;font-size:.95rem}.main-nav a:hover{color:#fff}.nav-cta{padding:10px 18px;border:1px solid #3f8dcc;border-radius:999px}.menu-btn{display:none;background:none;border:0;padding:10px}.menu-btn span{display:block;width:27px;height:2px;background:#dbeeff;margin:6px}.hero{position:relative;min-height:720px;display:flex;align-items:center;background:radial-gradient(circle at 75% 38%,rgba(24,136,232,.20),transparent 34%),linear-gradient(135deg,#06111f 0%,#091b31 55%,#06111f 100%);overflow:hidden}.energy-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(69,133,190,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(69,133,190,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:90px 0}.eyebrow{color:#74c7ff;letter-spacing:.18em;font-size:.78rem;font-weight:600;text-transform:uppercase}.hero h1,.section h2{font-size:clamp(2.6rem,6vw,5.4rem);line-height:1.08;margin:.3em 0}.hero h1 span{color:#80d4ff}.lead{font-size:1.15rem;color:#b6c7d8;max-width:670px}.hero-actions{display:flex;gap:14px;margin:34px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;font-weight:600}.primary{background:linear-gradient(135deg,#1689ec,#43b4f7);color:white;box-shadow:0 12px 30px rgba(25,137,234,.25)}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.035)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#94abc1;font-size:.9rem}.hero-visual svg{width:100%;filter:drop-shadow(0 35px 55px rgba(0,0,0,.45))}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#081727}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:28px 20px;text-align:center;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats strong{display:block;font-size:1.5rem;color:#89d7ff}.stats span{color:#91a5b9;font-size:.88rem}.section{padding:110px 0}.two-col,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section h2{font-size:clamp(2.2rem,4vw,4.2rem)}.section-copy p:not(.eyebrow),.section-heading p,.contact-copy>p{color:#aabaca}.values-card{display:grid;gap:14px}.values-card article{background:linear-gradient(145deg,#0d2037,#091728);border:1px solid var(--line);padding:26px;border-radius:18px}.values-card span{color:#5fbfff;font-weight:700}.values-card h3{margin:.3rem 0}.values-card p{margin:0;color:#9fb1c6}.products{background:#081625}.section-heading{text-align:center;max-width:760px;margin:0 auto 50px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.product-card{background:linear-gradient(160deg,#10243c,#091728);border:1px solid var(--line);border-radius:24px;padding:36px;transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:rgba(95,191,255,.5)}.product-icon{width:74px;height:74px;border-radius:20px;background:rgba(40,147,230,.12);display:grid;place-items:center}.product-icon svg{width:42px;fill:none;stroke:#74caff;stroke-width:3;stroke-linejoin:round}.product-card h3{font-size:1.8rem;margin:18px 0 8px}.product-card p{color:#9eb1c4}.product-card a{color:#73c9ff;font-weight:600}.contact-section{background:radial-gradient(circle at 10% 30%,rgba(31,128,204,.18),transparent 38%),#06111f}.contact-list{display:grid;gap:12px;margin-top:30px}.contact-list a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-list span{color:#8fcfff}.address-card{background:linear-gradient(150deg,#10243b,#091727);border:1px solid var(--line);border-radius:26px;padding:38px}.address-card h3{font-size:1.5rem}.address-card p{color:#adbdcc}.address-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.full{width:100%;margin-top:18px}footer{border-top:1px solid var(--line);padding:30px 0;background:#050d17}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid p{color:#7f93a6;font-size:.82rem}.floating-call{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1690ef;color:#fff;font-size:1.4rem;box-shadow:0 15px 35px rgba(0,0,0,.35);z-index:40}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.menu-btn{display:block}.main-nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:20px;background:#081625;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:10px}.hero{min-height:auto}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr;gap:38px}.hero-grid{padding:70px 0}.hero-visual{order:-1}.hero-visual svg{max-height:330px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border-right:0}.product-grid{grid-template-columns:1fr}.section{padding:80px 0}.footer-grid{flex-direction:column;text-align:center}.contact-list a{flex-direction:column;gap:2px}.hero h1{font-size:3rem}}@media(max-width:480px){.container{width:min(100% - 26px,var(--max))}.brand small{display:none}.hero-actions{flex-direction:column}.btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.stats strong{font-size:1.2rem}.product-card,.address-card{padding:25px}.section{padding:64px 0}}