:root{ --primary:#533AFD;--primary-dark:#3B28D8;--primary-light:#7B68FF;--primary-glow:rgba(83, 58, 253, 0.15);--lavender:#D4CEFF;--lavender-dark:#B8AEFF; --white:#FFFFFF;--dark:#09011C;--dark-2:#1A0F3C;--body-bg:#FAFAFA; --text-h:#09011C;--text-body:#4B4B6B;--text-muted:#7A7A9A; --card-purple:#533AFD;--card-green:#E4F6EE;--card-cream:#FFF8E7;--card-pink:#FFF0F5;--card-indigo:#EEF0FF;--card-pale:#F0FDF4;--card-white:#FFFFFF; --border:rgba(83, 58, 253, 0.10);--border-soft:#EBEBFA;--shadow-sm:0 2px 12px rgba(83, 58, 253, 0.06);--shadow:0 8px 32px rgba(83, 58, 253, 0.10);--shadow-lg:0 24px 64px rgba(83, 58, 253, 0.15); --radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-xl:32px; --ease:cubic-bezier(0.4, 0, 0.2, 1);--transition:all 0.3s var(--ease);} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65;color:var(--text-body);background:var(--body-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}a{text-decoration:none;color:inherit;transition:var(--transition);}ul,ol{list-style:none;padding:0;margin:0;}img{max-width:100%;height:auto;display:block;}button{border:none;background:none;cursor:pointer;font-family:inherit;} .text-grad{background:linear-gradient(135deg, var(--primary) 0%, #A855F7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .body_wrap,.body-container{width:100%;}.body-inner{width:100%;} .container{max-width:1240px;padding:0 24px;margin:0 auto;} .fintech-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff !important;font-weight:700;font-size:15px;padding:14px 28px;border-radius:50px;border:2px solid var(--primary);transition:var(--transition);letter-spacing:-0.2px;white-space:nowrap;position:relative;isolation:isolate;} @property --cn-glow-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}.fintech-btn::before,.fintech-btn::after{content:'';position:absolute;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 0.35s ease;z-index:-1;} .fintech-btn::before{inset:-3px;padding:3px;background:conic-gradient(from var(--cn-glow-angle), transparent 0deg, #8B5CF6 55deg, #533AFD 130deg, transparent 190deg, transparent 210deg, rgba(139, 92, 246, 0.6) 260deg, transparent 320deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;} .fintech-btn::after{inset:-6px;background:conic-gradient(from var(--cn-glow-angle), transparent 0deg, rgba(139, 92, 246, 0.6) 60deg, rgba(83, 58, 253, 0.6) 130deg, transparent 190deg);filter:blur(11px);}.fintech-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:inset 0 3px 10px rgba(0, 0, 0, 0.28),0 8px 28px rgba(83, 58, 253, 0.45);}.fintech-btn:hover::before,.fintech-btn:hover::after{opacity:1;animation:cn-glow-spin 2.4s linear infinite;}@keyframes cn-glow-spin{to{--cn-glow-angle:360deg;}}.fintech-btn--lg{padding:18px 36px;font-size:16px;}.fintech-btn--white{background:var(--white);color:var(--primary) !important;border-color:var(--white);}.fintech-btn--white:hover{background:var(--lavender);border-color:var(--lavender);box-shadow:none;}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-h) !important;font-weight:600;font-size:15px;padding:14px 28px;border-radius:50px;border:2px solid var(--border-soft);transition:var(--transition);}.btn-ghost:hover{border-color:var(--primary);color:var(--primary) !important;background:var(--primary-glow);}.btn-login{display:inline-flex;align-items:center;color:var(--text-h);font-weight:600;font-size:15px;padding:8px 16px;border-radius:8px;transition:var(--transition);}.btn-login:hover{color:var(--primary);} .section-tag{display:inline-block;background:var(--primary-glow);color:var(--primary);font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:16px;}.section-title{font-size:clamp(28px, 4vw, 42px);font-weight:800;color:var(--text-h);line-height:1.2;letter-spacing:-0.5px;margin-bottom:16px;}.section-sub{font-size:17px;color:var(--text-body);max-width:600px;margin:0 auto 0;line-height:1.7;}.section-head{margin-bottom:60px;} .xb-line-pattern{position:relative;background-image:linear-gradient(to right, rgba(83, 58, 253, 0.04) 1px, transparent 1px),linear-gradient(to bottom, rgba(83, 58, 253, 0.04) 1px, transparent 1px);background-size:64px 64px;} .xb-preloader{position:fixed;inset:0;background:var(--white);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s var(--ease),visibility 0.5s var(--ease); animation:cnPreloaderOut 0.35s var(--ease) 0.5s forwards;}@keyframes cnPreloaderOut{to{opacity:0;visibility:hidden;}}.xb-preloader.hidden{opacity:0;visibility:hidden;pointer-events:none;}@media (prefers-reduced-motion: reduce){.xb-preloader{animation-duration:0.01s;animation-delay:0.15s;}}.xb-preloader-inner{text-align:center;}.xb-preloader-inner img{width:64px;height:64px;object-fit:contain;border-radius:16px;margin:0 auto 16px;animation:preloaderPulse 1s ease-in-out infinite;}.xb-preloader-bar{width:120px;height:3px;background:var(--lavender);border-radius:10px;margin:0 auto;overflow:hidden;}.xb-preloader-progress{height:100%;background:var(--primary);border-radius:10px;animation:preloaderBar 1.5s ease-in-out forwards;}@keyframes preloaderPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}@keyframes preloaderBar{0%{width:0%;}100%{width:100%;}} .xb-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--transition);} .header-inner{background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background 0.4s var(--ease),backdrop-filter 0.4s var(--ease),-webkit-backdrop-filter 0.4s var(--ease),border-bottom-color 0.4s var(--ease),box-shadow 0.4s var(--ease);} .xb-header.scrolled .header-inner{background:rgba(255, 255, 255, 0.55);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255, 255, 255, 0.4);box-shadow:0 8px 32px rgba(83, 58, 253, 0.10),inset 0 1px 0 rgba(255, 255, 255, 0.6);} .fp-header-solid .header-inner{background:rgba(255, 255, 255, 0.97);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-soft);box-shadow:0 4px 24px rgba(83, 58, 253, 0.08);}.header-row{display:flex;align-items:center;gap:32px;padding:18px 0;transition:padding 0.4s var(--ease);}.xb-header.scrolled .header-row{padding:10px 0;} .logo-link{display:flex;align-items:center;gap:10px;flex-shrink:0;}.logo-img{width:36px;height:36px;object-fit:contain;border-radius:8px;}.logo-text{font-size:22px;font-weight:600;color:var(--text-h);letter-spacing:-0.5px;}.logo-text b{color:var(--primary);font-weight:800;} .header-nav{flex:1;}.nav-list{display:flex;align-items:center;justify-content:center;gap:4px;}.nav-link-item{font-size:15px;font-weight:500;color:var(--text-body);padding:8px 14px;border-radius:8px;transition:var(--transition);}.nav-link-item:hover{color:var(--primary);background:var(--primary-glow);} .header-action{display:flex;align-items:center;gap:8px;flex-shrink:0;} .xb-mobile-toggle{display:none;flex-direction:column;gap:5px;width:32px;padding:4px;flex-shrink:0;}.xb-mobile-toggle span{display:block;height:2px;background:var(--text-h);border-radius:2px;transition:var(--transition);}.xb-mobile-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}.xb-mobile-toggle.active span:nth-child(2){opacity:0;}.xb-mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .header-dot{position:absolute;width:80px;height:80px;top:0;background-image:radial-gradient(circle, rgba(83, 58, 253, 0.18) 1px, transparent 1px);background-size:10px 10px;opacity:0.6;pointer-events:none;}.header-dot--tl{left:0;}.header-dot--tr{right:0;} .xb-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(9, 1, 28, 0.6);z-index:999;backdrop-filter:blur(4px);}.xb-mobile-menu.open{display:block;}.mobile-menu-inner{position:absolute;top:0;right:0;width:min(320px, 90vw);height:100%;background:var(--white);padding:80px 24px 32px;box-shadow:-8px 0 40px rgba(0,0,0,0.15);animation:slideInRight 0.3s var(--ease);overflow-y:auto;}@keyframes slideInRight{from{transform:translateX(100%);}to{transform:translateX(0);}}.mobile-nav-list{display:flex;flex-direction:column;gap:4px;margin-bottom:32px;}.mobile-nav-list a{display:block;padding:12px 16px;font-size:16px;font-weight:600;color:var(--text-h);border-radius:10px;transition:var(--transition);}.mobile-nav-list a:hover{background:var(--primary-glow);color:var(--primary);} .nav-item-dropdown{position:relative;}.nav-link-item .fa-chevron-down{font-size:11px;margin-left:4px;}.mega-menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(8px);width:820px;background:var(--white);border-radius:20px;border:1px solid var(--border-soft);box-shadow:0 24px 70px rgba(83, 58, 253, 0.16);padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.25s var(--ease);z-index:1001;} .nav-item-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:16px;}.nav-item-dropdown:hover .mega-menu,.mega-menu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}.mega-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;}.mega-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:inherit;transition:var(--transition);}.mega-item:hover{background:var(--body-bg);transform:translateY(-2px);}.mega-item:hover .mega-title{color:var(--primary);}.mega-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}.mega-icon--blue{background:rgba(59,130,246,0.10);color:#2563EB;}.mega-icon--green{background:rgba(16,185,129,0.10);color:#10B981;}.mega-icon--amber{background:rgba(245,158,11,0.10);color:#D97706;}.mega-icon--indigo{background:rgba(99,102,241,0.10);color:#6366F1;}.mega-icon--pink{background:rgba(236,72,153,0.10);color:#DB2777;}.mega-icon--teal{background:rgba(15,118,110,0.10);color:#0F766E;}.mega-icon--purple{background:rgba(83,58,253,0.10);color:var(--primary);}.mega-title{font-size:14px;font-weight:700;color:var(--text-h);margin:0 0 3px;transition:var(--transition);}.mega-desc{font-size:12px;color:var(--text-muted);margin:0;line-height:1.4;}.mega-footer{display:flex;justify-content:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--border-soft);}.mega-footer a{font-size:14px;font-weight:700;color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}.mega-footer a:hover{gap:10px;}.mega-footer a i{font-size:12px;} .mobile-mega-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px 0;padding:0 0 0 16px;list-style:none;}.mobile-mega-list a{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--text-body);border-radius:10px;text-decoration:none;}.mobile-mega-list a i{font-size:14px;width:20px;text-align:center;}.mobile-mega-list a:hover{color:var(--primary);background:var(--primary-glow);}@media (max-width: 1024px){.mega-menu{display:none;}.nav-link-item .fa-chevron-down{display:none;}} .xb-hero-sec{padding:140px 0 60px;position:relative;overflow:hidden;}.hero-content{position:relative;z-index:2;}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border-soft);color:var(--text-body);font-size:13px;font-weight:600;padding:8px 18px;border-radius:50px;margin-bottom:28px;box-shadow:var(--shadow-sm);}.hero-tag-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;display:inline-block;animation:tagPulse 2s ease-in-out infinite;}@keyframes tagPulse{0%,100%{box-shadow:0 0 0 0 rgba(83, 58, 253, 0.4);}50%{box-shadow:0 0 0 6px rgba(83, 58, 253, 0);}}.hero-headline{font-size:clamp(36px, 5.5vw, 72px);font-weight:800;color:var(--text-h);line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;} .hero-box-wrap{position:relative;display:inline-block;padding:4px 14px 4px 10px;border:2px dashed var(--primary);border-radius:6px;} .hero-box-corner{position:absolute;width:10px;height:10px;background:var(--primary);border-radius:2px;}.hero-box-corner--tl{top:-5px;left:-5px;}.hero-box-corner--tr{top:-5px;right:-5px;}.hero-box-corner--bl{bottom:-5px;left:-5px;}.hero-box-corner--br{bottom:-5px;right:-5px;}.hero-subtext{font-size:18px;color:var(--text-body);line-height:1.7;margin-bottom:36px;max-width:580px;margin-left:auto;margin-right:auto;}.hero-cta-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:28px;flex-wrap:wrap;}.hero-trust{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--text-muted);}.trust-sep{opacity:0.4;}.trust-item{display:flex;align-items:center;gap:6px;} .hero-float-badges{position:relative;height:100px;margin-top:60px;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:0;}.float-badge{position:absolute;display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border-soft);border-radius:50px;padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-h);box-shadow:var(--shadow);white-space:nowrap;}.fb-icon{width:32px;height:32px;background:var(--primary-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;flex-shrink:0;}.float-badge--1{left:0;top:0;animation:floatY 3s ease-in-out infinite;}.float-badge--2{left:25%;top:55px;animation:floatY 3.5s ease-in-out infinite 0.5s;}.float-badge--3{right:25%;top:0;animation:floatY 4s ease-in-out infinite 1s;}.float-badge--4{right:0;top:55px;animation:floatY 3.2s ease-in-out infinite 0.3s;}@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}} .xb-dashboard-sec{padding:60px 0 100px;}.fs-dashboard-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:32px;}.tab-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;border:1.5px solid var(--border-soft);background:var(--white);color:var(--text-body);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);}.tab-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow);}.tab-pill.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 4px 16px rgba(83, 58, 253, 0.3);}.tab-pill i{font-size:13px;} .fs-dashboard-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px rgba(83, 58, 253, 0.18);border:1px solid var(--border-soft);}.browser-chrome{background:#F0EFF8;padding:12px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-soft);}.browser-dots{display:flex;gap:6px;}.bdot{width:12px;height:12px;border-radius:50%;}.bdot--red{background:#FF5F57;}.bdot--yellow{background:#FEBC2E;}.bdot--green{background:#28C840;}.browser-url{flex:1;background:var(--white);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text-muted);max-width:300px;margin:0 auto;}.browser-viewport{position:relative;}.tab-pane{display:none;width:100%;}.tab-pane.active{display:block;}.tab-pane img{width:100%;height:auto;display:block;max-height:600px;object-fit:cover;object-position:top;} .xb-brand-sec{padding:70px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--white);overflow:hidden;}.brand-label{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:32px;}.marquee-outer{overflow:hidden;}.marquee-track{display:flex;width:max-content;gap:16px;}.marquee-track--fwd{animation:marqueeScrollFwd 25s linear infinite;}.marquee-track--rev{animation:marqueeScrollRev 25s linear infinite;}@keyframes marqueeScrollFwd{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}@keyframes marqueeScrollRev{0%{transform:translateX(-50%);}100%{transform:translateX(0);}}.marquee-track:hover{animation-play-state:paused;}.marquee-slide{display:flex;gap:16px;padding:0 8px;}.school-badge{display:inline-flex;align-items:center;gap:8px;background:var(--body-bg);border:1.5px solid var(--border-soft);border-radius:50px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-h);white-space:nowrap;transition:var(--transition);}.school-badge i{color:var(--primary);font-size:13px;}.school-badge:hover{border-color:var(--primary);background:var(--primary-glow);color:var(--primary);} .xb-bg-anim{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;} .bg-lines{position:absolute;inset:-50%;background-image:repeating-linear-gradient( 115deg, transparent 0, transparent 80px, rgba(83, 58, 253, 0.025) 80px, rgba(83, 58, 253, 0.025) 81px );animation:bgLinesMove 30s linear infinite;}@keyframes bgLinesMove{0%{transform:translate(0, 0);}100%{transform:translate(80px, 80px);}} .bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5;animation:orbFloat 18s ease-in-out infinite;}.bg-orb--1{width:480px;height:480px;background:radial-gradient(circle, rgba(83, 58, 253, 0.35), transparent 70%);top:-120px;left:-120px;}.bg-orb--2{width:520px;height:520px;background:radial-gradient(circle, rgba(168, 85, 247, 0.25), transparent 70%);top:40%;right:-160px;animation-delay:-6s;animation-duration:22s;}.bg-orb--3{width:420px;height:420px;background:radial-gradient(circle, rgba(99, 102, 241, 0.22), transparent 70%);bottom:-100px;left:30%;animation-delay:-12s;animation-duration:26s;}@keyframes orbFloat{0%,100%{transform:translate(0, 0) scale(1);}33%{transform:translate(40px, -30px) scale(1.08);}66%{transform:translate(-30px, 40px) scale(0.95);}} .bg-svg-flow{position:absolute;inset:0;width:100%;height:100%;opacity:1;}.flow-path{fill:none;stroke-width:1.5;stroke-linecap:round;}.flow-path--1{stroke:url(#flowGrad1);}.flow-path--2{stroke:url(#flowGrad2);}.flow-path--3{stroke:url(#flowGrad3);} .flow-dot{opacity:0;}.flow-dot--1{fill:#533AFD;animation:dotFade 7s ease-in-out infinite 0s;}.flow-dot--2{fill:#A855F7;animation:dotFade 9s ease-in-out infinite -3s;}.flow-dot--3{fill:#6366F1;animation:dotFade 8s ease-in-out infinite -5s;}@keyframes dotFade{0%{opacity:0;}10%{opacity:1;}85%{opacity:1;}100%{opacity:0;}} @media (prefers-reduced-motion: reduce){.bg-lines,.bg-orb,.flow-path,.flow-dot{animation:none !important;}.flow-dot{display:none;}} .xb-solution-sec{padding:100px 0;background:radial-gradient(ellipse at top, rgba(83, 58, 253, 0.10), transparent 60%),radial-gradient(ellipse at bottom, rgba(168, 85, 247, 0.08), transparent 60%),#EBE8FF;position:relative;overflow:hidden;} .cmp-outer{position:relative;max-width:940px;margin:0 auto;border:1.5px dashed rgba(83, 58, 253, 0.28);border-radius:28px;overflow:hidden;background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);} .cmp-corner{position:absolute;width:10px;height:10px;background:var(--primary);border-radius:2px;z-index:2;box-shadow:0 0 0 4px rgba(83, 58, 253, 0.12);}.cmp-corner--tl{top:-5px;left:-5px;}.cmp-corner--tr{top:-5px;right:-5px;}.cmp-corner--bl{bottom:-5px;left:-5px;}.cmp-corner--br{bottom:-5px;right:-5px;} .cmp-grid{display:flex;align-items:stretch;min-height:500px;} .cmp-col{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;} .cmp-col--others{background:#F4F4F8;} .cmp-col--classonix{background:linear-gradient(180deg, rgba(83, 58, 253, 0.08) 0%, rgba(168, 85, 247, 0.10) 100%);overflow:hidden;box-shadow:inset 0 0 60px rgba(83, 58, 253, 0.08);}.cmp-col-glow{position:absolute;top:-40%;right:-30%;width:320px;height:320px;background:radial-gradient(circle, rgba(83, 58, 253, 0.25), transparent 70%);filter:blur(40px);pointer-events:none;animation:glowPulse 4s ease-in-out infinite;}@keyframes glowPulse{0%,100%{opacity:0.6;transform:scale(1);}50%{opacity:1;transform:scale(1.15);}} .cmp-winner-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg, #F59E0B, #F97316);color:#fff;font-size:11px;font-weight:800;padding:5px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 14px rgba(245, 158, 11, 0.4);z-index:3;animation:badgeBounce 2.5s ease-in-out infinite;}@keyframes badgeBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}} .cmp-vdivider{width:1.5px;background:linear-gradient(180deg, transparent, rgba(83, 58, 253, 0.25), transparent);flex-shrink:0;} .cmp-col-head{margin:24px 24px 8px;padding:16px 20px;background:#FFFFFF;border:1.5px solid rgba(83, 58, 253, 0.10);border-radius:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 14px rgba(83, 58, 253, 0.06);}.cmp-col--classonix .cmp-col-head{border:1.5px solid transparent;background:linear-gradient(#FFFFFF, #FFFFFF) padding-box,linear-gradient(135deg, var(--primary), #A855F7) border-box;box-shadow:0 6px 24px rgba(83, 58, 253, 0.18);}.cmp-col--classonix .cmp-head-label{background:linear-gradient(135deg, var(--primary), #A855F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.cmp-head-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}.cmp-head-icon--gray{background:#E5E5EC;color:#8A8A9A;}.cmp-brand-logo{width:40px;height:40px;object-fit:contain;border-radius:10px;flex-shrink:0;}.cmp-head-label{display:block;font-size:17px;font-weight:800;color:var(--text-h);letter-spacing:-0.3px;line-height:1.2;}.cmp-col--others .cmp-head-label{color:#6A6A7A;}.cmp-head-sub{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-top:2px;}.cmp-col--others .cmp-head-sub{color:#9A9AAB;} .cmp-list{flex:1;padding:8px 0 0;}.cmp-list li{display:flex;align-items:center;gap:12px;padding:15px 28px;font-size:14.5px;font-weight:500;color:var(--text-body);border-bottom:1px solid rgba(83, 58, 253, 0.06);line-height:1.45;transition:background 0.2s ease,padding-left 0.2s ease;}.cmp-list li:last-child{border-bottom:none;}.cmp-col--others .cmp-list li{color:#8A8A9A;}.cmp-col--others .cmp-list li:hover{background:rgba(0, 0, 0, 0.02);}.cmp-col--classonix .cmp-list li:hover{background:rgba(83, 58, 253, 0.06);padding-left:32px;} .cmp-x{font-size:17px;color:#DE3D3D;flex-shrink:0;}.cmp-check{font-size:17px;color:var(--primary);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(83, 58, 253, 0.3));} .cmp-check--free{color:#10B981;filter:drop-shadow(0 2px 6px rgba(16, 185, 129, 0.4));}.cmp-free-text{color:#10B981;font-weight:800;font-size:15px;letter-spacing:0.3px;} .cmp-stat-row{background:rgba(0, 0, 0, 0.03);font-size:15px !important;}.cmp-stat-row--brand{background:rgba(83, 58, 253, 0.08);}.cmp-stat-text{font-size:14.5px;color:var(--text-body);}.cmp-stat-text b{font-size:17px;font-weight:800;color:var(--text-h);}.cmp-col--others .cmp-stat-text b{color:#DE3D3D;}.cmp-stat-row--brand .cmp-stat-text b{background:linear-gradient(135deg, var(--primary), #A855F7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} @media (max-width: 640px){.cmp-grid{flex-direction:column;}.cmp-vdivider{width:auto;height:1.5px;}.cmp-col--others{border-radius:0;}.cmp-winner-badge{top:12px;right:12px;}} .xb-feature-sec{padding:100px 0;background:var(--white);}.bento-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:20px;} .bento-grid>*:nth-child(1){grid-column:span 8;min-height:360px;}.bento-grid>*:nth-child(2){grid-column:span 4;} .bento-grid>*:nth-child(3){grid-column:span 4;}.bento-grid>*:nth-child(4){grid-column:span 4;}.bento-grid>*:nth-child(5){grid-column:span 4;} .bento-grid>*:nth-child(6){grid-column:span 6;}.bento-grid>*:nth-child(7){grid-column:span 6;}.bento-card{border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden;transition:var(--transition);}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);} .bento-card--purple{background:var(--card-purple);color:var(--white);}.bento-card--green{background:var(--card-green);}.bento-card--cream{background:var(--card-cream);}.bento-card--pink{background:var(--card-pink);}.bento-card--indigo{background:var(--card-indigo);}.bento-card--pale{background:var(--card-pale);}.bento-card--white{background:var(--card-white);border:1.5px solid var(--border-soft);}.bento-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px;}.bento-card--purple .bento-icon{background:rgba(255,255,255,0.15);color:var(--white);}.bento-card--green .bento-icon{background:rgba(16,185,129,0.12);color:#10B981;}.bento-card--cream .bento-icon{background:rgba(245,158,11,0.12);color:#D97706;}.bento-card--pink .bento-icon{background:rgba(236,72,153,0.12);color:#DB2777;}.bento-card--indigo .bento-icon{background:rgba(83,58,253,0.12);color:var(--primary);}.bento-card--pale .bento-icon{background:rgba(16,185,129,0.10);color:#059669;}.bento-card--white .bento-icon{background:var(--primary-glow);color:var(--primary);}.bento-card h3{font-size:20px;font-weight:800;color:var(--text-h);margin-bottom:10px;line-height:1.3;}.bento-card--purple h3{color:var(--white);}.bento-card p{font-size:15px;color:var(--text-body);line-height:1.6;}.bento-card--purple p{color:rgba(255,255,255,0.75);} .bento-card--large{display:flex;gap:32px;align-items:flex-start;}.bento-body{flex:1;}.bento-visual{flex:1;display:flex;align-items:center;justify-content:center;}.bento-screenshot{border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,0.3);max-height:260px;object-fit:cover;object-position:top;width:100%;}.bento-stats-row{display:flex;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.2);}.bento-mini-stat{display:flex;flex-direction:column;gap:2px;}.bms-num{font-size:24px;font-weight:800;color:var(--white);}.bms-label{font-size:12px;color:rgba(255,255,255,0.6);}.bento-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}.bento-tag{background:rgba(83,58,253,0.08);color:var(--primary);font-size:12px;font-weight:600;padding:4px 12px;border-radius:50px;}.bento-card--green .bento-tag{background:rgba(16,185,129,0.10);color:#059669;}.bento-card--cream .bento-tag{background:rgba(245,158,11,0.10);color:#B45309;} .xb-security-sec{padding:100px 0;background:var(--body-bg);}.security-inner{background:var(--white);border-radius:var(--radius-xl);padding:60px;border:1.5px solid var(--border-soft);overflow:hidden;}.security-list{display:flex;flex-direction:column;gap:24px;margin-top:32px;}.sec-item{display:flex;gap:16px;align-items:flex-start;}.sec-item-icon{width:44px;height:44px;background:var(--primary-glow);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:18px;flex-shrink:0;}.sec-item h4{font-size:16px;font-weight:700;color:var(--text-h);margin-bottom:4px;}.sec-item p{font-size:14px;color:var(--text-body);} .security-visual{display:flex;align-items:center;justify-content:center;}.security-globe{position:relative;width:380px;height:380px;}.sg-ring{position:absolute;border:1.5px dashed rgba(83,58,253,0.2);border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);animation:spinRing 12s linear infinite;}.sg-ring--1{width:100px;height:100px;}.sg-ring--2{width:200px;height:200px;animation-duration:20s;animation-direction:reverse;}.sg-ring--3{width:336px;height:336px;animation-duration:28s;}@keyframes spinRing{from{transform:translate(-50%, -50%) rotate(0deg);}to{transform:translate(-50%, -50%) rotate(360deg);}}.sg-core{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:80px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:28px;box-shadow:0 0 0 16px rgba(83,58,253,0.12),0 0 0 32px rgba(83,58,253,0.06);animation:corePulse 3s ease-in-out infinite;}@keyframes corePulse{0%,100%{box-shadow:0 0 0 16px rgba(83,58,253,0.12),0 0 0 32px rgba(83,58,253,0.06);}50%{box-shadow:0 0 0 24px rgba(83,58,253,0.08),0 0 0 48px rgba(83,58,253,0.03);}} .sg-node{position:absolute;top:50%;left:50%;width:44px;height:44px;background:var(--white);border:2px solid var(--border-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;box-shadow:var(--shadow-sm);--orbit:168px;--angle:0deg;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(var(--orbit)) rotate(calc(-1 * var(--angle)));} .sg-node--1{--angle:0deg;} .sg-node--2{--angle:90deg;} .sg-node--3{--angle:180deg;} .sg-node--4{--angle:270deg;} .sg-node--5{--orbit:100px;--angle:45deg;}.sg-node--6{--orbit:100px;--angle:225deg;} .sg-node--7{--orbit:50px;--angle:135deg;} .xb-process-sec{padding:100px 0;background:var(--lavender);}.process-accordion{display:flex;flex-direction:column;gap:12px;}.process-step{border:1.5px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;transition:var(--transition);}.process-step.active{border-color:var(--primary);box-shadow:0 4px 20px rgba(83,58,253,0.1);}.step-head{display:flex;align-items:flex-start;gap:16px;padding:24px;cursor:pointer;user-select:none;}.step-num{font-size:13px;font-weight:800;color:var(--primary);background:var(--primary-glow);border-radius:8px;padding:6px 10px;flex-shrink:0;letter-spacing:0.5px;}.process-step.active .step-num{background:var(--primary);color:var(--white);}.step-title-wrap{flex:1;}.step-title-wrap h3{font-size:17px;font-weight:700;color:var(--text-h);margin-bottom:4px;}.step-title-wrap p{font-size:14px;color:var(--text-body);}.step-toggle{width:32px;height:32px;background:var(--body-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;flex-shrink:0;transition:var(--transition);}.process-step.active .step-toggle{background:var(--primary);color:var(--white);transform:rotate(180deg);}.step-body{display:none;padding:0 24px 24px;}.process-step.active .step-body{display:block;}.step-list{display:flex;flex-direction:column;gap:10px;}.step-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-body);}.step-list li i{color:#10B981;font-size:13px;} .process-visual{position:sticky;top:100px;}.process-img-wrap{position:relative;}.process-screenshot{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition);}.process-badge{position:absolute;display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border-soft);border-radius:50px;padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-h);box-shadow:var(--shadow);}.process-badge i{color:var(--primary);}.process-badge--1{top:-20px;right:-20px;}.process-badge--2{bottom:-20px;left:-20px;} .xb-testimonial-sec{padding:100px 0;background:var(--body-bg);}.testimonial-swiper{padding:20px 8px 60px !important;overflow:visible !important;}.testimonial-swiper .swiper-wrapper{align-items:stretch;}.testi-card{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:36px;height:100%;display:flex;flex-direction:column;gap:20px;transition:var(--transition);box-shadow:var(--shadow-sm);}.testi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}.testi-quote{color:var(--primary);font-size:28px;opacity:0.3;}.testi-text{font-size:16px;color:var(--text-h);font-weight:500;line-height:1.7;flex:1;}.testi-author{display:flex;align-items:center;gap:12px;}.testi-avatar{width:44px;height:44px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0;}.testi-author h4{font-size:15px;font-weight:700;color:var(--text-h);margin-bottom:2px;}.testi-author span{font-size:13px;color:var(--text-muted);}.testi-stars{margin-left:auto;color:#F59E0B;font-size:14px;display:flex;gap:2px;}.testi-result{}.result-pill{display:inline-flex;align-items:center;gap:6px;background:var(--primary-glow);color:var(--primary);font-size:13px;font-weight:700;padding:6px 14px;border-radius:50px;}.result-pill i{font-size:12px;}.testimonial-pagination{bottom:24px !important;}.testimonial-pagination .swiper-pagination-bullet{background:var(--border-soft);opacity:1;width:8px;height:8px;transition:var(--transition);}.testimonial-pagination .swiper-pagination-bullet-active{background:var(--primary);width:24px;border-radius:4px;}.testimonial-prev,.testimonial-next{color:var(--primary) !important;background:var(--white);border:1.5px solid var(--border-soft);border-radius:50% !important;width:44px !important;height:44px !important;box-shadow:var(--shadow-sm);}.testimonial-prev::after,.testimonial-next::after{font-size:14px !important;}.testimonial-prev{left:-8px !important;}.testimonial-next{right:-8px !important;} .xb-pricing-sec{padding:100px 0;background:var(--lavender);position:relative;overflow:hidden;}.xb-pricing-sec::before{content:'';position:absolute;inset:0;background-image:linear-gradient(to right, rgba(83, 58, 253, 0.06) 1px, transparent 1px),linear-gradient(to bottom, rgba(83, 58, 253, 0.06) 1px, transparent 1px);background-size:64px 64px;}.xb-pricing-sec .container{position:relative;max-width:1320px;} .billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;}.billing-segmented{display:inline-flex;align-items:center;gap:4px;padding:6px;background:var(--white);border:2px solid var(--primary-glow);border-radius:50px;box-shadow:0 6px 20px rgba(83,58,253,0.08);}.bt-seg{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--text-body);font-size:14px;font-weight:600;padding:9px 20px;border-radius:50px;cursor:pointer;transition:var(--transition);white-space:nowrap;}.bt-seg:hover{color:var(--primary);}.bt-seg.active{background:var(--primary);color:var(--white);box-shadow:0 4px 14px rgba(83,58,253,0.3);}.bt-seg.active .bt-save{background:var(--white);color:var(--primary);}.bt-save{background:#10B981;color:var(--white);font-size:11px;font-weight:700;padding:2px 8px;border-radius:50px;} .yearly-discount-banner{text-align:center;font-size:15px;font-weight:700;color:var(--white);background:linear-gradient(135deg, #10B981, #059669);border:2px solid #10B981;border-radius:50px;padding:12px 28px;margin:18px auto 0;max-width:760px;box-shadow:0 8px 24px rgba(16, 185, 129, 0.35);animation:bannerFadeIn 0.3s ease;white-space:nowrap;}.yearly-discount-banner i{margin-right:8px;}.yearly-discount-banner b{font-weight:800;font-size:16px;}@keyframes bannerFadeIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}} .price-note-yearly{display:inline-block;font-size:13px !important;font-weight:700 !important;color:#0f7a4d !important;background:rgba(16, 185, 129, 0.12);border:2px dashed #10B981;border-radius:50px;padding:6px 14px !important;margin-top:10px !important;}.pricing-card--featured .price-note-yearly{color:#059669 !important;background:var(--white);border:2px dashed #10B981;} .pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:28px 22px;height:100%;display:flex;flex-direction:column;gap:16px;border:2px solid transparent;transition:var(--transition);position:relative;}.pricing-card:hover{border-color:var(--primary);box-shadow:0 20px 60px rgba(83,58,253,0.15);transform:translateY(-4px);}.pricing-card--featured{background:var(--primary);border-color:var(--primary);box-shadow:0 28px 80px rgba(83,58,253,0.45);transform:translateY(-16px) scale(1.03);z-index:2;}.pricing-card--featured:hover{transform:translateY(-20px) scale(1.03);}.pc-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#F59E0B;color:var(--white);font-size:12px;font-weight:800;padding:4px 16px;border-radius:50px;white-space:nowrap;text-transform:uppercase;letter-spacing:0.5px;} .pc-badge--elite{background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);color:#1e293b;box-shadow:0 4px 14px rgba(245,158,11,0.4);}.pc-head{}.pc-icon{width:52px;height:52px;background:var(--primary-glow);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:22px;margin-bottom:16px;}.pricing-card--featured .pc-icon{background:rgba(255,255,255,0.15);color:var(--white);}.pc-name{font-size:22px;font-weight:800;color:var(--text-h);margin-bottom:6px;}.pricing-card--featured .pc-name{color:var(--white);}.pc-desc{font-size:14px;color:var(--text-muted);}.pricing-card--featured .pc-desc{color:var(--white);} .pc-head{min-height:155px;} .pc-price{min-height:135px;}.price-currency{font-size:16px;font-weight:700;color:var(--primary);vertical-align:top;margin-top:8px;display:inline-block;}.pricing-card--featured .price-currency{color:var(--white);}.price-amount{font-size:42px;font-weight:800;color:var(--text-h);letter-spacing:-2px;line-height:1;}.pricing-card--featured .price-amount{color:var(--white);}.price-period{font-size:15px;color:var(--text-muted);}.pricing-card--featured .price-period{color:var(--white);}.price-note{font-size:12px;color:var(--text-muted);margin-top:4px;}.pricing-card--featured .price-note{color:rgba(255,255,255,0.8);} .price-was{font-size:13.5px;color:var(--text-muted);text-decoration:line-through;margin:0 0 4px;font-weight:500;line-height:1.3;}.pricing-card--featured .price-was{color:rgba(255,255,255,0.55);} .price-main-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:1px;} .pc-branch-add-on{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-body);padding-top:14px;border-top:1px solid rgba(0,0,0,0.08);margin-top:auto;}.pc-branch-add-on>i{color:#10B981;font-size:13px;flex-shrink:0;}.pricing-card--featured .pc-branch-add-on{border-top-color:rgba(255,255,255,0.22);color:rgba(255,255,255,0.9);}.pc-features-label{font-size:10.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0;}.pricing-card--featured .pc-features-label{color:rgba(255,255,255,0.65);}.pc-features{flex:1;display:flex;flex-direction:column;gap:13px;}.pc-features li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-body);line-height:1.45;}.pc-features li i{margin-top:2px;flex-shrink:0;}.pricing-card--featured .pc-features li{color:var(--white);}.pc-features li i{color:#10B981;flex-shrink:0;}.pc-feat-disabled{opacity:0.5;}.pc-feat-disabled i{color:var(--text-muted) !important;} .pc-features-label--excluded{margin-top:14px;color:#64748b;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;padding-top:12px;border-top:1px dashed #e2e8f0;}.pricing-card--featured .pc-features-label--excluded{color:rgba(255,255,255,0.7);border-top-color:rgba(255,255,255,0.2);}.pricing-card--elite .pc-features-label--excluded{color:rgba(255,255,255,0.65);border-top-color:rgba(255,255,255,0.15);}.pc-features-excluded{gap:9px !important;}.pc-features-excluded li{font-size:13px;color:#64748b;opacity:1;}.pricing-card--featured .pc-features-excluded li{color:rgba(255,255,255,0.75);}.pricing-card--elite .pc-features-excluded li{color:rgba(203,213,225,0.8);}.pc-features-excluded li i{color:#94a3b8;font-size:12px;}.pricing-card--featured .pc-features-excluded li i{color:rgba(255,255,255,0.5);}.pricing-card--elite .pc-features-excluded li i{color:rgba(203,213,225,0.6);} .pc-features-excluded--all li i{color:#10B981 !important;}.pricing-card--elite .pc-features-excluded--all li{color:#cbd5e1;opacity:1;}.pricing-card--elite .pc-features-excluded--all li i{color:#10B981 !important;} .branch-addon-notice{background:rgba(83,58,253,0.06);border:1px solid rgba(83,58,253,0.15);border-radius:14px;padding:14px 20px;max-width:700px;margin:0 auto;}.branch-addon-notice p{margin:0;font-size:14px;color:var(--text-body);line-height:1.5;}.branch-addon-notice i{color:var(--primary);margin-right:4px;}.pc-cta{display:flex;align-items:center;justify-content:center;padding:16px;border-radius:50px;background:var(--primary);color:var(--white) !important;font-weight:700;font-size:15px;transition:var(--transition);border:2px solid var(--primary);}.pc-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(83,58,253,0.3);}.pricing-card--featured .pc-cta{background:var(--white);color:var(--primary) !important;border-color:var(--white);}.pricing-card--featured .pc-cta:hover{background:var(--lavender);border-color:var(--lavender);box-shadow:none;}.pricing-guarantee{font-size:14px;color:var(--text-body);} .pc-branch-box{margin-top:4px;padding:14px 16px;border:2px solid #10B981;border-radius:14px;background:rgba(16, 185, 129, 0.06);}.pricing-card--featured .pc-branch-box{background:rgba(255, 255, 255, 0.12);border-color:#10B981;}.pc-branch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}.pc-branch-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#0f7a4d;}.pricing-card--featured .pc-branch-label{color:#6ee7b7;}.pc-branch-label i{font-size:13px;}.pc-branch-price{font-size:15px;font-weight:800;color:#0f7a4d;white-space:nowrap;}.pricing-card--featured .pc-branch-price{color:#6ee7b7;}.pc-branch-unit{font-size:11px;font-weight:600;color:#0f7a4d;opacity:0.75;margin-left:2px;}.pricing-card--featured .pc-branch-unit{color:#6ee7b7;} .pricing-card--elite{background:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);border-color:#334155;}.pricing-card--elite .pc-name{color:var(--white);}.pricing-card--elite .pc-desc{color:#94a3b8;}.pricing-card--elite .pc-icon{background:rgba(255,255,255,0.1);color:#fbbf24;}.pricing-card--elite .price-currency{color:#94a3b8;}.pricing-card--elite .price-amount{color:var(--white);}.pricing-card--elite .price-period{color:#94a3b8;}.pricing-card--elite .price-note{color:#94a3b8;}.pricing-card--elite .pc-features-label{color:#64748b;}.pricing-card--elite .pc-features li{color:#cbd5e1;}.pricing-card--elite .pc-features li i{color:#10B981;}.pricing-card--elite .price-was{color:rgba(255,255,255,0.4);}.pricing-card--elite .pc-cta{background:transparent;color:var(--white) !important;border-color:var(--white);}.pricing-card--elite .pc-cta:hover{background:var(--white);color:#1e293b !important;box-shadow:0 8px 24px rgba(255,255,255,0.15);}.pricing-card--elite .pc-branch-add-on{border-top-color:rgba(255,255,255,0.12);color:#cbd5e1;} .price-amount--na{font-size:36px !important;color:var(--text-muted) !important;font-weight:500 !important;opacity:0.5;} .pc-cta-lifetime{} .xb-faq-sec{padding:100px 0;background:var(--body-bg);}.faq-left .section-title{text-align:left;}.faq-img-wrap{border-radius:var(--radius-lg);overflow:hidden;margin:28px 0;box-shadow:var(--shadow);}.faq-img{width:100%;object-fit:cover;max-height:220px;}.faq-cta-box{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;}.faq-cta-box p{font-size:15px;font-weight:600;color:var(--text-h);} .faq-accordion{display:flex;flex-direction:column;gap:12px;}.faq-item{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;transition:var(--transition);}.faq-item.active{border-color:var(--primary);box-shadow:0 4px 20px rgba(83,58,253,0.08);}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;text-align:left;cursor:pointer;transition:var(--transition);}.faq-question span{font-size:15px;font-weight:700;color:var(--text-h);line-height:1.4;}.faq-icon{width:28px;height:28px;background:var(--body-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:13px;flex-shrink:0;transition:var(--transition);}.faq-item.active .faq-icon{background:var(--primary);color:var(--white);transform:rotate(45deg);}.faq-answer{display:none;padding:0 24px 20px;}.faq-item.active .faq-answer{display:block;}.faq-answer p{font-size:15px;color:var(--text-body);line-height:1.7;} .xb-activity-sec{padding:80px 0;background:var(--white);overflow:hidden;}.activity-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:28px;}.activity-marquee-outer{overflow:hidden;}.activity-track{display:flex;width:max-content;gap:12px;}.activity-track--fwd{animation:marqueeScrollFwd 30s linear infinite;}.activity-track--rev{animation:marqueeScrollRev 30s linear infinite;}.activity-track:hover{animation-play-state:paused;}.activity-slide{display:flex;gap:12px;padding:0 6px;}.activity-pill{display:inline-flex;align-items:center;gap:8px;border-radius:50px;padding:10px 18px;font-size:14px;font-weight:500;white-space:nowrap;border:1.5px solid transparent;}.activity-pill--green{background:#F0FDF4;border-color:#BBF7D0;color:#065F46;}.activity-pill--blue{background:#EFF6FF;border-color:#BFDBFE;color:#1E40AF;}.activity-pill--purple{background:#F5F3FF;border-color:#DDD6FE;color:#5B21B6;}.activity-pill--orange{background:#FFFBEB;border-color:#FDE68A;color:#92400E;}.activity-pill--red{background:#FFF1F2;border-color:#FECDD3;color:#9F1239;} .xb-footer{background:radial-gradient(ellipse at top right, rgba(168, 85, 247, 0.18), transparent 60%),radial-gradient(ellipse at bottom left, rgba(83, 58, 253, 0.22), transparent 55%),linear-gradient(135deg, #FFFFFF 0%, #F6F4FF 50%, #EFEAFF 100%);color:#4A4A5E;padding:80px 0 24px;position:relative;overflow:hidden;}.xb-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--primary), #A855F7, var(--primary));background-size:200% 100%;animation:footerGradient 6s ease infinite;}@keyframes footerGradient{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}} .ft-top{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;flex-wrap:wrap;padding-bottom:50px;}.ft-brand{flex:1;min-width:280px;}.ft-logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:var(--dark);margin-bottom:20px;letter-spacing:-0.5px;}.ft-logo img{border-radius:8px;width:40px;height:40px;object-fit:contain;}.ft-logo span{color:var(--dark);}.ft-logo b{color:var(--primary);font-weight:800;}.ft-tagline{font-size:15px;color:#6A6A7A;line-height:1.7;max-width:380px;}.ft-newsletter{flex:1;min-width:320px;max-width:480px;}.ft-newsletter-form{display:flex;background:rgba(83, 58, 253, 0.06);border:1.5px solid rgba(83, 58, 253, 0.25);border-radius:50px;overflow:hidden;margin-bottom:12px;transition:var(--transition);}.ft-newsletter-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px rgba(83, 58, 253, 0.15);background:rgba(83, 58, 253, 0.10);}.ft-newsletter-input{flex:1;background:transparent;border:none;outline:none;padding:16px 24px;font-size:15px;color:var(--dark);font-family:inherit;}.ft-newsletter-input::placeholder{color:#9A9AAF;}.ft-newsletter-btn{background:var(--primary);color:var(--white);border:none;padding:0 32px;font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:inherit;white-space:nowrap;}.ft-newsletter-btn:hover{background:var(--primary-dark);letter-spacing:0.5px;}.ft-newsletter-success{display:flex;align-items:center;gap:10px;background:#ECFDF5;border:1.5px solid #10B981;border-radius:50px;padding:14px 24px;color:#10B981;font-size:15px;font-weight:700;margin-bottom:12px;}.ft-newsletter-note{font-size:13px;color:#8A8A9A;line-height:1.5;} .ft-divider{height:1px;background:linear-gradient(90deg, transparent, rgba(83, 58, 253, 0.20), transparent);margin:0 0 50px;} .ft-links-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px;}.ft-col-title{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:24px;letter-spacing:-0.2px;position:relative;padding-bottom:12px;}.ft-col-title::after{content:'';position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--primary);border-radius:2px;} .ft-contact-block{display:flex;flex-direction:column;gap:16px;}.ft-contact-block p{font-size:14px;color:#6A6A7A;line-height:1.6;}.ft-contact-block a{color:#4A4A5E;transition:var(--transition);}.ft-contact-block a:hover{color:var(--primary);}.ft-label{display:block;font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;} .ft-links{display:flex;flex-direction:column;gap:14px;}.ft-links a{font-size:14px;color:#6A6A7A;transition:var(--transition);display:inline-flex;align-items:center;gap:10px;}.ft-links a:hover{color:var(--primary);padding-left:4px;} .ft-social-icon{color:var(--primary) !important;font-size:16px;width:20px;text-align:center;transition:var(--transition);}.ft-links--social a:hover .ft-social-icon{color:var(--primary-dark) !important;} .ft-bottom{background:linear-gradient(135deg, #1A1340 0%, #2D1B6B 100%);border-radius:20px;padding:20px 40px;margin:0 auto;max-width:1200px;box-shadow:0 8px 32px rgba(83, 58, 253, 0.20);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap;}.ft-copy{font-size:14px;color:rgba(255, 255, 255, 0.7);font-weight:500;margin:0;white-space:nowrap;}.ft-legal{display:flex;align-items:center;gap:0;flex-wrap:nowrap;}.ft-legal a{font-size:14px;color:rgba(255, 255, 255, 0.6);transition:var(--transition);font-weight:500;padding:0 16px;white-space:nowrap;}.ft-legal a:not(:last-child){border-right:1px solid rgba(255, 255, 255, 0.2);}.ft-legal a:hover{color:var(--lavender);} .whatsapp-float{position:fixed;bottom:32px;right:32px;width:56px;height:56px;background:#25D366;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;transition:var(--transition);box-shadow:0 8px 24px rgba(37, 211, 102, 0.45);z-index:900;animation:whatsappPulse 2.5s infinite;}.whatsapp-float:hover{background:#1eb855;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 32px rgba(37, 211, 102, 0.6);}.whatsapp-float-tooltip{position:absolute;right:68px;background:var(--text-h);color:var(--white);font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(8px);transition:var(--transition);pointer-events:none;}.whatsapp-float-tooltip::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-left:6px solid var(--text-h);border-top:5px solid transparent;border-bottom:5px solid transparent;}.whatsapp-float:hover .whatsapp-float-tooltip{opacity:1;visibility:visible;transform:translateX(0);}@keyframes whatsappPulse{0%{box-shadow:0 8px 24px rgba(37, 211, 102, 0.45),0 0 0 0 rgba(37, 211, 102, 0.5);}70%{box-shadow:0 8px 24px rgba(37, 211, 102, 0.45),0 0 0 16px rgba(37, 211, 102, 0);}100%{box-shadow:0 8px 24px rgba(37, 211, 102, 0.45),0 0 0 0 rgba(37, 211, 102, 0);}} .scroll-popup-overlay{position:fixed;inset:0;background:rgba(35, 25, 90, 0.65);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;padding:20px;}.scroll-popup-overlay.active{opacity:1;visibility:visible;}.scroll-popup{background:linear-gradient(145deg, #fff8e7 0%, #fff3d1 100%);border-radius:28px;padding:42px 38px 34px;max-width:480px;width:100%;text-align:center;position:relative;box-shadow:0 30px 80px rgba(0, 0, 0, 0.35),0 0 0 3px #ffc107,0 0 0 10px rgba(255, 193, 7, 0.25),0 0 0 22px rgba(255, 193, 7, 0.12);transform:translateY(30px) scale(0.95);transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}.scroll-popup::before{content:'🙄';position:absolute;top:-24px;left:-24px;font-size:42px;transform:rotate(-18deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.15));}.scroll-popup::after{content:'😏';position:absolute;bottom:-18px;right:-20px;font-size:38px;transform:rotate(22deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,0.15));}.scroll-popup-overlay.active .scroll-popup{transform:translateY(0) scale(1);}.scroll-popup-close{position:absolute;top:12px;right:16px;background:rgba(255, 193, 7, 0.18);border:none;width:34px;height:34px;border-radius:50%;font-size:24px;color:#7a5c12;cursor:pointer;line-height:1;transition:var(--transition);padding:0;display:flex;align-items:center;justify-content:center;}.scroll-popup-close:hover{background:#ffc107;color:var(--white);transform:scale(1.15) rotate(90deg);}.scroll-popup-icon{width:70px;height:70px;margin:0 auto 20px;background:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:#4a3b10;box-shadow:0 12px 30px rgba(255, 193, 7, 0.45);animation:popupIconBounce 0.6s ease 0.2s both;}@keyframes popupIconBounce{0%{transform:scale(0);}60%{transform:scale(1.2);}100%{transform:scale(1);}}.scroll-popup-title{font-size:27px;font-weight:900;color:#4a3b10;margin-bottom:14px;letter-spacing:-0.5px;}.scroll-popup-text{font-size:15px;line-height:1.65;color:#5d4c1c;margin-bottom:24px;text-align:justify;}.scroll-popup-text em{color:#b38608;font-style:italic;font-weight:700;}.scroll-popup-text b{color:#4a3b10;}.scroll-popup-btn{display:inline-flex;align-items:center;gap:10px;background:#4a3b10;color:#fff8e7 !important;font-weight:800;font-size:16px;padding:15px 38px;border-radius:50px;transition:var(--transition);border:2px dashed #ffc107;box-shadow:0 10px 28px rgba(74, 59, 16, 0.3);}.scroll-popup-btn:hover{background:#362b0c;transform:translateY(-2px) scale(1.03);box-shadow:0 14px 36px rgba(74, 59, 16, 0.45);}.scroll-popup-sub{font-size:13px;color:#8a7226;margin-top:14px;font-style:italic;} .pp-section{padding:120px 0 80px;background:var(--body-bg);min-height:100vh;}.pp-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start;} .pp-sidebar{position:sticky;top:100px;}.pp-toc{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius);padding:24px 20px;box-shadow:var(--shadow-sm);}.pp-toc-title{font-size:14px;font-weight:800;color:var(--text-h);margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;}.pp-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px;}.pp-toc-link{display:block;font-size:13px;font-weight:500;color:var(--text-muted);padding:8px 12px;border-radius:8px;transition:var(--transition);text-decoration:none;}.pp-toc-link:hover{background:var(--primary-glow);color:var(--primary);}.pp-toc-link.active{background:var(--primary);color:var(--white);font-weight:700;} .pp-content{max-width:760px;}.pp-title{font-size:clamp(32px, 4vw, 48px);font-weight:800;color:var(--text-h);letter-spacing:-1.5px;margin-bottom:8px;}.pp-updated{font-size:14px;color:var(--text-muted);margin-bottom:28px;} .pp-intro-box{display:flex;gap:16px;align-items:flex-start;background:var(--primary-glow);border:1px solid rgba(83, 58, 253, 0.15);border-radius:var(--radius);padding:20px 24px;margin-bottom:40px;}.pp-intro-box i{font-size:22px;color:var(--primary);flex-shrink:0;margin-top:2px;}.pp-intro-box p{font-size:15px;line-height:1.6;color:var(--text-body);margin:0;} .pp-block{margin-bottom:40px;scroll-margin-top:100px;}.pp-block h2{font-size:22px;font-weight:800;color:var(--text-h);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border-soft);}.pp-block h3{font-size:16px;font-weight:700;color:var(--text-h);margin:24px 0 12px;}.pp-block p{font-size:15px;line-height:1.7;color:var(--text-body);margin-bottom:14px;}.pp-block strong{color:var(--text-h);font-weight:700;} .pp-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px;}.pp-list li{font-size:15px;line-height:1.6;color:var(--text-body);padding-left:28px;position:relative;}.pp-list li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:#10B981;font-size:13px;position:absolute;left:0;top:3px;} .pp-link{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition);}.pp-link:hover{color:var(--primary-dark);text-decoration:underline;} .pp-contact-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:20px;}.pp-contact-card{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius);padding:24px 20px;text-align:center;transition:var(--transition);}.pp-contact-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px);}.pp-contact-card i{font-size:24px;color:var(--primary);margin-bottom:12px;}.pp-contact-card h5{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;}.pp-contact-card .pp-link{font-size:15px;} .pp-back{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-soft);}.pp-back-link{display:inline-flex;align-items:center;font-size:15px;font-weight:700;color:var(--primary);text-decoration:none;transition:var(--transition);}.pp-back-link:hover{color:var(--primary-dark);gap:12px;} @media (max-width: 1200px){.bento-grid>*:nth-child(1){grid-column:span 12;flex-direction:column;}.bento-grid>*:nth-child(2),.bento-grid>*:nth-child(3),.bento-grid>*:nth-child(4),.bento-grid>*:nth-child(5){grid-column:span 6;}.bento-grid>*:nth-child(6),.bento-grid>*:nth-child(7){grid-column:span 6;}.bento-visual{display:none;}}@media (max-width: 991px){.header-nav,.header-action{display:none;}.xb-mobile-toggle{display:flex;}.hero-float-badges{display:none;}.xb-hero-sec{padding:110px 0 60px;} .pricing-cards-row .col-lg-3{flex:0 0 50%;max-width:50%;}.security-inner{padding:40px 28px;}.security-globe{width:260px;height:260px;}.sg-ring--3{width:200px;height:200px;}.sg-ring--2{width:120px;height:120px;}.sg-ring--1{width:60px;height:60px;}.sg-node{--orbit:100px;}.sg-node--5,.sg-node--6{--orbit:60px;}.sg-node--7{--orbit:30px;}.process-visual{position:static;}.footer-cta-inner{flex-direction:column;text-align:center;}.footer-cta-text p{margin:0 auto;}.footer-cta-action{align-items:center;} .pp-layout{grid-template-columns:1fr;gap:32px;}.pp-sidebar{position:static;}.pp-toc{max-height:200px;overflow-y:auto;}}@media (max-width: 768px){.bento-grid>*{grid-column:span 12 !important;}.sol-card{padding:24px;}.sol-card-footer{flex-wrap:wrap;gap:12px;}.pricing-card--featured{transform:none;scale:1;}.pricing-card--featured:hover{transform:translateY(-4px);scale:1;}.pricing-card{padding:28px 24px;} .pricing-cards-row .col-lg-3{flex:0 0 100%;max-width:100%;}.plan-guide-card{padding:28px 22px 22px;}.xb-footer{padding:60px 0 30px;}.ft-top{flex-direction:column;gap:32px;}.ft-links-grid{grid-template-columns:1fr 1fr;gap:32px;}.xb-solution-sec,.xb-feature-sec,.xb-security-sec,.xb-process-sec,.xb-testimonial-sec,.xb-faq-sec,.xb-activity-sec,.xb-dashboard-sec{padding:70px 0;}.section-head{margin-bottom:40px;}.process-badge--1,.process-badge--2{display:none;}.float-badge{display:none;} .bento-card{padding:24px 20px;} .step-head{padding:16px 18px;}.step-body{padding:0 18px 20px;} .security-inner{padding:32px 20px;} .hero-subtext{font-size:16px;} .pp-contact-grid{grid-template-columns:1fr;}}@media (max-width: 480px){.hero-headline{letter-spacing:-0.5px;}.hero-cta-row{flex-direction:column;}.hero-cta-row .fintech-btn,.hero-cta-row .btn-ghost{width:100%;}.hero-subtext{font-size:15px;margin-bottom:28px;}.fs-dashboard-nav{gap:6px;}.tab-pill{font-size:12px;padding:8px 14px;}.billing-toggle-wrap{flex-wrap:wrap;}.billing-segmented{flex-wrap:wrap;justify-content:center;}.bt-seg{padding:8px 14px;font-size:13px;}.ft-links-grid{grid-template-columns:1fr;gap:28px;}.ft-newsletter-form{flex-direction:column;border-radius:16px;}.ft-newsletter-input{padding:14px 18px;}.ft-newsletter-btn{padding:14px;border-radius:12px;}.ft-newsletter-success{border-radius:16px;padding:14px 18px;}.ft-bottom{flex-direction:column;text-align:center;gap:12px;padding:20px;}.ft-legal a{padding:0 10px;}.ft-legal{gap:0;} .yearly-discount-banner{white-space:normal;font-size:13px;padding:10px 18px;} .scroll-popup{padding:32px 22px 26px;max-width:calc(100vw - 40px);}.scroll-popup::before{top:-16px;left:-10px;font-size:32px;}.scroll-popup::after{bottom:-12px;right:-8px;font-size:28px;}.scroll-popup-title{font-size:22px;}.scroll-popup-text{font-size:14px;}.scroll-popup-btn{padding:13px 28px;font-size:15px;} .whatsapp-float{width:50px;height:50px;font-size:24px;bottom:20px;right:20px;}.whatsapp-float-tooltip{display:none;} .pricing-card{padding:24px 20px;}.price-amount{font-size:40px;}.pc-name{font-size:20px;}.pc-features li{font-size:13px;} .bento-card{padding:20px 16px;} .section-title{font-size:26px;} .pricing-cta-box h2{font-size:22px;}.pricing-cta-box p{font-size:14px;} .contact-cta-box h2{font-size:20px;}.contact-cta-box p{font-size:14px;}} .pp-pricing-hero{padding:140px 0 80px;position:relative;}.pp-pricing-hero .container{max-width:1320px;}.pp-pricing-hero .section-head{margin-bottom:36px;}.pp-pricing-hero .section-title{font-size:clamp(28px, 5vw, 48px);}.pp-pricing-hero .section-sub{max-width:620px;margin:16px auto 0;} .pricing-trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:0 auto 40px;max-width:920px;}.ptb-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-body);background:var(--white);border:1px solid var(--border-soft);border-radius:999px;padding:8px 18px;transition:var(--transition);}.ptb-item:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(83,58,253,0.10);transform:translateY(-2px);}.ptb-item i{color:var(--primary);font-size:14px;} .pricing-guarantee{margin-top:40px;}.pricing-guarantee p{font-size:14px;color:var(--text-muted);margin:0;}.pricing-guarantee .text-success{color:#10B981 !important;} .xb-plan-guide-sec{padding:80px 0;background:var(--white);}.plan-guide-card{position:relative;background:var(--body-bg);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:36px 28px 28px;height:100%;transition:var(--transition);}.plan-guide-card:hover{border-color:var(--primary);box-shadow:0 12px 40px rgba(83,58,253,0.10);transform:translateY(-4px);}.plan-guide-card--featured{border-color:var(--primary);background:linear-gradient(180deg, rgba(83,58,253,0.04), var(--body-bg));box-shadow:0 8px 30px rgba(83,58,253,0.08);}.pgc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--white);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;padding:5px 16px;border-radius:999px;white-space:nowrap;}.pgc-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;}.pgc-icon--starter{background:rgba(16,185,129,0.12);color:#10B981;}.pgc-icon--pro{background:rgba(83,58,253,0.12);color:var(--primary);}.pgc-icon--elite{background:rgba(245,158,11,0.12);color:#F59E0B;}.plan-guide-card h3{font-size:20px;font-weight:800;color:var(--text-h);margin-bottom:16px;}.plan-guide-card ul{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px;}.plan-guide-card li{font-size:14px;line-height:1.5;color:var(--text-body);padding-left:26px;position:relative;}.plan-guide-card li i{position:absolute;left:0;top:3px;color:#10B981;font-size:13px;}.pgc-link{display:inline-block;font-size:15px;font-weight:700;color:var(--primary);text-decoration:none;transition:var(--transition);}.pgc-link:hover{color:var(--primary-dark);gap:8px;} .xb-comparison-sec{padding:80px 0;background:var(--body-bg);}.comparison-table-wrap{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.04);}.comparison-scroll-hint{display:none;text-align:center;font-size:13px;color:var(--text-muted);padding:10px 16px;background:var(--body-bg);margin:0;border-bottom:1px solid var(--border-soft);}.comparison-scroll-hint i{color:var(--primary);margin-right:6px;}.comparison-table{width:100%;border-collapse:collapse;margin:0;}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:center;font-size:14px;border-bottom:1px solid var(--border-soft);vertical-align:middle;}.comparison-table th{background:var(--body-bg);font-weight:800;color:var(--text-h);font-size:15px;padding:20px;}.comparison-table .ct-feature{text-align:left;font-weight:600;color:var(--text-h);width:40%;}.comparison-table tbody td:first-child{text-align:left;font-weight:600;color:var(--text-h);padding-left:24px;}.comparison-table .ct-plan{width:20%;color:var(--text-body);}.comparison-table .ct-plan--featured{background:rgba(83,58,253,0.04);color:var(--primary);font-weight:700;}.comparison-table th.ct-plan--featured{background:var(--primary);color:var(--white);position:relative;}.comparison-table th.ct-plan--featured::after{content:'Popular';display:block;font-size:11px;font-weight:600;opacity:0.85;margin-top:2px;text-transform:uppercase;letter-spacing:0.5px;}.comparison-table td.ct-plan--featured{font-weight:700;}.comparison-table tbody tr:hover td{background:rgba(83,58,253,0.02);}.comparison-table .ct-group-row td{background:var(--body-bg);font-weight:800;color:var(--text-h);text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;padding:16px 24px;border-top:2px solid var(--border-soft);}.comparison-table .ct-group-row:first-child td{border-top:none;}.ct-yes{color:#10B981;font-size:15px;}.ct-no{color:#CBD5E1;font-size:15px;} .pricing-faq-list{display:flex;flex-direction:column;gap:12px;} .xb-pricing-cta-sec{padding:80px 0 100px;background:var(--white);}.pricing-cta-box{position:relative;background:linear-gradient(135deg, var(--primary) 0%, #7B5CFF 100%);border-radius:var(--radius-lg);padding:64px 40px;text-align:center;overflow:hidden;color:var(--white);}.pricing-cta-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);pointer-events:none;}.pricing-cta-box h2{font-size:36px;font-weight:800;margin-bottom:14px;position:relative;}.pricing-cta-box p{font-size:17px;line-height:1.6;max-width:560px;margin:0 auto 32px;opacity:0.95;position:relative;}.pricing-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;margin-bottom:28px;}.pricing-cta-buttons .fintech-btn{background:var(--white) !important;color:var(--primary) !important;border:none;}.pricing-cta-buttons .fintech-btn:hover{background:var(--white) !important;transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.20);}.pricing-cta-buttons .btn-ghost{background:transparent !important;color:var(--white) !important;border:1.5px solid rgba(255,255,255,0.5);}.pricing-cta-buttons .btn-ghost:hover{background:rgba(255,255,255,0.15) !important;border-color:var(--white);color:var(--white) !important;}.pricing-cta-trust{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;position:relative;}.pricing-cta-trust span{font-size:13px;font-weight:600;opacity:0.9;display:inline-flex;align-items:center;gap:6px;}.pricing-cta-trust .text-success{color:#6EE7B7 !important;} @media (max-width: 991px){.pp-pricing-hero{padding:110px 0 60px;}.pp-pricing-hero .section-title{font-size:38px;}.pricing-cta-box{padding:48px 28px;}.pricing-cta-box h2{font-size:28px;}.comparison-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}.comparison-table{min-width:640px;}.comparison-scroll-hint{display:block;}}@media (max-width: 768px){.pp-pricing-hero{padding:100px 0 50px;}.pp-pricing-hero .section-title{font-size:32px;}.xb-plan-guide-sec,.xb-comparison-sec,.xb-pricing-cta-sec{padding:60px 0;}.pricing-cta-box{padding:40px 22px;}.pricing-cta-box h2{font-size:24px;}.pricing-cta-box p{font-size:15px;}.pricing-cta-buttons{flex-direction:column;align-items:stretch;}.pricing-cta-buttons .fintech-btn,.pricing-cta-buttons .btn-ghost{width:100%;justify-content:center;}.pricing-cta-trust{gap:16px;}.ptb-item{font-size:13px;padding:7px 14px;}}@media (max-width: 480px){.pp-pricing-hero .section-title{font-size:28px;}.plan-guide-card{padding:28px 22px 22px;}.comparison-table th,.comparison-table td{padding:12px 14px;font-size:13px;}.comparison-table .ct-group-row td{padding:12px 16px;}} .pp-contact-hero{padding:70px 0 0;position:relative;min-height:0;}.pp-contact-hero .section-head{margin-bottom:0;}.pp-contact-hero .section-title{font-size:clamp(26px, 5vw, 48px);}.pp-contact-hero .section-sub{max-width:580px;margin:10px auto 0;} .xb-contact-sec{padding:20px 0 60px;} .contact-info-col{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:36px 28px;}.contact-info-title{font-size:22px;font-weight:800;color:var(--text-h);margin-bottom:8px;}.contact-info-sub{font-size:14px;line-height:1.6;color:var(--text-body);margin-bottom:28px;}.contact-info-list{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;}.ci-item{display:flex;align-items:flex-start;gap:14px;}.ci-icon{width:44px;height:44px;border-radius:12px;background:rgba(83,58,253,0.08);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}.ci-text{display:flex;flex-direction:column;gap:2px;}.ci-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;}.ci-value{font-size:15px;font-weight:600;color:var(--text-h);text-decoration:none;transition:var(--transition);line-height:1.5;}a.ci-value:hover{color:var(--primary);} .contact-response-badge{display:flex;align-items:center;gap:10px;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);border-radius:12px;padding:14px 18px;font-size:14px;color:var(--text-body);}.contact-response-badge i{color:#10B981;font-size:16px;}.contact-response-badge b{color:#065F46;} .contact-form-wrap{background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:0 4px 20px rgba(0,0,0,0.03);}.contact-form-head{margin-bottom:28px;}.contact-form-head h3{font-size:22px;font-weight:800;color:var(--text-h);margin-bottom:6px;}.contact-form-head p{font-size:14px;color:var(--text-body);} .cn-field{margin-bottom:4px;}.cn-field label{display:block;font-size:13px;font-weight:700;color:var(--text-h);margin-bottom:6px;}.cn-field .req{color:#DC2626;}.cn-field input,.cn-field select,.cn-field textarea{width:100%;padding:12px 16px;border:2px solid var(--border-soft);border-radius:10px;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--text-h);background:var(--white);outline:none;transition:var(--transition);}.cn-field input::placeholder,.cn-field textarea::placeholder{color:var(--text-muted);}.cn-field input:focus,.cn-field select:focus,.cn-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(83,58,253,0.1);}.cn-field textarea{resize:vertical;min-height:120px;} .cn-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:8px;}.cn-submit-btn{background:var(--primary);color:var(--white);border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;}.cn-submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 24px rgba(83,58,253,0.25);}.cn-submit-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none;}.cn-form-note{font-size:12px;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:6px;}.cn-form-note i{font-size:11px;} .cn-form-success{text-align:center;padding:40px 20px;background:rgba(16,185,129,0.06);border:1.5px solid rgba(16,185,129,0.2);border-radius:var(--radius);margin-top:20px;}.cn-success-icon{font-size:48px;color:#10B981;margin-bottom:16px;}.cn-form-success h4{font-size:20px;font-weight:800;color:var(--text-h);margin-bottom:8px;}.cn-form-success p{font-size:15px;color:var(--text-body);margin-bottom:20px;max-width:400px;margin-left:auto;margin-right:auto;}.cn-success-reset{background:var(--white);color:var(--primary);border:1.5px solid var(--primary);border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:var(--transition);}.cn-success-reset:hover{background:var(--primary);color:var(--white);} .cn-form-error{text-align:center;padding:32px 20px;background:rgba(220,38,38,0.06);border:1.5px solid rgba(220,38,38,0.2);border-radius:var(--radius);margin-top:20px;}.cn-error-icon{font-size:40px;color:#DC2626;margin-bottom:14px;}.cn-form-error h4{font-size:18px;font-weight:800;color:var(--text-h);margin-bottom:6px;}.cn-form-error p{font-size:14px;color:var(--text-body);} .xb-contact-cta-sec{padding:0 0 80px;}.contact-cta-box{position:relative;background:linear-gradient(135deg, var(--primary) 0%, #7B5CFF 100%);border-radius:var(--radius-lg);padding:48px 40px;text-align:center;overflow:hidden;color:var(--white);}.contact-cta-glow{position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);pointer-events:none;}.contact-cta-box h2{font-size:28px;font-weight:800;margin-bottom:10px;position:relative;}.contact-cta-box p{font-size:16px;opacity:0.95;max-width:480px;margin:0 auto 28px;position:relative;}.contact-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;}.contact-cta-buttons .fintech-btn{background:var(--white) !important;color:var(--primary) !important;border:none;}.contact-cta-buttons .fintech-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.20);}.contact-cta-buttons .btn-ghost{background:transparent !important;color:var(--white) !important;border:1.5px solid rgba(255,255,255,0.5);}.contact-cta-buttons .btn-ghost:hover{background:rgba(255,255,255,0.15) !important;border-color:var(--white);color:var(--white) !important;} .hidden{display:none !important;} @media (max-width: 991px){.pp-contact-hero{padding:100px 0 0;}.pp-contact-hero .section-head{margin-bottom:6px;}.pp-contact-hero .section-title{font-size:36px;}.contact-form-wrap{padding:28px 24px;}.contact-info-col{margin-bottom:0;}}@media (max-width: 768px){.pp-contact-hero{padding:95px 0 0;}.pp-contact-hero .section-head{margin-bottom:4px;}.pp-contact-hero .section-title{font-size:30px;}.xb-contact-sec{padding:0 0 60px;}.contact-form-wrap{padding:24px 20px;}.contact-info-col{padding:28px 22px;}.contact-cta-box{padding:36px 22px;}.contact-cta-box h2{font-size:22px;}.contact-cta-buttons{flex-direction:column;align-items:stretch;}.contact-cta-buttons .fintech-btn,.contact-cta-buttons .btn-ghost{width:100%;justify-content:center;}.cn-submit-row{flex-direction:column;align-items:stretch;}.cn-submit-btn{width:100%;justify-content:center;}}@media (max-width: 480px){.pp-contact-hero .section-title{font-size:26px;}.contact-form-wrap{padding:20px 16px;}} .xb-onesystem-sec{padding:100px 0;background:var(--white);}.onesystem-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}.os-card{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;transition:var(--transition);}.os-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-glow);}.os-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 16px;}.os-icon--purple{background:rgba(83,58,253,0.10);color:var(--primary);}.os-icon--green{background:rgba(16,185,129,0.10);color:#10B981;}.os-icon--amber{background:rgba(245,158,11,0.10);color:#D97706;}.os-icon--blue{background:rgba(59,130,246,0.10);color:#3B82F6;}.os-icon--indigo{background:rgba(99,102,241,0.10);color:#6366F1;}.os-icon--pink{background:rgba(236,72,153,0.10);color:#DB2777;}.os-card h3{font-size:17px;font-weight:800;color:var(--text-h);margin-bottom:6px;}.os-card p{font-size:14px;color:var(--text-body);line-height:1.5;} .xb-dashboard-value-sec{padding:100px 0;background:var(--body-bg);}.dash-value-content{padding-right:20px;}.dash-value-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin-top:28px;}.dv-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-body);background:var(--white);border:1px solid var(--border-soft);border-radius:12px;padding:12px 16px;transition:var(--transition);}.dv-item:hover{border-color:var(--primary);color:var(--primary);transform:translateX(4px);}.dv-item i{color:var(--primary);font-size:16px;flex-shrink:0;}.dash-value-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}.dash-value-screenshot{width:100%;display:block;} .xb-fee-major-sec{padding:100px 0;background:var(--white);}.fee-workflow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:32px 20px;background:linear-gradient(135deg, rgba(83,58,253,0.04) 0%, rgba(168,85,247,0.04) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-soft);}.fw-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:110px;}.fw-icon{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 24px rgba(83,58,253,0.25);}.fw-step:nth-child(5) .fw-icon{background:#25D366;box-shadow:0 8px 24px rgba(37,211,102,0.25);}.fw-step span{font-size:13px;font-weight:700;color:var(--text-h);}.fw-arrow{color:var(--primary);font-size:20px;opacity:0.5;}.fee-feature-card{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px;height:100%;}.fee-feature-card h3{font-size:18px;font-weight:800;color:var(--text-h);margin-bottom:16px;}.ff-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.ff-list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-body);line-height:1.5;}.ff-list li i{color:#10B981;font-size:13px;margin-top:3px;flex-shrink:0;}.fee-screenshot-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}.fee-screenshot{width:100%;display:block;} .xb-whatsapp-sec{padding:100px 0;background:linear-gradient(135deg, #25D366 0%, #128C7E 100%);color:var(--white);}.xb-whatsapp-sec .section-tag{background:rgba(255,255,255,0.15);color:var(--white);}.xb-whatsapp-sec .section-title{color:var(--white);}.xb-whatsapp-sec .section-sub{color:rgba(255,255,255,0.85);}.xb-whatsapp-sec .text-grad{background:linear-gradient(135deg, #fff 0%, #d4f7e0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.wa-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;}.wa-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,0.95);}.wa-feat i{color:#fff;font-size:16px;flex-shrink:0;}.wa-visual{display:flex;justify-content:center;}.wa-phone-mockup{width:300px;background:#fff;border-radius:32px;box-shadow:0 24px 64px rgba(0,0,0,0.3);overflow:hidden;}.wa-phone-screen{display:flex;flex-direction:column;min-height:480px;}.wa-chat-header{background:#075E54;color:#fff;padding:14px 18px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px;}.wa-chat-body{flex:1;padding:20px 16px;background:#E5DDD5;display:flex;flex-direction:column;gap:12px;}.wa-message{background:#fff;padding:14px 16px;border-radius:0 12px 12px 12px;font-size:14px;line-height:1.6;color:#333;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.wa-message small{color:#666;}.wa-status{font-size:12px;color:#075E54;display:flex;align-items:center;gap:6px;align-self:flex-end;} .xb-finance-sec{padding:100px 0;background:var(--white);}.fin-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;}.fin-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-body);}.fin-feat i{color:#10B981;font-size:16px;flex-shrink:0;}.fin-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}.fin-screenshot{width:100%;display:block;} .xb-payroll-sec{padding:100px 0;background:var(--body-bg);}.payroll-workflow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:32px 20px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-soft);}.pw-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:130px;}.pw-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 24px rgba(99,102,241,0.25);}.pw-step span{font-size:13px;font-weight:700;color:var(--text-h);}.pw-arrow{color:#6366F1;font-size:20px;opacity:0.5;}.payroll-feature-card{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px;height:100%;}.payroll-feature-card h3{font-size:18px;font-weight:800;color:var(--text-h);margin-bottom:16px;} .xb-flexfees-sec{padding:100px 0;background:var(--white);}.flexfees-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;}.ff-card{background:linear-gradient(135deg, rgba(83,58,253,0.04) 0%, rgba(168,85,247,0.04) 100%);border:1.5px solid var(--border-soft);border-radius:var(--radius);padding:24px;transition:var(--transition);}.ff-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-glow);}.ff-card-icon{width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px;}.ff-card h4{font-size:16px;font-weight:800;color:var(--text-h);margin-bottom:4px;}.ff-card p{font-size:14px;color:var(--text-body);}.flexfees-extras{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}.flexfees-extras span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-body);}.flexfees-extras i{color:#10B981;} .xb-students-sec{padding:100px 0;background:var(--body-bg);}.students-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}.sf-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-body);}.sf-item i{color:#10B981;font-size:16px;flex-shrink:0;}.students-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}.students-screenshot{width:100%;display:block;} .xb-attendance-sec{padding:100px 0;background:var(--white);}.att-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;}.att-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-body);}.att-feat i{color:#10B981;font-size:16px;flex-shrink:0;}.att-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}.att-screenshot{width:100%;display:block;} .xb-staff-sec{padding:100px 0;background:var(--body-bg);}.role-examples-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:24px;}.role-card{text-align:center;background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius);padding:24px 16px;transition:var(--transition);}.role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.role-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px;}.role-card--admin .role-icon{background:rgba(83,58,253,0.10);color:var(--primary);}.role-card--accountant .role-icon{background:rgba(245,158,11,0.10);color:#D97706;}.role-card--teacher .role-icon{background:rgba(16,185,129,0.10);color:#10B981;}.role-card--staff .role-icon{background:rgba(99,102,241,0.10);color:#6366F1;}.role-card h4{font-size:16px;font-weight:800;color:var(--text-h);margin-bottom:4px;}.role-card p{font-size:13px;color:var(--text-body);}.staff-feature-card{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px;height:100%;}.staff-feature-card h3{font-size:18px;font-weight:800;color:var(--text-h);margin-bottom:16px;} .xb-inventory-sec{padding:100px 0;background:var(--white);}.inv-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;}.inv-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-body);}.inv-feat i{color:#10B981;font-size:16px;flex-shrink:0;}.inv-visual{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);}.inv-screenshot{width:100%;display:block;} .xb-multibranch-sec{padding:100px 0;background:radial-gradient(circle at 50% 0%, rgba(83,58,253,0.10) 0%, transparent 55%),#F3F0FF;}.branch-visual{display:flex;flex-direction:column;align-items:center;margin:40px 0 32px;}.branch-hq{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:2;}.branch-hq-icon{width:72px;height:72px;border-radius:18px;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 12px 32px rgba(83,58,253,0.3);}.branch-hq span{font-size:15px;font-weight:800;color:var(--text-h);}.branch-tree{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin-top:-2px;}.branch-lines-svg{width:100%;max-width:360px;height:auto;overflow:visible;}.branch-line-path{fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;opacity:0.25;}.branch-dot{fill:var(--primary);filter:drop-shadow(0 0 6px rgba(83,58,253,0.7));}.branch-dot--main{animation:branchDotMain 5s ease-in-out infinite;}.branch-dot--split{opacity:0;}.branch-dot--split-1{animation:branchDotSplit1 5s ease-in-out infinite;}.branch-dot--split-2{animation:branchDotSplit2 5s ease-in-out infinite;}.branch-dot--split-3{animation:branchDotSplit3 5s ease-in-out infinite;} @keyframes branchDotMain{0%{opacity:0;cy:0;}5%{opacity:1;}30%{opacity:1;cy:50;}35%{opacity:0;cy:50;}100%{opacity:0;cy:50;}} @keyframes branchDotSplit1{0%,34%{opacity:0;cx:180;cy:50;}35%{opacity:1;cx:180;cy:50;}50%{opacity:1;cx:60;cy:50;}80%{opacity:1;cx:60;cy:100;}90%{opacity:0;cx:60;cy:100;}100%{opacity:0;cx:60;cy:100;}} @keyframes branchDotSplit2{0%,34%{opacity:0;cx:180;cy:50;}35%{opacity:1;cx:180;cy:50;}80%{opacity:1;cx:180;cy:100;}90%{opacity:0;cx:180;cy:100;}100%{opacity:0;cx:180;cy:100;}} @keyframes branchDotSplit3{0%,34%{opacity:0;cx:180;cy:50;}35%{opacity:1;cx:180;cy:50;}50%{opacity:1;cx:300;cy:50;}80%{opacity:1;cx:300;cy:100;}90%{opacity:0;cx:300;cy:100;}100%{opacity:0;cx:300;cy:100;}}.branch-nodes{display:flex;justify-content:space-between;width:100%;max-width:360px;padding:0 30px;margin-top:-20px;}.branch-node{display:flex;flex-direction:column;align-items:center;gap:10px;width:56px;flex-shrink:0;}.branch-node-icon{width:56px;height:56px;border-radius:14px;background:var(--white);border:2px solid var(--primary);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;}.branch-node span{font-size:13px;font-weight:700;color:var(--text-h);}.multibranch-features{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:800px;margin:0 auto;}.multibranch-features span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-body);background:var(--white);border:1px solid var(--border-soft);border-radius:50px;padding:8px 18px;}.multibranch-features i{color:#10B981;} .xb-excel-sec{padding:100px 0;background:var(--white);}.excel-workflow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:32px 20px;background:linear-gradient(135deg, rgba(16,185,129,0.06) 0%, rgba(16,185,129,0.02) 100%);border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,0.15);}.ew-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px;}.ew-icon{width:56px;height:56px;border-radius:50%;background:#10B981;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 24px rgba(16,185,129,0.25);}.ew-step span{font-size:13px;font-weight:700;color:var(--text-h);}.ew-arrow{color:#10B981;font-size:20px;opacity:0.5;}.excel-features{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;}.excel-features span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-body);background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.15);border-radius:50px;padding:8px 18px;}.excel-features i{color:#10B981;} .xb-why-sec{padding:100px 0;background:var(--body-bg);}.why-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}.why-card{text-align:center;background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px 24px;transition:var(--transition);}.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-glow);}.why-icon{width:56px;height:56px;border-radius:16px;background:var(--primary-glow);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 18px;}.why-card h3{font-size:18px;font-weight:800;color:var(--text-h);margin-bottom:6px;}.why-card p{font-size:14px;color:var(--text-body);} .xb-demo-sec{padding:100px 0;background:var(--white);}.demo-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);max-width:900px;margin:0 auto;}.demo-viewport{background:linear-gradient(135deg, #1a0f3c 0%, #09011c 100%);min-height:360px;display:flex;align-items:center;justify-content:center;}.demo-placeholder{text-align:center;}.demo-play-btn{width:80px;height:80px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px;cursor:pointer;transition:var(--transition);box-shadow:0 12px 40px rgba(83,58,253,0.4);}.demo-play-btn:hover{transform:scale(1.1);background:var(--primary-dark);}.demo-caption{color:rgba(255,255,255,0.7);font-size:15px;}.demo-cta-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;} .xb-process-sec{padding:100px 0;background:#FFFFFF;position:relative;overflow:hidden;}.xb-process-sec .section-head{position:relative;z-index:2;}.xb-process-sec .section-tag{background:rgba(255,255,255,0.5);color:var(--primary);}.xb-process-sec .section-title{color:var(--text-h);}.xb-process-sec .section-sub{color:var(--text-body);}.hiw-timeline{display:flex;align-items:flex-start;justify-content:center;gap:24px;position:relative;z-index:2;max-width:900px;margin:0 auto;}.hiw-line{position:absolute;top:40px;left:16%;right:16%;height:2px;background:linear-gradient(90deg, transparent 0%, var(--primary) 15%, var(--primary) 85%, transparent 100%);opacity:0.3;z-index:0;}.hiw-step{flex:1;text-align:center;padding:0 12px;position:relative;z-index:1;}.hiw-num{width:80px;height:80px;border-radius:50%;background:var(--white);border:2px solid var(--primary);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;margin:0 auto 24px;box-shadow:0 8px 24px rgba(83,58,253,0.2);}.hiw-icon{width:56px;height:56px;border-radius:16px;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 18px;box-shadow:0 6px 20px rgba(83,58,253,0.3);}.hiw-step h3{font-size:18px;font-weight:800;color:var(--text-h);margin-bottom:8px;}.hiw-step p{font-size:14px;color:var(--text-body);line-height:1.6;max-width:260px;margin:0 auto;}@media (max-width: 768px){.hiw-timeline{flex-direction:column;align-items:center;gap:48px;}.hiw-line{display:none;}.hiw-step{max-width:320px;}} .xb-final-cta-sec{padding:100px 0;background:linear-gradient(135deg, #533AFD 0%, #7B3FDF 50%, #3B28D8 100%);position:relative;overflow:hidden;}.final-cta-inner{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:2;}.final-cta-title{font-size:clamp(28px, 4vw, 42px);font-weight:800;color:var(--white);line-height:1.2;margin-bottom:16px;}.final-cta-title .text-grad{background:linear-gradient(135deg, #fff 0%, #D4CEFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.final-cta-sub{font-size:18px;color:rgba(255,255,255,0.85);margin-bottom:32px;}.final-cta-buttons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;}.final-cta-buttons .fintech-btn{background:var(--white);color:var(--primary) !important;}.final-cta-buttons .fintech-btn:hover{background:var(--dark);color:var(--white) !important;}.final-cta-buttons .btn-ghost{background:rgba(255,255,255,0.15);color:var(--white);border-color:var(--white);}.final-cta-buttons .btn-ghost:hover{background:var(--white);color:var(--primary);border-color:var(--white);}.final-cta-note{font-size:14px;color:rgba(255,255,255,0.7);margin:0;}.final-cta-note .text-success{color:#6ee7b7 !important;} @media (max-width: 991px){.onesystem-grid{grid-template-columns:repeat(2, 1fr);}.role-examples-grid{grid-template-columns:repeat(2, 1fr);}.howitworks-grid{grid-template-columns:repeat(2, 1fr);}.why-grid{grid-template-columns:repeat(2, 1fr);}.dash-value-content{padding-right:0;margin-bottom:40px;}.wa-visual{margin-bottom:40px;}.wa-phone-mockup{width:260px;}}@media (max-width: 767px){.onesystem-grid{grid-template-columns:1fr;}.role-examples-grid{grid-template-columns:1fr 1fr;}.howitworks-grid{grid-template-columns:1fr;}.why-grid{grid-template-columns:1fr;}.ff-list{grid-template-columns:1fr;}.wa-features{grid-template-columns:1fr;}.fin-features{grid-template-columns:1fr;}.students-features{grid-template-columns:1fr;}.att-features{grid-template-columns:1fr;}.inv-features{grid-template-columns:1fr;}.dash-value-grid{grid-template-columns:1fr;}.flexfees-grid{grid-template-columns:1fr;}.branch-lines-svg{max-width:280px;}.branch-nodes{padding:0 22px;margin-top:-14px;}.branch-node{width:44px;}.branch-node-icon{width:44px;height:44px;font-size:18px;}.branch-node span{font-size:12px;}.fee-workflow{gap:12px;}.fw-arrow{transform:rotate(90deg);}.payroll-workflow{gap:12px;}.pw-arrow{transform:rotate(90deg);}.excel-workflow{gap:12px;}.ew-arrow{transform:rotate(90deg);}.demo-cta-row{flex-direction:column;}.demo-cta-row .fintech-btn,.demo-cta-row .btn-ghost{width:100%;justify-content:center;}.final-cta-buttons{flex-direction:column;}.final-cta-buttons .fintech-btn,.final-cta-buttons .btn-ghost{width:100%;justify-content:center;}}@media (max-width: 480px){.xb-onesystem-sec,.xb-dashboard-value-sec,.xb-fee-major-sec,.xb-whatsapp-sec,.xb-finance-sec,.xb-payroll-sec,.xb-flexfees-sec,.xb-students-sec,.xb-attendance-sec,.xb-staff-sec,.xb-inventory-sec,.xb-multibranch-sec,.xb-excel-sec,.xb-why-sec,.xb-demo-sec,.xb-process-sec,.xb-final-cta-sec{padding:60px 0;}.role-examples-grid{grid-template-columns:1fr;}.wa-phone-mockup{width:240px;}} .explore-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--primary);text-decoration:none;transition:var(--transition);}.explore-link:hover{color:var(--primary-dark);gap:10px;}.explore-link i{font-size:13px;} .xb-onesystem-sec{padding:100px 0;background:var(--white);}.onesystem-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:48px;}.os-card{background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px 24px;transition:var(--transition);}.os-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-glow);}.os-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}.os-icon--purple{background:rgba(83,58,253,0.10);color:var(--primary);}.os-icon--green{background:rgba(16,185,129,0.10);color:#10B981;}.os-icon--amber{background:rgba(245,158,11,0.10);color:#D97706;}.os-icon--blue{background:rgba(59,130,246,0.10);color:#3B82F6;}.os-icon--indigo{background:rgba(99,102,241,0.10);color:#6366F1;}.os-icon--pink{background:rgba(236,72,153,0.10);color:#DB2777;}.os-card h3{font-size:17px;font-weight:800;color:var(--text-h);margin:0 0 6px;}.os-card p{font-size:14px;color:var(--text-body);margin:0;line-height:1.5;} .xb-problem-sec{padding:100px 0;background:var(--body-bg);}.problem-comparison{display:flex;align-items:stretch;gap:24px;max-width:900px;margin:40px auto 0;}.problem-col{flex:1;background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px 28px;}.problem-col--before{border-color:rgba(220,38,38,0.15);background:rgba(220,38,38,0.02);}.problem-col--after{border-color:rgba(16,185,129,0.2);background:rgba(16,185,129,0.03);}.problem-col-head{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-soft);}.problem-col--before .problem-col-head,.problem-col--before .problem-col-head i{color:#DC2626;}.problem-col--after .problem-col-head,.problem-col--after .problem-col-head i{color:#059669;}.problem-list{list-style:none;padding:0;margin:0;}.problem-list li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-body);padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.04);}.problem-list li:last-child{border-bottom:none;}.problem-list li i{font-size:16px;flex-shrink:0;width:20px;text-align:center;}.problem-col--before .problem-list li i{color:#DC2626;opacity:0.7;}.problem-col--after .problem-list li i{color:#10B981;}.problem-stat{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px 16px;border-radius:var(--radius);font-size:15px;font-weight:700;}.problem-stat--before{background:#FEF2F2;color:#DC2626;border:1px solid rgba(220,38,38,0.15);}.problem-stat--after{background:#ECFDF5;color:#059669;border:1px solid rgba(16,185,129,0.15);}.problem-stat i{font-size:18px;}.problem-stat span{line-height:1.3;}.problem-arrow{display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary);flex-shrink:0;} .xb-modules-sec{padding:100px 0;background:var(--white);}.modules-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}.modules-grid--3{grid-template-columns:repeat(3, 1fr);margin-top:48px;}.module-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:28px 24px;text-decoration:none;color:inherit;transition:var(--transition);}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-glow);color:inherit;}.module-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px;}.module-icon--purple{background:rgba(83,58,253,0.10);color:var(--primary);}.module-icon--green{background:rgba(16,185,129,0.10);color:#10B981;}.module-icon--amber{background:rgba(245,158,11,0.10);color:#D97706;}.module-icon--blue{background:rgba(59,130,246,0.10);color:#3B82F6;}.module-icon--indigo{background:rgba(99,102,241,0.10);color:#6366F1;}.module-icon--pink{background:rgba(236,72,153,0.10);color:#DB2777;}.module-card h3{font-size:17px;font-weight:800;color:var(--text-h);margin:0;}.module-card p{font-size:14px;color:var(--text-body);margin:0;line-height:1.5;}.module-explore{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);margin-top:auto;padding-top:12px;}.module-explore i{font-size:11px;}.module-card:hover .module-explore{gap:10px;} .fee-quick-features{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;}.fee-quick-features span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-body);background:var(--white);border:1px solid var(--border-soft);border-radius:50px;padding:8px 18px;}.fee-quick-features i{color:#10B981;font-size:14px;}.xb-fee-major-sec .fee-quick-features span,.xb-payroll-sec .fee-quick-features span{background:rgba(83,58,253,0.04);} .howitworks-grid--3{grid-template-columns:repeat(3, 1fr);} .fp-hero2{position:relative;padding:130px 0 100px;background:linear-gradient(160deg, #0A0118 0%, #160830 40%, #1E0B45 70%, #0F0420 100%);overflow:hidden;color:var(--white);} .fp-hero2-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5;z-index:0;}.fp-hero2-orb--1{width:500px;height:500px;background:radial-gradient(circle, rgba(83, 58, 253,0.6) 0%, transparent 70%);top:-150px;right:-100px;animation:fpOrb1 12s ease-in-out infinite;}.fp-hero2-orb--2{width:400px;height:400px;background:radial-gradient(circle, rgba(168, 85, 247,0.5) 0%, transparent 70%);bottom:-100px;left:-80px;animation:fpOrb2 14s ease-in-out infinite;}@keyframes fpOrb1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-40px, 30px) scale(1.1);}}@keyframes fpOrb2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px, -20px) scale(1.15);}} .fp-hero2-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, black 30%, transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%, black 30%, transparent 80%);}.fp-hero2 .container{position:relative;z-index:1;}.fp-hero2-row{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;} .fp-hero2-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.9);font-size:13px;font-weight:700;padding:8px 18px;border-radius:50px;margin-bottom:28px;backdrop-filter:blur(10px);}.fp-hero2-dot{width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 12px #34D399;animation:fpDotPulse 2s ease-in-out infinite;}@keyframes fpDotPulse{0%,100%{opacity:1;}50%{opacity:0.4;}}.fp-hero2-title{font-size:clamp(32px, 4.5vw, 52px);font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1px;margin-bottom:22px;}.fp-hero2-grad{display:block;background:linear-gradient(135deg, #9333EA 0%, #C084FC 50%, #A855F7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.fp-hero2-sub{font-size:17px;color:rgba(255,255,255,0.7);line-height:1.65;max-width:480px;margin-bottom:36px;}.fp-hero2-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px;}.fp-hero2-ghost{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);color:var(--white) !important;font-weight:700;font-size:16px;padding:18px 32px;border-radius:50px;border:1.5px solid rgba(255,255,255,0.2);transition:var(--transition);backdrop-filter:blur(10px);}.fp-hero2-ghost:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);transform:translateY(-2px);}.fp-hero2-trust{display:flex;gap:20px;flex-wrap:wrap;}.fp-hero2-trust span{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,0.6);font-weight:600;}.fp-hero2-trust i{color:#34D399;font-size:14px;} .fp-hero2-visual{position:relative;padding:0 20px;}.fp-hero2-card-glow{position:absolute;inset:-10px 10px;background:radial-gradient(ellipse 70% 60% at 50% 50%, rgba(83, 58, 253,0.35) 0%, transparent 65%);filter:blur(30px);z-index:0;}.fp-hero2-shot{position:relative;z-index:1;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);}.fp-hero2-shot img{width:100%;display:block;} .fp-hero2-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;background:rgba(20, 10, 50, 0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.18);border-radius:14px;padding:12px 16px;box-shadow:0 12px 40px rgba(0,0,0,0.35);}.fp-hero2-chip strong{display:block;font-size:13px;font-weight:800;color:var(--white);line-height:1.2;}.fp-hero2-chip span{font-size:11px;color:rgba(255,255,255,0.75);}.fp-hero2-chip-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:rgba(83, 58, 253,0.35);color:var(--white);border:1px solid rgba(255,255,255,0.2);}.fp-hero2-chip--1{top:8%;left:-16px;animation:fpChipFloat 5s ease-in-out infinite;}.fp-hero2-chip--2{top:48%;right:-20px;animation:fpChipFloat 6s ease-in-out infinite 1s;}.fp-hero2-chip--3{bottom:6%;left:10%;animation:fpChipFloat 5.5s ease-in-out infinite 0.5s;}@keyframes fpChipFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}} .fp-sticky-nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-soft);box-shadow:0 4px 24px rgba(83, 58, 253,0.06);}.fp-nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.fp-nav-scroll::-webkit-scrollbar{display:none;}.fp-nav{display:flex;gap:4px;padding:12px 24px;max-width:1240px;margin:0 auto;white-space:nowrap;}.fp-nav a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--text-body);padding:8px 16px;border-radius:50px;transition:var(--transition);flex-shrink:0;}.fp-nav a i{font-size:13px;opacity:0.7;}.fp-nav a:hover{color:var(--primary);background:rgba(83, 58, 253, 0.12);}.fp-nav a.active{color:var(--white);background:var(--primary);box-shadow:0 4px 14px rgba(83, 58, 253,0.3);}.fp-nav a.active i{opacity:1;} .fp-sec{padding:110px 0;scroll-margin-top:56px;position:relative;}.fp-sec--white{background:var(--white);}.fp-sec--soft{background:var(--body-bg);}.fp-sec--tint{background:radial-gradient(ellipse 70% 50% at 30% 0%, rgba(83, 58, 253,0.06) 0%, transparent 60%),var(--white);}.fp-sec--purple{background:linear-gradient(135deg, var(--primary) 0%, #7B3FDF 50%, #9333EA 100%);color:rgba(255,255,255,0.9);}.fp-sec--purple .fp-eyebrow{background:rgba(255,255,255,0.15);color:var(--white);}.fp-sec--purple .fp-headline,.fp-sec--purple .fp-desc{color:var(--white);}.fp-sec--purple .fp-desc{color:rgba(255,255,255,0.85);}.fp-sec--purple .fp-tag-list span{background:rgba(255,255,255,0.12);color:var(--white);border-color:rgba(255,255,255,0.2);}.fp-sec--purple .fp-tag-list i{color:#C084FC;} .fp-sec .text-grad,.fp-final-cta .text-grad{background:linear-gradient(135deg, var(--primary) 0%, #A855F7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.fp-sec--dark{background:linear-gradient(160deg, #075E54 0%, #128C7E 40%, #25D366 100%);color:rgba(255,255,255,0.95);}.fp-sec--dark .fp-eyebrow{background:rgba(255,255,255,0.18);color:#FFFFFF;}.fp-sec--dark .fp-headline{color:var(--white);}.fp-sec--dark .fp-desc{color:rgba(255,255,255,0.85);} .fp-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:rgba(83, 58, 253, 0.12);padding:6px 14px;border-radius:50px;margin-bottom:18px;}.fp-headline{font-size:clamp(28px, 3.6vw, 44px);font-weight:800;color:var(--text-h);line-height:1.15;letter-spacing:-0.8px;margin-bottom:16px;}.fp-desc{font-size:17px;color:var(--text-body);line-height:1.65;max-width:520px;} .fp-tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}.fp-tag-list span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-body);background:var(--white);border:1px solid var(--border-soft);border-radius:50px;padding:7px 14px;}.fp-tag-list i{color:#10B981;font-size:12px;} .fp-split{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;}.fp-split--rev{grid-template-columns:1.15fr 1fr;}.fp-split--rev .fp-split-text{order:2;}.fp-split--rev .fp-split-visual{order:1;} .fp-center{text-align:center;}.fp-center .fp-eyebrow,.fp-center .fp-headline,.fp-center .fp-desc{margin-left:auto;margin-right:auto;}.fp-center .fp-desc{max-width:620px;}.fp-center-visual{margin-top:56px;} .fp-visual{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 30px 80px rgba(83, 58, 253,0.18);border:1px solid var(--border-soft);background:var(--white);}.fp-visual-wrap{position:relative;display:inline-block;width:100%;}.fp-visual-wrap .fp-visual{width:100%;}.fp-visual img{width:100%;display:block;}.fp-visual--glow::before{content:'';position:absolute;inset:-30px;background:radial-gradient(ellipse 60% 50% at 50% 50%, rgba(83, 58, 253,0.15) 0%, transparent 70%);z-index:-1;filter:blur(16px);}.fp-visual--flat{box-shadow:var(--shadow);border-radius:var(--radius-lg);} .fp-browser{border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 30px 80px rgba(83, 58, 253,0.18);border:1px solid var(--border-soft);background:var(--white);}.fp-browser-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#F6F5FF;border-bottom:1px solid var(--border-soft);}.fp-browser-dots{display:flex;gap:7px;}.fp-browser-dots span{width:11px;height:11px;border-radius:50%;}.fp-browser-dots span:nth-child(1){background:#FF5F57;}.fp-browser-dots span:nth-child(2){background:#FEBC2E;}.fp-browser-dots span:nth-child(3){background:#28C840;}.fp-browser-url{flex:1;font-size:12px;color:var(--text-muted);background:var(--white);border:1px solid var(--border-soft);border-radius:8px;padding:5px 12px;display:flex;align-items:center;gap:6px;}.fp-browser img{width:100%;display:block;} .fp-callout{position:absolute;background:var(--white);border:1px solid var(--border-soft);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);font-size:12px;font-weight:700;color:var(--text-h);display:flex;align-items:center;gap:8px;z-index:3;white-space:nowrap;}.fp-callout i{font-size:14px;}.fp-callout--green i{color:#10B981;}.fp-callout--red i{color:#EF4444;}.fp-callout--amber i{color:#D97706;}.fp-callout--purple i{color:var(--primary);}.fp-callout--blue i{color:#9333EA;}.fp-callout--indigo i{color:#6366F1;}.fp-callout--pink i{color:#EC4899;} .fp-explorer-head{text-align:center;max-width:620px;margin:0 auto 56px;}.fp-bento{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows:180px;gap:16px;}.fp-bento-card{display:flex;flex-direction:column;background:var(--bc, var(--white));border:1.5px solid var(--bc-border, var(--border-soft));border-radius:var(--radius-lg);padding:28px 26px;text-decoration:none;color:inherit;transition:var(--transition);position:relative;overflow:hidden;}.fp-bento-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, transparent 50%, rgba(255,255,255,0.04) 100%);pointer-events:none;opacity:0;transition:var(--transition);}.fp-bento-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(83, 58, 253,0.12);border-color:rgba(83, 58, 253, 0.12);color:inherit;}.fp-bento-card:hover::after{opacity:1;} .fp-bento--lg{grid-column:span 2;grid-row:span 2;}.fp-bento--md{grid-column:span 2;grid-row:span 1;}.fp-bento--sm{grid-column:span 1;grid-row:span 1;}.fp-bento--wide{grid-column:span 2;grid-row:span 1;flex-direction:row;align-items:center;gap:20px;}.fp-bento-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;flex-shrink:0;}.fp-bento-icon--sm{width:40px;height:40px;font-size:17px;margin-bottom:12px;}.fp-bento--sm h3{font-size:15px;}.fp-bento-card h3{font-size:18px;font-weight:800;color:var(--text-h);margin:0 0 8px;line-height:1.2;}.fp-bento-card p{font-size:14px;color:var(--text-body);line-height:1.55;margin:0;}.fp-bento--sm p{display:none;}.fp-bento-arrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary);margin-top:auto;padding-top:14px;}.fp-bento-arrow i{font-size:11px;transition:var(--transition);}.fp-bento-card:hover .fp-bento-arrow{gap:10px;}.fp-bento--sm .fp-bento-arrow{padding-top:10px;}.fp-bento-wide-body{flex:1;}.fp-bento--wide .fp-bento-arrow{margin-top:0;padding-top:0;} .fp-workflow{display:flex;align-items:stretch;gap:0;margin-top:48px;flex-wrap:wrap;justify-content:center;}.fp-wf-step{flex:1;min-width:140px;text-align:center;padding:28px 16px;position:relative;}.fp-wf-num{width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--white);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}.fp-wf-step h4{font-size:16px;font-weight:800;color:var(--text-h);margin:0 0 4px;}.fp-wf-step p{font-size:13px;color:var(--text-body);margin:0;}.fp-wf-arrow{display:flex;align-items:center;color:var(--primary);font-size:20px;opacity:0.4;align-self:center;}.fp-sec--purple .fp-wf-num{background:rgba(255,255,255,0.2);color:var(--white);}.fp-sec--purple .fp-wf-step h4{color:var(--white);}.fp-sec--purple .fp-wf-step p{color:rgba(255,255,255,0.8);}.fp-sec--purple .fp-wf-arrow{color:rgba(255,255,255,0.5);} .fp-sec--purple .fp-tab{color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);}.fp-sec--purple .fp-tab:hover{color:var(--white);background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.4);}.fp-sec--purple .fp-tab.active{background:var(--white);color:var(--primary);border-color:var(--white);box-shadow:0 6px 20px rgba(0,0,0,0.2);}.fp-sec--purple .fp-tab-text h3{color:var(--white);}.fp-sec--purple .fp-tab-text p{color:rgba(255,255,255,0.8);} .fp-sec--dark .fp-tag-list span{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.95);border-color:rgba(255,255,255,0.25);}.fp-sec--dark .fp-tag-list i{color:#FFFFFF;}.fp-sec--dark .fp-wa-arrow{color:rgba(255,255,255,0.6);}.fp-sec--dark .fp-wa-node span{color:var(--white);}.fp-sec--dark .fp-wa-metric-label{color:rgba(255,255,255,0.85);}.fp-sec--dark .fp-wa-metric{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);} .fp-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}.fp-tab{font-size:14px;font-weight:700;color:var(--text-body);background:var(--white);border:1.5px solid var(--border-soft);border-radius:50px;padding:10px 20px;cursor:pointer;transition:var(--transition);}.fp-tab:hover{border-color:var(--primary);color:var(--primary);}.fp-tab.active{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 6px 18px rgba(83, 58, 253,0.3);}.fp-tab-pane{display:none;}.fp-tab-pane.active{display:block;animation:fpFadeIn 0.4s var(--ease);}@keyframes fpFadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.fp-tab-content{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;}.fp-tab-text h3{font-size:22px;font-weight:800;color:var(--text-h);margin-bottom:12px;}.fp-tab-text p{font-size:15px;color:var(--text-body);line-height:1.65;} .fp-wa-flow{display:flex;align-items:center;justify-content:center;gap:24px;margin:48px 0;flex-wrap:wrap;}.fp-wa-node{display:flex;flex-direction:column;align-items:center;gap:12px;}.fp-wa-node-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px;}.fp-wa-node-icon--cn{background:rgba(255,255,255,0.2);color:var(--white);}.fp-wa-node-icon--wa{background:rgba(255,255,255,0.2);color:var(--white);}.fp-wa-node-icon--par{background:rgba(255,255,255,0.2);color:var(--white);}.fp-wa-node span{font-size:13px;font-weight:700;color:var(--text-h);}.fp-wa-arrow{font-size:24px;color:var(--text-muted);} .fp-wa-chat{max-width:360px;margin:0 auto;background:#E5DDD5;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);}.fp-wa-chat-head{display:flex;align-items:center;gap:12px;background:#075E54;color:var(--white);padding:14px 18px;}.fp-wa-chat-head .fp-wa-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;}.fp-wa-chat-head h4{font-size:15px;font-weight:700;margin:0;}.fp-wa-chat-head p{font-size:12px;opacity:0.8;margin:0;}.fp-wa-chat-body{padding:20px 16px;min-height:200px;background:linear-gradient(rgba(229,221,213,0.95), rgba(229,221,213,0.95)),url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0z' fill='%23d4cdc4' opacity='0.3'/%3E%3C/svg%3E");}.fp-wa-msg{background:var(--white);border-radius:10px 10px 10px 0;padding:12px 14px;font-size:13.5px;color:#303030;line-height:1.5;max-width:88%;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,0.1);}.fp-wa-msg strong{color:var(--primary);}.fp-wa-msg-time{display:block;text-align:right;font-size:10px;color:#8696A0;margin-top:6px;}.fp-wa-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#8696A0;}.fp-wa-status .fa-check-double{color:#53BDEB;} .fp-wa-metrics{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:32px;}.fp-wa-metric{text-align:center;padding:20px 12px;background:rgba(255,255,255,0.08);border-radius:14px;border:1px solid rgba(255,255,255,0.12);}.fp-wa-metric-icon{font-size:22px;margin-bottom:8px;}.fp-wa-metric-icon--sent{color:#A855F7;}.fp-wa-metric-icon--del{color:#53BDEB;}.fp-wa-metric-icon--read{color:#34D399;}.fp-wa-metric-icon--fail{color:#F87171;}.fp-wa-metric-label{font-size:12px;color:rgba(255,255,255,0.8);font-weight:600;} .fp-roles{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:48px;}.fp-role{text-align:center;padding:28px 20px;background:var(--white);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);transition:var(--transition);}.fp-role:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.fp-role-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 14px;}.fp-role-icon--admin{background:rgba(83, 58, 253,0.10);color:var(--primary);}.fp-role-icon--acc{background:rgba(16,185,129,0.10);color:#10B981;}.fp-role-icon--tch{background:rgba(245,158,11,0.10);color:#D97706;}.fp-role-icon--stf{background:rgba(99,102,241,0.10);color:#6366F1;}.fp-role h4{font-size:16px;font-weight:800;color:var(--text-h);margin:0 0 4px;}.fp-role p{font-size:13px;color:var(--text-body);margin:0;} .fp-pay-timeline{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap;}.fp-pay-plan{flex:1;min-width:200px;padding:24px;border-radius:var(--radius-lg);background:var(--white);border:1.5px solid var(--border-soft);transition:var(--transition);}.fp-pay-plan:hover{border-color:rgba(83, 58, 253, 0.12);box-shadow:var(--shadow);}.fp-pay-plan:nth-child(1) .fp-pay-plan-icon{background:rgba(83, 58, 253,0.12);color:var(--primary);}.fp-pay-plan:nth-child(2) .fp-pay-plan-icon{background:rgba(16,185,129,0.12);color:#10B981;}.fp-pay-plan:nth-child(3) .fp-pay-plan-icon{background:rgba(245,158,11,0.12);color:#D97706;}.fp-pay-plan:nth-child(4) .fp-pay-plan-icon{background:rgba(236,72,153,0.12);color:#DB2777;}.fp-pay-plan-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px;}.fp-pay-plan h4{font-size:16px;font-weight:800;color:var(--text-h);margin:0 0 6px;}.fp-pay-plan p{font-size:13px;color:var(--text-body);margin:0;line-height:1.5;} .fp-inv-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:32px;}.fp-inv-stat{padding:24px 20px;border-radius:var(--radius-lg);text-align:center;border:1px solid var(--border-soft);}.fp-inv-stat--avail{background:rgba(16,185,129,0.06);border-color:rgba(16,185,129,0.2);}.fp-inv-stat--low{background:rgba(245,158,11,0.06);border-color:rgba(245,158,11,0.2);}.fp-inv-stat--alloc{background:rgba(124, 99, 235,0.06);border-color:rgba(124, 99, 235,0.2);}.fp-inv-stat--val{background:rgba(99,102,241,0.06);border-color:rgba(99,102,241,0.2);}.fp-inv-stat-icon{font-size:24px;margin-bottom:10px;}.fp-inv-stat--avail .fp-inv-stat-icon{color:#10B981;}.fp-inv-stat--low .fp-inv-stat-icon{color:#D97706;}.fp-inv-stat--alloc .fp-inv-stat-icon{color:#9333EA;}.fp-inv-stat--val .fp-inv-stat-icon{color:#6366F1;}.fp-inv-stat h4{font-size:24px;font-weight:800;color:var(--text-h);margin:0 0 4px;}.fp-inv-stat p{font-size:12px;color:var(--text-body);margin:0;font-weight:600;} .fp-branch-tree{display:flex;flex-direction:column;align-items:center;gap:0;margin:48px 0;}.fp-branch-hq{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 32px;border-radius:var(--radius-lg);background:#0F766E;color:var(--white);box-shadow:0 12px 32px rgba(15, 118, 110, 0.3);}.fp-branch-hq i{font-size:28px;}.fp-branch-hq span{font-size:15px;font-weight:800;}.fp-branch-connector{width:2px;height:40px;background:linear-gradient(180deg, #0F766E, var(--border-soft));}.fp-branch-row{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;}.fp-branch-node{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 24px;border-radius:var(--radius);background:var(--white);border:1.5px solid var(--border-soft);transition:var(--transition);}.fp-branch-node:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(83, 58, 253, 0.12);}.fp-branch-node i{font-size:22px;color:#0F766E;}.fp-branch-node span{font-size:13px;font-weight:700;color:var(--text-h);} .fp-compact{padding:80px 0;scroll-margin-top:56px;}.fp-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}.fp-compact-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}.fp-compact-list span{font-size:13px;font-weight:600;color:var(--text-body);background:var(--white);border:1px solid var(--border-soft);border-radius:50px;padding:6px 14px;display:inline-flex;align-items:center;gap:6px;}.fp-compact-list i{color:#10B981;font-size:11px;} .fp-sec-pillars{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:48px;}.fp-pillar{padding:28px 22px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border-soft);transition:var(--transition);}.fp-pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.fp-pillar:nth-child(1) .fp-pillar-icon{background:rgba(83, 58, 253,0.12);color:var(--primary);}.fp-pillar:nth-child(2) .fp-pillar-icon{background:rgba(16,185,129,0.12);color:#10B981;}.fp-pillar:nth-child(3) .fp-pillar-icon{background:rgba(245,158,11,0.12);color:#D97706;}.fp-pillar:nth-child(4) .fp-pillar-icon{background:rgba(236,72,153,0.12);color:#DB2777;}.fp-pillar-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;}.fp-pillar h4{font-size:15px;font-weight:800;color:var(--text-h);margin:0 0 6px;}.fp-pillar p{font-size:13px;color:var(--text-body);margin:0;line-height:1.55;} .fp-device-card{display:flex;gap:18px;align-items:flex-start;margin-top:28px;padding:22px;background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition);}.fp-device-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}.fp-device-card .fp-pillar-icon{flex-shrink:0;margin-bottom:0;background:rgba(83,58,253,0.12);color:var(--primary);}.fp-device-card-body strong{display:block;font-size:15px;font-weight:800;color:var(--text-h);margin-bottom:4px;}.fp-device-card-body p{font-size:13px;color:var(--text-body);margin:0 0 8px;line-height:1.55;}.fp-device-card-link{font-size:13px;font-weight:700;color:var(--primary);}.fp-device-card-link i{font-size:11px;margin-left:4px;transition:var(--transition);}.fp-device-card:hover .fp-device-card-link i{transform:translateX(3px);} .fp-trust{display:flex;align-items:center;gap:32px;max-width:880px;margin:0 auto;}.fp-trust-icon{flex-shrink:0;width:80px;height:80px;border-radius:24px;background:rgba(99,102,241,0.12);color:#6366F1;display:flex;align-items:center;justify-content:center;font-size:34px;}.fp-trust-text h3{font-size:24px;font-weight:800;color:var(--text-h);margin-bottom:10px;}.fp-trust-text p{font-size:15px;color:var(--text-body);line-height:1.65;margin:0;} .fp-final-cta{padding:100px 0;text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 100%, rgba(83, 58, 253,0.12) 0%, transparent 70%),var(--white);}.fp-final-cta h2{font-size:clamp(30px, 4vw, 46px);font-weight:800;color:var(--text-h);letter-spacing:-0.8px;margin-bottom:16px;}.fp-final-cta p{font-size:17px;color:var(--text-body);max-width:520px;margin:0 auto 32px;}.fp-final-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}.fp-final-cta-note{margin-top:24px;font-size:13px;color:var(--text-muted);}.fp-final-cta-note .fa-check-circle{color:#10B981;} .fp-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease);}.fp-reveal.in{opacity:1;transform:translateY(0);} @media (max-width: 1024px){.fp-bento{grid-template-columns:repeat(3, 1fr);}.fp-bento--lg{grid-column:span 2;grid-row:span 2;}.fp-roles{grid-template-columns:repeat(2, 1fr);}.fp-inv-stats{grid-template-columns:repeat(2, 1fr);}.fp-sec-pillars{grid-template-columns:repeat(2, 1fr);}.fp-hero2-chip--3{display:none;}}@media (max-width: 900px){.fp-split,.fp-split--rev,.fp-tab-content,.fp-compact-grid{grid-template-columns:1fr;gap:36px;}.fp-split--rev .fp-split-text{order:1;}.fp-split--rev .fp-split-visual{order:2;}.onesystem-grid,.modules-grid{grid-template-columns:repeat(2, 1fr);}.modules-grid--3{grid-template-columns:repeat(2, 1fr);}.fp-wa-metrics{grid-template-columns:repeat(2, 1fr);} .fp-hero2-row{grid-template-columns:1fr;gap:48px;}.fp-hero2-visual{max-width:560px;margin:0 auto;}.fp-hero2-chip--1,.fp-hero2-chip--2{display:none;}}@media (max-width: 768px){.fp-bento{grid-template-columns:repeat(2, 1fr);grid-auto-rows:160px;}.fp-bento--lg{grid-column:span 2;grid-row:span 2;}.fp-bento--md{grid-column:span 2;}.fp-bento--wide{grid-column:span 2;flex-direction:column;align-items:flex-start;}.fp-bento--wide .fp-bento-arrow{margin-top:auto;padding-top:14px;}}@media (max-width: 640px){.fp-sec{padding:70px 0;}.fp-compact{padding:56px 0;}.fp-hero2{padding:110px 0 70px;}.fp-roles,.fp-inv-stats,.fp-sec-pillars{grid-template-columns:1fr;}.problem-comparison{flex-direction:column;}.problem-arrow{transform:rotate(90deg);padding:10px 0;}.fp-workflow{flex-direction:column;gap:8px;}.fp-wf-arrow{transform:rotate(90deg);}.fp-trust{flex-direction:column;text-align:center;gap:20px;}.fp-pay-timeline{flex-direction:column;}.fp-callout{display:none;}.fp-hero2-chip{display:none;}}@media (max-width: 480px){.onesystem-grid,.modules-grid{grid-template-columns:1fr;}.fp-bento{grid-template-columns:1fr 1fr;grid-auto-rows:140px;}.fp-bento--lg,.fp-bento--md,.fp-bento--wide{grid-column:span 2;}.fp-hero2-title{font-size:28px;}.fp-nav a{font-size:12px;padding:7px 12px;}}cn-* vocabulary;only additions needed for the new SEO page template in includes/seo-page.php ═══════════════════════════════════════════════════════════ */ .cn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:26px;}.cn-breadcrumb a{color:#64748B;text-decoration:none;transition:color 0.15s;}.cn-breadcrumb a:hover{color:var(--primary);}.cn-breadcrumb i{font-size:9px;color:#CBD5E1;}.cn-breadcrumb .current{color:#1A1A2E;font-weight:600;} .fp-hero2 .cn-breadcrumb{position:relative;z-index:2;margin-bottom:34px;}.fp-hero2 .cn-breadcrumb a{color:rgba(255,255,255,0.55);}.fp-hero2 .cn-breadcrumb a:hover{color:#B8AEFF;}.fp-hero2 .cn-breadcrumb i{color:rgba(255,255,255,0.25);}.fp-hero2 .cn-breadcrumb .current{color:rgba(255,255,255,0.9);} .fp-desc+.fp-desc{margin-top:14px;} .fp-desc a,.fp-center a,.fp-pillar p a{color:var(--primary);font-weight:600;text-decoration:none;}.fp-desc a:hover,.fp-center a:hover,.fp-pillar p a:hover{text-decoration:underline;} .fp-pillar--link{display:block;text-decoration:none;color:inherit;}.fp-pillar--link:hover{transform:translateY(-4px);box-shadow:var(--shadow);}.fp-pillar--link h4{color:var(--text-h);}.fp-pillar-arrow{font-size:11px;color:var(--primary);margin-left:6px;transition:var(--transition);}.fp-pillar--link:hover .fp-pillar-arrow{transform:translateX(3px);} .fp-sec--soft .fp-pillar,.fp-sec--tint .fp-pillar{background:var(--white);}.fp-sec-pillars--3{grid-template-columns:repeat(3, 1fr);}.fp-sec-pillars--2{grid-template-columns:repeat(2, 1fr);}@media (max-width: 991px){.fp-sec-pillars--3{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 640px){.fp-sec-pillars--3,.fp-sec-pillars--2{grid-template-columns:1fr;}} .xb-dashboard-sec,.xb-brand-sec,.xb-problem-sec,.xb-modules-sec,.xb-finance-sec,.xb-fee-major-sec,.xb-whatsapp-sec,.xb-flexfees-sec,.xb-payroll-sec,.xb-multibranch-sec,.xb-security-sec,.xb-process-sec,.xb-pricing-sec,.xb-testimonial-sec,.xb-comparison-sec,.xb-plan-guide-sec,.xb-faq-sec,.xb-final-cta-sec,.xb-activity-sec,.xb-pricing-cta-sec,.xb-contact-sec,.xb-contact-cta-sec,.fp-sec,.fp-compact,.fp-final-cta,.af-section,.af-benefits,.af-final-cta,.af-apply-sec,.pp-section:not(.pp-pricing-hero):not(.pp-contact-hero),.xb-footer{content-visibility:auto;contain-intrinsic-size:auto 900px;} .fp-pillar-icon--img{background:rgba(83,58,253,.08) !important;padding:8px;}.fp-pillar-icon--img img{width:56px;height:56px;object-fit:contain;display:block;}a.fp-pillar-link{text-decoration:none;color:inherit;display:block;transition:transform .18s ease,box-shadow .18s ease;}a.fp-pillar-link:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(83,58,253,.12);}a.fp-pillar-link h4 a{color:inherit;} .fp-sec-pillars--3{grid-template-columns:repeat(3, 1fr);}.fp-sec-pillars--2{grid-template-columns:repeat(2, 1fr);}@media (max-width: 1024px){.fp-sec-pillars--3,.fp-sec-pillars--2{grid-template-columns:repeat(2, 1fr);}}@media (max-width: 640px){.fp-sec-pillars--3,.fp-sec-pillars--2{grid-template-columns:1fr;}} .fp-center .fp-desc{text-align:left;}@media (max-width: 640px){.fp-center .fp-desc{text-align:left;}} .fp-pillar{display:flex;flex-direction:column;}.fp-pillar p{flex:1;}