/* 版本价格正文样式，隔离官网页头、页尾及咨询弹窗。 */
html{scroll-behavior:smooth;scroll-padding-top:100px;}
#pricing-page{display:block;padding-bottom:74px;}
#pricing-page div{font-size:inherit;}
#pricing-page{--navy:#0f1c39;--ink:#132341;--text:#2a3b59;--sub:#63728d;--mute:#8895ab;--blue:#2369f4;--blue2:#4f7ffd;--blue-dark:#1752d8;--light:#f5f8ff;--line:#e2eaf7;--ice:#edf4ff;--shadow:0 20px 55px rgba(35,68,138,.075);--r:17px}
#pricing-page *{box-sizing:border-box}
#pricing-page{scroll-behavior:smooth;scroll-padding-top:90px}
#pricing-page{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;background:#fff}
#pricing-page a{text-decoration:none;color:inherit}
#pricing-page button{font:inherit;cursor:pointer}
#pricing-page svg{display:block}
#pricing-page button:focus-visible,
#pricing-page a:focus-visible,
#pricing-page summary:focus-visible{outline:3px solid #9ebefa;outline-offset:3px}
#pricing-page .shell{width:min(1192px,calc(100% - 56px));margin:auto}
#pricing-page .icon{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}
#pricing-page .icon.sm{width:17px;height:17px}
#pricing-page .icon.lg{width:27px;height:27px}
#pricing-page .header{height:77px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #eaf0fa;position:sticky;top:0;z-index:80}
#pricing-page .header-main{height:100%;display:flex;align-items:center;gap:24px}
#pricing-page .brand{display:flex;gap:10px;align-items:center;margin-right:auto}
#pricing-page .brand-logo{width:42px;height:42px;object-fit:cover;border-radius:9px}
#pricing-page .brand-text{display:flex;flex-direction:column;gap:1px}
#pricing-page .brand-text strong{font-size:18px;letter-spacing:.25px;color:#12254a}
#pricing-page .brand-text small{font-size:9px;font-weight:800;letter-spacing:1.75px;color:#91a0ba}
#pricing-page .header-nav{display:flex;align-items:center;gap:30px}
#pricing-page .header-nav a{font-size:13px;color:#63708b;font-weight:700;white-space:nowrap}
#pricing-page .header-nav a:hover,
#pricing-page .header-nav a.active{color:var(--blue)}
#pricing-page .btn{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 21px;white-space:nowrap;font-size:13.5px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}
#pricing-page .btn:hover{transform:translateY(-2px)}
#pricing-page .btn.blue{color:white;background:linear-gradient(107deg,#1870fa,#4165f2);box-shadow:0 12px 24px rgba(44,98,229,.17)}
#pricing-page .btn.blue:hover{box-shadow:0 16px 30px rgba(44,98,229,.23)}
#pricing-page .btn.outline{border-color:#bdd0f8;background:white;color:#2562ed}
#pricing-page .btn.outline:hover{background:#f5f8ff}
#pricing-page .btn.pale{background:#eef3ff;color:#2565e8}
#pricing-page .btn.white{background:white;color:#2367ec}
#pricing-page .btn.transparent{border-color:rgba(255,255,255,.49);color:white;background:rgba(255,255,255,.06)}
#pricing-page .btn.block{width:100%}
#pricing-page .btn.big{min-height:52px;padding:0 26px;font-size:15px}
#pricing-page .mobile-menu{display:none;background:transparent;border:0;color:#243b5e}
#pricing-page .hero{background:radial-gradient(ellipse 49% 75% at 96% 40%,#e6eeff 0%,transparent 82%),radial-gradient(ellipse 42% 63% at -10% 84%,#e8f4ff 0%,transparent 77%),linear-gradient(135deg,#fff 4%,#f9fbff 78%,#f3f7ff 100%);position:relative;overflow:hidden}
#pricing-page .hero:before{content:"";position:absolute;top:-260px;right:-265px;width:800px;height:800px;border:1px solid rgba(102,147,249,.13);border-radius:50%;box-shadow:0 0 0 75px rgba(65,122,248,.027),0 0 0 150px rgba(65,122,248,.016)}
#pricing-page .hero-main{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:70px;min-height:595px;padding:70px 0 80px;position:relative}
#pricing-page .overline{display:inline-flex;align-items:center;gap:9px;color:#3564db;background:#ebf1ff;border:1px solid #dae6ff;padding:8px 14px;border-radius:100px;font-size:12px;font-weight:800;letter-spacing:.04em}
#pricing-page .overline i{background:#3075f8;height:7px;width:7px;border-radius:50%}
#pricing-page .hero h1{font-size:clamp(39px,3.9vw,56px);line-height:1.29;letter-spacing:-1.8px;margin:21px 0 18px;color:#132344;font-weight:900}
#pricing-page .hero h1 span{color:var(--blue);display:block}
#pricing-page .hero-description{font-size:15px;line-height:2.04;color:#62728e;margin:0;max-width:610px}
#pricing-page .hero-note{margin-top:17px;color:#213f7e;font-weight:800;font-size:14px}
#pricing-page .hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
#pricing-page .hero-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:31px;color:#6e7d97;font-size:12px}
#pricing-page .hero-benefits span{display:inline-flex;align-items:center;gap:6px}
#pricing-page .hero-benefits .icon{color:var(--blue);width:15px;height:15px;stroke-width:2.4}
#pricing-page .hero-art{height:434px;position:relative;display:flex;align-items:center;justify-content:center}
#pricing-page .hero-art::before{content:"";position:absolute;inset:25px 0 20px;border-radius:50%;background:radial-gradient(ellipse,#d3e2ff 0%,rgba(215,229,255,.58) 42%,transparent 71%);filter:blur(22px)}
#pricing-page .visual-platform{position:absolute;width:76%;height:105px;left:14%;bottom:30px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.98),#e0ebff);border:1px solid #d8e6fe;box-shadow:0 28px 50px rgba(58,96,180,.16)}
#pricing-page .visual-platform::after{content:"";position:absolute;inset:6px 8px 40px;border-radius:50%;border:1px solid #d4e6ff}
#pricing-page .visual-window{position:absolute;left:12%;right:9%;top:57px;height:275px;border-radius:19px;transform:perspective(950px) rotateY(-8deg) rotateX(5deg);background:#fff;border:1px solid #dee9fc;box-shadow:0 35px 57px rgba(56,88,166,.14);overflow:hidden}
#pricing-page .visual-bar{height:43px;display:flex;align-items:center;gap:5px;background:#f7faff;border-bottom:1px solid #e9eef9;padding:0 16px}
#pricing-page .visual-bar i{height:7px;width:7px;background:#94b9ff;border-radius:50%}
#pricing-page .visual-bar i:nth-child(2){background:#bdcdfb}
#pricing-page .visual-bar i:nth-child(3){background:#dae5ff}
#pricing-page .visual-bar span{margin-left:auto;font-size:10px;color:#8294bb;font-weight:800}
#pricing-page .visual-body{display:flex;height:232px}
#pricing-page .visual-side{width:65px;flex:none;background:#f6f9ff;border-right:1px solid #eef2fc;padding:24px 15px}
#pricing-page .visual-side span{height:9px;display:block;background:#c8d9fb;margin-bottom:19px;border-radius:4px}
#pricing-page .visual-side span:first-child{background:#3878f8}
#pricing-page .visual-center{padding:22px 25px;flex:1}
#pricing-page .visual-title{font-size:15px;color:#183260;font-weight:900}
#pricing-page .visual-caption{margin-top:5px;font-size:10px;color:#8ea0bf}
#pricing-page .visual-stat-row{display:flex;gap:11px;margin-top:25px}
#pricing-page .visual-stat{flex:1;height:76px;border:1px solid #e3ebfc;background:#f9fbff;border-radius:11px;padding:13px 10px;display:flex;flex-direction:column;gap:12px}
#pricing-page .visual-stat i{display:block;border-radius:10px;background:#9fbcff;width:42%;height:6px}
#pricing-page .visual-stat b{display:block;border-radius:10px;background:#d0defa;width:70%;height:14px}
#pricing-page .visual-stat:nth-child(2) i{background:#65cabc}
#pricing-page .visual-stat:nth-child(3) i{background:#9b98ff}
#pricing-page .visual-track{display:flex;gap:7px;align-items:flex-end;height:31px;margin-top:14px}
#pricing-page .visual-track span{width:9%;background:#83a6f7;height:38%;border-radius:4px 4px 0 0}
#pricing-page .visual-track span:nth-child(2){height:75%}
#pricing-page .visual-track span:nth-child(3){height:56%}
#pricing-page .visual-track span:nth-child(4){height:85%}
#pricing-page .visual-track span:nth-child(5){height:68%}
#pricing-page .visual-track span:nth-child(6){height:92%}
#pricing-page .visual-track span:nth-child(7){height:73%}
#pricing-page .visual-track span:nth-child(8){height:100%}
#pricing-page .visual-pill{position:absolute;z-index:4;background:#fff;border:1px solid #e3ebfc;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 13px 25px rgba(41,87,179,.13);animation:pricing-bob 5s ease-in-out infinite}
#pricing-page .visual-pill span.icon-wrap{width:37px;height:37px;display:grid;place-items:center;color:#3276f8;background:#edf4ff;border-radius:10px}
#pricing-page .visual-pill b{font-size:12px;display:block;color:#203a6e}
#pricing-page .visual-pill small{font-size:9px;color:#8ca0bc;display:block;margin-top:4px}
#pricing-page .visual-pill.p1{top:23px;right:-2px}
#pricing-page .visual-pill.p2{left:-24px;bottom:78px;animation-delay:-1.6s}
#pricing-page .visual-pill.p3{right:-10px;bottom:46px;animation-delay:-3.2s}
#pricing-page .visual-pill.p2 span.icon-wrap{color:#21aa85;background:#e6f8ef}
#pricing-page .visual-pill.p3 span.icon-wrap{color:#7b62e9;background:#f0edff}
@keyframes pricing-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
#pricing-page .section{padding:100px 0}
#pricing-page .section.mist{background:#f7faff}
#pricing-page .section-heading{text-align:center;max-width:790px;margin:0 auto 48px}
#pricing-page .eyebrow{font-size:12px;color:#3571ed;letter-spacing:.16em;font-weight:900;margin:0 0 15px}
#pricing-page .section-heading h2{font-size:clamp(28px,3.2vw,39px);letter-spacing:-1.05px;margin:0 0 13px;line-height:1.35;font-weight:900}
#pricing-page .section-heading p{margin:0;color:#78859c;font-size:14px;line-height:1.9}
#pricing-page .divider-line{height:1px;background:#e5ebf7}
#pricing-page .pricing{padding-top:95px;padding-bottom:97px}
#pricing-page .price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#pricing-page .price-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e8f6;border-radius:18px;padding:32px 29px 30px;box-shadow:0 9px 35px rgba(27,67,134,.035);min-width:0}
#pricing-page .price-card.featured{border:2px solid #347afa;box-shadow:0 18px 50px rgba(44,106,243,.13);padding:31px 28px 29px}
#pricing-page .price-badge{position:absolute;top:-16px;right:22px;background:#3274f8;color:white;font-size:12px;font-weight:850;padding:8px 14px;border-radius:6px}
#pricing-page .price-top{display:flex;align-items:center;justify-content:space-between}
#pricing-page .plan-icon{width:54px;height:54px;display:grid;place-items:center;background:#eef4ff;color:#3879f8;border-radius:13px}
#pricing-page .price-card:nth-child(2) .plan-icon{color:#315de0;background:#e9f0ff}
#pricing-page .price-card:nth-child(3) .plan-icon{color:#6c56dc;background:#f2efff}
#pricing-page .price-edition{font-size:10px;font-weight:900;color:#a4b2c8;letter-spacing:.13em}
#pricing-page .price-card h3{font-size:25px;margin:24px 0 8px;font-weight:900}
#pricing-page .plan-slogan{color:#274e95;font-size:16px;font-weight:850;margin:0 0 14px;min-height:25px}
#pricing-page .plan-desc{color:#75829a;line-height:1.86;font-size:12.5px;min-height:94px;margin:0}
#pricing-page .price-promote{font-size:12px;display:flex;align-items:center;color:#3369c3;font-weight:800;min-height:33px}
#pricing-page .price-sep{height:1px;background:#e7edf8;margin:16px 0 23px}
#pricing-page .price-meta{color:#192949;font-size:14px;font-weight:850;margin-bottom:19px}
#pricing-page .price-list{list-style:none;padding:0;margin:0 0 28px;flex:1;display:flex;flex-direction:column;gap:15px}
#pricing-page .price-list li{font-size:12.5px;line-height:1.5;color:#55647f;display:flex;gap:9px;align-items:flex-start}
#pricing-page .check-mark{height:18px;width:18px;border-radius:50%;color:#276af3;background:#eaf2ff;display:grid;place-items:center;flex:none}
#pricing-page .check-mark svg{width:12px;height:12px;stroke-width:3}
#pricing-page .price-foot{margin-top:auto}
#pricing-page .plan-price{font-size:26px;font-weight:900;color:#2469f2;margin:0 0 17px;min-height:36px}
#pricing-page .plan-price.zero{font-size:35px}
#pricing-page .plan-price small{font-size:12px;font-weight:650;color:#8a98b0;margin-left:8px}
#pricing-page .price-buttons{display:flex;gap:9px}
#pricing-page .price-buttons .btn{padding:0 7px;flex:1;font-size:12.5px}
#pricing-page .price-disclaimer{text-align:center;margin:24px auto 0;max-width:800px;color:#94a0b5;font-size:11px;line-height:1.9}
#pricing-page .compare-shell{border:1px solid #e2e9f6;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
#pricing-page .compare-scroll{overflow-x:auto}
#pricing-page .compare-table{width:100%;border-collapse:collapse;table-layout:fixed}
#pricing-page .compare-table th{height:63px;background:#f1f5fd;color:#27406e;font-size:13px;font-weight:900;text-align:center;border-bottom:1px solid #dfe8f7}
#pricing-page .compare-table th:first-child{text-align:left;padding-left:26px;width:35%}
#pricing-page .compare-table th:not(:first-child){width:21.67%}
#pricing-page .compare-table th.featured{background:#e4efff;color:#1764ec}
#pricing-page .compare-table td{border-bottom:1px solid #edf1f8;height:47px;text-align:center;font-size:12.5px;color:#56657f}
#pricing-page .compare-table td:first-child{text-align:left;padding:0 26px;color:#3d4d68;font-weight:650}
#pricing-page .compare-table td.featured{background:#f6faff}
#pricing-page .compare-table tbody tr:last-child td{border-bottom:0}
#pricing-page .compare-table .group td{height:47px;background:#f8faff;color:#2d5fae;font-weight:900;font-size:13px;padding-left:26px;text-align:left;border-top:1px solid #e0eafb}
#pricing-page .table-yes{color:#2268ef;display:inline-grid;place-items:center}
#pricing-page .table-yes svg{width:18px;height:18px;stroke-width:2.8}
#pricing-page .table-no{color:#c5cddc}
#pricing-page .compare-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
#pricing-page .compare-controls span{font-size:12.5px;color:#7d899e}
#pricing-page .toggle{border:1px solid #cdddf6;background:#fff;color:#3f6ddd;padding:9px 15px;border-radius:8px;font-weight:800;font-size:12px}
#pricing-page .toggle[aria-pressed="true"]{color:white;background:#3c75f2;border-color:#3c75f2}
#pricing-page .table-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(680px,100%);margin:27px auto 0}
#pricing-page .table-notice{font-size:11px;text-align:center;line-height:1.8;color:#8b98ab;margin:21px auto 0;max-width:820px}
#pricing-page .ability-stack{display:flex;flex-direction:column;gap:26px}
#pricing-page .ability-block{background:#fff;border:1px solid #e3ebfa;border-radius:18px;padding:31px 33px 32px;box-shadow:0 9px 24px rgba(54,88,151,.025)}
#pricing-page .ability-head{display:flex;align-items:center;gap:22px;margin-bottom:24px}
#pricing-page .ability-count{font-size:43px;font-weight:900;line-height:1;color:#2671f7;letter-spacing:-2px}
#pricing-page .ability-head-text{flex:1}
#pricing-page .ability-head h3{font-size:22px;margin:0 0 8px;font-weight:900}
#pricing-page .ability-head p{color:#7b88a0;font-size:13px;margin:0}
#pricing-page .ability-version{font-size:12px;color:#3f75d9;font-weight:800;padding:9px 12px;background:#f0f5ff;border-radius:8px;white-space:nowrap}
#pricing-page .ability-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
#pricing-page .ability-items.items-five{grid-template-columns:repeat(5,1fr)}
#pricing-page .ability-item{border:1px solid #eaf0f9;border-radius:12px;background:#fbfcff;padding:20px 17px 20px;min-width:0}
#pricing-page .ability-item .small-icon{width:43px;height:43px;border-radius:11px;background:#eaf2ff;color:#3779f5;display:grid;place-items:center;margin-bottom:14px}
#pricing-page .ability-item strong{display:block;font-size:14px;margin-bottom:7px}
#pricing-page .ability-item p{font-size:12px;color:#77849d;line-height:1.82;margin:0}
#pricing-page .ability-block:nth-child(2) .ability-count{color:#4c82e8}
#pricing-page .ability-block:nth-child(2) .ability-item .small-icon{background:#eaf6fa;color:#24a0ba}
#pricing-page .ability-block:nth-child(3) .ability-count{color:#6e66e9}
#pricing-page .ability-block:nth-child(3) .ability-item .small-icon{background:#f0efff;color:#7966e5}
#pricing-page .audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#pricing-page .audience-card{border:1px solid #e3eaf8;background:#fff;border-radius:17px;padding:31px 27px 27px;display:flex;flex-direction:column}
#pricing-page .audience-ico{height:60px;width:60px;border-radius:14px;background:#eaf3ff;color:#2e70e9;display:grid;place-items:center;margin-bottom:23px}
#pricing-page .audience-card:nth-child(2) .audience-ico{background:#e9f9f2;color:#24a57b}
#pricing-page .audience-card:nth-child(3) .audience-ico{background:#f1edff;color:#8b67dc}
#pricing-page .audience-card .type{font-size:12px;color:#8593ae;font-weight:800}
#pricing-page .audience-card h3{font-size:22px;margin:8px 0 12px}
#pricing-page .recommended{font-size:12px;color:#2a68ea;font-weight:900;padding:7px 12px;background:#edf4ff;display:inline-flex;border-radius:7px;align-self:flex-start}
#pricing-page .audience-card p{font-size:13px;line-height:1.95;color:#687791;margin:19px 0 30px;flex:1}
#pricing-page .audience-card .btn{align-self:stretch}
#pricing-page .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
#pricing-page .why-card{background:#fff;border:1px solid #e7edf8;border-radius:15px;padding:27px 23px;min-height:218px}
#pricing-page .why-symbol{height:51px;width:51px;border-radius:12px;color:#2a6df0;background:#edf4ff;display:grid;place-items:center;margin-bottom:21px}
#pricing-page .why-card h3{font-size:16px;margin:0 0 10px}
#pricing-page .why-card p{font-size:12px;line-height:1.85;color:#78859d;margin:0}
#pricing-page .why-tagline{text-align:center;margin:38px 0 0;color:#2c60bf;font-weight:900;letter-spacing:.09em;font-size:17px}
#pricing-page .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:start}
#pricing-page .faq-column{display:flex;flex-direction:column;gap:12px}
#pricing-page .faq-item{border:1px solid #e2eaf6;border-radius:11px;background:white;overflow:hidden}
#pricing-page .faq-item summary{padding:18px 19px;font-size:13.5px;font-weight:800;color:#253657;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}
#pricing-page .faq-item summary::-webkit-details-marker{display:none}
#pricing-page .faq-no{color:#3777ee;flex:none;font-weight:900}
#pricing-page .faq-caret{margin-left:auto;color:#8fa0bc;font-size:19px;line-height:1}
#pricing-page .faq-item[open]{border-color:#c9dbfc;box-shadow:0 6px 17px rgba(35,83,163,.035)}
#pricing-page .faq-item[open] .faq-caret{transform:rotate(45deg);color:#3875f4}
#pricing-page .faq-answer{padding:0 18px 19px 48px;color:#73819a;line-height:1.9;font-size:12.4px}
#pricing-page .cta{padding:76px 0 0}
#pricing-page .cta-panel{background:linear-gradient(115deg,#125ee9,#407afc 55%,#655cdd);border-radius:20px;position:relative;overflow:hidden;color:#fff;min-height:260px;padding:52px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px}
#pricing-page .cta-panel:before{content:"";position:absolute;right:-185px;top:-255px;width:550px;height:550px;border-radius:50%;border:1px solid rgba(255,255,255,.24);box-shadow:0 0 0 50px rgba(255,255,255,.05),0 0 0 105px rgba(255,255,255,.035)}
#pricing-page .cta-text{position:relative;z-index:1}
#pricing-page .cta-panel h2{margin:0 0 13px;font-size:31px;letter-spacing:-.6px}
#pricing-page .cta-panel p{max-width:700px;color:#e5ecff;font-size:13.5px;line-height:1.85;margin:0}
#pricing-page .cta-panel .tiny{font-size:12px;margin-top:13px;color:#ebf1ff;font-weight:700}
#pricing-page .cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
#pricing-page .cta-side{width:140px;height:140px;border:1px solid rgba(255,255,255,.45);border-radius:24px;position:relative;z-index:1;display:grid;place-items:center;transform:rotate(-9deg);background:rgba(255,255,255,.10);backdrop-filter:blur(6px)}
#pricing-page .cta-side .icon{width:83px;height:83px;color:#fff;stroke-width:1}
#pricing-page .cta-license{text-align:center;color:#94a0b4;font-size:11px;line-height:1.9;margin:25px auto 0;max-width:930px}
#pricing-page .footer{background:#101d38;color:#d5e0f8;padding:58px 0 26px;margin-top:74px}
#pricing-page .footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px}
#pricing-page .footer-brand{display:flex;gap:12px;align-items:center}
#pricing-page .footer-brand img{height:43px;width:43px;border-radius:8px}
#pricing-page .footer-brand b{font-size:20px;letter-spacing:.3px}
#pricing-page .footer-brand small{display:block;color:#8ca1c8;font-size:10px;letter-spacing:1px}
#pricing-page .footer-summary{color:#acbad3;font-size:12px;line-height:2;max-width:310px;margin:18px 0}
#pricing-page .footer-slogan{font-size:13px;font-weight:850;color:#fff}
#pricing-page .footer h4{margin:0 0 23px;font-size:14px;color:white}
#pricing-page .footer-links{display:flex;flex-direction:column;gap:15px}
#pricing-page .footer-links a{font-size:12px;color:#a8b8d3}
#pricing-page .footer-links a:hover{color:#fff}
#pricing-page .copyright{border-top:1px solid #263653;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;color:#8999b8;gap:20px;font-size:11px;line-height:1.85}
#pricing-page .copyright .legal{max-width:800px}
#pricing-page .preview-only{font-size:11px;color:#9caac0}
#pricing-page .modal-mask{position:fixed;inset:0;background:rgba(8,20,43,.62);z-index:110;display:none;align-items:center;justify-content:center;padding:18px}
#pricing-page .modal-mask.show{display:flex}
#pricing-page .modal{width:min(430px,100%);background:#fff;border-radius:18px;padding:32px;box-shadow:0 40px 100px rgba(0,0,0,.26)}
#pricing-page .modal h2{margin:0 0 13px;font-size:23px}
#pricing-page .modal p{color:#78869b;font-size:13px;line-height:1.85}
#pricing-page .modal .btn{margin-top:11px}
@media(max-width:1100px){
#pricing-page .shell{width:min(100% - 42px,1192px)}
#pricing-page .header-nav{gap:18px}
#pricing-page .hero-main{gap:32px}
#pricing-page .visual-pill.p1{right:0}
#pricing-page .visual-pill.p2{left:0}
#pricing-page .visual-pill.p3{right:0}
#pricing-page .price-grid{gap:14px}
#pricing-page .price-card{padding:26px 22px}
#pricing-page .price-card.featured{padding:25px 21px}
#pricing-page .ability-items.items-five{grid-template-columns:repeat(3,1fr)}
#pricing-page .footer-main{gap:28px}
}
@media(max-width:800px){
#pricing-page .header{height:68px}
#pricing-page .header-main{gap:8px}
#pricing-page .header-nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:18px 27px;border-bottom:1px solid #e4ebfa;box-shadow:0 18px 28px rgba(22,42,100,.08);flex-direction:column;align-items:flex-start}
#pricing-page .header-nav.open{display:flex}
#pricing-page .mobile-menu{display:block}
#pricing-page .header-main>.btn{display:none}
#pricing-page .hero-main{grid-template-columns:1fr;padding:62px 0 48px;gap:25px}
#pricing-page .hero-art{height:390px;max-width:610px;margin:auto;width:100%}
#pricing-page .section{padding:75px 0}
#pricing-page .price-grid,
#pricing-page .audience-grid{grid-template-columns:1fr;max-width:590px;margin:auto}
#pricing-page .price-card{padding:29px 28px}
#pricing-page .price-card.featured{padding:28px 27px}
#pricing-page .plan-desc{min-height:0;margin-bottom:18px}
#pricing-page .price-promote{min-height:29px}
#pricing-page .ability-items{grid-template-columns:repeat(2,1fr)}
#pricing-page .ability-items.items-five{grid-template-columns:repeat(2,1fr)}
#pricing-page .ability-head{flex-wrap:wrap}
#pricing-page .ability-version{margin-left:auto}
#pricing-page .why-grid{grid-template-columns:repeat(2,1fr)}
#pricing-page .footer-main{grid-template-columns:repeat(3,1fr)}
#pricing-page .footer-main>div:first-child{grid-column:1/-1}
#pricing-page .copyright{flex-direction:column}
#pricing-page .cta-panel{padding:38px}
#pricing-page .cta-side{display:none}
}
@media(max-width:540px){
#pricing-page .shell{width:calc(100% - 32px)}
#pricing-page .brand-logo{width:36px;height:36px}
#pricing-page .brand-text strong{font-size:17px}
#pricing-page .hero h1{font-size:36px;letter-spacing:-.7px}
#pricing-page .hero-description{font-size:13px}
#pricing-page .hero-benefits{gap:12px;font-size:10px}
#pricing-page .hero-buttons .btn{padding:0 17px}
#pricing-page .hero-art{height:310px}
#pricing-page .visual-window{height:219px;top:35px}
#pricing-page .visual-bar{height:34px}
#pricing-page .visual-body{height:185px}
#pricing-page .visual-center{padding:15px}
#pricing-page .visual-stat-row{margin-top:18px;gap:6px}
#pricing-page .visual-stat{height:60px;padding:9px 7px}
#pricing-page .visual-platform{bottom:15px}
#pricing-page .visual-pill{padding:6px;gap:6px}
#pricing-page .visual-pill span.icon-wrap{height:25px;width:25px}
#pricing-page .visual-pill span.icon-wrap .icon{height:15px;width:15px}
#pricing-page .visual-pill b{font-size:9px}
#pricing-page .visual-pill small{font-size:7px}
#pricing-page .visual-pill.p2{bottom:40px}
#pricing-page .section-heading h2{font-size:28px}
#pricing-page .section-heading p{font-size:12px}
#pricing-page .price-card,
#pricing-page .price-card.featured{padding:25px 22px}
#pricing-page .compare-table{min-width:665px}
#pricing-page .compare-table th:first-child{padding-left:15px}
#pricing-page .compare-table td:first-child{padding-left:15px}
#pricing-page .compare-controls{flex-direction:column;align-items:flex-start}
#pricing-page .table-actions{grid-template-columns:1fr}
#pricing-page .ability-block{padding:25px 19px}
#pricing-page .ability-head{gap:11px}
#pricing-page .ability-count{font-size:34px}
#pricing-page .ability-head h3{font-size:18px}
#pricing-page .ability-head p{font-size:12px}
#pricing-page .ability-version{font-size:10px;margin:2px 0 0;white-space:normal}
#pricing-page .ability-items,
#pricing-page .ability-items.items-five{grid-template-columns:1fr}
#pricing-page .ability-item{padding:16px;display:grid;grid-template-columns:43px 1fr;column-gap:13px;align-items:start}
#pricing-page .ability-item .small-icon{grid-row:1/3;margin:0}
#pricing-page .ability-item strong{margin:3px 0 4px}
#pricing-page .ability-item p{grid-column:2}
#pricing-page .why-grid,
#pricing-page .faq-grid{grid-template-columns:1fr}
#pricing-page .why-card{min-height:auto}
#pricing-page .faq-answer{padding-left:19px}
#pricing-page .cta-panel{padding:30px 24px}
#pricing-page .cta-panel h2{font-size:25px}
#pricing-page .cta-actions .btn{width:100%}
#pricing-page .footer-main{grid-template-columns:1fr 1fr;gap:27px}
#pricing-page .footer-main>div:first-child{grid-column:1/-1}
#pricing-page .footer h4{margin-bottom:13px}
#pricing-page .footer-summary{max-width:unset}
}
@media(prefers-reduced-motion:reduce){
#pricing-page{scroll-behavior:auto}
#pricing-page .visual-pill{animation:none}
#pricing-page *{transition:none!important}
}