:root{--b:#276dcc;--g:#8dbb3d;--n:#09294d;--ink:#102239;--mut:#617187;--bg:#f2f7fb;--line:#dbe5ee;--brand-font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--brand-font);font-size:15px;color:var(--ink)}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}header img{width:160px}nav{display:flex;gap:30px;font-family:var(--brand-font);font-weight:700;letter-spacing:-.02em;color:#506074}nav a:hover{color:var(--b)}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-family:var(--brand-font);font-weight:700;letter-spacing:-.02em}.pill{padding:12px 18px;border:1px solid var(--line)}.hero{background:linear-gradient(100deg,#fff 0 52%,var(--bg) 52%);overflow:hidden}.hero .wrap{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.tag{font-family:var(--brand-font);font-size:13px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--b)}.tag:before{content:"";display:inline-block;width:30px;height:3px;background:var(--g);margin:0 10px 3px 0}h1{font-family:var(--brand-font);font-size:72px;font-weight:700;line-height:.97;letter-spacing:-.055em;margin:22px 0}h1 span{display:block;color:var(--b)}.lead{font-size:18px;line-height:1.7;color:var(--mut);max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{min-height:52px;padding:0 22px}.primary{background:var(--b);color:#fff;box-shadow:0 15px 30px #276dcc35}.outline{border:1px solid var(--line)}.visual{height:520px;position:relative}.orbit{position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #276dcc33;left:50%;top:50%;transform:translate(-50%,-50%)}.phone{position:absolute;width:220px;height:430px;border-radius:38px;background:#111b26;border:3px solid #485767;left:45%;top:42px;transform:rotate(7deg);padding:10px;box-shadow:0 35px 60px #0b2f5844}.screen{height:100%;border-radius:29px;background:radial-gradient(circle at 30% 20%,#77a9ea,#276dcc 40%,#08284c);display:grid;place-items:center}.screen img{width:145px;background:#fff;padding:10px;border-radius:10px}.back{position:absolute;width:190px;height:390px;border-radius:36px;background:linear-gradient(145deg,#d1e5ef,#7698ae);left:15%;top:85px;transform:rotate(-12deg);box-shadow:0 30px 55px #173f6740}.cam{width:78px;height:78px;border-radius:22px;margin:18px;background:radial-gradient(circle at 30% 30%,#13283f 0 12px,#a5bfce 13px 15px,transparent 16px),radial-gradient(circle at 72% 30%,#13283f 0 12px,#a5bfce 13px 15px,transparent 16px),radial-gradient(circle at 30% 72%,#13283f 0 12px,#a5bfce 13px 15px,transparent 16px)}section{padding:100px 0}h2{font-family:var(--brand-font);font-size:50px;font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:16px 0}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.intro p{color:var(--mut);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border:1px solid var(--line);border-radius:20px;overflow:hidden}.card{padding:30px;min-height:300px;border-right:1px solid var(--line);display:flex;flex-direction:column}.card:last-child{border:0}.ico{width:70px;height:70px;border-radius:50%;background:#e8f1f8;display:grid;place-items:center;font-size:30px}.card h3{font-family:var(--brand-font);font-size:21px;font-weight:700;letter-spacing:-.02em;margin:35px 0 10px}.card p{color:var(--mut);line-height:1.6;margin:0}.card a{margin-top:auto;color:var(--b);font-family:var(--brand-font);font-weight:700;letter-spacing:-.02em}.process{background:var(--n);color:white}.process .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.process p{color:#b2c3d6;line-height:1.7}.lime{background:var(--g);color:#102800;margin-top:15px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:20px;border-bottom:1px solid #ffffff22;padding:24px 0}.num{width:42px;height:42px;border:1px solid var(--g);border-radius:50%;display:grid;place-items:center;color:#b8dc70;font-weight:900;flex:none}.steps b{font-family:var(--brand-font);font-size:18px;font-weight:700;letter-spacing:-.02em}.steps p{margin:7px 0 0}.about{background:var(--bg);border-radius:24px;padding:55px;display:grid;grid-template-columns:.6fr 1.4fr;gap:65px;align-items:center}.about .mark{background:linear-gradient(145deg,#347fd6,#09284b);min-height:240px;border-radius:18px;display:grid;place-items:center}.about img{width:80%;background:#fff;padding:18px;border-radius:14px}.about p{color:var(--mut);line-height:1.8}.cta{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{max-width:700px}footer{border-top:1px solid var(--line);padding:35px 0;color:var(--mut);font-size:12px}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot img{width:135px}
@media(max-width:900px){nav{display:none}.hero .wrap{grid-template-columns:1fr;text-align:center;padding-top:60px}.tag{text-align:center}.actions{justify-content:center}.visual{margin-top:25px}.intro,.process .wrap,.about{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.card:nth-child(2){border-right:0}.process .wrap{gap:50px}.cta{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.wrap{padding:0 20px}header{height:72px}header img{width:125px}.pill{font-size:12px;padding:10px 13px}h1{font-size:49px}.hero .wrap{min-height:auto}.lead{font-size:16px}.actions{flex-direction:column}.visual{height:390px}.orbit{width:340px;height:340px}.phone{width:165px;height:320px;left:45%;top:30px;border-radius:29px}.screen{border-radius:21px}.screen img{width:110px}.back{width:145px;height:290px;left:5%;top:65px;border-radius:28px}.cam{margin:13px;width:62px;height:62px;background:radial-gradient(circle at 30% 30%,#13283f 0 9px,#a5bfce 10px 12px,transparent 13px),radial-gradient(circle at 72% 30%,#13283f 0 9px,#a5bfce 10px 12px,transparent 13px),radial-gradient(circle at 30% 72%,#13283f 0 9px,#a5bfce 10px 12px,transparent 13px)}section{padding:72px 0}h2{font-size:38px}.grid{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid var(--line);min-height:260px}.about{padding:25px}.cta .btn{width:100%}.foot{flex-direction:column;text-align:center}}