@font-face{font-family:Onest;src:url(/fonts/Onest.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded.ttf)format("truetype");font-weight:200 900;font-display:swap}:root{--bg:#f5f5f2;--ink:#24272c;--muted:#5e626a;--line:#e2e2dc;--card:#fff;--accent:#ff6b00;--accent-soft:#ffe9d9;--dark:#17181b;--dark2:#24272c;--ready:#2bb673;--work:#ff8a2a;--new:#3d8ef0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.5 Onest,system-ui,sans-serif}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}h1,h2,.brand{letter-spacing:-.01em;font-family:Unbounded,system-ui,sans-serif;font-weight:800;line-height:1.1}h1{text-wrap:balance;margin:0 0 18px;font-size:clamp(32px,5vw,54px)}h2{margin:0 0 28px;font-size:clamp(26px,4vw,38px)}p{margin:0}.btn{background:var(--accent);color:var(--dark);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:18px 26px;font:700 18px/1 Onest,sans-serif;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px -10px #ff6b00b3}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}header{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f5f2eb;border-bottom:1px solid #0000;position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{width:34px;height:34px}.logo .brand{font-size:18px}header .btn{border-radius:11px;padding:11px 16px;font-size:15px}.hero{padding:56px 0 72px}.hero .wrap{grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;display:grid}.lead{color:var(--muted);max-width:30em;margin-bottom:30px;font-size:clamp(18px,2.2vw,21px)}.hero small{color:var(--muted);margin-top:14px;font-size:14px;display:block}.tag{background:var(--accent-soft);color:#a33f00;border-radius:999px;margin-bottom:18px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}.phone{background:var(--dark);border-radius:38px;justify-self:center;width:330px;max-width:100%;padding:14px;box-shadow:0 30px 60px -30px #17181b8c}.screen{color:#eeece8;background:#121315;border-radius:26px;min-height:520px;padding:18px 14px 20px}.screen .top{justify-content:space-between;align-items:baseline;margin:2px 4px 14px;display:flex}.screen .top b{font:800 19px Unbounded,sans-serif}.screen .top span{color:#9b9ea6;font-size:12px}.oc{background:#1b1d21;border-radius:16px;grid-template-columns:44px 1fr;align-items:center;gap:11px;margin-bottom:10px;padding:12px 13px;display:grid}.oc .ph{background:radial-gradient(circle,#2a2d33 0 34%,#5b5f66 35% 46%,#2a2d33 47%);border-radius:11px;width:44px;height:44px}.oc .ph.c2{background:radial-gradient(circle,#3a2414 0 34%,#c96a2b 35% 46%,#3a2414 47%)}.oc .ph.c3{background:linear-gradient(135deg,#2c3a4a,#56708c)}.oc .t{white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.oc .t>span:first-child,.oc .s>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc>div{min-width:0}.oc .s{color:#9b9ea6;justify-content:space-between;gap:8px;margin-top:3px;font-size:12px;display:flex}.st{white-space:nowrap;border-radius:7px;padding:2px 7px;font-size:11px;font-weight:700}.st.r{color:#43d18f;background:#43d18f29}.st.w{color:#ff8a2a;background:#ff8a2a29}.st.n{color:#5aaeff;background:#5aaeff29}.badge-new{color:var(--accent);font-weight:700}.sum{background:#24272c;border-radius:16px;margin-top:14px;padding:13px 14px}.sum .l{color:#9b9ea6;font-size:12px}.sum .v{margin-top:2px;font:800 22px Unbounded,sans-serif}section{padding:64px 0}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px}.card .ic{background:var(--accent-soft);border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:16px;display:grid}.card h3{margin:0 0 8px;font:700 20px/1.25 Onest,sans-serif}.card p{color:var(--muted);font-size:16px}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.step{border-top:3px solid var(--ink);padding-top:14px}.step:nth-child(3){border-color:var(--accent)}.step b{margin-bottom:6px;font:800 15px Unbounded,sans-serif;display:block}.step p{color:var(--muted);font-size:15px}.who{flex-wrap:wrap;gap:10px;display:flex}.who span{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:600}.demo{background:var(--dark2);color:#f5f5f2;border-radius:30px;grid-template-columns:.9fr 1.1fr;gap:40px;padding:44px;display:grid}.demo h2{color:#fff}.demo .note{color:#b9bcc3}.demo ul{color:#d6d8dc;margin:20px 0 0;padding:0;list-style:none}.demo li{margin-bottom:10px;padding-left:28px;position:relative}.demo li:before{content:"";border:4px solid var(--accent);border-radius:50%;width:14px;height:14px;position:absolute;top:7px;left:0}form{gap:14px;display:grid}label{color:#d6d8dc;gap:6px;font-size:14px;display:grid}input,select{color:#fff;background:#1b1d21;border:1px solid #3a3e45;border-radius:12px;width:100%;padding:15px 14px;font:400 17px Onest,sans-serif}input::placeholder{color:#7d818a}.consent{color:#b9bcc3;grid-template-columns:22px 1fr;align-items:start;gap:10px;font-size:13px;display:grid}.consent input{width:20px;height:20px;accent-color:var(--accent);margin:1px 0 0}.hp{position:absolute;left:-9999px}.msg{min-height:1.4em;font-size:15px}.msg.ok{color:#43d18f}.msg.err{color:#ff8a8a}.demo .btn{width:100%}footer{color:var(--muted);padding:40px 0 56px;font-size:14px}footer .wrap{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:24px;display:flex}@media (width<=860px){.hero .wrap,.demo,.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.demo{border-radius:24px;padding:28px 20px}.hero{padding-top:28px}}@media (width<=420px){.steps{grid-template-columns:1fr}header .btn{display:none}}