:root{--ink:#191426;--muted:#7d7483;--purple:#6434dc;--deep:#28134f;--red:#ff554a;--orange:#ff8d2c;--yellow:#ffd331}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:72px;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee8ef;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:18px}.logo{width:36px;height:36px;padding:8px;display:flex;align-items:end;justify-content:center;gap:2px;border-radius:11px;background:linear-gradient(135deg,var(--red),var(--orange),var(--yellow));box-shadow:0 9px 22px #ff623c3a;transform:rotate(-3deg)}.logo i{width:4px;border-radius:5px;background:#fff}.logo i:nth-child(1){height:9px}.logo i:nth-child(2){height:18px}.logo i:nth-child(3){height:13px}.nav nav{display:flex;align-items:center;gap:33px;color:#655f6b;font-size:14px;font-weight:650}.nav-cta{padding:11px 18px;border-radius:14px;color:#fff;background:var(--deep);box-shadow:0 8px 22px #28134f25}.hero{position:relative;overflow:hidden;padding:78px 0 24px;background:radial-gradient(circle at 13% 5%,#ffe69f42,transparent 27%),linear-gradient(#fff,#fff9f6)}.orb{position:absolute;border-radius:50%}.orb-one{width:360px;height:360px;right:-130px;top:-80px;background:#7951ee17}.orb-two{width:240px;height:240px;left:-100px;bottom:-100px;background:#ff753219}.hero-grid{position:relative;display:grid;grid-template-columns:.96fr 1.04fr;gap:58px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 12px 6px 7px;border:1px solid #f1dfd8;border-radius:99px;background:#ffffffc9;color:#755b52;font-size:12px;font-weight:700}.pill b{padding:4px 8px;border-radius:99px;color:#fff;background:linear-gradient(90deg,var(--red),var(--orange));font-size:9px;letter-spacing:.1em}.hero h1{margin:23px 0 19px;font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-.06em;font-weight:900}.hero h1 em{font-style:normal;white-space:nowrap;background:linear-gradient(100deg,var(--red),var(--orange),#dca700);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{margin:0;color:var(--muted);font-size:16px;line-height:1.85}.actions{display:flex;gap:11px;margin-top:29px}.actions a{height:51px;padding:0 21px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-weight:800;transition:.2s}.actions a:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(100deg,var(--red),var(--orange),#efb900);box-shadow:0 13px 28px #ff673c42}.primary b{margin-left:18px}.secondary{border:1px solid #e8e1e8;background:#fff}.trust{display:flex;flex-wrap:wrap;gap:17px;margin-top:23px;color:#827986;font-size:11px}.visual{position:relative;min-height:470px;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:110%;height:100%;border-radius:50%;background:radial-gradient(circle,#ffcb804f,#854cff18 48%,transparent 70%)}.browser{position:relative;width:min(100%,560px);padding:0 14px 14px;border:1px solid #ffffffd9;border-radius:25px;background:#ffffffc9;box-shadow:0 35px 85px #2b1a5226;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:rotate(1.2deg)}.browser-bar{height:48px;display:flex;align-items:center;gap:6px}.browser-bar>i{width:9px;height:9px;border-radius:50%;background:#ff9893}.browser-bar>i:nth-child(2){background:#ffd673}.browser-bar>i:nth-child(3){background:#75d7b1}.browser-bar>span{margin:auto;padding:7px 50px;border-radius:8px;color:#9b929e;background:#fff;font-size:9px}.panel{padding:18px;border:1px solid #eee8ee;border-radius:17px;background:#fff}.panel-head{display:flex;align-items:center;gap:10px}.mini-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--red),var(--orange));font-weight:800}.panel-head>div{display:flex;flex-direction:column}.panel-head small{margin-top:3px;color:#99909c;font-size:8px}.panel-head em{margin-left:auto;padding:5px 8px;border-radius:99px;color:#079a65;background:#e7f8f0;font-style:normal;font-size:8px}.progress-title{display:flex;justify-content:space-between;margin:21px 0 8px;color:#8e8692;font-size:9px}.progress-title b{color:var(--purple)}.progress{height:8px;overflow:hidden;border-radius:99px;background:#f2eef6}.progress i{display:block;width:86%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow))}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.stats div{padding:13px 9px;border-radius:12px;background:#faf8fb}.stats span{display:block;color:#8e8592;font-size:8px}.stats b{font-size:19px}.stats small{margin-left:2px;color:#aaa2ad;font-size:8px}.panel>button{width:100%;height:43px;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#6534dc,#914eea);font-size:11px;font-weight:700}.panel>button b{float:right;margin-right:10px}.success{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px;border-radius:11px;background:#eefaf4}.success>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#17b274;font-size:10px}.success span{display:flex;flex-direction:column;font-size:9px}.success small{margin-top:2px;color:#799487;font-size:8px}.success time{margin-left:auto;color:#9caf9f;font-size:7px}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 13px 9px 9px;border:1px solid #fff;border-radius:14px;background:#ffffffeb;box-shadow:0 15px 34px #2b1c4c20;color:#736a79;font-size:9px;animation:float 4s ease-in-out infinite}.float-card b{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--red),var(--orange));font-size:12px}.float-card.left{left:-28px;top:76px}.float-card.right{right:-17px;bottom:60px;animation-delay:.8s}.float-card.right b{background:linear-gradient(135deg,#5b2ddd,#a65eea)}@keyframes float{50%{transform:translateY(-8px)}}.audience{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:45px;padding:18px;border-top:1px solid #eee6e6;color:#978f9b;font-size:11px}.audience b{color:#504956}.audience i{width:3px;height:3px;border-radius:50%;background:#c9c0cb}.section{padding:100px 0}.heading{text-align:center;margin-bottom:42px}.heading.left-align{text-align:left}.heading>span{color:#f65c47;font-size:10px;font-weight:850;letter-spacing:.18em}.heading h2{margin:11px 0 10px;font-size:clamp(31px,4vw,46px);line-height:1.2;letter-spacing:-.045em}.heading p{margin:0;color:#827a87;font-size:14px}.heading.light h2{color:#fff}.heading.light p{color:#beb3cc}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{padding:28px;border:1px solid #eee8e9;border-radius:25px;background:#fff;box-shadow:0 18px 50px #361a290c;transition:.2s}.feature:hover{transform:translateY(-4px);box-shadow:0 23px 55px #361a2915}.feature-top{display:flex;justify-content:space-between}.feature-top>span{width:51px;height:51px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--red),var(--orange));font-size:18px;font-weight:900}.feature-1 .feature-top>span{background:linear-gradient(135deg,#ff9a2f,#ffd02e)}.feature-2 .feature-top>span{background:linear-gradient(135deg,#5a2cd8,#a05bed)}.feature-top small{color:#aaa2ac;font-size:9px;letter-spacing:.15em}.feature h3{margin:23px 0 7px;font-size:21px}.feature>b{color:#5f5765;font-size:11px}.feature p{min-height:48px;color:#817984;font-size:13px;line-height:1.7}.feature ul,.plan ul,.tutorial-body ul{list-style:none;padding:0}.feature ul{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0}.feature li{padding:6px 8px;border-radius:8px;color:#786f7c;background:#f7f4f6;font-size:8px}.flow{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:27px;padding:21px;border-radius:19px;background:#faf7f8;font-size:11px}.flow span{display:flex;align-items:center;gap:8px;font-weight:750}.flow b{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#f66349;background:#fff0ea;font-size:8px}.flow i{color:#c9c0cb;font-style:normal}.pricing{background:radial-gradient(circle at 12% 9%,#ff713327,transparent 30%),radial-gradient(circle at 88% 15%,#8749ff29,transparent 30%),linear-gradient(150deg,#1c102e,#32165e,#1d1037)}.plans{width:min(790px,100%);margin:auto;display:grid;grid-template-columns:1fr 1.08fr;gap:18px;align-items:center}.plan{position:relative;padding:28px;border-radius:24px;background:#fff}.plan.pro{padding:34px;border:2px solid #ffc947;box-shadow:0 27px 70px #0005;transform:scale(1.025)}.plan>em{position:absolute;right:22px;top:-14px;padding:7px 11px;border-radius:99px;color:#60380b;background:linear-gradient(90deg,#ffda40,#ffae34);font-size:9px;font-weight:800}.plan h3{display:inline;margin:0;font-size:16px}.plan>small{float:right;color:#9b929e;font-size:8px}.price{display:flex;align-items:end;margin:21px 0}.price sup{align-self:center;font-size:19px;font-weight:800}.price strong{font-size:50px;line-height:.85;letter-spacing:-.07em}.price span{margin-left:6px;color:#988f9b;font-size:10px}.plan ul{margin:0 0 22px;padding:18px 0;border-block:1px solid #eee8ec}.plan li{margin:10px 0;color:#625a65;font-size:11px}.plan>a{height:44px;display:grid;place-items:center;border:1px solid #ddd5df;border-radius:12px;font-size:11px;font-weight:800}.pro>a{color:#fff;border:0;background:linear-gradient(100deg,var(--red),var(--orange));box-shadow:0 10px 24px #ff5b3338}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.channels article{min-height:120px;padding:22px;display:flex;align-items:flex-start;gap:14px;border:1px solid #ffffff20;border-radius:19px;background:#ffffff12}.channels article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffffff18}.channels h3{margin:0;color:#fff;font-size:13px}.channels p{margin:7px 0;color:#bdb1cb;font-size:9px}.channels a{color:#ffcc56;font-size:9px;font-weight:800}.activate{background:linear-gradient(#fff,#fff9f6)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:43px}.steps article{position:relative;text-align:center}.step-icon{width:72px;height:72px;margin:auto;display:grid;place-items:center;border:1px solid #ece4ee;border-radius:23px;color:var(--purple);background:#fff;box-shadow:0 15px 37px #361f500f;font-size:25px}.step-no{position:absolute;left:calc(50% + 19px);top:-10px;z-index:2;padding:4px 7px;border-radius:99px;color:#fff;background:var(--red);font-size:8px;font-weight:850}.steps h3{margin:15px 0 5px;font-size:14px}.steps p{margin:0;color:#897f8d;font-size:10px}.steps article>i{position:absolute;top:29px;right:-48px;color:#d7ced9;font-style:normal;letter-spacing:5px}.tutorial{overflow:hidden;border:1px solid #ebe3e6;border-radius:26px;background:#fff;box-shadow:0 28px 70px #341d2c13}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#faf7f8}.tabs>*{padding:17px;text-align:center;color:#9a919e;font-size:10px}.tabs b{color:#fff;background:linear-gradient(100deg,#6432da,#8e4eea)}.tutorial-body{padding:43px 7%;display:grid;grid-template-columns:1fr 1fr;gap:57px;align-items:center}.tutorial-body>div:first-child>small{color:#f65c47;font-size:9px;font-weight:850}.tutorial-body h3{margin:9px 0 11px;font-size:26px}.tutorial-body p{margin:0;color:#807783;font-size:12px;line-height:1.75}.tutorial-body ul{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0;color:#716974;font-size:9px}.activate-box{padding:23px;border:1px solid #e9e3eb;border-radius:19px;background:#fbf9fc}.activate-box label{font-size:9px;font-weight:750}.activate-box>div{margin:8px 0 11px;padding:13px;border:1px solid #d9cfe3;border-radius:10px;color:#a299a6;background:#fff;font-size:11px;letter-spacing:.12em}.activate-box button{width:100%;height:41px;border:0;border-radius:10px;color:#fff;background:linear-gradient(100deg,#6232d8,#8d4bea);font-size:10px;font-weight:800}.activate-box small{display:block;margin-top:10px;text-align:center;color:#8f8794;font-size:8px}.support{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.faq article{border-top:1px solid #eee8ed}.faq article:last-child{border-bottom:1px solid #eee8ed}.faq button{width:100%;padding:18px 3px;display:flex;align-items:center;justify-content:space-between;border:0;background:none;cursor:pointer;text-align:left}.faq button span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--purple);background:#f5effb;transition:.2s}.faq article.open button span{transform:rotate(45deg)}.faq article p{display:none;margin:-3px 35px 18px 3px;color:#817986;font-size:11px;line-height:1.7}.faq article.open p{display:block}.support aside{padding:34px;text-align:center;color:#fff;border-radius:28px;background:radial-gradient(circle at 100% 0,#ff9b383e,transparent 35%),linear-gradient(150deg,#28114f,#6030c7);box-shadow:0 27px 68px #431d8036}.support aside>span{padding:6px 9px;border:1px solid #ffffff2f;border-radius:99px;background:#ffffff12;font-size:8px}.support aside h3{margin:17px 0 8px;font-size:25px}.support aside p{color:#cbbde0;font-size:10px;line-height:1.65}.qr{width:105px;height:105px;margin:20px auto 10px;display:grid;place-items:center;border:14px solid #fff;border-radius:15px;color:#291944;background:repeating-linear-gradient(45deg,#291944 0 5px,#fff 5px 10px);font-size:0}.support aside>b,.support aside>small{display:block}.support aside>b{font-size:11px}.support aside>small{margin-top:4px;color:#bdb0d0;font-size:8px}.final-cta{padding:64px 0;color:#fff;background:linear-gradient(105deg,var(--red),var(--orange) 62%,#ffc52b)}.final-cta>.shell{display:flex;align-items:center;justify-content:space-between}.final-cta h2{margin:8px 0 6px;font-size:30px}.final-cta p{margin:0;color:#fffc;font-size:11px}.final-cta>div>div:last-child{display:flex;gap:8px}.final-cta a{height:44px;padding:0 17px;display:flex;align-items:center;border-radius:12px;color:#e95042;background:#fff;font-size:10px;font-weight:800}.final-cta a:last-child{color:#fff;border:1px solid #ffffff4d;background:#ffffff1c}footer{padding:55px 0 19px;color:#fff;background:#181321}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid>div:first-child p{max-width:350px;color:#837d8a;font-size:10px;line-height:1.7}.footer-grid>div>b{font-size:10px}.footer-grid>div>a:not(.brand){color:#918a99;font-size:9px}.copyright{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #2a2431;color:#6e6875;font-size:8px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.actions,.trust{justify-content:center}.visual{width:min(650px,100%);margin:auto}.feature-grid,.channels{grid-template-columns:1fr}.support{grid-template-columns:1fr;gap:35px}.support aside{width:min(430px,100%);margin:auto}}@media(max-width:640px){.shell{width:calc(100% - 28px)}.topbar{height:64px}.nav nav a:not(.nav-cta){display:none}.nav nav{gap:0}.hero{padding-top:52px}.hero h1{font-size:42px}.hero-copy>p{font-size:14px}.actions{flex-direction:column}.visual{min-height:350px}.browser{transform:none}.float-card{display:none}.stats b{font-size:15px}.audience{justify-content:flex-start;overflow:auto;white-space:nowrap}.section{padding:74px 0}.heading h2{font-size:32px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow i{display:none}.plans{grid-template-columns:1fr}.plan.pro{transform:none}.steps{grid-template-columns:1fr;gap:35px}.steps article>i{display:none}.tabs{grid-template-columns:1fr}.tabs span{display:none}.tutorial-body{grid-template-columns:1fr;gap:27px;padding:28px 19px}.final-cta>.shell{align-items:flex-start;flex-direction:column;gap:23px}.final-cta>div>div:last-child{width:100%;flex-direction:column}.final-cta a{justify-content:center}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-card{animation:none}}