:root{--ink:#07152f;--ink2:#102348;--blue:#2f6df6;--blue2:#5a8cff;--cyan:#58d5ff;--muted:#72819b;--line:#e6ebf4;--soft:#f7f9fd;--green:#18b57a;--red:#f05c6b;--shadow:0 30px 90px rgba(18,47,103,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;font-family:"DM Sans",sans-serif;color:#1e293b;scroll-behavior:smooth}
@media (min-width: 721px) { .mobile-menu-wrapper { display: flex; align-items: center; justify-content: space-between; flex: 1; margin-left: 40px; } }
.header{position:fixed;top:0;left:0;right:0;z-index:90;padding:17px 0;transition:.3s;background:transparent}.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");z-index:100}.container{width:min(1180px,calc(100% - 44px));margin:auto}.header{height:78px;display:flex;align-items:center;position:absolute;left:0;right:0;top:0;z-index:30;color:#fff}.header.scrolled{position:fixed;background:rgba(7,21,47,.9);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.08);height:68px}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:800 19px "Plus Jakarta Sans"}.brand-symbol{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#65b9ff,#2864ee);display:flex;align-items:end;justify-content:center;padding:7px;gap:2px;box-shadow:0 7px 25px rgba(54,126,255,.35)}.brand-symbol i{display:block;width:4px;border-radius:2px;background:#fff}.brand-symbol i:nth-child(1){height:7px}.brand-symbol i:nth-child(2){height:11px}.brand-symbol i:nth-child(3){height:15px}.header nav{display:flex;gap:31px;margin-left:auto;margin-right:38px}.header nav a{color:rgba(255,255,255,.72);text-decoration:none;font-size:12px;transition:.2s}.header nav a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:11px}.login{color:#fff;text-decoration:none;font-size:12px;padding:10px 13px}.nav-cta{color:#fff;text-decoration:none;background:#2e6cf4;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:11px 15px;font-size:11px;font-weight:700;box-shadow:0 10px 25px rgba(30,89,230,.28)}.nav-cta span{font-weight:500;opacity:.8}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:5px}.mobile-login-btn{display:none}.hero{min-height:790px;background:#061431;position:relative;overflow:hidden;color:#fff;padding-top:78px}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 38%,rgba(38,112,255,.26),transparent 30%),radial-gradient(circle at 22% 15%,rgba(51,180,255,.11),transparent 28%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);animation:floatGlow 8s ease-in-out infinite}.glow-a{width:460px;height:460px;right:-150px;top:80px;background:rgba(52,112,255,.16)}.glow-b{width:280px;height:280px;left:-130px;bottom:40px;background:rgba(23,204,255,.1);animation-delay:-3s}.hero-inner{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:680px;position:relative;z-index:2}.hero-copy{padding-bottom:20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#75a7ff;margin-bottom:18px}.eyebrow.light{color:#9ec0ff}.pulse{width:7px;height:7px;background:#3e86ff;border-radius:50%;box-shadow:0 0 0 6px rgba(62,134,255,.12),0 0 20px #4387ff}.hero h1{font:800 49px/1.08 "Plus Jakarta Sans";letter-spacing:-2.1px;margin:0;max-width:570px}.hero h1 em,.section-intro h2 em,.showcase-copy h2 em,.final-cta h2 em{font-style:normal;background:linear-gradient(100deg,#fff,#6ea5ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:14px;line-height:1.8;color:#9baac4;max-width:530px;margin:22px 0 28px}.hero-buttons{display:flex;gap:10px}.hero-primary,.hero-secondary{padding:14px 19px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:12px}.hero-primary{background:linear-gradient(135deg,#3678ff,#245ce0);color:#fff;box-shadow:0 15px 35px rgba(40,103,242,.32)}.hero-primary span{font-size:16px}.hero-secondary{border:1px solid rgba(255,255,255,.13);color:#d9e4f7;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.play{width:23px;height:23px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-size:7px}.hero-trust{display:flex;gap:19px;margin-top:17px;color:#7f91ad;font-size:9px}.hero-trust span:first-child{color:#a9b9d1}.hero-visual{height:585px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;width:620px;height:620px;border:1px solid rgba(91,143,255,.12);border-radius:50%;animation:spin 22s linear infinite}.visual-orbit:before,.visual-orbit:after{content:"";position:absolute;width:7px;height:7px;background:#57b9ff;border-radius:50%;box-shadow:0 0 20px #57b9ff}.visual-orbit:before{top:48px;left:75px}.visual-orbit:after{bottom:90px;right:40px}.dashboard-window{width:610px;border-radius:16px;background:#f9fbff;box-shadow:0 45px 100px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.1);overflow:hidden;transform:perspective(1300px) rotateY(-7deg) rotateX(2deg);position:relative;z-index:2;animation:dashboardIn 1s cubic-bezier(.2,.8,.2,1)}.window-bar{height:37px;background:#f4f7fb;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;padding:0 13px;color:#9aa6b8;font-size:7px}.window-dots{display:flex;gap:4px;margin-right:16px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d7dce5}.window-actions{margin-left:auto}.dash-layout{display:grid;grid-template-columns:115px 1fr;min-height:385px}.dash-side{padding:13px 9px;border-right:1px solid #e9edf4;color:#8794a8;font-size:7px;background:#fbfcff}.side-brand{font:800 9px "Plus Jakarta Sans";color:#192944;margin:3px 4px 17px}.side-brand span{color:#2868ef}.dash-side>div:not(.side-brand){padding:8px;border-radius:6px;margin:2px 0}.side-active{background:#eaf1ff;color:#2d6cf1!important;font-weight:700}.dash-side span{margin-left:7px}.dash-main{padding:17px 16px;color:#20304b}.dash-title-row{display:flex;justify-content:space-between;align-items:center}.dash-title-row small{font-size:7px;color:#8a97a9}.dash-title-row h3{font-size:13px;margin:2px 0 0;font-family:"Plus Jakarta Sans"}.dash-user{width:25px;height:25px;background:#e9f0ff;color:#2769ec;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.dash-cards>div{background:#fff;border:1px solid #edf0f5;border-radius:7px;padding:9px;box-shadow:0 4px 15px rgba(30,60,100,.03)}.dash-cards small{font-size:6px;color:#8995a7;display:block}.dash-cards b{font-size:12px;display:block;margin:3px 0}.dash-cards em{font-style:normal;color:#16a971;font-size:6px}.dash-chart,.dash-trans{margin-top:8px;background:#fff;border:1px solid #edf0f5;border-radius:8px;padding:10px}.dash-card-title{display:flex;justify-content:space-between;font-size:7px;color:#8b97a8}.dash-card-title b{color:#24344e}.dash-card-title .link{color:#2d6df3}.dash-chart svg{height:105px;width:100%;margin-top:4px}.dash-trans{padding-bottom:5px}.dash-tx{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #f0f2f6}.dash-tx:last-child{border:0}.dash-tx i{font-style:normal;width:17px;height:17px;border-radius:5px;display:grid;place-items:center;font-size:7px}.dash-tx .green{background:#eaf9f3;color:#14a36f}.dash-tx .red{background:#fff0f1;color:#eb5a66}.dash-tx b{display:block;font-size:7px}.dash-tx small{font-size:6px;color:#98a2b1}.dash-tx strong{font-size:7px;color:#13a46e}.dash-tx .negative{color:#ed5b67}.phone{position:absolute;width:140px;height:280px;background:#080f20;border:4px solid #020712;border-radius:25px;padding:5px;z-index:5;left:17px;bottom:12px;box-shadow:0 35px 50px rgba(0,0,0,.34);transform:rotate(-4deg);animation:phoneFloat 5s ease-in-out infinite}.notch{position:absolute;width:45px;height:9px;background:#03060d;left:50%;top:3px;transform:translateX(-50%);border-radius:0 0 8px 8px;z-index:2}.phone-screen{height:100%;border-radius:18px;background:#f7faff;overflow:hidden;color:#24344f;padding:17px 8px 8px}.phone-top{font-size:7px;font-weight:800}.phone-top span{float:right}.phone-top small{display:block;font-size:6px;color:#8a96a9;margin-top:3px;font-weight:500}.phone-balance{margin-top:9px;background:linear-gradient(135deg,#2768ed,#4584ff);border-radius:9px;padding:11px;color:#fff}.phone-balance small{display:block;font-size:6px;opacity:.8}.phone-balance b{display:block;font-size:13px;margin:2px 0}.phone-balance span{font-size:6px;color:#b9ffd9}.phone-target{background:#fff;border:1px solid #e8edf4;border-radius:8px;margin-top:7px;padding:8px;font-size:6px}.phone-target small{color:#8793a6}.phone-target small b{float:right;color:#18a974}.phone-target strong{font-size:7px;display:block;margin-top:4px}.phone-target>div{height:4px;background:#edf1f6;border-radius:9px;margin-top:6px}.phone-target i{display:block;width:70%;height:100%;background:#2d70f1;border-radius:9px}.phone-history{font-size:6px;margin-top:10px}.phone-history>p{display:flex;justify-content:space-between;border-bottom:1px solid #e9edf3;padding:6px 0;margin:0}.phone-history small{color:#98a2b1}.phone-history strong{color:#13a46e}.phone-history .negative{color:#ed5b67}.hero-float{position:absolute;z-index:7;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.65);color:#20304b;border-radius:11px;padding:10px 12px;display:flex;gap:8px;align-items:center;box-shadow:0 20px 45px rgba(0,0,0,.2);animation:floatCard 4s ease-in-out infinite}.hero-float b{font-size:8px;display:block}.hero-float small{font-size:6px;color:#8a97aa;display:block}.float-one{right:-7px;top:120px}.float-two{right:7px;bottom:85px;animation-delay:-2s}.check-round,.mini-chart-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#eafaf3;color:#12a16d;font-weight:900}.mini-chart-icon{background:#edf3ff;color:#2e6df4}.scroll-hint{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#536786;z-index:4}.scroll-hint span{display:block;width:1px;height:25px;background:#4a6387;margin:0 auto 8px;animation:scrollLine 1.7s ease-in-out infinite}.logo-strip{padding:26px 0;border-bottom:1px solid #edf1f6}.logo-strip p{text-align:center;color:#a2adbc;font-size:7px;letter-spacing:1.8px;margin:0 0 19px}.logo-row{display:flex;justify-content:space-between;align-items:center;color:#aab4c2;font:700 11px "Plus Jakarta Sans";letter-spacing:.2px}.section{padding:105px 0}.section-intro{max-width:640px}.section-intro.centered{text-align:center;margin:0 auto}.section-intro .eyebrow{color:#477cf2}.section-intro h2,.showcase-copy h2{font:800 37px/1.18 "Plus Jakarta Sans";letter-spacing:-1.4px;color:var(--ink);margin:8px 0 13px}.section-intro h2 em,.showcase-copy h2 em{background:linear-gradient(100deg,#2868ed,#7a9fff);-webkit-background-clip:text;color:transparent}.section-intro p,.showcase-copy>p{font-size:13px;color:#7b899e;line-height:1.75;max-width:560px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.feature-card{position:relative;min-height:240px;border:1px solid #e7ebf3;border-radius:15px;padding:24px;background:linear-gradient(145deg,#fff,#fbfcff);box-shadow:0 10px 35px rgba(28,56,100,.035);transition:.35s;overflow:hidden}.feature-card:after{content:"";position:absolute;width:120px;height:120px;right:-65px;top:-65px;border-radius:50%;background:#edf4ff;transition:.4s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(35,75,140,.11);border-color:#d7e2f6}.feature-card:hover:after{transform:scale(1.5)}.feature-card.dark{background:#0a1834;color:#fff;border-color:#0a1834}.feature-card.dark:after{background:rgba(74,126,255,.13)}.icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:15px;margin-bottom:28px;position:relative;z-index:1}.icon.blue{background:#eaf1ff;color:#2f6ef3}.icon.violet{background:#f1edff;color:#7a5be7}.icon.green{background:#e8faf3;color:#16a873}.icon.orange{background:#fff2e8;color:#ed7a31}.icon.cyan{background:#e9faff;color:#1b9ec5}.icon.white{background:rgba(255,255,255,.1);color:#79a6ff}.feature-no{position:absolute;right:22px;top:25px;font-size:9px;color:#bdc6d4}.feature-card h3{font:700 16px "Plus Jakarta Sans";margin:0 0 8px;position:relative;z-index:1}.feature-card p{font-size:10px;line-height:1.7;color:#7d8a9e;max-width:260px;position:relative;z-index:1}.feature-card.dark p{color:#8d9db9}.feature-card a{position:absolute;bottom:20px;color:#316df1;font-size:9px;font-weight:700;z-index:1}.feature-card.dark a{color:#75a2ff}.showcase{background:#f7f9fd}.showcase-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:20px}.showcase-copy{padding-right:30px}.step-list{margin-top:30px;display:grid;gap:18px}.step{display:grid;grid-template-columns:35px 1fr;gap:13px;align-items:start}.step>b{width:31px;height:31px;border:1px solid #dce5f2;border-radius:9px;display:grid;place-items:center;color:#3c73e9;font-size:8px;background:#fff}.step strong{display:block;color:#182a49;font-size:11px}.step span{display:block;color:#8491a5;font-size:9px;margin-top:3px}.workflow{height:520px;position:relative;display:flex;align-items:center;justify-content:center}.workflow-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(66,124,249,.17),transparent 65%);filter:blur(3px)}.flow-card{width:540px;border-radius:16px;background:#fff;border:1px solid #e1e8f2;box-shadow:0 35px 80px rgba(32,64,113,.13);padding:17px;position:relative;z-index:2;transform:rotateY(-4deg);animation:softFloat 6s ease-in-out infinite}.flow-head,.flow-welcome{display:flex;justify-content:space-between;align-items:center}.flow-head{font-size:8px;color:#8793a6;padding-bottom:13px;border-bottom:1px solid #edf1f5}.flow-head i{display:inline-block;width:6px;height:6px;background:#2f72f3;border-radius:50%;margin-right:5px}.flow-welcome{padding:15px 2px 12px}.flow-welcome small{font-size:7px;color:#8b97a9}.flow-welcome strong{display:block;font:700 14px "Plus Jakarta Sans";color:#1a2b49;margin-top:2px}.avatar-big{width:28px;height:28px;border-radius:50%;background:#eaf1ff;color:#2869ee;display:grid;place-items:center;font-size:9px;font-weight:800}.flow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flow-stats>div{padding:10px;border:1px solid #edf1f5;border-radius:8px}.flow-stats span,.flow-stats em{display:block;font-size:6px;color:#8996a9;font-style:normal}.flow-stats b{display:block;font-size:12px;color:#192a47;margin:3px 0}.flow-stats em{color:#18a873}.mini-chart,.transaction{margin-top:8px;border:1px solid #edf1f5;border-radius:8px;padding:10px}.chart-title{display:flex;justify-content:space-between;font-size:7px;color:#8a97a8}.chart-title b{color:#263650}.mini-chart svg{width:100%;height:110px}.chart-line{stroke:#3977f4;stroke-width:3}.tx{display:grid;grid-template-columns:21px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f2f6}.tx:last-child{border:0}.tx-icon{width:19px;height:19px;border-radius:6px;display:grid;place-items:center;font-size:7px}.tx-icon.plus{background:#eafaf3;color:#14a46f}.tx-icon.minus{background:#fff0f1;color:#ea5b67}.tx b{font-size:7px;display:block}.tx small{font-size:6px;color:#98a2b0}.tx>strong{font-size:7px;color:#14a46f}.tx .red{color:#e85a66}.float-card{position:absolute;background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 18px 45px rgba(29,60,105,.14);padding:10px 12px;z-index:4;display:flex;align-items:center;gap:8px}.balance-float{right:-6px;top:78px;display:block;animation:floatCard 5s ease-in-out infinite}.balance-float span,.balance-float small{display:block;font-size:7px;color:#8b98aa}.balance-float b{display:block;font-size:13px;color:#172a49;margin:2px 0}.balance-float small{color:#13a36d}.secure-float{left:-2px;bottom:55px;animation:floatCard 5s -2s ease-in-out infinite}.secure-float>span{width:27px;height:27px;border-radius:8px;background:#eafaf3;color:#16a771;display:grid;place-items:center}.secure-float b{display:block;font-size:7px}.secure-float small{display:block;color:#8a97aa;font-size:6px}.metrics{background:#091a39;color:#fff;padding:58px 0;position:relative;overflow:hidden}.metrics:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -80%,rgba(55,117,255,.3),transparent 50%)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.metric{padding:5px 30px;border-right:1px solid rgba(255,255,255,.1)}.metric:last-child{border:0}.metric b{font:800 31px "Plus Jakarta Sans";letter-spacing:-1px}.metric>span{font-size:17px;color:#5f94ff}.metric small{display:block;color:#8192ad;font-size:9px;max-width:160px;margin-top:4px}.pricing{background:#fff}.billing{display:flex;margin:33px auto 28px;background:#f5f7fb;border:1px solid #e9edf3;padding:4px;border-radius:9px;width:max-content}.billing-btn{border:0;background:transparent;padding:8px 17px;border-radius:6px;color:#8a96a8;font-size:9px;cursor:pointer}.billing-btn.active{background:#fff;color:#2768ef;box-shadow:0 3px 12px rgba(30,65,110,.08);font-weight:700}.billing-btn small{background:#eaf9f3;color:#16a572;padding:3px 6px;border-radius:20px;margin-left:4px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.plan{border:1px solid #e4e9f1;border-radius:14px;padding:22px 18px;min-height:430px;display:flex;flex-direction:column;position:relative;background:#fff;transition:.3s}.plan:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(25,58,107,.1)}.plan.popular{border-color:#3b76ef;box-shadow:0 15px 45px rgba(45,106,240,.12);background:linear-gradient(180deg,#fff,#f8fbff)}.popular-badge{position:absolute;top:-10px;right:15px;background:#2e6cf2;color:#fff;border-radius:99px;padding:4px 9px;font-size:7px;font-weight:800}.plan-top{display:flex;justify-content:space-between;color:#172946;font:700 14px "Plus Jakarta Sans"}.plan-dot{width:7px;height:7px;background:#dfe5ee;border-radius:50%;margin-top:5px}.popular .plan-dot{background:#3c77f2;box-shadow:0 0 0 5px #eaf1ff}.plan-price{display:flex;align-items:end;gap:2px;margin-top:13px;color:#152744}.plan-price small{font-size:10px;margin-bottom:4px}.plan-price b{font:800 25px "Plus Jakarta Sans";letter-spacing:-1px}.plan-price>span{font-size:8px;color:#8a96a8;margin-bottom:5px}.trial{font-size:8px;color:#2e6cf2;margin-top:4px}.trial span{color:#16a871}.divider{height:1px;background:#edf0f4;margin:17px 0}.plan ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px;flex:1}.plan li{font-size:9px;color:#697991;display:flex;gap:7px}.plan li span{color:#18a774;font-weight:800}.plan-btn{border:1px solid #d8e1ef;border-radius:7px;padding:10px;text-align:center;color:#2d69ed;font-size:9px;font-weight:700;text-decoration:none;transition:.2s}.plan-btn:hover{background:#f3f7ff}.plan-btn.primary{background:#2e6cf3;color:#fff;border-color:#2e6cf3;box-shadow:0 8px 20px rgba(46,108,243,.2)}.plan-btn span{float:right}.testimonials{background:#f7f9fc}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:43px}.quote-card{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:22px;min-height:260px;position:relative}.quote-card.featured{background:#0a1a38;color:#fff;border-color:#0a1a38;box-shadow:0 20px 50px rgba(9,29,65,.18)}.quote-mark{position:absolute;right:19px;top:12px;font:800 50px Georgia;color:#e8eef8}.featured .quote-mark{color:#203a69}.stars{color:#f1ad2b;font-size:10px;letter-spacing:2px}.quote-card p{font-size:11px;line-height:1.8;color:#718098;margin:17px 0 28px}.featured p{color:#9cacbf}.quote-person{display:flex;gap:9px;align-items:center}.q-avatar{width:30px;height:30px;border-radius:50%;background:#eaf1ff;color:#2e6df0;display:grid;place-items:center;font-size:9px;font-weight:800}.featured .q-avatar{background:#18386f;color:#75a5ff}.quote-person b{font-size:9px;display:block}.quote-person small{font-size:7px;color:#929dad;display:block;margin-top:2px}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:37% 63%;gap:60px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid #e6ebf2;border-radius:10px;padding:0 16px;background:#fff}.faq-list summary{list-style:none;padding:15px 0;font-size:10px;font-weight:700;color:#263650;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{float:right;color:#2f6df4;font-size:16px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:9px;line-height:1.7;color:#7e8ca1;padding:0 0 15px;margin:0}.final-cta{background:#071633;color:#fff;text-align:center;padding:105px 0;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(47,112,255,.22),transparent 38%)}.cta-orb{position:absolute;border:1px solid rgba(100,155,255,.12);border-radius:50%;animation:spin 25s linear infinite}.cta-orb.one{width:600px;height:600px;left:calc(50% - 300px);top:-260px}.cta-orb.two{width:420px;height:420px;left:calc(50% - 210px);top:-170px;animation-direction:reverse}.final-cta .container{position:relative;z-index:2}.final-cta h2{font:800 40px/1.12 "Plus Jakarta Sans";letter-spacing:-1.5px;margin:0 0 13px}.final-cta p{font-size:12px;color:#8ea0bc;margin:0 auto 25px}.cta-button{display:inline-flex;gap:18px;align-items:center;background:#fff;color:#2362e9;border-radius:8px;padding:14px 21px;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.18)}.cta-button span{font-size:16px}.final-cta small{display:block;color:#627795;font-size:8px;margin-top:13px}footer{background:#06132c;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:50px 0 18px}.footer-main{display:flex;justify-content:space-between;gap:50px}.footer-main .brand{font-size:16px}.footer-main p{color:#71839f;font-size:9px;max-width:280px;line-height:1.7;margin-top:11px}.footer-cols{display:flex;gap:65px}.footer-cols div{display:grid;gap:7px}.footer-cols b{font-size:14px;color:#fff;margin-bottom:8px}.footer-cols a{font-size:13px;color:#8f9eb9;text-decoration:none;transition:0.2s}.footer-cols a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:38px;padding-top:16px;display:flex;justify-content:space-between;color:#586d8d;font-size:11px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
.scroll-to-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;background:#2e6cf4;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(30,89,230,.3);cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:100;text-decoration:none;font-size:20px}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-4px);background:#1d5be5}
@keyframes dashboardIn{from{opacity:0;transform:perspective(1300px) rotateY(-12deg) rotateX(5deg) translate(40px,30px) scale(.95)}to{opacity:1;transform:perspective(1300px) rotateY(-7deg) rotateX(2deg)}}@keyframes phoneFloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatGlow{0%,100%{transform:translate(0)}50%{transform:translate(20px,-15px)}}@keyframes softFloat{0%,100%{transform:rotateY(-4deg) translateY(0)}50%{transform:rotateY(-4deg) translateY(-7px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scrollLine{0%,100%{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@media (max-width: 1050px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero { padding-bottom: 50px; }
  .hero-copy { text-align: center; padding-top: 50px; }
  .hero-copy > p { margin-left: auto; margin-right: auto; }
  .hero-buttons, .hero-trust { justify-content: center; }
  .hero-visual { margin-top: 20px; }
  .showcase-grid { grid-template-columns: 1fr; }
  .showcase-copy { padding-right: 0; }
  .workflow { margin-top: 20px; }
  .plans { grid-template-columns: repeat(2, 1fr); }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .faq-grid { grid-template-columns: 1fr; gap: 35px; }
}
@media (max-width: 720px) {
  .container { width: calc(100% - 24px); }
  .mobile-menu-wrapper { 
    position: absolute; top: calc(100% + 5px); left: 15px; right: 15px; background: #ffffff; padding: 25px 25px 30px;
    display: flex; flex-direction: column; gap: 25px;
    opacity: 0; visibility: hidden; transform: translateY(-10px) scale(0.98); transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 30px 60px rgba(7, 21, 47, 0.2); border-radius: 20px; border: 1px solid rgba(255,255,255,0.5);
    transform-origin: top right;
  }
  .mobile-menu-wrapper.open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
  .mobile-menu-wrapper nav { display: flex; flex-direction: column; margin: 0; padding: 0; gap: 8px; width: 100%; }
  .mobile-menu-wrapper nav a { display: block; text-align: left; color: #07152f; font-size: 20px; font-weight: 800; padding: 12px 10px; border-radius: 12px; text-decoration: none; width: 100%; letter-spacing: -0.5px; transition: 0.2s; }
  .mobile-menu-wrapper nav a:hover, .mobile-menu-wrapper nav a:active { background: #f4f7fb; color: #2e6cf4; transform: translateX(5px); }
  .mobile-menu-wrapper nav a:last-child { border-bottom: none; }
  .mobile-menu-wrapper .nav-actions { display: flex; flex-direction: column; gap: 10px; width: 100%; margin-top: 5px; }
  .mobile-menu-wrapper .nav-actions .login { display: none; }
  .mobile-menu-wrapper .nav-actions .nav-cta { width: 100%; text-align: center; justify-content: center; padding: 15px; border-radius: 12px; font-weight: 800; text-decoration: none; color: #fff; font-size: 14px; box-shadow: 0 15px 30px rgba(46,108,243,.25); }
  .mobile-login-btn { 
    display: inline-flex; align-items: center; margin-left: auto; margin-right: 15px; 
    padding: 8px 18px; border-radius: 99px; 
    color: #07152f; text-decoration: none; font-size: 12px; font-weight: 800; 
    background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.15); transition: 0.2s;
  }
  .mobile-login-btn:active { transform: scale(0.95); }
  .menu-toggle { display: block; }
  .hero { min-height: auto; overflow: hidden; padding-bottom: 25px; }
  .hero h1 { font-size: 28px; letter-spacing: -1px; }
  .hero-inner { min-height: auto; min-width: 0; }
  .hero-copy > p { font-size: 11px; margin: 12px 0 16px; line-height: 1.5; }
  .hero-visual { height: auto; min-height: 380px; transform: none; width: 100%; margin-left: 0; min-width: 0; display: flex; justify-content: center; align-items: flex-start; margin-top: 15px; }
  .dashboard-window { width: 530px; flex-shrink: 0; }
  .phone { left: -2px; bottom: 0; }
  .float-one { right: -10px; top: 90px; }
  .float-two { right: 0; bottom: 45px; }
  .logo-row { gap: 8px; flex-wrap: wrap; justify-content: center; font-size: 7px; }
  .section { padding: 30px 0; }
  .section-intro h2, .showcase-copy h2 { font-size: 22px; margin: 0 0 6px; letter-spacing: -0.5px; }
  .section-intro p, .showcase-copy > p { font-size: 11px; line-height: 1.5; margin: 0 0 12px; }
  .feature-grid, .plans, .quote-grid { grid-template-columns: 1fr; gap: 8px; margin-top: 15px; }
  .metrics { padding: 25px 0; }
  .metrics-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .metric { border: 0; padding: 0; text-align: center; }
  .workflow { height: auto; min-height: 380px; transform: none; width: 100%; min-width: 0; display: flex; justify-content: center; align-items: flex-start; margin-top: 15px; }
  .flow-card { width: 500px; flex-shrink: 0; }
  .step-list { margin-top: 12px; gap: 8px; }
  .footer-main { display: block; }
  .footer-cols { margin-top: 15px; gap: 15px; flex-wrap: wrap; }
  .footer-bottom { display: block; margin-top: 15px; padding-top: 10px; }
  .footer-bottom span { display: block; margin-top: 4px; }
  .final-cta { padding: 40px 0; }
  .final-cta h2 { font-size: 24px; }
  .hero-trust { flex-wrap: wrap; gap: 8px; margin-top: 10px; font-size: 8px; }
}
@media (max-width: 470px) {
  .hero h1 { font-size: 24px; line-height: 1.2; }
  .hero-buttons { flex-direction: column; width: 100%; gap: 6px; }
  .hero-primary, .hero-secondary { justify-content: center; width: 100%; padding: 10px 14px; font-size: 11px; }
  .hero-visual { height: auto; min-height: 240px; transform: none; width: 100%; margin-left: 0; min-width: 0; display: flex; justify-content: center; align-items: flex-start; margin-top: 15px; }
  .visual-orbit { display: none; }
  .feature-card { min-height: auto; padding: 12px 12px 38px 12px; border-radius: 10px; }
  .feature-card p { max-width: 100%; font-size: 10px; line-height: 1.4; margin: 0; }
  .feature-card h3 { font-size: 13px; margin: 0 0 4px; }
  .icon { margin-bottom: 8px; width: 28px; height: 28px; font-size: 11px; border-radius: 8px; }
  .feature-card a { bottom: 12px; }
  .plan { min-height: auto; padding: 12px; border-radius: 10px; }
  .plan-price b { font-size: 20px; }
  .plan-top { font-size: 12px; }
  .plan li { font-size: 8px; }
  .quote-card { min-height: auto; padding: 12px; border-radius: 10px; }
  .quote-card p { font-size: 10px; margin: 8px 0 12px; line-height: 1.4; }
  .workflow { height: auto; min-height: 240px; transform: none; width: 100%; margin-left: 0; display: flex; justify-content: center; align-items: flex-start; min-width: 0; margin-top: 12px; }
  .metrics-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .metric b { font-size: 18px; }
  .metric span { font-size: 12px; }
  .final-cta { padding: 30px 0; }
  .final-cta p { font-size: 10px; margin-bottom: 15px; }
  .cta-button { padding: 10px 16px; font-size: 10px; }
  .section { padding: 25px 0; }
  .section-intro h2, .showcase-copy h2 { font-size: 20px; }
  .section-intro p, .showcase-copy > p { font-size: 10px; }
  .faq-grid { gap: 15px; }
  .faq-list summary { padding: 10px 0; font-size: 9px; }
  .faq-list p { font-size: 8px; }
  .logo-strip { padding: 15px 0; }
  .logo-strip p { margin-bottom: 10px; }
  .step > b { width: 24px; height: 24px; font-size: 7px; }
  .step strong { font-size: 10px; }
  .step span { font-size: 8px; }
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}