*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101722;background:#fff}a{text-decoration:none;color:inherit}header{height:84px;display:flex;align-items:center;gap:40px;max-width:1180px;margin:auto;padding:0 28px;position:relative;z-index:5}.brand img{width:220px;display:block}nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:700}nav a:hover{color:#0b57f0}.btn{display:inline-block;border:0;background:#0b57f0;color:#fff;padding:16px 24px;border-radius:7px;font-weight:800;cursor:pointer}.btn.small{padding:13px 18px}.ghost{background:#fff;color:#101722;border:1px solid #aab2bf}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;max-width:1280px;margin:auto;padding:50px 60px 70px;overflow:hidden}.hero-copy{z-index:2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:#394150}.hero h1{font-size:64px;line-height:.95;letter-spacing:-3px;margin:24px 0 18px}.hero h1 span,.section h2 span{color:#0b57f0}.lead{font-size:18px;line-height:1.55;max-width:560px;color:#505968}.actions{display:flex;gap:12px;margin:28px 0}.benefits{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;margin-top:38px;color:#273142}.hero-art{position:relative;min-height:500px}.blue-panel{position:absolute;inset:-80px -150px -90px 22%;background:linear-gradient(145deg,#0b57f0,#2670ff);transform:skew(-12deg);z-index:0}.screen{position:absolute;left:2%;top:70px;width:88%;height:300px;border:10px solid #161616;border-radius:16px;background:linear-gradient(120deg,rgba(10,12,14,.92),rgba(10,12,14,.35)),linear-gradient(135deg,#5b3b28,#17212b);color:#fff;padding:18px 24px;box-shadow:0 24px 50px #0005}.screen-nav{font-size:12px;font-weight:800}.screen-nav span{float:right;font-weight:500}.screen-copy{margin-top:55px}.screen-copy h2{font-size:32px;line-height:1}.screen button,.phone button{padding:9px 13px;border:0;border-radius:4px;font-weight:800}.phone{position:absolute;right:-2%;top:190px;width:165px;height:315px;border:8px solid #121212;border-radius:28px;background:linear-gradient(#fff 0 35%,#263747 35%);padding:30px 14px 15px;color:#fff;box-shadow:0 18px 40px #0006}.phone small{color:#152235;font-size:9px;font-weight:800}.phone h3{margin-top:85px;font-size:21px}.notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:60px;height:10px;border-radius:10px;background:#111}.section{max-width:1180px;margin:auto;padding:90px 28px}.section>h2,.work h2,.contact h2{font-size:46px;line-height:1.05;letter-spacing:-2px;margin:10px 0 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.cards article{border-top:2px solid #0b57f0;padding-top:16px}.cards h3{font-size:25px;margin:10px 0}.cards p,.steps p,.work p,.contact p{color:#5d6674;line-height:1.55}.demo{height:180px;border-radius:5px;margin-bottom:22px;padding:20px;color:white;font-weight:900;display:flex;align-items:flex-end;background:#17212b}.restaurant{background:linear-gradient(135deg,#1d1511,#78513a)}.home{background:linear-gradient(135deg,#b8d7ed,#3f6e88)}.pro{background:linear-gradient(135deg,#1c3447,#667887)}.cards small{letter-spacing:1.5px;font-weight:900}.work{background:#f4f7fb;padding:85px max(28px,calc((100% - 1124px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.work-box{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:18px;background:#101722;color:#fff;padding:35px;border-radius:10px}.work-box span{color:#4f83ff;font-size:13px}.work-box b{font-size:21px;padding:14px 0;border-bottom:1px solid #ffffff20}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps i{display:grid;place-items:center;width:40px;height:40px;background:#0b57f0;color:white;border-radius:50%;font-style:normal;font-weight:900}.steps h3{font-size:20px}.contact{max-width:1124px;margin:30px auto 90px;padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#f7f7f7;border-radius:12px}form{display:flex;flex-direction:column;gap:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:14px;border:1px solid #d5dae2;border-radius:5px;font:inherit;background:#fff}textarea{min-height:95px;resize:vertical}form .btn{width:100%}#formMsg{font-size:13px;margin:0}footer{background:#101722;color:#dce3ec;min-height:100px;display:flex;align-items:center;gap:50px;padding:25px max(28px,calc((100% - 1124px)/2));font-size:12px}footer img{width:180px;filter:brightness(0) invert(1)}footer span:nth-child(2){margin-left:auto}@media(max-width:900px){header nav{display:none}.hero{grid-template-columns:1fr;padding:45px 24px}.hero h1{font-size:48px}.hero-art{margin-top:20px}.cards,.steps{grid-template-columns:1fr 1fr}.work,.contact{grid-template-columns:1fr}.brand img{width:180px}}@media(max-width:600px){header{padding:0 18px}.btn.small{display:none}.hero h1{font-size:42px}.hero-art{min-height:420px}.screen{width:96%;height:270px}.phone{right:0;top:180px}.cards,.steps,.grid{grid-template-columns:1fr}.section{padding:65px 20px}.section>h2,.work h2,.contact h2{font-size:38px}.contact{margin:20px 16px 60px;padding:28px}.benefits{gap:14px}footer{flex-direction:column;align-items:flex-start;gap:15px}footer span:nth-child(2){margin-left:0}}