*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101820;background:#f7f8fa;line-height:1.6}.container{width:min(1160px,92%);margin:auto}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e8eaed}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#101820;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.5px}.brand-mark{width:40px;height:40px;border-radius:10px;background:#2563eb;display:grid;place-items:center;color:#111;font-weight:900}.nav-links{display:flex;gap:28px}.nav-links a{color:#39434d;text-decoration:none;font-size:14px;font-weight:600}.menu-btn{display:none;border:0;background:none;font-size:26px}.hero{min-height:650px;background:radial-gradient(circle at 80% 20%,#1e3a8a 0,#172554 42%,#0f172a 100%);color:#fff;overflow:hidden}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:800;color:#10b981;margin:0 0 14px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.03;margin:0 0 24px;letter-spacing:-2px}.hero h1 span{color:#2563eb}.hero-text{max-width:620px;color:#c7d0d7;font-size:18px}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font-size:14px}.btn-primary{background:#2563eb;color:#111}.btn-outline{border-color:#64717c;color:#fff}.hero-art{height:420px;position:relative;display:grid;place-items:center}.energy-ring{position:absolute;border:1px solid rgba(255,176,0,.35);border-radius:50%}.ring1{width:390px;height:390px}.ring2{width:270px;height:270px}.transformer-card{width:280px;height:210px;background:linear-gradient(145deg,#253542,#101a21);border:1px solid #455662;border-radius:18px;box-shadow:0 30px 80px #0008;display:flex;align-items:center;justify-content:center;gap:16px;transform:rotate(-5deg)}.bolt{font-size:55px;color:#2563eb}.transformer-card strong{display:block;font-size:20px}.transformer-card small{color:#aeb9c1}.stats{background:#2563eb}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:22px 10px;border-right:1px solid #3b82f6;display:flex;flex-direction:column}.stats-grid strong{font-size:24px}.stats-grid span{font-size:13px;font-weight:700}.section{padding:95px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section h2{font-size:clamp(34px,4vw,52px);line-height:1.1;margin:0 0 25px;letter-spacing:-1px}.section p{color:#59646e}.muted{color:#78838d!important}.dark{background:#172554;color:#fff}.dark p{color:#aeb9c1}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.pill{border:1px solid #495964;padding:6px 12px;border-radius:30px;font-size:12px;color:#2563eb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#1e40af;border:1px solid #2563eb;border-radius:16px;padding:30px;min-height:250px}.card-icon{color:#2563eb;font-weight:900;margin-bottom:35px}.card h3{font-size:24px;margin:0 0 10px}.card a{display:inline-block;margin-top:18px;color:#2563eb;text-decoration:none;font-weight:800}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe3e7;margin-top:40px}.feature{background:#fff;padding:30px;display:flex;gap:20px}.feature span{color:#059669;font-weight:900}.feature h3{margin:0}.feature p{margin-bottom:0}.process{background:#eef1f3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px}.steps>div{background:#fff;padding:25px;border-radius:12px;border-top:3px solid #2563eb}.steps b{color:#059669;display:block}.steps span{font-weight:800;display:block;margin-top:12px}.steps p{font-size:14px}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.address{margin-top:30px;padding:24px;border-left:3px solid #2563eb;background:#f6f7f8}.address p{margin:7px 0}.contact-form{background:#f4f6f7;padding:30px;border-radius:16px;display:grid;gap:13px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:14px;border:1px solid #d8dde1;border-radius:7px;background:#fff;font:inherit;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#2563eb}.form-note{margin:0!important;font-size:13px}.footer{background:#091117;color:#c2ccd3;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer h4{color:#fff;margin-top:0}.footer p{font-size:14px}.footer-brand{color:#fff}.copyright{text-align:center;border-top:1px solid #23313b;padding:18px;font-size:12px}.menu-btn{color:#111}@media(max-width:800px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;gap:15px;border-bottom:1px solid #ddd}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding-top:75px;padding-bottom:70px}.hero-art{height:330px}.stats-grid{grid-template-columns:1fr 1fr}.cards,.steps{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.section-head{align-items:start;gap:15px;flex-direction:column}.hero h1{letter-spacing:-1px}.ring1{width:300px;height:300px}.ring2{width:210px;height:210px}}
.nav { height: 80px; }
.brand { height: 80px; display: flex; align-items: center; overflow: hidden; padding: 0; }
.brand-logo { height: 120px; width: auto; object-fit: contain; mix-blend-mode: multiply; transform: translateX(-5px); }
.footer-brand .brand-logo { height: 70px; mix-blend-mode: normal; transform: none; margin-top: 5px; }
.nav-links { gap: 32px; }
.nav-links a { font-size: 14px; color: #334155; font-weight: 600; text-transform: none; letter-spacing: 0.3px; transition: all 0.2s ease; position: relative; padding-bottom: 4px; }
.nav-links a:hover { color: #2563eb; }
.nav-links a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #2563eb; transition: width 0.3s ease; }
.nav-links a:hover::after { width: 100%; }

@media(max-width: 800px) {
  .nav { height: 70px; }
  .brand { height: 70px; }
  .brand-logo { height: 100px; }
  .nav-links { top: 70px; display: none; position: absolute; left: 0; right: 0; background: #fff; padding: 20px; flex-direction: column; gap: 15px; border-bottom: 1px solid #ddd; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
  .nav-links.open { display: flex; }
  .menu-btn { display: block; border: none; background: none; font-size: 28px; color: #1e3a8a; cursor: pointer; }
}