*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Inter',sans-serif;background:#F9FAFE;color:#0A1E3C;scroll-behavior:smooth;overflow-x:hidden;}.container{max-width:1280px;margin:0 auto;padding:0 24px;}.gradient-text{background:linear-gradient(135deg,#1E3A8A,#3B82F6);background-clip:text;-webkit-background-clip:text;color:transparent;}h1,h2,h3{letter-spacing:-0.02em;}header{background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(59,130,246,0.1);padding:16px 0;}.header-container{display:flex;justify-content:space-between;align-items:center;}.logo{display:flex;align-items:center;gap:12px;}.logo-icon{background:linear-gradient(135deg,#1E3A8A,#3B82F6);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;}.logo h1{font-size:1.5rem;font-weight:800;}.header-logo{height:70px;width:auto;transition:all 0.3s ease;}.footer-logo{height:60px;width:auto;filter:brightness(0) invert(1);transition:all 0.3s ease;}@media (max-width:768px){.header-logo{height:50px;}.footer-logo{height:45px;}}nav{display:flex;gap:32px;}nav a{text-decoration:none;color:#1E293B;font-weight:500;transition:color 0.2s;}nav a:hover,nav a.active{color:#2563EB;}.header-actions{display:flex;gap:16px;align-items:center;}.btn-text{text-decoration:none;color:#1E293B;font-weight:500;}.btn-primary{background:linear-gradient(100deg,#F97316,#EA580C);color:white;padding:10px 24px;border:none;border-radius:40px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.25s ease;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,115,22,0.3);}.btn-outline{background:transparent;border:2px solid #2563EB;color:#2563EB;padding:10px 24px;border-radius:40px;font-weight:600;text-decoration:none;display:inline-block;transition:all 0.25s;}.btn-outline:hover{background:#2563EB;color:white;}.btn-large{padding:14px 32px;font-size:1rem;}.w-100{width:100%;text-align:center;}.hero{position:relative;padding:100px 0;text-align:center;background:linear-gradient(135deg,#0B2A5C 0%,#1E40AF 100%);overflow:hidden;}.hero-bg{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,0.3),transparent);}.badge-tech{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);padding:8px 20px;border-radius:40px;font-size:0.85rem;color:white;margin-bottom:24px;}.hero h1, .hero h2{font-size:54px;font-weight:800;color:white;margin-bottom:20px;}.hero p{font-size:1.2rem;color:rgba(255,255,255,0.9);max-width:600px;margin:0 auto 32px;}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;}.btn-outline-light{background:transparent;border:2px solid rgba(255,255,255,0.5);color:white;padding:12px 28px;border-radius:40px;text-decoration:none;font-weight:600;transition:all 0.2s;}.btn-outline-light:hover{background:white;color:#1E3A8A;border-color:white;}.hero-trust{display:flex;gap:24px;justify-content:center;color:rgba(255,255,255,0.8);font-size:0.9rem;}.stats-section{background:white;padding:48px 0;border-bottom:1px solid #E2E8F0;}.stats-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:32px;text-align:center;}.stat-item h4{font-size:2.5rem;font-weight:800;color:#1E3A8A;}.stat-item p{color:#64748B;}.section{padding:80px 0;}.section-title{text-align:center;margin-bottom:56px;}.section-title h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;}.section-title p{color:#64748B;max-width:600px;margin:0 auto;}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;}.feature-card{background:white;padding:32px;border-radius:24px;transition:all 0.3s ease;border:1px solid #E2E8F0;}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px -12px rgba(0,0,0,0.1);border-color:#3B82F6;}.feature-icon{width:56px;height:56px;background:#EFF6FF;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:28px;color:#2563EB;}.feature-card h3{font-size:1.3rem;margin-bottom:12px;}.feature-card p{color:#64748B;margin-bottom:16px;line-height:1.5;}.learn-more{color:#F97316;text-decoration:none;font-weight:500;}.testimonials-section{background:#F1F5F9;padding:80px 0;}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;}.testimonial-card{background:white;padding:28px;border-radius:24px;}.testimonial-card i.fa-quote-left{font-size:2rem;color:#3B82F6;opacity:0.3;margin-bottom:16px;}.testimonial-card p{font-size:1rem;line-height:1.6;margin-bottom:20px;color:#1E293B;}.testimonial-author{display:flex;align-items:center;gap:12px;}.testimonial-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;}.testimonial-author strong{display:block;font-size:0.9rem;}.testimonial-author span{font-size:0.8rem;color:#64748B;}.cta-section{padding:60px 0;}.cta-gradient{background:linear-gradient(135deg,#0B2A5C,#1E40AF);border-radius:48px;padding:60px 40px;text-align:center;color:white;}.cta-gradient h2{font-size:2rem;margin-bottom:16px;}.cta-gradient p{margin-bottom:32px;opacity:0.9;}.cta-note{margin-top:24px;font-size:0.85rem;opacity:0.8;}footer{background:#0A1128;color:#94A3B8;padding:48px 0 24px;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;}.footer-col h4{color:white;margin-bottom:20px;font-size:1rem;}.footer-col a{display:block;color:#94A3B8;text-decoration:none;margin-bottom:12px;font-size:0.9rem;}.footer-col a:hover{color:white;}.footer-col p{margin-bottom:8px;font-size:0.9rem;}.social-links{display:flex;gap:16px;margin-top:20px;}.social-links a{width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.social-links a:hover{background:#2563EB;transform:translateY(-2px);}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);font-size:0.85rem;}.whatsapp-float{position:fixed;bottom:24px;right:24px;background:#25D366;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:white;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:999;transition:all 0.2s;line-height:0;}.whatsapp-float i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.whatsapp-float:hover{transform:scale(1.1);}.page-hero{background:linear-gradient(135deg,#F1F5F9,#E2E8F0);padding:80px 0;text-align:center;}.page-hero h1{font-size:3rem;margin-bottom:16px;}.page-hero p{font-size:1.2rem;color:#475569;}.features-detailed{padding:60px 0;}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;}.feature-row.reverse{direction:rtl;}.feature-row.reverse .feature-content,.feature-row.reverse .feature-image{direction:ltr;}.feature-badge{display:inline-block;background:#EFF6FF;color:#2563EB;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;margin-bottom:16px;}.feature-content h2{font-size:2rem;margin-bottom:20px;}.feature-content p{color:#475569;line-height:1.6;margin-bottom:24px;}.feature-list-detailed{list-style:none;}.feature-list-detailed li{margin-bottom:12px;display:flex;align-items:center;gap:10px;}.feature-list-detailed li i{color:#10B981;}.feature-image{background:#F8FAFC;border-radius:32px;padding:40px;text-align:center;border:1px solid #E2E8F0;}.mockup-card{background:white;border-radius:24px;padding:32px;box-shadow:0 10px 25px rgba(0,0,0,0.05);}.status-badge{background:#FEF3C7;color:#D97706;padding:4px 12px;border-radius:20px;font-size:0.75rem;}.chat-bubble{background:#DCF8C6;padding:10px 16px;border-radius:18px;margin:10px auto;max-width:80%;text-align:left;}.qr-placeholder{background:#1E293B;color:white;padding:20px;margin:16px 0;border-radius:12px;font-family:monospace;}.pricing-section{padding:60px 0;}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start;}.pricing-card{background:white;border-radius:32px;padding:32px;border:1px solid #E2E8F0;position:relative;transition:all 0.3s;}.pricing-card.popular{border:2px solid #F97316;transform:scale(1.02);box-shadow:0 20px 35px -12px rgba(249,115,22,0.2);}.popular-tag{position:absolute;top:-12px;right:24px;background:#F97316;color:white;padding:4px 16px;border-radius:40px;font-size:0.75rem;font-weight:700;}.plan-badge{font-size:0.75rem;color:#64748B;margin-bottom:16px;}.pricing-card h3{font-size:1.8rem;margin-bottom:16px;}.price{font-size:2.5rem;font-weight:800;color:#1E3A8A;}.price span{font-size:1rem;font-weight:400;color:#64748B;}.price-note{font-size:0.8rem;color:#64748B;margin-bottom:24px;}.plan-features{list-style:none;margin-top:24px;}.plan-features li{margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:0.9rem;}.plan-features li i.fa-check-circle{color:#10B981;}.plan-features li.disabled{color:#CBD5E1;}.plan-features li.disabled i{color:#CBD5E1;}hr{margin:24px 0;border:none;border-top:1px solid #E2E8F0;}.comparison-section{background:#F8FAFC;padding:60px 0;}.comparison-table{overflow-x:auto;}.comparison-table table{width:100%;background:white;border-radius:24px;overflow:hidden;border-collapse:collapse;}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #E2E8F0;}.comparison-table th{background:#F1F5F9;font-weight:600;}.comparison-table td:first-child{font-weight:500;}.comparison-table td:nth-child(3){color:#10B981;}.faq-section{padding:60px 0;}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;}.faq-item h3{font-size:1.1rem;margin-bottom:12px;display:flex;align-items:center;gap:8px;}.faq-item p{color:#64748B;line-height:1.5;}.billing-toggle{display:inline-flex;background:white;border-radius:40px;padding:4px;margin-top:32px;}.billing-toggle span{padding:8px 24px;cursor:pointer;border-radius:40px;font-weight:500;}.billing-toggle span.active{background:#2563EB;color:white;}.save-badge{background:#10B981;color:white;padding:2px 8px;border-radius:20px;font-size:0.7rem;margin-left:8px;}.mobile-menu-btn{display:none;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:12px;color:#1E3A8A;font-size:24px;line-height:1;cursor:pointer;padding:10px 12px;min-width:44px;min-height:44px;align-items:center;justify-content:center;z-index:1001;}.mobile-nav{display:none;position:fixed;top:72px;left:0;width:100%;background:white;padding:20px;flex-direction:column;gap:16px;box-shadow:0 10px 20px rgba(0,0,0,0.1);z-index:1000;}.mobile-nav a{text-decoration:none;color:#1E293B;padding:10px;font-weight:500;}.mobile-nav.show{display:flex;}@media (max-width:768px){nav{display:none;}.header-actions{z-index:1001;}.mobile-menu-btn{display:inline-flex;}.hero h1, .hero h2{font-size:32px;}.feature-row{grid-template-columns:1fr;gap:32px;}.feature-row.reverse{direction:ltr;}.section-title h2{font-size:1.8rem;}.page-hero h1{font-size:2rem;}.faq-grid{grid-template-columns:1fr;}.pricing-grid{grid-template-columns:1fr;}.pricing-card.popular{transform:none;}.stats-grid{flex-direction:column;gap:24px;}.footer-grid{grid-template-columns:1fr;text-align:center;}.social-links{justify-content:center;}.whatsapp-float{bottom:16px;right:16px;width:50px;height:50px;font-size:24px;z-index:9999;}}

