@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080a0d;--panel:#10141a;--panel2:#151a21;--text:#f4f7fb;--muted:#9aa4b2;--line:#27303b;--accent:#70e000;--accent2:#b7ff3c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f8;color:#101318;font:15px Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:76px;position:sticky;top:0;z-index:20;background:rgba(8,10,13,.92);backdrop-filter:blur(14px);display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100vw - var(--max))/2));color:#fff;border-bottom:1px solid #20252d}.brand{font-family:"Space Grotesk";font-weight:700;white-space:nowrap}.brand span{display:inline-grid;place-items:center;background:var(--accent);color:#071006;width:34px;height:34px;border-radius:8px;margin-right:8px;font-size:11px}.brand b{color:var(--accent)}nav{display:flex;gap:22px;margin-left:auto}nav a{color:#b9c1cc;font-size:13px}nav a:hover{color:#fff}.phone{font-weight:700;color:var(--accent)}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{background:var(--bg);color:#fff;min-height:650px;padding:80px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{color:#74d91c;font-weight:800;letter-spacing:.13em;font-size:11px;margin:0 0 16px}.hero h1,h2{font-family:"Space Grotesk";line-height:1.05;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,5.2vw,70px);margin:0 0 22px}.hero h1 em,h2 em{color:var(--accent);font-style:normal}.lead{font-size:18px;color:#b7c0cb;max-width:650px}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:10px;border:1px solid #39424e;font-weight:800}.primary{background:var(--accent);color:#081006;border-color:var(--accent)}.ghost{color:#fff}.trust{display:flex;gap:18px;color:#87919e;font-size:12px}.hero-card{position:relative}.photo{background:linear-gradient(135deg,#1c242d,#0d1116);border:1px solid #303944;min-height:230px;border-radius:18px;display:grid;place-items:center;color:#6f7b88;text-align:center;font-weight:800;letter-spacing:.06em}.hero-card .photo{min-height:440px}.placeholder small{font-weight:500;display:block;letter-spacing:0}.floating{position:absolute;left:-22px;bottom:22px;background:#fff;color:#111;padding:16px 18px;border-radius:12px;box-shadow:0 15px 40px #0008}.floating strong{display:block;font-size:24px}.floating span{font-size:12px;color:#6b737e}.stats{background:#fff;max-width:1000px;margin:-38px auto 0;position:relative;border-radius:16px;box-shadow:0 12px 40px #0001;display:grid;grid-template-columns:repeat(4,1fr);padding:24px}.stats div{text-align:center;border-right:1px solid #e2e5e8}.stats div:last-child{border:0}.stats strong{display:block;font:700 25px "Space Grotesk"}.stats span{font-size:12px;color:#78818b}
.section,.devices,.split,.contact{max-width:var(--max);margin:auto;padding:100px 24px}.section h2,.devices h2,.contact h2,.split h2{font-size:clamp(34px,4vw,52px);margin:0 0 18px}.intro{max-width:700px;color:#66707b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.card{background:#fff;border:1px solid #e2e5e8;border-radius:18px;padding:18px}.card.featured{border-color:#b7e989}.card .photo{min-height:190px;margin-bottom:22px}.card h3{font:700 22px "Space Grotesk";margin:0 0 8px}.card p{color:#66707b;min-height:72px}.card strong{color:#111}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.mini-grid div{background:#fff;border:1px solid #e2e5e8;padding:18px;border-radius:12px;display:flex;justify-content:space-between;gap:10px}.mini-grid span{font-weight:800;color:#5c8e12}.dark{max-width:none;background:#0a0d11;color:#fff;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.dark .intro{color:#9ba5b2}.price-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.price-columns>div{border:1px solid #27313c;border-radius:18px;padding:28px;background:#10151b}.price-columns h3{font:700 24px "Space Grotesk"}.price-columns p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #202832;padding:13px 0;color:#aeb7c1}.price-columns b{color:var(--accent);white-space:nowrap}.note{color:#8d98a5;margin-top:20px}.devices{padding-top:75px;padding-bottom:75px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{border:1px solid #dfe3e7;background:#fff;border-radius:999px;padding:10px 14px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.steps div{border-top:2px solid #cbd2d8;padding-top:18px}.steps i{font-style:normal;color:#6aa916;font-weight:800}.steps h3{font:700 20px "Space Grotesk"}.steps p{color:#69737e}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.large{min-height:480px}.split ul{padding:0;list-style:none}.split li{padding:10px 0;border-bottom:1px solid #e2e5e8}.split li:before{content:"✓";color:#67a918;font-weight:800;margin-right:10px}.quote{background:#dfff9a;padding:90px 24px;text-align:center}.quote span{font:700 90px Georgia;line-height:.5}.quote h2{font-size:clamp(38px,5vw,62px);margin:15px}.quote p{color:#4b573e}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.gallery .photo{min-height:210px}.contact{max-width:none;background:#0b0e12;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.contact>div{align-self:start}.contact p{color:#aab4c0}.contact-links{display:grid;gap:12px;margin-top:25px}.contact-links a{color:#fff}.contact-links a:hover{color:var(--accent)}form{display:grid;gap:12px}input,select,textarea{width:100%;background:#11161c;border:1px solid #303944;color:#fff;border-radius:10px;padding:14px;font:inherit}textarea{min-height:150px;resize:vertical}label{font-size:12px;color:#9ba5b0}label input{width:auto;margin-right:8px}form .btn{cursor:pointer}footer{background:#07090c;color:#a2acb8;padding:50px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.4fr 1fr auto;gap:30px;align-items:center}footer .brand{color:#fff}footer small{grid-column:1/-1;border-top:1px solid #1d242c;padding-top:20px}
@media(max-width:850px){nav,.phone{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{order:-1}.hero-card .photo{min-height:300px}.stats{margin:0 16px;grid-template-columns:repeat(2,1fr);gap:20px}.stats div:nth-child(2){border:0}.cards,.mini-grid,.steps,.gallery,.price-columns,.split,.contact{grid-template-columns:1fr}.section,.devices,.split,.contact{padding-top:70px;padding-bottom:70px}.gallery .photo{min-height:240px}.contact{gap:35px}footer{grid-template-columns:1fr}.floating{left:12px}.trust{flex-wrap:wrap}}