:root{--navy:#03152f;--navy2:#07264a;--cyan:#20ddd4;--cyan2:#37bcd9;--white:#f6fbff;--muted:#9fb5ca;--gold:#e5b84b;--line:#174365;--panel:#071d38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#0d4164 0,transparent 28%),var(--navy);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,90px);border-bottom:1px solid #ffffff12;background:#03152fdd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:.08em}.brand b{color:var(--cyan);font-weight:700}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--cyan),#108ab6);color:var(--navy);font-size:26px}.online{font-size:11px;color:var(--muted);letter-spacing:.1em}.online i,.phone-head small i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42e57f;box-shadow:0 0 10px #42e57f;margin-right:6px}main{width:min(1180px,calc(100% - 36px));margin:auto}.hero{padding:90px 0 66px;max-width:900px}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:12px;font-weight:800;margin:0 0 18px}.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero>p:not(.eyebrow){max-width:680px;font-size:19px;line-height:1.65;color:var(--muted)}.metrics{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.metrics span{border:1px solid var(--line);border-radius:14px;padding:12px 18px;color:var(--muted);background:#ffffff05}.metrics b{color:#fff;margin-right:5px}.demo{display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center;padding:54px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#0a2949cc,#04182fcc);box-shadow:0 30px 80px #0006}.sector-panel h2,.cta h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;margin:0 0 30px}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sector{border:1px solid var(--line);border-radius:16px;background:#061a33;color:#fff;text-align:left;padding:16px;display:grid;grid-template-columns:38px 1fr;cursor:pointer;transition:.2s}.sector span{grid-row:1/3;font-size:25px}.sector b{font-size:14px}.sector small{color:var(--muted);margin-top:3px}.sector:hover,.sector.active{border-color:var(--cyan);background:#0b3851;transform:translateY(-2px)}.benefits{margin-top:30px;color:var(--muted);font-size:14px;line-height:1.7}.phone{height:640px;border:8px solid #0e3c5c;border-radius:38px;background:#eaf2f5;color:#162733;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 28px 60px #0008}.phone-head{display:flex;align-items:center;gap:12px;padding:18px;background:var(--navy2);color:#fff}.phone-head .avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--cyan),#168eb5);color:var(--navy);font-weight:900}.phone-head div{display:flex;flex-direction:column}.phone-head small{font-size:11px;color:#bcd1e2;margin-top:2px}.phone-head .dots{margin-left:auto}.messages{flex:1;padding:18px;overflow:auto;background:linear-gradient(#eef5f6ee,#e2eceeee),radial-gradient(#bdd0d4 1px,transparent 1px);background-size:auto,18px 18px}.bubble{max-width:85%;padding:11px 13px;border-radius:14px;margin:0 0 10px;line-height:1.42;font-size:14px;box-shadow:0 2px 7px #16324818}.bubble.bot{background:#fff;border-top-left-radius:4px}.bubble.user{background:#bff2df;margin-left:auto;border-top-right-radius:4px}.bubble small{display:block;text-align:right;color:#68808b;margin-top:5px;font-size:9px}.suggestions{display:flex;gap:7px;overflow:auto;padding:9px 12px;background:#f7fbfc;border-top:1px solid #d5e2e5}.suggestions button{white-space:nowrap;border:1px solid #36aab1;border-radius:999px;background:#fff;color:#12606d;padding:8px 11px;font-size:11px;cursor:pointer}.phone form{display:flex;padding:10px;background:#fff;border-top:1px solid #dde7ea}.phone input{flex:1;border:0;outline:0;font-size:14px;padding:10px}.phone form button{border:0;border-radius:50%;width:42px;height:42px;background:var(--cyan);color:#07304b;font-size:20px;cursor:pointer}.demo-note{text-align:center;background:#fff;color:#81929a;font-size:10px;margin:0;padding:0 0 8px}.cta{margin:72px 0 40px;padding:44px 50px;border-radius:28px;background:linear-gradient(110deg,#0b3853,#0b6f7a);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{max-width:700px;margin:0}.cta a{flex:none;background:var(--cyan);color:var(--navy);text-decoration:none;font-weight:850;padding:18px 22px;border-radius:14px}.cta a span{margin-left:12px}footer{text-align:center;color:#6f8ba4;padding:22px 20px 45px;font-size:12px}@media(max-width:850px){.demo{grid-template-columns:1fr;padding:28px;gap:36px}.phone{width:min(100%,430px);margin:auto}.cta{align-items:flex-start;flex-direction:column}.hero{padding-top:60px}}@media(max-width:520px){main{width:min(100% - 22px,1180px)}.topbar{padding:0 14px}.brand{font-size:12px}.online{display:none}.hero{padding:50px 8px}.demo{padding:18px;border-radius:24px}.sectors{grid-template-columns:1fr}.phone{height:610px;border-width:5px}.cta{padding:30px 24px}.cta a{width:100%;text-align:center}}