*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-light:#60a5fa;--primary-dark:#1d4ed8;--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--accent:#06b6d4;--accent-light:#67e8f9;--accent-dark:#0891b2;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-glow:0 0 30px #2563eb26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width:1444px;--nav-height:80px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);color:var(--gray-700);background-color:var(--white);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{border:none;outline:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gray-900);font-weight:700;line-height:1.2}h1{font-size:clamp(2.25rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--gray-500);line-height:1.75}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0}.section-header{text-align:center;max-width:620px;margin:0 auto var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md);position:relative}.section-header p{font-size:1.05rem}.section-divider{background:linear-gradient(90deg, var(--primary), var(--accent));width:50px;height:3px;margin:var(--space-md) auto;border-radius:var(--radius-full)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-base);letter-spacing:.02em;padding:.85rem 2rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.btn-outline{border:2px solid var(--white);color:var(--white);background:0 0}.btn-outline:hover{background:var(--white);color:var(--primary);transform:translateY(-2px)}.btn-white{background:var(--white);color:var(--primary);box-shadow:var(--shadow-md)}.btn-white:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-up{opacity:0;animation:.7s forwards fadeInUp}.animate-fade-left{opacity:0;animation:.7s forwards fadeInLeft}.animate-fade-right{opacity:0;animation:.7s forwards fadeInRight}.animate-scale-in{opacity:0;animation:.6s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.navbar{z-index:1000;height:var(--nav-height);transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px #0000000a}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);background:#fffffff2}.navbar .container{justify-content:space-between;align-items:center;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--gray-900);transition:color var(--transition-base);z-index:1001;font-size:clamp(1.2rem,3vw,1.55rem);font-weight:800;display:flex}.navbar.scrolled .navbar-brand{color:var(--gray-900)}.navbar-brand .brand-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--accent));width:40px;height:40px;color:var(--white);justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 2px 10px #2563eb4d}.navbar-nav{align-items:center;gap:var(--space-lg);display:flex}.navbar-nav a{color:var(--gray-600);transition:color var(--transition-fast);letter-spacing:.02em;text-transform:uppercase;font-size:clamp(.75rem,1.2vw,.9rem);font-weight:500;position:relative}.navbar.scrolled .navbar-nav a{color:var(--gray-600)}.navbar-nav a:hover{color:var(--primary)}.navbar-nav a:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.navbar-nav a:hover:after,.navbar-nav a.active:after{width:100%}.navbar.scrolled .navbar-nav a:hover{color:var(--primary)}.navbar-cta{box-shadow:0 4px 15px #2563eb4d;background:linear-gradient(135deg, var(--primary), var(--accent))!important;color:var(--white)!important;border-radius:var(--radius-full)!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:all var(--transition-base)!important;padding:.6rem 1.5rem!important;font-size:.85rem!important}.navbar-cta:after{display:none!important}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66!important}.navbar.scrolled .navbar-cta{color:var(--white)!important}.mobile-toggle{z-index:1001;flex-direction:column;gap:5px;padding:5px;display:none}.mobile-toggle span{background:var(--gray-800);width:25px;height:2px;transition:all var(--transition-base);border-radius:2px}.navbar.scrolled .mobile-toggle span{background:var(--gray-800)}.mobile-toggle.open span:first-child{transform:rotate(45deg)translateY(5px)translate(5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg)translateY(-5px)translate(5px)}.hero-split{background:var(--white);min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-3xl);align-items:center;display:flex;overflow:hidden}.hero-split-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-split-text{max-width:540px}.hero-label{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:var(--space-lg);font-size:clamp(.72rem,1.2vw,.82rem);font-weight:600}.hero-split-text h1{color:var(--gray-900);margin-bottom:var(--space-lg);letter-spacing:-.025em;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12}.hero-gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.1em;font-style:italic}.hero-split-desc{color:var(--gray-500);margin-bottom:var(--space-2xl);font-size:clamp(.9rem,1.5vw,1.08rem);line-height:1.75}.hero-split-actions{align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.hero-social-proof{align-items:center;gap:var(--space-md);display:flex}.hero-avatars{display:flex}.hero-avatar{width:36px;height:36px;color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:.65rem;font-weight:700;display:flex}.hero-avatar:first-child{margin-left:0}.hero-rating{flex-direction:column;display:flex}.hero-stars{color:var(--warning);letter-spacing:1px;font-size:.85rem}.hero-rating-text{color:var(--gray-400);font-size:clamp(.68rem,1vw,.78rem);font-weight:500}.hero-interactive-ui{background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);width:100%;max-width:600px;height:400px;display:flex;overflow:hidden}.interactive-tabs{background:var(--gray-50);border-right:1px solid var(--gray-200);flex-direction:column;width:180px;display:flex}.interactive-tab{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--gray-200);transition:all var(--transition-fast);color:var(--gray-600);text-align:left;border-left:3px solid #0000;display:flex}.interactive-tab:hover{background:var(--gray-100)}.interactive-tab.active{background:var(--white);color:var(--primary);border-left:3px solid var(--primary);font-weight:600}.interactive-tab-icon{font-size:1.2rem}.interactive-tab-label{font-size:.85rem}.interactive-content{padding:var(--space-lg);background:var(--white);flex:1;position:relative;overflow-y:auto}.mock-ui{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.mock-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.mock-title{color:var(--gray-800);font-size:1.1rem;font-weight:700}.mock-badge{background:var(--primary-50);color:var(--primary);border-radius:var(--radius-full);padding:.2rem .5rem;font-size:.7rem;font-weight:600}.mock-badge.success{color:var(--success);background:#ecfdf5}.mock-badge.warning{color:var(--warning);background:#fffbeb}.mock-stats-row{gap:var(--space-md);display:flex}.mock-stat-box{padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.mock-stat-box span{color:var(--gray-500);font-size:.75rem}.mock-stat-box strong{color:var(--gray-900);font-size:1.4rem}.mock-chart{align-items:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-bottom:1px solid var(--gray-200);flex:1;height:100px;display:flex}.mock-bar{background:linear-gradient(to top, var(--primary), var(--primary-light));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transform-origin:bottom;opacity:0;flex:1;animation:1s forwards barGrow}@keyframes barGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.mock-list{gap:var(--space-sm);flex-direction:column;display:flex}.mock-list-item{padding:var(--space-sm);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200);opacity:0;justify-content:space-between;align-items:center;animation:.5s forwards fadeInRight;display:flex}.mock-student-info{align-items:center;gap:var(--space-sm);display:flex}.mock-avatar{background:var(--gray-300);border-radius:50%;width:28px;height:28px}.mock-student-info span{color:var(--gray-700);font-size:.85rem;font-weight:500}.mock-status{border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.65rem;font-weight:700}.mock-status.present{color:var(--success);background:#ecfdf5}.mock-status.absent{color:var(--error);background:#fef2f2}.mock-status.late{color:var(--warning);background:#fffbeb}.mock-progress-circle-container{padding:var(--space-md) 0;justify-content:center;display:flex}.mock-progress-circle{background:conic-gradient(var(--success) 85%, var(--gray-200) 0);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:1s forwards fadeIn;display:flex}.mock-progress-inner{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.mock-progress-inner strong{color:var(--gray-900);font-size:1.5rem}.mock-progress-inner span{color:var(--gray-500);font-size:.7rem}.mock-recent-transactions{gap:var(--space-sm);flex-direction:column;display:flex}.mock-transaction{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--gray-100);display:flex}.mock-tx-icon{background:var(--primary-50);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.mock-tx-details{flex-direction:column;flex:1;display:flex}.mock-tx-details span{color:var(--gray-800);font-size:.85rem;font-weight:500}.mock-tx-details small{color:var(--gray-400);font-size:.7rem}.mock-tx-amount{color:var(--success);font-size:.9rem}.mock-btn{background:var(--primary);color:var(--white);border-radius:var(--radius-md);padding:.4rem .8rem;font-size:.75rem;font-weight:600}.mock-chat{gap:var(--space-sm);padding-top:var(--space-sm);flex-direction:column;display:flex}.mock-message{max-width:85%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);opacity:0;font-size:.8rem;line-height:1.4}.mock-message p{color:inherit;margin-bottom:2px}.mock-time{opacity:.7;text-align:right;font-size:.6rem;display:block}.mock-message.sent{background:var(--primary);color:var(--white);border-bottom-right-radius:2px;align-self:flex-end}.mock-message.received{background:var(--gray-100);color:var(--gray-800);border-bottom-left-radius:2px;align-self:flex-start}.animate-fade-in{animation:.4s forwards fadeIn}.features{background:var(--gray-50)}.features-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.features-image{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.features-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.features-image:hover img{transform:scale(1.03)}.features-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#2563eb1a,#0000);position:absolute;inset:0}.features-cards{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.feature-card{background:var(--white);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-100);transform:translateY(-5px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:52px;height:52px;margin-bottom:var(--space-md);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);transform:scale(1.1)}.feature-card h4{margin-bottom:var(--space-sm);font-weight:600}.feature-card p{font-size:.88rem;line-height:1.6}.about{background:var(--white);position:relative}.about-content{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text{padding-right:var(--space-xl)}.about-label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:var(--primary-50);border-radius:var(--radius-full);margin-bottom:var(--space-lg);padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.about-text h2{margin-bottom:var(--space-lg)}.about-text p{margin-bottom:var(--space-md);font-size:1.02rem}.about-highlights{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}.highlight-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-lg);transition:all var(--transition-base);display:flex}.highlight-item:hover{background:var(--primary-50);transform:translate(5px)}.highlight-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--accent));width:42px;height:42px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.highlight-text h4{margin-bottom:2px;font-size:.95rem;font-weight:600}.highlight-text p{margin:0;font-size:.83rem}.about-image{position:relative}.about-image-wrapper{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.about-image-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%}.about-float-card{background:var(--white);padding:var(--space-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);align-items:center;gap:var(--space-md);animation:3s ease-in-out infinite float;display:flex;position:absolute;bottom:-20px;right:-20px}.about-float-card .float-number{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.about-float-card .float-label{color:var(--gray-500);font-size:.85rem;font-weight:500}.stats-bar{background:var(--white);border-top:1px solid var(--gray-100)}.stats-grid{gap:var(--space-xl);padding:var(--space-3xl) 0;grid-template-columns:repeat(4,1fr);display:grid}.stat-item{text-align:center;position:relative}.stat-item:not(:last-child):after{content:"";background:var(--gray-200);width:1px;height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.stat-icon{color:var(--primary);margin-bottom:var(--space-sm);font-size:1.5rem;display:block}.stat-number{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-xs);font-size:2.5rem;font-weight:800;line-height:1}.stat-label{color:var(--gray-400);font-size:.9rem;font-weight:500}.how-it-works{background:var(--gray-50)}.steps-container{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.steps-container:before{content:"";background:linear-gradient(90deg, var(--primary-200), var(--accent-light), var(--primary-200));z-index:0;height:2px;position:absolute;top:45px;left:12%;right:12%}.step-card{text-align:center;z-index:1;position:relative}.step-number{background:var(--white);width:90px;height:90px;margin:0 auto var(--space-lg);font-family:var(--font-display);color:var(--primary);box-shadow:var(--shadow-lg);border:3px solid var(--primary-100);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex;position:relative}.step-number .step-emoji{font-size:2rem}.step-card:hover .step-number{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);border-color:#0000;transform:scale(1.1);box-shadow:0 8px 30px #2563eb4d}.step-card h4{margin-bottom:var(--space-sm)}.step-card p{max-width:220px;margin:0 auto;font-size:.88rem}.cta-banner{padding:var(--space-4xl) 0;position:relative;overflow:hidden}.cta-bg{z-index:-2;position:absolute;inset:0}.cta-bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.cta-banner-overlay{z-index:-1;background:linear-gradient(135deg,#0f172acc,#2563eb99);position:absolute;inset:0}.cta-banner-content{text-align:center;z-index:1;max-width:650px;margin:0 auto;position:relative}.cta-banner-content h2{color:var(--white);margin-bottom:var(--space-lg)}.cta-banner-content p{color:#ffffffd9;margin-bottom:var(--space-2xl);font-size:1.05rem}.pricing{background:var(--white)}.pricing-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.pricing-card{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-2xl);border:1px solid var(--gray-200);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.pricing-card.popular{border-color:var(--primary);box-shadow:var(--shadow-xl), 0 0 0 1px var(--primary)}.pricing-badge{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);text-transform:uppercase;letter-spacing:.1em;border-radius:0 var(--radius-2xl) 0 var(--radius-xl);padding:.4rem 1.5rem;font-size:.7rem;font-weight:700;position:absolute;top:0;right:0}.pricing-plan-name{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:var(--space-lg);font-size:.85rem;font-weight:700}.pricing-amount{align-items:baseline;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.pricing-currency{color:var(--gray-800);font-size:1.5rem;font-weight:600}.pricing-value{font-family:var(--font-display);color:var(--gray-900);font-size:3.5rem;font-weight:800;line-height:1}.pricing-period{color:var(--gray-400);font-size:.85rem}.pricing-original{color:var(--gray-400);margin-bottom:var(--space-sm);font-size:.9rem;text-decoration:line-through}.pricing-offer{align-items:center;gap:var(--space-xs);color:var(--success);border-radius:var(--radius-full);margin-bottom:var(--space-xl);background:#10b98114;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.pricing-divider{background:var(--gray-200);width:100%;height:1px;margin:var(--space-lg) 0}.pricing-features{flex:1}.pricing-feature-group{margin-bottom:var(--space-lg)}.pricing-feature-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:700}.pricing-feature{align-items:flex-start;gap:var(--space-sm);color:var(--gray-600);padding:.35rem 0;font-size:.88rem;display:flex}.pricing-check{color:var(--success);flex-shrink:0;margin-top:2px;font-weight:700}.pricing-card .btn{margin-top:var(--space-xl);width:100%}.testimonials{background:var(--gray-50)}.testimonials-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--white);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-base);position:relative}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.testimonial-quote{background:linear-gradient(135deg, var(--primary-200), var(--accent-light));-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);-webkit-background-clip:text;background-clip:text;font-family:serif;font-size:3rem;line-height:1}.testimonial-text{color:var(--gray-600);margin-bottom:var(--space-xl);font-size:.95rem;font-style:italic;line-height:1.75}.testimonial-stars{margin-bottom:var(--space-lg);color:var(--warning);gap:3px;font-size:.9rem;display:flex}.testimonial-author{align-items:center;gap:var(--space-md);display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--primary-100), var(--accent-light));width:48px;height:48px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.testimonial-author-name{color:var(--gray-800);font-size:.95rem;font-weight:600}.testimonial-author-role{color:var(--gray-400);font-size:.8rem}.blog{background:var(--white)}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-base);overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.blog-card-image{height:220px;position:relative;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-card-tag{top:var(--space-md);left:var(--space-md);background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);padding:.3rem .8rem;font-size:.72rem;font-weight:600;position:absolute}.blog-card-body{padding:var(--space-xl)}.blog-card-date{color:var(--gray-400);margin-bottom:var(--space-sm);font-size:.8rem}.blog-card-body h3{margin-bottom:var(--space-sm);transition:color var(--transition-fast);font-size:1.15rem}.blog-card:hover .blog-card-body h3{color:var(--primary)}.blog-card-body p{margin-bottom:var(--space-lg);font-size:.88rem}.blog-read-more{align-items:center;gap:var(--space-sm);color:var(--primary);transition:gap var(--transition-fast);font-size:.88rem;font-weight:600;display:inline-flex}.blog-read-more:hover{gap:var(--space-md)}.contact{background:var(--gray-50)}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;display:grid}.contact-info{padding-right:var(--space-xl)}.contact-info h2{margin-bottom:var(--space-lg)}.contact-info>p{margin-bottom:var(--space-2xl);font-size:1.02rem}.contact-items{gap:var(--space-lg);flex-direction:column;display:flex}.contact-item{align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-base);display:flex}.contact-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-100);transform:translate(5px)}.contact-item-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:48px;height:48px;transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-item:hover .contact-item-icon{background:linear-gradient(135deg, var(--primary), var(--accent))}.contact-item-text h4{margin-bottom:4px;font-size:.95rem}.contact-item-text p{margin:0;font-size:.88rem}.contact-form-wrapper{background:var(--white);padding:var(--space-2xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}.form-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--gray-700);font-size:.85rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;color:var(--gray-700);transition:all var(--transition-fast);padding:.85rem 1rem;font-size:.92rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);background:var(--white)}.form-group textarea{resize:vertical;min-height:120px}.form-group select{appearance:none;cursor:pointer}.contact-form-wrapper .btn{margin-top:var(--space-lg);width:100%}.footer{background:var(--gray-50);color:var(--gray-700)}.footer.footer-minimal{padding:var(--space-xl) 0 var(--space-md)}.footer-minimal-inner{padding-bottom:var(--space-lg);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;display:flex}.footer-minimal-brand{color:var(--gray-900)!important;font-size:1.3rem!important}.footer-minimal-nav{align-items:center;gap:var(--space-xl);display:flex}.footer-minimal-nav a{color:var(--gray-600);transition:all var(--transition-fast);font-size:.85rem;font-weight:500}.footer-minimal-nav a:hover{color:var(--primary)}.footer-minimal-right{align-items:center;display:flex}.footer-social{gap:var(--space-sm);display:flex}.footer-social a{border-radius:var(--radius-md);background:var(--gray-200);width:36px;height:36px;color:var(--gray-600);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:.9rem;display:flex}.footer-social a:hover{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--white);transform:translateY(-2px)}.footer-minimal-bottom{padding-top:var(--space-md);justify-content:space-between;align-items:center;display:flex}.footer-minimal-bottom p{color:var(--gray-500);font-size:.8rem}.footer-minimal-legal{align-items:center;gap:var(--space-sm);display:flex}.footer-minimal-legal a{color:var(--gray-500);transition:color var(--transition-fast);font-size:.8rem}.footer-minimal-legal a:hover{color:var(--primary)}.footer-dot{color:var(--gray-300);font-size:1.2rem;line-height:1}.pricing-contact-cta{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--primary-50);border-radius:var(--radius-xl);margin-bottom:var(--space-sm);transition:all var(--transition-base);display:flex}.pricing-contact-cta:hover{background:var(--primary-100)}.pricing-contact-icon{font-size:1.3rem}.pricing-contact-cta span{color:var(--primary-dark);font-size:clamp(.85rem,1.3vw,1rem);font-weight:700}html{font-size:clamp(14px,1.1vw,16px)}@media (width<=1024px){.hero-split-grid{gap:var(--space-2xl);grid-template-columns:1fr 1fr}.features-grid{gap:var(--space-2xl);grid-template-columns:1fr}.about-content{grid-template-columns:1fr}.about-text{padding-right:0}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.steps-container{gap:var(--space-2xl);grid-template-columns:repeat(2,1fr)}.steps-container:before{display:none}.contact-grid{grid-template-columns:1fr}.contact-info{padding-right:0}.footer-minimal-inner{gap:var(--space-lg);flex-wrap:wrap}.footer-minimal-nav{gap:var(--space-md)}}@media (width<=768px){:root{--nav-height:65px;--space-3xl:3rem;--space-4xl:4rem}.navbar-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;gap:var(--space-xl);transition:transform var(--transition-base);background:#0f172af7;flex-direction:column;position:fixed;inset:0;transform:translate(100%)}.navbar-nav.open{transform:translate(0)}.navbar-nav a{color:#ffffffe6!important;font-size:1.15rem!important}.mobile-toggle{display:flex}.mobile-toggle.open span{background:var(--white)!important}.hero-split{padding-top:calc(var(--nav-height) + var(--space-2xl));padding-bottom:var(--space-2xl)}.hero-split-grid{gap:var(--space-2xl);grid-template-columns:1fr}.hero-split-text{text-align:center;max-width:100%}.hero-split-actions,.hero-social-proof{justify-content:center}.hero-split-cards{max-width:420px;margin:0 auto}.features-cards{grid-template-columns:1fr}.stats-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.stat-item:not(:last-child):after{display:none}.stat-number{font-size:clamp(1.8rem,5vw,2.5rem)}.testimonials-grid,.blog-grid,.form-grid{grid-template-columns:1fr}.footer-minimal-inner{gap:var(--space-lg);text-align:center;flex-direction:column}.footer-minimal-nav{justify-content:center;gap:var(--space-md);flex-wrap:wrap}.footer-minimal-bottom{gap:var(--space-sm);text-align:center;flex-direction:column}.steps-container{grid-template-columns:1fr}.about-float-card{margin-top:var(--space-md);position:relative;bottom:0;right:0}.section-header{max-width:100%;padding:0 var(--space-md)}.section-header p{font-size:clamp(.88rem,2.5vw,1.05rem)}.pricing-card{padding:var(--space-xl)}.blog-card-image{height:200px}}@media (width<=480px){:root{--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-3xl) 0}.hero-split-text h1{font-size:clamp(1.7rem,7vw,2.5rem)}.hero-split-desc{font-size:clamp(.85rem,3.5vw,1rem)}.hero-split-cards,.hero-interactive-ui{max-width:100%;margin:0 auto}.hero-interactive-ui{flex-direction:column;height:auto;min-height:400px}.interactive-tabs{border-right:none;border-bottom:1px solid var(--gray-200);flex-direction:row;width:100%;overflow-x:auto}.interactive-tab{border-bottom:3px solid #0000;border-left:none;flex:1;justify-content:center}.interactive-tab.active{border-left:none;border-bottom:3px solid var(--primary)}.interactive-tab-label{display:none}.hero-float-card{padding:var(--space-md) var(--space-lg)}.hero-image-card img{height:150px!important}.hero-split-actions{gap:var(--space-md);flex-direction:column}.hero-social-proof{gap:var(--space-sm);flex-direction:column;align-items:center}.stats-grid{grid-template-columns:1fr 1fr}.stat-number{font-size:clamp(1.5rem,6vw,2rem)}.stat-label{font-size:clamp(.72rem,2.5vw,.85rem)}.feature-card{padding:var(--space-lg)}.feature-icon{width:44px;height:44px;font-size:1.2rem}.feature-card h4{font-size:clamp(.92rem,3vw,1.05rem)}.feature-card p{font-size:clamp(.78rem,2.5vw,.88rem)}.step-number{width:70px;height:70px}.step-number .step-emoji{font-size:1.6rem}.step-card h4{font-size:clamp(.92rem,3vw,1.05rem)}.step-card p{font-size:clamp(.78rem,2.5vw,.88rem)}.about-label{font-size:clamp(.68rem,2vw,.8rem)}.highlight-item{padding:var(--space-sm) var(--space-md)}.highlight-icon{width:36px;height:36px;font-size:.95rem}.highlight-text h4{font-size:clamp(.82rem,2.5vw,.95rem)}.highlight-text p{font-size:clamp(.72rem,2.2vw,.83rem)}.testimonial-card{padding:var(--space-xl)}.testimonial-text{font-size:clamp(.82rem,2.5vw,.95rem)}.contact-form-wrapper{padding:var(--space-xl)}.contact-item{padding:var(--space-md)}.form-group input,.form-group textarea,.form-group select{padding:.75rem .85rem;font-size:clamp(.82rem,2.5vw,.92rem)}.form-group label{font-size:clamp(.78rem,2.5vw,.85rem)}.pricing-card{padding:var(--space-lg)}.pricing-feature{font-size:clamp(.78rem,2.5vw,.88rem)}.pricing-feature-group-title{font-size:clamp(.65rem,2vw,.75rem)}.blog-card-body{padding:var(--space-lg)}.blog-card-body h3{font-size:clamp(.95rem,3vw,1.15rem)}.blog-card-body p{font-size:clamp(.78rem,2.5vw,.88rem)}.blog-card-image{height:180px}.footer-minimal-nav a{font-size:clamp(.75rem,2.5vw,.85rem)}.cta-banner{padding:var(--space-3xl) 0}.cta-banner-content h2{font-size:clamp(1.3rem,5vw,2rem)}.cta-banner-content p{font-size:clamp(.85rem,2.5vw,1.05rem)}.btn{padding:.75rem 1.5rem;font-size:clamp(.82rem,2.5vw,.95rem)}}@media (width<=360px){.container{padding:0 var(--space-sm)}.hero-split-text h1{font-size:1.55rem}.hero-avatar{width:30px;height:30px;font-size:.55rem}.stats-grid{grid-template-columns:1fr}.about-float-card{text-align:center;flex-direction:column}}.auth-page{background:var(--gray-50);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.auth-container{border-radius:var(--radius-2xl);width:100%;max-width:1100px;min-height:680px;box-shadow:var(--shadow-2xl);background:var(--white);border:1px solid var(--gray-200);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-left-panel{padding:var(--space-xl);background:var(--gray-50);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-brand{z-index:10;margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex;position:relative}.auth-brand-link{align-items:center;gap:var(--space-sm);font-family:var(--font-display);color:var(--gray-900);font-size:1.3rem;font-weight:800;display:flex}.auth-brand-link .auth-brand-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--accent));width:36px;height:36px;color:var(--white);justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.auth-back-link{color:var(--gray-600);background:var(--white);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:.4rem 1rem;font-size:.82rem;font-weight:500}.auth-back-link:hover{background:var(--gray-50);color:var(--gray-900)}.auth-carousel{border-radius:var(--radius-xl);flex:1;position:relative;overflow:hidden}.auth-carousel-images{position:absolute;inset:0}.auth-carousel-slide{opacity:0;transition:opacity .8s;position:absolute;inset:0}.auth-carousel-slide.active{opacity:1}.auth-carousel-overlay{z-index:1;background:#0000000d;position:absolute;inset:0}.auth-carousel-content{bottom:var(--space-2xl);left:var(--space-xl);right:var(--space-xl);z-index:2;-webkit-backdrop-filter:blur(16px);padding:var(--space-xl);border-radius:var(--radius-xl);background:#ffffffbf;border:1px solid #fff9;position:absolute;box-shadow:0 10px 40px #00000014}.auth-carousel-tagline{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-lg);white-space:pre-line;font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:800;line-height:1.3}.auth-carousel-dots{gap:var(--space-sm);display:flex}.auth-dot{border-radius:var(--radius-full);background:var(--gray-300);width:28px;height:4px;transition:all var(--transition-base);cursor:pointer;padding:0}.auth-dot.active{background:var(--primary);width:40px}.auth-right-panel{padding:var(--space-3xl) var(--space-2xl);background:var(--white);justify-content:center;align-items:center;display:flex}.auth-form-wrapper{width:100%;max-width:420px}.auth-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-sm);font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.auth-subtitle{color:var(--gray-500);margin-bottom:var(--space-2xl);font-size:.9rem}.auth-link-btn{color:var(--primary);font-weight:600;font-size:inherit;cursor:pointer;text-underline-offset:3px;transition:color var(--transition-fast);background:0 0;padding:0;text-decoration:underline}.auth-link-btn:hover{color:var(--primary-dark)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.auth-field{position:relative}.auth-field input{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;color:var(--gray-800);transition:all var(--transition-fast);padding:.9rem 1rem;font-size:.92rem}.auth-field input::placeholder{color:var(--gray-400)}.auth-field input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px var(--primary-100)}.auth-password-field{position:relative}.auth-password-toggle{color:var(--gray-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--gray-700)}.auth-checkbox-label{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;position:relative}.auth-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.auth-checkbox-custom{border-radius:var(--radius-sm);border:2px solid var(--gray-300);background:var(--white);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-checkbox:checked+.auth-checkbox-custom{background:var(--primary);border-color:var(--primary)}.auth-checkbox:checked+.auth-checkbox-custom:after{content:"✓";color:var(--white);font-size:.7rem;font-weight:700}.auth-checkbox-text{color:var(--gray-600);font-size:.85rem}.auth-terms-link{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.auth-terms-link:hover{color:var(--primary-dark)}.auth-submit-btn{background:linear-gradient(135deg, var(--primary), var(--accent));width:100%;color:var(--white);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-sm);border:none;padding:.9rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 20px #2563eb4d}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb66}.auth-submit-btn:active{transform:translateY(0)}.auth-quote-container{margin-top:var(--space-md);padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius-xl);border:1px dashed var(--gray-300);text-align:center;transition:all var(--transition-base);flex-direction:column;justify-content:center;min-height:120px;display:flex;position:relative}.auth-quote-container:hover{background:var(--white);border-style:solid;border-color:var(--primary-300);box-shadow:var(--shadow-md)}.auth-quote-icon{font-family:var(--font-display);color:var(--primary);opacity:.3;margin-bottom:-15px;font-size:2.5rem;line-height:1}.auth-quote-text{color:var(--gray-700);margin-bottom:var(--space-sm);z-index:1;font-size:.95rem;font-style:italic;line-height:1.6;position:relative}.auth-quote-author{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.auth-mobile-brand{margin-bottom:var(--space-2xl);text-align:center;display:none}.auth-mobile-brand .auth-brand-link{justify-content:center}@media (width<=900px){.auth-container{grid-template-columns:1fr;max-width:500px;min-height:auto}.auth-left-panel{display:none}.auth-right-panel{padding:var(--space-3xl) var(--space-2xl)}.auth-mobile-brand{display:block}}@media (width<=640px){.auth-page{padding:var(--space-md)}.auth-right-panel{padding:var(--space-2xl) var(--space-xl)}}@media (width<=480px){.auth-page{background:var(--white);padding:0}.auth-container{min-height:100vh;box-shadow:none;border:none;border-radius:0}.auth-right-panel{padding:var(--space-2xl) var(--space-lg)}.auth-form-row{grid-template-columns:1fr}.auth-title{font-size:1.6rem}}@media (width<=360px){.auth-right-panel{padding:var(--space-xl) var(--space-md)}}