:root{--n:#03111f;--b:#1596f5;--g:#16ad59;--p:#7444e8;--i:#0b1728;--m:#64748b;--l:#e4eaf0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 Arial,sans-serif;color:var(--i)}a{text-decoration:none;color:inherit}.w{max-width:1160px;margin:auto;padding:0 22px}header{position:sticky;top:0;z-index:5;background:#03111ff2;color:#fff}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900}.brand b{font-size:30px;font-style:italic;color:#2cb4ff;margin-right:12px}.brand small{display:block;margin-left:60px;margin-top:-8px;font-size:9px;letter-spacing:2px}.links{display:flex;gap:25px;align-items:center}.btn{display:inline-block;padding:12px 22px;border-radius:30px;font-weight:700}.blue{background:var(--b);color:#fff}.outline{border:1px solid #2eabfa;color:#fff}.hero{background:radial-gradient(circle at 76% 35%,#0b3159,#03111f 65%);color:#fff}.grid{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.tag{color:#159ff8;text-transform:uppercase;font-weight:800;font-size:13px}.hero h1{font-size:56px;line-height:1.02;margin:14px 0}.hero h1 span{color:var(--b)}.hero p{font-size:18px;color:#d5dfeb}.actions{display:flex;gap:14px;margin-top:28px}.device{height:330px;border:3px solid #65717d;border-radius:18px;background:#07111d;padding:16px;box-shadow:0 30px 55px #0008;transform:perspective(900px) rotateY(-7deg)}.dash{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#09192b;padding:16px;border-radius:10px}.panel{background:#0b2138;border:1px solid #174266;border-radius:10px;padding:14px}.code{grid-row:1/3;grid-column:2;color:#68d4ff;font:12px/1.9 monospace}.sec{padding:72px 0}.soft{background:#f7f9fc}.dark{background:linear-gradient(120deg,#03111f,#061c32);color:#fff}.head{text-align:center;margin-bottom:36px}.head h2{font-size:34px;margin:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px;border:1px solid var(--l);border-radius:18px;background:#fff;box-shadow:0 10px 30px #10253a0d}.ico{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:#e3f2ff;color:#087ddd;font-size:24px;font-weight:900}.card:nth-child(2) .ico{background:#e3f8e9;color:var(--g)}.card:nth-child(3) .ico{background:#efe8ff;color:var(--p)}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.round{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#118fe9;margin:auto;font-size:25px}.process p{color:#c8d4df}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project{border:1px solid var(--l);border-radius:15px;overflow:hidden}.art{height:165px;display:grid;place-items:center;font-size:55px;background:#e5f1ff}.project:nth-child(2) .art{background:#e4f9e8}.project:nth-child(3) .art{background:#071b2d}.project:nth-child(4) .art{background:#f2e4d5}.project .body{padding:15px}.aboutgrid,.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.feature{background:#071a2e;color:#fff;padding:35px;border-radius:18px}.form{display:grid;gap:13px}.form input,.form textarea,.form select{padding:14px;border:1px solid #cad5df;border-radius:9px;font:inherit}.form textarea{min-height:145px}footer{background:#03111f;color:#d4dfeb;padding:48px 0 20px}.foot{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.foot a{display:block;margin:7px 0;color:#c4d1dd}.legal{border-top:1px solid #173149;margin-top:30px;padding-top:17px;font-size:13px;color:#91a5b8;display:flex;justify-content:space-between}@media(max-width:800px){.links{display:none}.grid,.aboutgrid,.contactgrid{grid-template-columns:1fr}.device{display:none}.hero h1{font-size:42px}.cards,.projects{grid-template-columns:1fr 1fr}.process,.foot{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards,.projects,.process,.foot{grid-template-columns:1fr}.hero h1{font-size:37px}.actions{flex-direction:column}.legal{display:block}}

.pagehero{padding:88px 0;text-align:center;background:linear-gradient(120deg,#03111f,#082b4d);color:#fff}.pagehero h1{font-size:46px;line-height:1.1;margin:8px}.pagehero p{max-width:760px;margin:auto;color:#ccdae8;font-size:18px}.article{max-width:850px;margin:auto}.article p,.article li{color:#435468}.article h2{margin-top:34px}.notice{padding:13px;background:#e9f6ff;border-radius:8px;color:#14527e}.form label{font-weight:700}