@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0d10;--fg:#f6f8f5;--card:#171c22;--muted:#a7b0ba;--border:#2a313a;--primary:#b8ff2c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,sans-serif}a{text-decoration:none}
.hero{max-width:1240px;margin:auto;padding:0 32px 80px}.hero nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.logo{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.35rem;letter-spacing:.08em}.logo span{color:var(--primary)}
.navbtn,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#0b0d10;padding:14px 21px;border-radius:999px;font-weight:800;font-size:.88rem}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;align-items:center;gap:40px}.kicker{display:inline-block;color:var(--primary);font-size:.74rem;font-weight:800;letter-spacing:.08em;background:#17200d;border:1px solid #354b12;padding:9px 13px;border-radius:999px}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif}.copy h1{font-size:clamp(3.7rem,7vw,6.7rem);line-height:.94;letter-spacing:-.065em;margin:22px 0}.copy h1 em{color:var(--primary);font-style:normal}.copy>p{color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:560px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.secondary{border:1px solid var(--border);color:var(--fg);padding:13px 20px;border-radius:999px;font-weight:700}.trust{margin-top:24px;color:#b8c1ca;font-size:.86rem}
.visual{height:520px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(184,255,44,.22),transparent 68%)}
.phone{position:relative;z-index:1;width:260px;height:490px;border:9px solid #303841;border-radius:38px;background:#080a0c;box-shadow:0 28px 90px #000;transform:rotate(6deg)}.notch{position:absolute;width:105px;height:22px;background:#303841;border-radius:0 0 14px 14px;top:0;left:50%;transform:translateX(-50%);z-index:2}.screen{height:100%;border-radius:29px;background:linear-gradient(145deg,#171d25,#080b0f);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary);gap:13px;text-align:center}.screen span{position:absolute;top:80px;background:#1d2c0e;border:1px solid #405b19;padding:6px 9px;border-radius:999px;font-size:.6rem;font-weight:800;letter-spacing:.08em}.wrench{font-size:60px}.screen strong{font-family:'Bricolage Grotesque';font-size:1.8rem;letter-spacing:.1em}.screen small{font-size:.55rem;color:#82909c;letter-spacing:.12em}
.services{max-width:1240px;margin:auto;padding:90px 32px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head span,.cta span{color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:.12em}.section-head h2,.cta h2{font-size:clamp(2.2rem,4vw,3.8rem);letter-spacing:-.04em;margin:9px 0 0}.section-head p{max-width:340px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:25px;min-height:230px}.icon{font-size:28px;background:#202b10;width:50px;height:50px;border-radius:14px;display:grid;place-items:center}.cards h3{font-size:1.25rem;margin:20px 0 9px}.cards p{font-size:.84rem;line-height:1.65;color:var(--muted)}
.cta{max-width:1176px;margin:20px auto 70px;padding:40px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;background:linear-gradient(115deg,#1b2420,#151b1d);border:1px solid #35451e;border-radius:32px}.cta-icon{font-size:32px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--primary)}.cta h2{font-size:2.3rem;margin:8px 0}.cta p{color:var(--muted);margin:0}
footer{max-width:1240px;margin:auto;padding:28px 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}
@media(max-width:850px){.hero{padding:0 20px 55px}.hero-grid{grid-template-columns:1fr;padding-top:55px}.visual{height:410px;order:-1}.phone{transform:scale(.8) rotate(5deg)}.cards{grid-template-columns:repeat(2,1fr)}.section-head,.cta{display:flex;flex-direction:column;align-items:flex-start}.cta{margin:20px}.services{padding:70px 20px}}
@media(max-width:520px){.hero nav{height:76px}.navbtn{padding:10px 12px;font-size:.72rem}.copy h1{font-size:3.35rem}.actions a{width:100%}.cards{grid-template-columns:1fr}.phone{transform:scale(.68) rotate(4deg)}.visual{height:370px}footer{margin:0 20px;padding:25px 0;flex-direction:column;gap:15px}}