.hero .container{position:relative;z-index:1;}.tech-overlay{pointer-events:none;}.three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}@media (max-width:768px){.three-col-grid{grid-template-columns:1fr;gap:16px;}.two-col-grid{grid-template-columns:1fr;gap:24px;}}

.mobile-nav a.active,.mobile-nav a:hover{color:#2563EB;}

.footer-col .social-links a{display:flex;align-items:center;justify-content:center;margin-bottom:0;width:36px;height:36px;line-height:0;flex-shrink:0;}
.footer-col .social-links a i{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;font-size:0.95rem;}
.footer-col p{display:flex;align-items:center;gap:10px;line-height:1.5;}
.footer-col p i{width:18px;flex-shrink:0;text-align:center;}
@media (max-width:768px){.footer-col p{justify-content:center;}}

.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;}
.blog-card{background:white;border-radius:20px;overflow:hidden;border:1px solid #E2E8F0;transition:all 0.3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(0,0,0,0.12);border-color:#3B82F6;}
.blog-card-image{height:180px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0;}
.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1;}
.blog-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;}
.blog-tag{display:inline-block;background:#EFF6FF;color:#2563EB;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;}
.blog-tag-most-read{display:inline-block;background:#FFF7ED;color:#EA580C;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;}
.blog-card-body h2{font-size:1.15rem;margin-bottom:12px;line-height:1.4;}
.blog-card-body p{color:#64748B;font-size:0.9rem;line-height:1.6;margin-bottom:16px;flex:1;}
.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:0.8rem;color:#94A3B8;}
.read-more{color:#FF6B00;font-weight:600;font-size:0.9rem;margin-top:auto;}
.blog-section-cta{text-align:center;margin-top:40px;}
@media (max-width:768px){.blog-grid{grid-template-columns:1fr;}}