:root{--ink:#101828;--muted:#667085;--primary:#6d5dfc;--primary2:#1aa3ff;--line:#e9eaf0;--soft:#f7f8fc;--dark:#101323}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.8}.container{width:min(1180px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}.site-header{height:78px;display:flex;align-items:center;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,234,240,.7)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-family:Arial;font-weight:900;box-shadow:0 10px 30px rgba(109,93,252,.25)}nav{display:flex;gap:28px;color:#475467;font-size:14px;font-weight:600}nav a:hover{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:11px 20px;font-weight:700;font-size:14px;transition:.2s}.btn-ghost{border:1px solid var(--line);background:#fff}.btn-primary{background:linear-gradient(135deg,var(--primary),#7757f8);color:#fff;box-shadow:0 14px 34px rgba(109,93,252,.25)}.btn-secondary{background:#fff;border:1px solid var(--line)}.hero{position:relative;overflow:hidden;padding:95px 0 80px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border:1px solid #e5e0ff;border-radius:99px;background:#faf9ff;color:#6554e8;font-weight:700;font-size:12px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#7b68ee;box-shadow:0 0 0 5px rgba(123,104,238,.1)}h1{font-size:54px;line-height:1.35;letter-spacing:-2px;margin:22px 0 20px}h1 strong{color:#6554e8} .hero-copy>p{font-size:17px;color:var(--muted);max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-points span{font-size:11px;color:#475467;background:#f7f7fa;border:1px solid #ededf2;padding:5px 9px;border-radius:7px}.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);opacity:.6}.hero-glow-one{width:480px;height:480px;background:radial-gradient(circle,rgba(109,93,252,.16),rgba(109,93,252,0) 70%);right:-130px;top:-120px}.hero-glow-two{width:450px;height:450px;background:radial-gradient(circle,rgba(26,163,255,.12),rgba(26,163,255,0) 70%);left:15%;bottom:-300px}
.product-preview{position:relative;z-index:2;border-radius:24px;background:#fff;border:1px solid #e6e7ee;box-shadow:0 40px 90px rgba(31,35,68,.16);overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.preview-top{height:46px;background:#f8f8fb;border-bottom:1px solid #ececf2;display:flex;align-items:center;padding:0 16px;gap:18px;color:#98a2b3;font-size:11px;direction:ltr}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.preview-body{height:390px;display:flex;position:relative;background:#fbfbfd}.preview-body aside{width:100px;background:#191d31;padding:25px 15px;display:flex;flex-direction:column;gap:16px;color:#fff}.preview-body aside b{font-size:10px;margin-bottom:8px}.preview-body aside span{height:9px;border-radius:8px;background:#34394f;width:72%}.preview-body aside span.active{background:#6d5dfc;width:90%}.fake-page{padding:28px 24px;flex:1}.fake-title{display:flex;justify-content:space-between;align-items:center}.fake-title div{display:flex;flex-direction:column;gap:5px}.fake-title b{font-size:14px}.fake-title small{font-size:9px;color:#98a2b3}.fake-title button{border:0;background:#6d5dfc;color:#fff;border-radius:8px;padding:8px 11px;font-size:9px}.fake-table{margin-top:28px;border:1px solid #ececf1;border-radius:10px;overflow:hidden;background:#fff}.fake-table div{height:48px;border-bottom:1px solid #f0f0f3;position:relative}.fake-table div:last-child{border-bottom:0}.fake-table div:before,.fake-table div:after{content:"";position:absolute;height:7px;background:#e8eaf0;border-radius:10px;top:20px}.fake-table div:before{right:18px;width:34%}.fake-table div:after{left:20px;width:19%}.tour-pin{position:absolute;left:116px;top:74px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#6d5dfc;color:#fff;font-weight:800;font-size:12px;box-shadow:0 0 0 7px rgba(109,93,252,.12)}.tour-card{position:absolute;left:84px;top:108px;width:225px;background:#fff;border-radius:14px;box-shadow:0 20px 45px rgba(28,32,61,.18);padding:15px;border:1px solid #ececf2}.tour-card small{font-size:8px;color:#8c91a2}.tour-card strong{display:block;font-size:12px;margin:5px 0}.tour-card p{font-size:9px;color:#667085;line-height:1.8}.tour-card>div{display:flex;align-items:center;gap:10px}.tour-card button{border:0;border-radius:7px;background:#6d5dfc;color:#fff;padding:6px 12px;font-size:8px}.tour-card span{font-size:8px;color:#98a2b3}.trust-strip{border-top:1px solid #f0f0f3;border-bottom:1px solid #f0f0f3;background:#fcfcfd}.trust-strip .container{min-height:80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;color:#98a2b3;font-size:12px}.trust-strip b{color:#475467;font-size:13px}.section{padding:100px 0}.section-soft{background:var(--soft)}.section-head{text-align:center;max-width:710px;margin:0 auto 48px}.section-head>span{font-size:12px;font-weight:800;color:#6d5dfc}.section-head h2{font-size:34px;line-height:1.5;margin:8px 0 10px}.section-head p{color:var(--muted);font-size:14px}.align-start{text-align:right;margin-right:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{border:1px solid #eaebf0;border-radius:18px;padding:26px;background:#fff;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(32,37,64,.08)}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0edff;color:#6554e8;font-weight:900;font-size:11px}.feature-grid h3{font-size:17px;margin:18px 0 8px}.feature-grid p{font-size:13px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps>div{position:relative;background:#fff;border:1px solid #e8e9ee;border-radius:18px;padding:25px}.steps em{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#14182b;color:#fff;font-style:normal;font-size:12px}.steps h3{font-size:15px;margin:18px 0 7px}.steps p{font-size:12px;color:var(--muted);margin:0}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.check-list{list-style:none;padding:0;margin:25px 0 0}.check-list li{position:relative;padding-right:27px;margin:10px 0;color:#475467;font-size:13px}.check-list li:before{content:"✓";position:absolute;right:0;color:#12b76a;font-weight:900}.code-card{direction:ltr;background:#111526;color:#d7def7;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(17,21,38,.2)}.code-head{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262b43;font-size:11px}.code-head i{font-style:normal;color:#7b8aaf}.code-card pre{margin:0;padding:28px;overflow:auto;font-family:Consolas,monospace;font-size:13px;line-height:2;color:#b9c7ff}.code-note{direction:rtl;padding:15px 20px;background:#171c31;color:#8d99bc;font-size:11px}.cta{padding:20px 0 90px}.cta-box{border-radius:24px;padding:42px 48px;background:linear-gradient(135deg,#5b4bed,#1b9df2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 28px 70px rgba(91,75,237,.25)}.cta-box span{font-size:11px;opacity:.8}.cta-box h2{font-size:24px;max-width:700px;margin:8px 0 0}.btn-light{background:#fff;color:#4139aa;white-space:nowrap}footer{border-top:1px solid #ececf2;padding:26px 0}footer .container{display:flex;justify-content:space-between;align-items:center;color:#98a2b3;font-size:11px}footer .brand{font-size:15px;color:#344054}footer .brand-mark{width:30px;height:30px;border-radius:9px;font-size:14px}
@media(max-width:980px){nav{display:none}.hero{padding-top:60px}.hero-grid,.integration-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.eyebrow{margin:auto}.hero-actions,.hero-points{justify-content:center}h1{font-size:42px}.product-preview{max-width:680px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.align-start{text-align:center;margin:auto}.cta-box{text-align:center;flex-direction:column}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.site-header{height:68px}.btn-ghost{padding:8px 12px;font-size:11px}h1{font-size:34px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.product-preview{transform:none}.preview-body{height:330px}.preview-body aside{width:76px}.tour-card{left:35px;width:205px}.tour-pin{left:75px}.trust-strip .container{padding:20px 0;gap:14px}.section{padding:70px 0}.section-head h2{font-size:27px}.feature-grid,.steps{grid-template-columns:1fr}.cta{padding-bottom:60px}.cta-box{padding:32px 22px}.cta-box h2{font-size:20px}footer .container{gap:20px;flex-direction:column}.fake-title button{padding:7px}.fake-page{padding:20px 14px}}