*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#111915;background:#f6f8f5;line-height:1.6}a{color:inherit;text-decoration:none}header{height:86px;background:#05090b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,90px);position:sticky;top:0;z-index:20;border-bottom:1px solid #17252b}.logo img{width:160px;max-height:76px;object-fit:contain}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav .outline{border:1px solid #3caf35;padding:9px 16px;border-radius:999px}#menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:720px;padding:70px clamp(22px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;color:#fff;background:radial-gradient(circle at 80% 25%,#153948,#071317 40%,#040708 72%);overflow:hidden}.kicker{color:#39ad34;font-size:12px;font-weight:900;letter-spacing:.18em}.hero .kicker,.dark .kicker,.cta .kicker{color:#59cf50}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.92;letter-spacing:-.06em;margin:18px 0 28px}.hero h1 em{font-style:normal;color:#42b83c}.hero p{font-size:19px;color:#c4d0d3;max-width:650px}.buttons{display:flex;gap:12px;margin:34px 0 22px;flex-wrap:wrap}.btn{display:inline-block;padding:14px 21px;border-radius:6px;font-weight:800;font-size:14px}.green{background:#35aa31}.ghost{border:1px solid #49636d}.hero small{font-size:10px;color:#788a90;letter-spacing:.08em}.art img{display:block;width:100%;border-radius:10px;box-shadow:0 30px 90px #000a}.strip{background:#168bc9;color:#fff;padding:19px clamp(22px,6vw,90px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:900;letter-spacing:.11em}.section{padding:100px clamp(22px,6vw,90px)}h2{font-size:clamp(39px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 20px}.intro{font-size:18px;color:#59655f;max-width:720px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.cards article{background:#fff;padding:30px;min-height:270px;border:1px solid #e0e6df;box-shadow:0 18px 50px #1220180c}.cards b{color:#168bc9;font-size:12px}.cards h3{margin-top:30px}.cards p{font-size:14px;color:#69746e}.dark{background:#071317;color:#fff}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#23383f}.steps>div{padding:32px;background:#0c1c21}.steps b{color:#54c84b}.steps p{color:#a8b6ba;font-size:14px}.app{background:#edf2eb;display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center;overflow:hidden}.phones{height:680px;position:relative;max-width:560px;width:100%;margin:auto}.phone{position:absolute;background:#111;border:8px solid #15191a;border-radius:38px;overflow:hidden;box-shadow:0 35px 80px #0004}.phone img{width:100%;height:100%;object-fit:cover;display:block}.front{width:310px;height:670px;left:5px;z-index:2}.back{width:270px;height:585px;right:0;top:50px;transform:rotate(4deg);opacity:.9}.features{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:30px 0}.features span{background:#fff;padding:15px;font-weight:750;border-left:3px solid #36ad31}.note{font-size:13px;color:#77847e}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.brandbox{min-height:390px;background:linear-gradient(145deg,#061014,#123543);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px;color:#4ac143;letter-spacing:.18em;font-size:11px}.brandbox img{width:min(100%,470px)}.cta{text-align:center;padding:100px 24px;background:linear-gradient(120deg,#168bc9,#176b96 55%,#2c9a31);color:#fff}.cta h2{max-width:850px;margin:10px auto 20px}.cta p{max-width:650px;margin:0 auto 30px}.white{background:#fff;color:#101715}.cta small{display:block;margin-top:20px;opacity:.7}footer{background:#040708;color:#c6d0d2;padding:45px clamp(22px,6vw,90px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}footer img{width:120px}footer span{font-size:12px;color:#708087}.legal{display:flex;gap:20px;align-items:center;font-size:12px}@media(max-width:900px){nav{display:none;position:absolute;top:86px;left:0;right:0;background:#05090b;padding:25px;flex-direction:column;align-items:flex-start}nav.open{display:flex}#menu{display:block}.hero,.split,.app,.about{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.app{gap:55px}.phones{height:620px}.front{width:285px;height:615px}.back{width:245px;height:530px}.legal{grid-column:1/-1}footer{grid-template-columns:auto 1fr}}@media(max-width:540px){.logo img{width:125px}.hero{min-height:auto}.hero h1{font-size:52px}.section{padding-top:75px;padding-bottom:75px}.cards,.features{grid-template-columns:1fr}.strip{display:grid;grid-template-columns:1fr 1fr}.phones{height:545px}.front{width:250px;height:540px}.back{width:215px;height:465px;right:-55px;opacity:.65}.brandbox{min-height:260px;padding:25px}footer{grid-template-columns:1fr}.legal{grid-column:auto;flex-direction:column;align-items:flex-start}}