@font-face{font-family:Poppins;src:url('/fonts/poppins-v24-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('/fonts/poppins-v24-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('/fonts/poppins-v24-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('/fonts/poppins-v24-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Poppins;src:url('/fonts/poppins-v24-latin-800.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Montserrat;src:url('/fonts/montserrat-v31-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}:root{--primary:#6d5dfc;--primary2:#5546df;--accent:#12b8a6;--ink:#15162a;--muted:#667085;--soft:#f6f7fb;--line:#e7e9f2;--white:#fff;--dark:#111326;--ok:#10b981;--warn:#f59e0b;--danger:#ef4444;--r:18px;--shadow:0 18px 50px rgba(31,35,73,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);line-height:1.68;background:#fff}h1,h2,h3,h4{font-family:Montserrat,Poppins,sans-serif;line-height:1.16;margin:0 0 16px}h1{font-size:clamp(2.25rem,5vw,4.4rem);letter-spacing:-.045em}h2{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.03em}h3{font-size:1.2rem}p{margin:0 0 18px;color:var(--muted)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#eeeefe;color:var(--primary2);font-weight:700;font-size:.82rem;margin-bottom:18px}.eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent)}.grad{background:linear-gradient(120deg,var(--primary),#8a54f7 50%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;padding:14px 22px;font-weight:700;font-family:inherit;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--primary),#8057f4);color:#fff;box-shadow:0 12px 28px rgba(109,93,252,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(109,93,252,.32)}.btn-ghost{border:1px solid rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.06)}.btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,233,242,.8)}nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.08rem;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.logo-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--accent));position:relative;box-shadow:0 8px 20px rgba(109,93,252,.22)}.logo-mark:before,.logo-mark:after{content:'';position:absolute;background:white;border-radius:6px}.logo-mark:before{width:7px;height:19px;left:9px;bottom:7px;transform:skew(-16deg)}.logo-mark:after{width:7px;height:13px;left:19px;bottom:7px;transform:skew(-16deg)}.navlinks{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:600}.navlinks a:hover{color:var(--primary)}.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem}.hero{min-height:680px;display:flex;align-items:center;padding:82px 0;background:radial-gradient(circle at 80% 10%,rgba(18,184,166,.18),transparent 30%),radial-gradient(circle at 15% 20%,rgba(109,93,252,.25),transparent 30%),linear-gradient(160deg,#121327,#171932 60%,#121426);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:58px;align-items:center}.hero p{color:#c9ccdc;font-size:1.08rem;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;color:#d9dcef;font-size:.86rem}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row span:before{content:'✓';color:#70e3d4;font-weight:800}.hero-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:18px;box-shadow:0 32px 80px rgba(0,0,0,.24)}.browser{background:#fff;border-radius:18px;overflow:hidden;color:var(--ink);box-shadow:var(--shadow)}.browser-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#d8dbe7}.address{height:22px;border-radius:8px;background:#f3f4f8;margin-left:10px;flex:1}.search-box{margin:20px;border:1px solid #d8dce8;border-radius:24px;height:45px;display:flex;align-items:center;padding:0 18px;font-size:.82rem;color:#747b91}.ad-result{margin:0 20px 16px;padding:15px 0;border-bottom:1px solid #edf0f5}.ad-label{font-size:.68rem;font-weight:800;color:#3b3f50}.ad-title{font-size:1.1rem;color:#3949ab;font-weight:700}.ad-copy{font-size:.76rem;color:#6f7689}.visual-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;height:95px;padding:4px 0}.visual-bars i{display:block;background:linear-gradient(to top,var(--primary),#9c8dff);border-radius:7px 7px 2px 2px}.section{padding:86px 0}.section.soft{background:var(--soft)}.section-head{max-width:760px;margin-bottom:42px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head p{font-size:1.02rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.card{border:1px solid var(--line);background:#fff;border-radius:var(--r);padding:26px;box-shadow:0 8px 30px rgba(35,38,70,.05)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);transition:.2s}.iconbox{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#efedff,#e9fffb);position:relative;margin-bottom:18px}.iconbox:before{content:'';position:absolute;width:19px;height:19px;border:3px solid var(--primary);border-radius:7px;left:11px;top:10px}.iconbox:after{content:'';position:absolute;width:11px;height:3px;background:var(--accent);border-radius:3px;left:22px;top:28px;transform:rotate(-45deg)}.checks{list-style:none;padding:0;margin:16px 0}.checks li{margin:9px 0;padding-left:27px;position:relative;color:#4d5365}.checks li:before{content:'✓';position:absolute;left:0;top:0;color:var(--accent);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.metric-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.metric-top{display:flex;justify-content:space-between;gap:18px;margin-bottom:20px}.metric{flex:1;background:var(--soft);padding:14px;border-radius:14px}.metric small{color:var(--muted);font-size:.72rem}.metric strong{display:block;font-size:1.35rem;margin-top:4px}.kw-cloud{display:flex;gap:9px;flex-wrap:wrap}.kw-cloud span{padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:#fff;font-size:.82rem;color:#555c70}.cta{background:linear-gradient(135deg,#5f50ed,#7d55ee 58%,#12a999);border-radius:28px;padding:48px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:#e8e6ff;margin:0;max-width:650px}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px 20px}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:12px 0 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:700;color:#4f5568}.field input,.field textarea{width:100%;border:1px solid #dfe2ea;border-radius:10px;padding:13px 14px;font-family:inherit;font-size:.93rem;outline:none;background:#fff}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,93,252,.11)}.form-status{font-size:.85rem;margin:12px 0 0;min-height:20px}.hp{position:absolute!important;left:-9999px!important}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;min-height:100%}.blog-art{height:148px;background:linear-gradient(135deg,#f0efff,#e9fffb);padding:20px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.blog-art:before{content:'';position:absolute;width:150px;height:90px;border:13px solid rgba(109,93,252,.18);border-radius:28px;right:-32px;top:-18px;transform:rotate(-14deg)}.blog-art:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(18,184,166,.16);left:-20px;bottom:-30px}.mini-ui{position:relative;z-index:2;width:100%;background:#fff;border:1px solid #e1e4ed;border-radius:11px;padding:10px;box-shadow:0 9px 20px rgba(53,55,91,.1)}.mini-ui b{display:block;height:6px;border-radius:5px;background:#5d50e8;width:58%;margin-bottom:7px}.mini-ui i{display:block;height:5px;border-radius:5px;background:#e6e8ef;margin-top:5px}.blog-body{padding:22px;display:flex;flex-direction:column;flex:1}.blog-body small{color:var(--primary);font-weight:700}.blog-body h3{margin-top:10px}.blog-body p{font-size:.9rem}.readmore{margin-top:auto;font-weight:700;color:var(--primary)}.page-hero{padding:78px 0 62px;background:linear-gradient(160deg,#f5f4ff,#f1fffd)}.page-hero .narrow{text-align:center}.breadcrumbs{font-size:.78rem;color:#787f92;margin-bottom:14px}.article{padding:55px 0 90px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:48px;align-items:start}.article-content h2{margin-top:42px;font-size:1.75rem}.article-content h3{margin-top:28px}.article-content ul,.article-content ol{color:#555d70;padding-left:22px}.article-content li{margin:9px 0}.article-content a:not(.btn){color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-meta{font-size:.82rem;color:#7c8395;margin-top:18px}.toc{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--soft);margin:24px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;text-decoration:none!important;margin:5px 0;font-size:.9rem}.sidebox{position:sticky;top:98px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 10px 30px rgba(31,35,73,.06)}.sidebox h3{font-size:1.05rem}.ui-demo{margin:30px 0;border:1px solid #dde1ec;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 18px 45px rgba(41,45,82,.09)}.ui-head{height:44px;background:#f6f7fb;border-bottom:1px solid #e5e8f0;display:flex;align-items:center;padding:0 14px;gap:6px}.ui-head span{width:8px;height:8px;border-radius:50%;background:#d5d9e4}.ui-body{padding:20px}.ui-row{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:10px 0;align-items:center}.ui-label{font-size:.75rem;color:#697084}.ui-line{height:10px;border-radius:8px;background:#e9ebf3;position:relative;overflow:hidden}.ui-line:before{content:'';display:block;height:100%;width:var(--w,65%);border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.ui-alert{padding:13px 14px;border-radius:11px;background:#fff4e8;border:1px solid #fed7aa;color:#9a5b0d;font-size:.82rem}.ui-ok{padding:13px 14px;border-radius:11px;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-size:.82rem}.ui-search{border:1px solid #dfe3ec;border-radius:23px;padding:10px 15px;font-size:.82rem;margin-bottom:16px}.ui-ad{padding:12px 0;border-bottom:1px solid #eef0f5}.ui-ad b{color:#314bb4}.stepcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stepcard{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.stepcard strong{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:.75rem;margin-bottom:10px}.note{border-left:4px solid var(--accent);background:#effdfa;padding:16px 18px;border-radius:0 12px 12px 0;margin:24px 0}.warning{border-left-color:var(--warn);background:#fff9ec}.rank-list{counter-reset:rank;display:grid;gap:14px;margin:24px 0}.rank-item{counter-increment:rank;border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 62px;position:relative}.rank-item:before{content:counter(rank);position:absolute;left:18px;top:18px;width:30px;height:30px;border-radius:9px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.rank-item h3{margin:0 0 7px;font-size:1.06rem}.rank-item p{margin:0;font-size:.9rem}footer{background:#111326;color:#fff;padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-grid p,.footer-grid a{color:#aeb4c8;font-size:.9rem}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:36px;padding-top:20px;color:#8f96ab;font-size:.78rem}.privacy{font-size:.78rem;color:#7a8192;margin-top:8px}@media(max-width:920px){.hero-grid,.split,.contact-grid,.article-layout{grid-template-columns:1fr}.hero{padding-top:58px}.hero-card{max-width:650px}.grid-3,.blog-grid{grid-template-columns:repeat(2,1fr)}.sidebox{position:static}.navlinks{position:fixed;inset:76px 0 auto 0;background:#fff;padding:24px 20px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu-btn{display:block}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container,.narrow{width:min(100% - 28px,1160px)}.section{padding:64px 0}.grid-3,.grid-2,.blog-grid,.fields,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:64px 0}.hero-actions .btn{width:100%}.cta{padding:30px;align-items:flex-start;flex-direction:column}.stepcards{grid-template-columns:1fr}.ui-row{grid-template-columns:90px 1fr}.contact-grid{gap:28px}.page-hero{padding:58px 0 48px}}