@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Onest:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#11223b;--muted:#65758c;--navy:#0e1e37;--navy2:#142e51;--accent:#dfff69;--blue:#4679e8;--line:#e5eaf2;--soft:#f4f7fb;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:92px}body{margin:0;background:#fff;color:var(--ink);font-family:Onest,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5881dc;outline-offset:4px}
.container{max-width:1220px;padding:0 28px;margin:0 auto}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;color:#111;padding:12px;z-index:99}.skip-link:focus{top:8px}
.noise{position:absolute;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");inset:0 0 auto 0;height:850px;z-index:1}
.header{background:#0d1b30;color:#fff;position:relative;z-index:10;border-bottom:1px solid #ffffff16}.nav-wrap{min-height:92px;display:flex;align-items:center;gap:36px}.brand,.footer-logo{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-icon{position:relative;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:900;font-size:27px;letter-spacing:-2px;color:#0f2741;background:var(--accent);width:46px;height:46px;border-radius:14px;transform:rotate(-5deg)}.brand-star{font-size:10px;position:absolute;right:7px;top:4px;color:#265288}.brand strong,.footer-logo strong{display:block;font-family:Manrope,sans-serif;font-size:20px;line-height:1.15;letter-spacing:-.9px}.brand small,.footer-logo small{display:block;font-weight:700;color:#93b0cc;font-size:9px;letter-spacing:2px;margin-top:4px}.nav-links{display:flex;gap:27px;margin:auto}.nav-links a{font-size:13px;color:#c3d0df;font-weight:600;transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--accent)}.nav-cta{display:inline-flex;align-items:center;gap:12px;color:#0e243c;background:var(--accent);border-radius:12px;padding:13px 17px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;white-space:nowrap}.nav-cta:hover{transform:translateY(-2px);background:#ecff9c}.nav-cta span{font-size:18px}.menu-toggle{display:none;background:transparent;border:0;padding:6px;flex-direction:column;gap:5px}.menu-toggle span{width:24px;height:2px;background:#fff;display:block}.mobile-nav{display:none}
.hero{position:relative;background:radial-gradient(ellipse at 74% 37%,#153e5f 0,#102541 27%,#0d1b30 65%);color:#fff;padding:82px 0 113px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:34px;position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(58px);opacity:.29}.glow-one{width:430px;height:430px;right:-80px;top:10px;background:#3776a7}.glow-two{width:280px;height:280px;left:28%;bottom:-210px;background:#62954c}.hero-copy{padding-bottom:18px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#dcf3b2;font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase;background:#b3e66816;border:1px solid #e2ff9b36;padding:11px 15px;border-radius:90px}.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px #dfff691d}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.7vw,65px);font-weight:800;letter-spacing:-3.8px;line-height:1.12;margin:31px 0 22px;max-width:640px}.hero h1 span{color:var(--accent)}.hero-lead{font-size:17px;line-height:1.8;max-width:540px;color:#bbccdf;margin:0 0 30px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 21px;min-height:56px;font-weight:800;font-size:14px;letter-spacing:-.2px;border-radius:13px;transition:transform .2s,box-shadow .2s;background:transparent;line-height:1.15;text-align:center}.button span:last-child:not(.btn-icon){margin-left:6px;font-size:18px}.button:hover{transform:translateY(-3px)}.button-yellow{color:#12213c;background:var(--accent);box-shadow:0 15px 40px #bcfa4722}.button-yellow:hover{box-shadow:0 17px 45px #dfff693b}.button-glass{color:#fff;background:#ffffff13;border:1px solid #e0ecff4a}.button-glass:hover{background:#ffffff24}.button-dark{background:#17345e;color:#fff}.button-dark:hover{box-shadow:0 12px 25px #102d5833}.btn-icon{font-size:20px}.hero-facts{display:flex;flex-wrap:wrap;gap:17px 23px;margin-top:29px;font-size:12px;font-weight:700;color:#d7e5ee}.hero-facts span:first-letter{color:var(--accent)}.hero-small{max-width:540px;font-size:11px;line-height:1.65;color:#8faac6;margin:26px 0 0}
.hero-art{height:550px;position:relative;margin-right:-10px;isolation:isolate}.orbit{position:absolute;border:1px solid #a1d6bb16;border-radius:50%;width:580px;height:580px;left:-37px;top:-25px;transform:rotate(25deg);z-index:-1}.orbit-two{width:410px;height:410px;top:54px;left:48px;transform:rotate(-32deg)}
.desk-panel{position:absolute;top:38px;left:0;width:510px;height:363px;border:1px solid #d3e2ed49;border-radius:15px;background:#f8fbfe;box-shadow:0 28px 60px #0007;transform:perspective(1150px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.window-top{height:40px;background:#fff;border-bottom:1px solid #e9eff5;display:flex;gap:15px;align-items:center;padding:0 15px;color:#4b6685;font-size:10px;font-weight:700}.window-dots{display:flex;gap:4px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#d8e2eb}.window-dots i:first-child{background:#f1a49b}.window-dots i:nth-child(2){background:#f7d28b}.window-dots i:nth-child(3){background:#9ad5b9}.mock-pill{margin-left:auto;background:#e0f8e9;color:#227c52;padding:5px 8px;border-radius:20px;font-size:9px}.window-main{display:flex;height:calc(100% - 40px)}.mock-sidebar{width:52px;flex-shrink:0;background:#152b49;color:#9bb4d0;display:flex;align-items:center;flex-direction:column;gap:19px;padding-top:14px;font-size:15px}.mock-brand{width:29px;height:29px;border-radius:8px;background:var(--accent);color:#183154;font-weight:900;text-align:center;line-height:29px;margin-bottom:13px}.mock-selected{background:#315174;border-radius:7px;width:31px;text-align:center;padding:6px 0;color:#fff}.mock-dashboard{flex:1;padding:18px 19px}.mock-heading{display:flex;justify-content:space-between;align-items:center}.mock-heading div{display:flex;flex-direction:column}.mock-heading small{font-size:8px;color:#8a9bb0;letter-spacing:1.6px}.mock-heading b{font-size:17px;color:#203a59;margin-top:3px}.mock-heading>span{border:1px solid #e1e9f2;border-radius:6px;color:#8a99aa;padding:7px;font-size:9px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.mock-kpis>div{border:1px solid #e5edf4;border-radius:9px;padding:10px;background:#fff}.mock-kpis span{font-size:9px;color:#8398ac;display:block}.mock-kpis strong{font-size:22px;display:block;font-weight:800;letter-spacing:-.6px;color:#1f4568}.mock-kpis strong.warn{color:#f2a344}.mock-kpis strong.good{color:#32b98d}.mock-kpis small{font-size:8px;color:#96a6b5}.mock-table{background:#fff;border:1px solid #e8eff6;border-radius:9px;margin-top:17px;padding:12px}.mock-table-title{font-size:12px;font-weight:800;color:#233e61;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mock-table-title span{color:#5384ad;font-size:9px}.table-h,.table-row{display:grid;grid-template-columns:1.7fr .9fr .6fr;align-items:center;font-size:9px}.table-h{border-bottom:1px solid #edf1f5;padding-bottom:9px;color:#92a4b5}.table-row{padding:8px 0;color:#546b85;border-bottom:1px solid #edf1f5}.table-row:last-child{border:0}.table-row>span:first-child{display:flex;align-items:center;gap:7px}.avatar{display:grid;place-items:center;font-size:7px;font-style:normal;color:#fff;width:22px;height:22px;border-radius:7px}.avatar.orange{background:#f2a06f}.avatar.blue{background:#6fa7c9}.avatar.purple{background:#9e87dc}.status-soon,.status-ok{display:block;border-radius:4px;padding:4px 3px;text-align:center;font-weight:800}.status-soon{color:#a96f22;background:#fff2d9}.status-ok{color:#338c70;background:#e0f7ed}
.phone-panel{position:absolute;right:-8px;top:132px;width:210px;height:392px;border:7px solid #182f47;border-radius:32px;box-shadow:0 24px 53px #0007;background:#f8fbff;overflow:hidden;transform:rotate(8deg)}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:85px;height:16px;border-radius:0 0 12px 12px;background:#182f47;z-index:2}.phone-top{height:54px;background:#173a64;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 16px 7px;font-size:9px}.phone-hero{height:122px;background:linear-gradient(130deg,#1d467a,#2c6c9b);color:#fff;padding:23px 14px}.phone-hero small{font-size:8px;letter-spacing:1px;color:#a2c7ec;display:block}.phone-hero b{font-size:16px;line-height:1.2;display:block;margin:8px 0}.phone-hero span{color:#b4d2eb;font-size:8px}.phone-row{display:flex;align-items:center;gap:9px;padding:12px 10px;font-size:9px;color:#204262;border-bottom:1px solid #ebeff6}.phone-row i{font-style:normal;background:#e8f2fc;border-radius:9px;width:28px;height:28px;display:grid;place-items:center}.phone-row span{flex:1;font-weight:800}.phone-row small{font-weight:500;color:#879cae;font-size:8px;display:block;margin-top:2px}.phone-bottom{position:absolute;bottom:10px;left:70px;right:70px;height:4px;background:#223b52;border-radius:20px}
.float-notice{position:absolute;left:64px;bottom:53px;background:#fff;display:flex;gap:12px;align-items:center;padding:13px 17px;border-radius:14px;box-shadow:0 16px 43px #0005;color:#24415e;transform:rotate(-4deg)}.notice-icon{width:41px;height:41px;background:#f2f8d5;border-radius:12px;display:grid;place-items:center;font-size:19px}.float-notice strong{display:block;font-size:12px}.float-notice small{display:block;color:#91a1af;font-size:9px;margin-top:3px}.notice-check{font-weight:800;color:#41a989}.mock-caption{position:absolute;bottom:4px;right:20px;color:#8bacc3;font-size:9px}
.stat-strip{background:#deff78;color:#1c3b32}.stat-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 28px}.stat-label{font-size:11px;font-weight:900;letter-spacing:1.2px}.stat-inner>span:last-child{font-family:Manrope,sans-serif;font-size:14px;font-weight:900;letter-spacing:.2px}.stat-inner i{font-style:normal;margin:0 15px;font-size:10px}
.section{padding:112px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:44px}.section-head h2,.workflow h2,.last-cta h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4vw,52px);line-height:1.17;letter-spacing:-2.2px;font-weight:900;margin:15px 0 0}.section-head h2 em,.last-cta h2 em{font-style:normal;color:#6b8b47}.section-head>p{max-width:375px;margin:0 0 4px;color:var(--muted);font-size:14px;line-height:1.9}.kicker{color:#466e45;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#f7f9fc;padding:29px 26px 22px;border-radius:18px;min-height:294px;display:flex;flex-direction:column;border:1px solid #eef1f5;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 15px 35px #2436520d}.feature-primary{background:#142b4a;color:#fff;border-color:#213f60}.feature-icon{display:grid;place-items:center;background:#dbebff;color:#296bb5;width:52px;height:52px;border-radius:16px;font-size:27px;font-weight:900}.feature-icon.green{background:#dff3e1;color:#338c62}.feature-icon.violet{background:#ece5ff;color:#7e5cba}.feature-icon.amber{background:#fff0d3;color:#ad782e}.feature-icon.sky{background:#e2f2f9;color:#4e94b6}.feature-icon.coral{background:#ffe2dc;color:#c07267}.feature-primary .feature-icon{background:var(--accent);color:#1b3a48}.feature h3{font-family:Manrope,sans-serif;font-size:19px;margin:23px 0 9px;letter-spacing:-.6px}.feature p{color:#718199;font-size:13px;line-height:1.85;margin:0 0 20px}.feature-primary p{color:#b7cad8}.feature-bottom{margin-top:auto;border-top:1px solid #e4eaf2;padding-top:15px;font-size:10px;font-weight:900;color:#8a9bad;letter-spacing:.8px;display:flex;justify-content:space-between}.feature-primary .feature-bottom{border-color:#ffffff2b;color:#bad5ec}.feature-bottom span{font-size:17px;color:#5e98b1}
.workflow{background:#f4f8f1}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.workflow h2{margin:16px 0 17px}.workflow-copy>p{color:#697a8a;font-size:14px;line-height:1.8;max-width:450px}.steps{margin:34px 0 35px}.step{display:flex;gap:21px;padding:19px 0;border-bottom:1px solid #dfe8dd}.step>span{font-size:13px;font-weight:900;background:#deefcb;color:#3c6e41;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.step strong{font-size:16px}.step p{font-size:12px;line-height:1.7;color:#778678;margin:6px 0 0}.text-link{font-weight:900;color:#225d47;display:inline-flex;gap:15px;align-items:center}.workflow-showcase{background:#fff;border-radius:26px;padding:36px;border:1px solid #e4ebdf;box-shadow:0 20px 60px #526c4a18;transform:rotate(2deg)}.showcase-heading{display:flex;justify-content:space-between;align-items:center;color:#587b62;font-weight:850;font-size:12px}.tiny-pill{font-size:10px;color:#6b7d68;border-radius:20px;background:#e8f4e2;padding:9px}.showcase-card{margin-top:26px;padding:27px;border-radius:20px;background:#173957;color:#fff}.tag.small{color:#bbdfaa;letter-spacing:1px;font-size:9px;font-weight:900}.showcase-value{font-family:Manrope;font-weight:900;font-size:25px;line-height:1.35;margin:12px 0 27px}.progress-track{height:10px;border-radius:20px;background:#ffffff35;overflow:hidden}.progress-track span{display:block;width:71%;height:100%;border-radius:20px;background:var(--accent)}.showcase-footer{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#aac5d7;margin-top:12px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.mini-cards>div{padding:17px;background:#eff6ef;border:1px solid #e0ebdf;border-radius:14px}.mini-cards b{font-size:20px;display:block}.mini-cards strong{font-size:13px;display:block;margin:10px 0 2px}.mini-cards small{font-size:10px;color:#77897b}
.platforms{background:#fff}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.platform-card{border-radius:23px;padding:34px 34px 32px;display:flex;flex-direction:column;min-height:480px}.platform-card.telegram{background:#142e51;color:#fff}.platform-card.windows{background:#f0f5fc;color:#183653}.platform-top{display:flex;align-items:center;justify-content:space-between}.platform-icon{font-size:29px;width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:var(--accent);color:#102945}.windows .platform-icon{background:#d8eafa;color:#2e64a5}.availability{font-size:11px;font-weight:800;padding:8px 12px;border-radius:20px;border:1px solid #ffffff53;color:#d7e9f4}.windows .availability{color:#5680a0;border-color:#c5d7e7}.platform-card h3{font-family:Manrope;font-size:27px;line-height:1.25;letter-spacing:-1px;margin:27px 0 11px}.platform-card p{font-size:13px;line-height:1.85;color:#bfd0e0;margin:0;max-width:410px}.platform-card.windows p{color:#66819b}.platform-card ul{list-style:none;padding:0;margin:25px 0 29px;display:grid;gap:10px;font-size:13px}.platform-card li:before{content:'✓';margin-right:12px;color:var(--accent)}.windows li:before{color:#4f87a6}.platform-card .button{align-self:flex-start;min-width:260px;margin-top:auto}.minor-link{font-size:12px;margin-top:16px;text-decoration:underline;color:#b8d6f5}.download-note{display:block;color:#7288a1;font-size:11px;line-height:1.6;margin-top:12px;max-width:385px}.platform-help{font-size:12px;line-height:1.7;background:#f5f8fb;color:#6b7890;padding:19px 23px;border-radius:13px;margin-top:22px}.platform-help b{color:#365471}
.prices{background:#f7f9fc}.pricing-controls{display:inline-flex;gap:4px;padding:5px;border-radius:16px;background:#e5edf6;margin-bottom:16px}.price-tab{border:0;background:transparent;color:#56728c;font-size:13px;font-weight:800;padding:13px 20px;border-radius:12px}.price-tab.active{color:#173451;background:#fff;box-shadow:0 3px 15px #23466415}.price-panel{border-radius:25px;box-shadow:0 12px 50px #123d5b0d;background:#fff;padding:43px 46px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border:1px solid #e9edf4}.price-eyebrow{font-size:10px;font-weight:900;color:#4f7f66;letter-spacing:1.7px}.price-panel h3{font-family:Manrope;font-size:29px;letter-spacing:-1px;margin:13px 0 12px}.price-panel p{color:#687f98;font-size:13px;line-height:1.8;max-width:320px}.price-side{display:flex;align-items:flex-start;flex-direction:column}.price-amount{display:flex;align-items:baseline;gap:10px}.price-amount span{font-family:Manrope;font-size:35px;letter-spacing:-1.6px;font-weight:900}.price-amount small{font-size:13px;color:#8394a8}.price-choices{display:flex;gap:6px;flex-wrap:wrap;margin:19px 0 2px}.period{border:1px solid #dce7f0;color:#57748e;background:white;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:800}.period.active{background:#153a63;color:#fff;border-color:#153a63}.price-side #price-saving{font-size:12px;margin:10px 0 20px;color:#67845b}.price-side .button{width:100%;max-width:350px}.pricing-note{margin-top:18px;color:#7d8b9b;line-height:1.75;font-size:12px}
.faq{background:#fff}.faq-list{border-top:1px solid #e4eaf2}.faq-list details{border-bottom:1px solid #e4eaf2;padding:22px 4px}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:800;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-weight:400;font-size:26px;color:#3a78a0}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:760px;color:#748299;font-size:13px;line-height:1.9;margin:13px 0 1px}.faq-list details[open] summary{color:#266296}
.last-cta{background:#fff;padding:0 0 98px}.cta-frame{border-radius:30px;padding:76px 30px;background:linear-gradient(145deg,#183b53,#10253e 75%);color:#fff;text-align:center;position:relative;overflow:hidden;isolation:isolate}.cta-orb{position:absolute;width:380px;height:380px;right:-130px;top:-180px;border-radius:50%;background:#7eac60;opacity:.16;filter:blur(5px);z-index:-1}.cta-frame .kicker{color:var(--accent)}.cta-frame h2{margin:15px 0 16px}.cta-frame h2 em{color:var(--accent)}.cta-frame>p{color:#b1c9dc;font-size:14px}.cta-frame .hero-actions{justify-content:center;margin-top:26px}
.footer{background:#0d1b30;color:#f6fafd;padding:42px 0}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:35px}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;color:#c5d5e5}.footer-bottom{display:flex;flex-basis:100%;justify-content:space-between;gap:25px;border-top:1px solid #ffffff20;padding-top:25px;font-size:10px;color:#879ab1;line-height:1.8}.footer-bottom span:last-child{max-width:580px;text-align:right}
@media(max-width:1100px){.nav-links{gap:17px}.nav-wrap{gap:19px}.hero h1{font-size:50px}.desk-panel{width:450px}.hero-art{transform:scale(.9);transform-origin:center left}.phone-panel{right:-16px}.float-notice{left:25px}}@media(max-width:900px){.nav-links{display:none}.nav-wrap{justify-content:space-between}.menu-toggle{display:flex}.mobile-nav{padding:14px 27px 21px;background:#172e4d;flex-direction:column;gap:16px}.mobile-nav:not([hidden]){display:flex}.mobile-nav a{color:#dce9f1;padding:6px 0;font-size:14px}.hero-grid{grid-template-columns:1fr}.hero{padding-top:55px;padding-bottom:78px}.hero h1{max-width:720px}.hero-art{max-width:620px;width:100%;margin:5px auto 0;transform:none;height:550px}.desk-panel{width:520px}.features{grid-template-columns:repeat(2,1fr)}.workflow-grid{gap:32px}.section{padding:80px 0}.stat-inner{flex-direction:column;gap:7px}.stat-inner>span:last-child{font-size:12px}.section-head{align-items:flex-start}}
@media(max-width:680px){.container{padding:0 18px}.nav-wrap{min-height:74px}.brand-icon{width:42px;height:42px;font-size:24px}.brand strong{font-size:18px}.brand small{font-size:7px}.nav-cta{display:none}.hero h1{font-size:clamp(38px,10vw,48px);letter-spacing:-2.5px;margin:25px 0 15px}.hero-lead{font-size:15px;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-facts{gap:10px 15px}.hero-art{height:415px;margin-top:30px;transform:scale(.72);transform-origin:top left;width:139%;margin-bottom:-95px}.desk-panel{left:1px}.phone-panel{right:15px;top:115px}.float-notice{bottom:52px}.section-head{display:block}.section-head h2{font-size:37px}.section-head>p{margin-top:18px;max-width:none}.features,.workflow-grid,.platform-grid,.price-panel{grid-template-columns:1fr}.feature{min-height:275px}.workflow-showcase{transform:none}.platform-card{min-height:initial}.platform-card .button{width:100%}.price-panel{padding:29px 24px;gap:20px}.price-amount span{font-size:29px}.faq-list summary{font-size:14px}.cta-frame{padding:55px 22px}.cta-frame h2{font-size:35px}.footer-grid{flex-direction:column;align-items:flex-start}.footer-bottom{flex-direction:column}.footer-bottom span:last-child{text-align:left}.stat-inner>span:last-child i{margin:0 6px}.pricing-controls{display:flex}.price-tab{flex:1;padding:12px 10px;font-size:11px}}
@media(max-width:400px){.hero-art{transform:scale(.59);width:169%;margin-bottom:-145px}.hero h1{font-size:37px}.hero-facts span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}

/* Bright accents: a little more energy without losing the legal-service feel. */
:root{--coral:#ef7b69;--teal:#39b8a5;--violet:#7868d9;--sky:#54a8d2}
.hero{background:radial-gradient(ellipse at 82% 36%,#286b78aa 0,transparent 29%),radial-gradient(ellipse at 8% 88%,#e17b5750 0,transparent 28%),linear-gradient(122deg,#0d1b30 0%,#102541 58%,#17354f 100%)}
.glow-one{background:#38bda9;opacity:.34}
.glow-two{background:#ff896f;opacity:.22}
.eyebrow{background:linear-gradient(100deg,#dfff6924,#39cbb420);border-color:#dfff6966}
.hero h1 span{background:linear-gradient(90deg,#e5ff79 0%,#8ce9d0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.button-yellow{background:linear-gradient(135deg,#efff8a 0%,#d1f362 100%)}
.stat-strip{background:linear-gradient(105deg,#dfff69 0%,#b9f1a2 48%,#86dfd1 100%)}
.section-head h2 em{color:#448b87;background:linear-gradient(90deg,#397fd1,#30a58c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.feature-primary{background:linear-gradient(145deg,#163557 0%,#1b5267 100%)}
.feature:not(.feature-primary){background:linear-gradient(145deg,#fff 0%,#f3f8ff 100%)}
.feature:hover{box-shadow:0 18px 40px #2c6b8730}
.workflow{background:linear-gradient(125deg,#f2f9ec 0%,#edf6fb 56%,#fbf1ec 100%)}
.workflow-showcase{border-color:#d8e8ed;box-shadow:0 22px 62px #44788222}
.showcase-card{background:linear-gradient(135deg,#173957 0%,#285d72 100%)}
.platform-card.telegram{background:linear-gradient(145deg,#142e51 0%,#205474 100%)}
.platform-card.windows{background:linear-gradient(145deg,#eff8ff 0%,#f3f0ff 100%)}
.platform-icon{box-shadow:0 8px 22px #dfff6940}
.prices{background:linear-gradient(125deg,#f1f6ff 0%,#f8f4ff 54%,#f0faf5 100%)}
.price-panel{background:linear-gradient(135deg,#fff 0%,#f9fbff 100%);border-color:#dfe8f3;box-shadow:0 18px 55px #224f7915}
.pricing-controls{background:linear-gradient(100deg,#dceafa,#e9e3fa)}
.price-tab.active{background:linear-gradient(120deg,#fff 0%,#eef8ff 100%);box-shadow:0 5px 18px #294f7620}
.price-amount span{color:#315a91}
.audience-note{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:9px 13px;border-radius:10px;font-size:13px!important;font-weight:900;line-height:1.35!important;margin:14px 0 0!important}
.audience-note--individual{color:#b42318!important;background:linear-gradient(100deg,#fff0ed,#fff7f4);border:1px solid #ffc8bd;box-shadow:0 5px 15px #e75d4b12}
.audience-note--individual:before{content:"!";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#c83e32;color:white;font-weight:900;font-size:12px}
.audience-note--legal{color:#12634b!important;background:linear-gradient(100deg,#e3faeb,#ddf8f4);border:1px solid #9bdcc5;box-shadow:0 7px 18px #2aa8791a}
.audience-note--legal:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#28a678;color:white;font-size:12px}
.price-perks{margin:10px 0 0;color:#64758c;font-size:12px;font-weight:700;line-height:1.5}
.price-side #price-saving{color:#25836f}
.cta-frame{background:radial-gradient(ellipse at 92% 7%,#4aa9a155 0,transparent 34%),radial-gradient(ellipse at 5% 100%,#ed80634a 0,transparent 31%),linear-gradient(125deg,#183b53,#10253e 75%)}
.cta-orb{background:#ef806b;opacity:.22}
.nav-cta{background:linear-gradient(135deg,#efff8a,#d1f362)}
@media(max-width:680px){.audience-note{font-size:12px!important;padding:8px 10px}}
.legal-services{background:linear-gradient(125deg,#f8fafc 0%,#fff 55%,#f3f8fb 100%)}
.legal-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.legal-service-card{padding:27px 30px;border:1px solid #e1e9ef;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f9fc);box-shadow:0 12px 35px #173f5b0c}
.legal-service-card--business{background:linear-gradient(145deg,#f4faff,#eef8f4);border-color:#d8e9e3}
.legal-service-label{display:inline-flex;color:#397d79;font-size:10px;font-weight:900;letter-spacing:1.1px}
.legal-service-card h3{margin:12px 0 8px;font-size:20px;letter-spacing:-.5px}
.legal-service-card p{margin:0;color:#65758c;font-size:14px;line-height:1.7}
.legal-service-list{list-style:none;display:grid;gap:8px;padding:0;margin:14px 0 0}
.legal-service-list li{position:relative;padding-left:16px;color:#65758c;font-size:13px;line-height:1.55}
.legal-service-list li:before{content:"•";position:absolute;left:1px;color:#3b9b88;font-weight:900}
.legal-service-note{margin:16px 0 0;color:#69798d;font-size:12px;line-height:1.55}
.bonus-note{display:block;margin-top:5px;color:#66758a;font-size:11px;line-height:1.45}
.subscription-bonus{display:flex;align-items:center;gap:14px;margin:20px 0 13px;padding:15px 19px;border:1px solid #d6ead6;border-radius:14px;background:linear-gradient(105deg,#f4fbe9,#f0fbf7);color:#344d48}
.subscription-bonus-icon{font-size:25px;line-height:1}
.subscription-bonus p{margin:0;font-size:13px;line-height:1.55}
.subscription-bonus strong{color:#286a51;font-size:13px}
@media(max-width:680px){.legal-service-grid{grid-template-columns:1fr;gap:12px}.legal-service-card{padding:22px}.subscription-bonus{align-items:flex-start;padding:14px}.subscription-bonus p{font-size:12px}}

/* === Mobile usability patch 2026-10-27 === */
@media(max-width:900px){
  .menu-toggle{width:48px;height:48px;min-width:48px;align-items:center;justify-content:center;padding:10px;gap:6px;touch-action:manipulation;border-radius:12px}
  .menu-toggle span{width:26px;height:2px;border-radius:2px}
  .mobile-nav a{display:flex;align-items:center;min-height:44px;padding:10px 0}
}
@media(max-width:680px){
  .nav-wrap{gap:12px}
  .brand{min-width:0;flex:1}
  .brand strong{overflow-wrap:anywhere}
  .hero-grid,.hero-copy,.hero-art{min-width:0}
  .hero-art{width:100%;max-width:100%;height:355px;margin:24px 0 0;transform:none;overflow:visible}
  .hero-art .desk-panel{transform:scale(.53);transform-origin:top left}
  .hero-art .phone-panel{right:0;top:96px;transform:scale(.62) rotate(8deg);transform-origin:top right}
  .hero-art .float-notice{left:10px;bottom:12px;transform:scale(.74) rotate(-4deg);transform-origin:bottom left}
  .hero-art .orbit,.hero-art .mock-caption{display:none}
  .hero-actions>.button-yellow{width:100%;min-height:58px;box-shadow:0 10px 32px #bcfa4733}
  .hero-actions>.button-glass{width:100%;max-width:100%;min-height:44px;padding:8px 10px;background:transparent;border:0;box-shadow:none;color:#b6c7d8;font-size:12px}
  .hero-actions>.button-glass .btn-icon{font-size:15px}
  .hero-actions>.button-glass span:last-child:not(.btn-icon){font-size:15px}
  .hero-actions>.button-glass:hover{background:#ffffff0d}
  .price-panel,.platform-card,.workflow-showcase,.feature{min-width:0}
}
@media(max-width:400px){
  .container{padding-left:16px;padding-right:16px}
  .nav-wrap{min-height:70px}
  .brand strong{font-size:16px}
  .brand small{font-size:7px;letter-spacing:1px}
  .hero h1{font-size:clamp(31px,9.4vw,37px);letter-spacing:-1.8px;overflow-wrap:break-word}
  .eyebrow{font-size:9px;padding:8px 10px}
  .hero-art{height:315px}
  .hero-art .desk-panel{transform:scale(.47)}
  .hero-art .phone-panel{top:83px;transform:scale(.54) rotate(8deg)}
  .hero-art .float-notice{bottom:10px;transform:scale(.64) rotate(-4deg)}
}