:root{
  --navy:#0b1220; --blue:#1267ff; --blue2:#0a4fcc; --white:#fff; --text:#111827;
  --muted:#667085; --line:#e6e9ef; --light:#f6f8fb; --black:#05080d;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}
.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(8,14,25,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:10px;font-weight:800;letter-spacing:-2px;background:linear-gradient(145deg,#173f89,#0d67ff)}
.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.8px}.brand small{font-size:10px;letter-spacing:2px;color:#6ea1ff;margin-top:2px}
nav{display:flex;align-items:center;gap:28px}nav a{color:#d9e2f2;text-decoration:none;font-size:14px;font-weight:600}.nav-cta{background:var(--blue);padding:12px 17px;border-radius:9px;color:#fff!important}.menu-btn{display:none}
.hero{background:radial-gradient(circle at 80% 20%,#173b7e 0,#0c182b 34%,#070b12 68%);color:#fff;padding:92px 0 74px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:#2f7cff}
h1{font-size:clamp(48px,7vw,86px);line-height:.95;letter-spacing:-4px;margin:18px 0 24px}h1 span{color:#73a3ff}
.hero-copy p{font-size:19px;color:#b7c2d3;max-width:630px;line-height:1.65}.hero-actions{display:flex;gap:14px;margin:30px 0 38px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:15px 22px;font-weight:800;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(135deg,#1167ff,#0a4fcc);color:#fff;box-shadow:0 10px 30px rgba(18,103,255,.25)}.ghost{color:#fff;border:1px solid #3c4657;background:transparent}.full{width:100%}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-row div{padding-top:14px;border-top:1px solid #2d3949}.trust-row strong,.trust-row span{display:block}.trust-row span{font-size:12px;color:#8492a6;margin-top:4px}
.hero-card{min-height:520px;border-radius:24px;background:linear-gradient(150deg,#f8fafc,#dfe7f2);position:relative;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}
.machine-graphic{position:absolute;inset:60px 30px 90px}.machine-body{position:absolute;right:48px;top:128px;width:190px;height:150px;background:#0c1830;color:white;border:14px solid #fff;border-radius:30px 30px 42px 18px;font-size:70px;font-weight:800;display:grid;place-items:center;text-shadow:8px 0 #1267ff}.machine-arm{position:absolute;width:260px;height:42px;background:#fff;transform:rotate(-28deg);left:44px;top:120px;border-radius:12px;box-shadow:inset 0 -10px #1267ff}.machine-bucket{position:absolute;width:72px;height:85px;border:18px solid #0a0f18;border-top:0;border-radius:0 0 22px 22px;left:28px;bottom:60px;transform:rotate(15deg)}.track{position:absolute;bottom:30px;width:175px;height:44px;border-radius:28px;background:#0a0d12;border:9px solid #252a33}.t1{right:50px}.t2{right:170px}.hero-card-copy{position:absolute;left:34px;bottom:28px;color:#0d1729}.hero-card-copy span,.hero-card-copy strong{display:block}.hero-card-copy span{font-size:11px;font-weight:800;letter-spacing:2px;color:#1267ff}.hero-card-copy strong{font-size:19px;margin-top:5px}
.strip{border-bottom:1px solid var(--line);background:white}.strip-inner{height:66px;display:flex;align-items:center;justify-content:center;gap:20px;color:#48556a;font-size:13px;font-weight:700;flex-wrap:wrap}.strip i{color:#1267ff}
.section{padding:96px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-head h2,h2{font-size:clamp(34px,4.5vw,58px);letter-spacing:-2px;line-height:1.05;margin:12px 0}.section-head p{max-width:480px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(20,35,60,.08)}.icon{font-size:30px;color:#1267ff}.card h3{font-size:18px}.card p{color:var(--muted);line-height:1.6;font-size:14px}
.dark{background:#080d16;color:#fff}.dark .section-head p{color:#9ca8bb}.project-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:250px;gap:16px}.project{border-radius:18px;padding:20px;display:flex;align-items:flex-end;font-weight:800;position:relative;overflow:hidden;background:linear-gradient(145deg,#142e5b,#0b1220)}.project:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(18,103,255,.55),transparent 35%)}.project span{position:relative}.p1{grid-row:span 2}.p4{grid-column:span 2}
.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.muted{color:var(--muted);line-height:1.7}.notice{padding:18px;border-left:3px solid #1267ff;background:#f4f7fc;margin-top:25px;color:#42526b}.calculator{border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 25px 60px rgba(20,35,60,.08)}label{display:block;font-size:13px;font-weight:700;margin-bottom:17px}input,select,textarea{width:100%;margin-top:8px;padding:14px;border:1px solid #d9dee8;border-radius:10px;font:inherit;background:#fff}.check{display:flex;align-items:center;gap:10px;color:#5e6c80}.check input{width:auto;margin:0}.result{margin-top:18px;padding:20px;border-radius:14px;background:#08111f;color:#fff}.result span,.result small{display:block}.result strong{display:block;font-size:34px;margin:6px 0}.result small{color:#93a0b4;line-height:1.5}
.light{background:#f6f8fb}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.about-panel{min-height:420px;border-radius:24px;background:linear-gradient(145deg,#0a1424,#0c68ff);display:grid;place-items:center;color:white}.about-panel span{font-size:160px;font-weight:800;letter-spacing:-18px}.tick-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px;color:#46556c}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stats div{padding:28px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:30px}.stats span{font-size:12px;color:var(--muted);margin-top:6px}
.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.quote-grid p{color:#a3afc1;line-height:1.7}.quote-form{background:#fff;padding:28px;border-radius:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload{border:1px dashed #ccd3df;border-radius:10px;padding:14px;color:#56647a}.upload input{border:0;padding:0}.form-msg{color:#1267ff!important;margin:10px 0 0}
.contact-card{padding:42px;border-radius:24px;background:linear-gradient(125deg,#eef4ff,#fff);display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #dfe7f4}.contact-card h2{margin-bottom:10px}.contact-card p{color:var(--muted)}.contact-actions{display:flex;gap:10px}.whatsapp{background:#0e8f50;color:#fff}
footer{background:#06090f;color:#fff;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-grid>div:not(.brand){display:flex;flex-direction:column;gap:10px;font-size:13px;color:#7f8da1}.footer-grid strong{color:#fff}.footer-grid a{color:#7f8da1;text-decoration:none}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #1b2330;color:#6f7a8a;font-size:12px}
.float-wa{position:fixed;right:20px;bottom:20px;background:#1267ff;color:#fff;text-decoration:none;font-weight:800;padding:14px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:30}
@media(max-width:900px){.menu-btn{display:block;background:none;border:0;color:#fff;font-size:24px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b1220;padding:20px 4%;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero-grid,.calc-layout,.about-grid,.quote-grid{grid-template-columns:1fr}.hero-card{min-height:430px}.cards{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.p1{grid-row:auto}.p4{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.section{padding:70px 0}.cards,.project-grid,.tick-grid,.stats,.two,.footer-grid{grid-template-columns:1fr}.p4{grid-column:auto}.hero{padding-top:62px}h1{letter-spacing:-2px}.hero-actions,.contact-card,.contact-actions{flex-direction:column;align-items:stretch}.trust-row{grid-template-columns:1fr}.hero-card{min-height:350px}.machine-graphic{transform:scale(.8);transform-origin:center}.stats div{border-right:0;border-bottom:1px solid var(--line)}}