:root{--navy:#071f36;--navy2:#0d2a44;--orange:#ff6b0b;--ink:#10263b;--muted:#677a8a;--line:#e3e9ef;--soft:#f4f7fa;--white:#fff;--shadow:0 24px 60px rgba(8,34,58,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%}
header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}
.logo{width:118px;display:block}nav{display:flex;gap:26px;font-size:14px;font-weight:700}nav a:hover{color:var(--orange)}.head-actions{display:flex;align-items:center;gap:16px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:9px;background:var(--orange);color:#fff;font-weight:800;border:0;cursor:pointer}.btn.secondary{background:var(--navy)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.full{width:100%}
.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:900;color:var(--orange)}h1{font-size:66px;line-height:.98;letter-spacing:-3px;margin:18px 0 24px}h2{font-size:46px;line-height:1.06;letter-spacing:-2px;margin:14px 0 20px}h3{font-size:20px;margin:10px 0}em{font-style:normal;color:var(--orange)}p{line-height:1.55}.lead{font-size:19px;line-height:1.6;color:var(--muted);max-width:680px}.micro{font-size:13px;color:var(--muted)}
.hero{min-height:680px;padding:72px 6vw;display:grid;grid-template-columns:1fr 1.05fr;gap:62px;align-items:center;background:linear-gradient(115deg,#fff 0 56%,#f3f7fa 56%)}.hero-actions{display:flex;gap:12px;margin:30px 0 18px}
.mock-wrap{background:var(--navy);padding:11px;border-radius:21px;box-shadow:var(--shadow)}.browser{background:#fff;border-radius:13px;overflow:hidden}.browser-top{padding:11px 14px;background:#edf2f6;font-size:11px;color:#8794a0}.mock{display:grid;grid-template-columns:145px 1fr;min-height:415px}.mock aside{background:var(--navy);color:#fff;padding:18px 12px}.mock aside img{width:78px;margin:0 8px 25px}.mock aside span{display:block;font-size:10px;padding:9px;opacity:.78}.mock main{padding:23px}.mock-title{display:flex;justify-content:space-between;align-items:center}.mock-title small{color:var(--muted)}.pill{font-size:10px;border:1px solid var(--line);padding:8px;border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric,.panel{border:1px solid var(--line);border-radius:11px;padding:14px}.metric small{font-size:8px;color:var(--muted)}.metric strong{display:block;font-size:26px;margin-top:7px}.row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px}.avatar{width:29px;height:29px;border-radius:50%;background:#edf2f6;display:grid;place-items:center;font-weight:800;font-style:normal}.status{color:var(--orange);font-weight:800}
.channels{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;padding:22px 5vw;border-block:1px solid var(--line);color:#7a8996;font-size:13px;font-weight:800}.section{padding:94px 7vw}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.cards4,.cards3,.cards2{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:46px}.cards3{grid-template-columns:repeat(3,1fr)}.cards2{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:14px;padding:24px;text-align:left;background:#fff}.card .num{color:var(--orange);font-size:12px;font-weight:900}.card p{color:var(--muted);font-size:14px}.dark{background:var(--navy);color:#fff}.dark .lead,.dark .card p{color:#b9c6d1}.dark .card{background:var(--navy2);border-color:rgba(255,255,255,.08)}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.units{background:var(--soft);border-radius:18px;padding:28px}.unit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;background:#fff;border-radius:10px;padding:17px;margin-top:10px}.unit span{color:var(--muted);font-size:13px;text-align:left;justify-self:start;width:100%;margin:0;grid-column:2}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}.step{background:var(--soft);padding:25px;border-radius:14px;text-align:left}.step strong{font-size:30px;color:var(--orange)}.step small{display:block;color:var(--muted);margin-top:10px;line-height:1.5}
.agency{padding:92px 7vw;background:#0b2944;color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.agency .lead{color:#c0ccd6}.funnel div{background:#fff;color:var(--ink);border-radius:9px;padding:15px 17px;margin:8px 0;display:flex;justify-content:space-between}.funnel .win{background:var(--orange);color:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.plan{border:1px solid var(--line);border-radius:16px;padding:28px;text-align:left}.plan.featured{background:var(--navy);color:#fff}.plan p{color:var(--muted)}.plan.featured p{color:#bdcad5}.soon{display:inline-block;background:#fff2e9;color:var(--orange);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900}.plan.featured .soon{background:rgba(255,255,255,.08)}
.partner{padding:76px 8vw;background:#071b2d;color:#fff;display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:center}.commission{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:27px;text-align:center}.commission strong{display:block;font-size:70px;color:var(--orange)}.commission span{display:block;color:#b9c6d1;margin-bottom:20px}.subhero{padding:108px 14vw;background:var(--navy);color:#fff;text-align:center}.subhero h1{font-size:60px}.subhero .lead{color:#c0ccd6;margin:0 auto}.highlight{background:var(--soft)}.calc-section{background:var(--soft)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calcbox{background:#fff;border-radius:16px;padding:30px;box-shadow:var(--shadow)}.calcbox label{display:block;margin:18px 0;font-size:13px;font-weight:800}.calcbox input{width:65%;margin:0 15px}.calcbox output{font-weight:800}.calc-result{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.calc-result strong{display:block;font-size:45px;color:var(--orange)}
.formbox{max-width:780px;margin:40px auto 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;text-align:left}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formbox input,.formbox select,.formbox textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;font:inherit}.formbox label{font-size:12px;font-weight:800}.formbox label span{display:block;margin-bottom:7px}.formbox textarea{min-height:95px}.fullrow{grid-column:1/-1}.notice{padding:14px 16px;background:#fff6ef;border:1px solid #ffd9c0;border-radius:10px;color:#824113;font-size:13px}
footer{padding:34px 6vw;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:var(--muted);font-size:12px}footer img{width:82px}footer small{margin-left:auto}
@media(max-width:920px){nav{display:none}.hero,.split,.agency,.partner,.calc-grid{grid-template-columns:1fr}.hero{background:#fff}.cards4,.cards3,.plans,.steps{grid-template-columns:1fr 1fr}h1{font-size:50px}.subhero h1{font-size:48px}}
@media(max-width:620px){.head-actions>a:first-child{display:none}.hero,.section,.agency{padding-left:6vw;padding-right:6vw}.cards4,.cards3,.cards2,.plans,.steps,.formgrid{grid-template-columns:1fr}.mock{grid-template-columns:86px 1fr}.metrics{grid-template-columns:1fr}.subhero{padding:80px 7vw}h1{font-size:44px}h2{font-size:37px}.hero-actions{flex-direction:column}.partner{padding:60px 6vw}footer{align-items:flex-start;flex-direction:column}footer small{margin-left:0}}