*,*::before,*::after{margin:0;padding:0;box-sizing:border-box} img{max-width:100%;height:auto}:root{--primary:#2563EB;--primary-dark:#1D4ED8;--primary-light:#DBEAFE;--text:#1F2937;--text-light:#6B7280;--bg:#F9FAFB;--white:#FFFFFF;--success:#059669;--warning:#D97706;--error:#DC2626} html{scroll-behavior:smooth} .skip-link{position:absolute;top:-50px;left:0;background:var(--primary);color:white;padding:8px 16px;z-index:200;transition:top 0.3s;font-size:0.9rem;text-decoration:none;border-radius:0 0 8px 0} .skip-link:focus{top:0} a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px} body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden} .navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #E5E7EB;transition:box-shadow 0.3s} .navbar.scrolled{box-shadow:0 2px 20px rgba(0,0,0,0.08)} .navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between} .navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)} .navbar-logo img{width:44px;height:44px;border-radius:50%} .navbar-logo span{font-weight:700;font-size:1.1rem} .navbar-links{display:flex;align-items:center;gap:20px;flex-wrap:nowrap} .navbar-links a{text-decoration:none;color:var(--text-light);font-size:0.86rem;font-weight:500;transition:color 0.2s;white-space:nowrap} .navbar-links a:hover{color:var(--primary)} .navbar-login{color:var(--primary) !important;font-weight:600 !important;border:2px solid var(--primary);padding:8px 16px;border-radius:8px;transition:background 0.2s,color 0.2s !important} .navbar-login:hover{background:var(--primary);color:var(--white) !important} .navbar-cta{background:var(--primary);color:var(--white) !important;padding:10px 18px;border-radius:8px;font-weight:600 !important;transition:background 0.2s,transform 0.2s !important} .navbar-cta:hover{background:var(--primary-dark);transform:translateY(-1px)} .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px} .menu-toggle span{display:block;width:24px;height:2px;background:var(--text);margin:6px 0;transition:0.3s} .lang-selector{position:relative} .lang-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid #E5E7EB;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:0.85rem;color:var(--text);font-family:inherit;font-weight:500;transition:border-color 0.2s;white-space:nowrap} .lang-btn:hover{border-color:var(--primary)} .lang-btn img{border-radius:2px} .lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:var(--white);border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12);min-width:180px;overflow:hidden;z-index:200} .lang-selector:hover .lang-dropdown,.lang-selector:focus-within .lang-dropdown{display:block} .lang-option{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:var(--text);font-size:0.85rem;transition:background 0.15s} .lang-option:hover{background:var(--primary-light)} .lang-option.lang-active{background:var(--primary-light);font-weight:600} .lang-option img{border-radius:2px} @keyframes heroFadeUp{from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:translateY(0)}} @keyframes heroFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)}} @keyframes heroBlobMorph{0%,100%{border-radius:42% 58% 55% 45% / 55% 42% 58% 45%;transform:translate(-50%,-50%) scale(1)} 33%{border-radius:55% 45% 42% 58% / 45% 55% 45% 55%;transform:translate(-50%,-50%) scale(1.03)} 66%{border-radius:45% 55% 58% 42% / 58% 45% 55% 45%;transform:translate(-50%,-50%) scale(0.97)}} @keyframes heroShimmer{0%{background-position:-200% center} 100%{background-position:200% center}} @keyframes heroPulseRing{0%{transform:scale(0.95);opacity:0.5} 50%{transform:scale(1);opacity:0.2} 100%{transform:scale(0.95);opacity:0.5}} @keyframes heroGridFade{0%,100%{opacity:0.3} 50%{opacity:0.6}} .hero{padding:140px 24px 100px;background:#FAFBFF;position:relative;overflow:hidden} .hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,0.03) 1px,transparent 1px);background-size:60px 60px;animation:heroGridFade 8s ease-in-out infinite;pointer-events:none} .hero::after{content:'';position:absolute;top:-200px;right:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,0.06) 0%,transparent 60%);border-radius:50%;pointer-events:none} .hero-glow-bottom{position:absolute;bottom:-250px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(5,150,105,0.04) 0%,transparent 60%);border-radius:50%;pointer-events:none} .hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:1} .hero-content{position:relative;z-index:2;animation:heroFadeUp 0.7s ease-out both} .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--primary);padding:8px 20px;border-radius:100px;font-size:0.82rem;font-weight:600;margin-bottom:28px;border:1px solid rgba(37,99,235,0.12);box-shadow:0 1px 3px rgba(0,0,0,0.04),0 0 0 1px rgba(37,99,235,0.06);letter-spacing:0.01em} .hero-badge svg{width:15px;height:15px;color:#F59E0B} .hero h1{font-size:3.3rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:var(--text);letter-spacing:-0.035em} .hero h1 span{background:linear-gradient(135deg,var(--primary),#3B82F6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative} .hero h1 span::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:8px;background:linear-gradient(90deg,rgba(37,99,235,0.12),rgba(59,130,246,0.08));border-radius:4px;z-index:-1} .hero-desc{font-size:1.15rem;color:var(--text-light);margin-bottom:40px;max-width:480px;line-height:1.75} .hero-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:36px;animation:heroFadeUp 0.7s ease-out 0.15s both} .btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--white);padding:15px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);border:none;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.05),0 4px 16px rgba(37,99,235,0.25);position:relative;overflow:hidden} .btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,transparent 50%);pointer-events:none} .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,0.06),0 8px 28px rgba(37,99,235,0.35)} .btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--text);padding:15px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:0.95rem;border:1.5px solid #E5E7EB;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.04)} .btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.08)} .hero-trust{display:flex;align-items:center;gap:12px;color:var(--text-light);font-size:0.82rem;animation:heroFadeUp 0.7s ease-out 0.3s both} .hero-trust svg{color:var(--success);flex-shrink:0} .hero-store-badge{display:flex;align-items:center;justify-content:center;width:220px;text-decoration:none;transition:all 0.25s cubic-bezier(0.4,0,0.2,1)} .hero-store-badge img{width:100%;height:auto;display:block} .hero-store-badge:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.1)} .hero-store-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:260px;height:52px;padding:0;background:var(--primary);color:var(--white);border-radius:12px;text-decoration:none;font-weight:700;font-size:1.1rem;letter-spacing:0.01em;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(37,99,235,0.25),0 6px 24px rgba(37,99,235,0.15);position:relative;overflow:hidden} .hero-store-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,transparent 50%);pointer-events:none} .hero-store-btn:hover{background:var(--primary-dark);transform:translateY(-3px) scale(1.04);box-shadow:0 4px 12px rgba(37,99,235,0.35),0 10px 36px rgba(37,99,235,0.2)} .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;animation:heroFadeUp 0.7s ease-out 0.2s both} .hero-visual-blob{position:absolute;width:480px;height:480px;background:linear-gradient(135deg,rgba(37,99,235,0.06) 0%,rgba(59,130,246,0.03) 50%,rgba(5,150,105,0.03) 100%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;animation:none} .hero-visual-ring{position:absolute;width:400px;height:400px;border:1px solid rgba(37,99,235,0.08);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;animation:heroPulseRing 5s ease-in-out infinite} .hero-visual-dots{position:absolute;top:5px;right:-5px;width:72px;height:72px;background-image:radial-gradient(circle,rgba(37,99,235,0.18) 1.2px,transparent 1.2px);background-size:10px 10px;z-index:1;pointer-events:none} .hero-img-main{position:relative;z-index:2;width:100%;height:auto;max-width:470px;border-radius:20px;box-shadow:0 0 0 1px rgba(0,0,0,0.03),0 2px 4px rgba(0,0,0,0.04),0 12px 24px rgba(0,0,0,0.06),0 32px 64px rgba(0,0,0,0.08);transition:transform 0.6s cubic-bezier(0.4,0,0.2,1),box-shadow 0.6s;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)} .hero-visual:hover .hero-img-main{transform:perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-4px);box-shadow:0 0 0 1px rgba(0,0,0,0.03),0 4px 8px rgba(0,0,0,0.04),0 16px 32px rgba(0,0,0,0.07),0 40px 80px rgba(0,0,0,0.1)} .hero-img-person{position:absolute;z-index:3;width:155px;bottom:-15px;left:-35px;border-radius:18px;background:var(--white);padding:4px;box-shadow:0 0 0 1px rgba(0,0,0,0.04),0 8px 16px rgba(0,0,0,0.08),0 20px 40px rgba(0,0,0,0.12);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);animation:heroFloat 5s ease-in-out infinite;animation-delay:-1.5s} .hero-img-person img{width:100%;height:auto;display:block;border-radius:14px} .hero-visual:hover .hero-img-person{transform:translateY(-6px) scale(1.02)} .hero-float-card{position:absolute;z-index:4;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:14px 18px;box-shadow:0 0 0 1px rgba(0,0,0,0.04),0 4px 8px rgba(0,0,0,0.04),0 12px 32px rgba(0,0,0,0.08);display:flex;align-items:center;gap:12px;animation:heroFloat 4.5s ease-in-out infinite} .hero-float-card--top{top:15px;right:-16px} .hero-float-card--bottom{bottom:40px;right:-24px;animation-delay:-2s} .hero-float-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .hero-float-icon--blue{background:var(--primary-light);color:var(--primary)} .hero-float-icon--green{background:#D1FAE5;color:var(--success)} .hero-float-text{font-size:0.76rem;line-height:1.4} .hero-float-text strong{display:block;font-size:0.92rem;color:var(--text);font-weight:700} .hero-float-text span{color:var(--text-light)} section{padding:80px 24px} .section-inner{max-width:1200px;margin:0 auto} .section-header{text-align:center;margin-bottom:56px} .section-tag{display:inline-block;background:var(--primary-light);color:var(--primary);padding:4px 14px;border-radius:100px;font-size:0.8rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px} .section-header h2{font-size:2.2rem;font-weight:800;margin-bottom:12px} .section-header p{color:var(--text-light);font-size:1.05rem;max-width:600px;margin:0 auto} .problems{background:var(--bg)} .problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .problem-card{background:var(--white);border:1px solid #FEE2E2;border-radius:16px;padding:28px;transition:transform 0.3s} .problem-card:hover{transform:translateY(-4px)} .problem-icon{width:48px;height:48px;background:#FEF2F2;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--error)} .problem-card h3{font-size:1rem;font-weight:700;margin-bottom:8px} .problem-card p{font-size:0.9rem;color:var(--text-light)} #funcionalidades{background:linear-gradient(160deg,#0F172A 0%,#1E293B 60%,#172554 100%);position:relative;overflow:hidden} #funcionalidades::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,0.1) 0%,transparent 65%);border-radius:50%;pointer-events:none} #funcionalidades::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(5,150,105,0.06) 0%,transparent 65%);border-radius:50%;pointer-events:none} #funcionalidades .section-inner{position:relative;z-index:1} #funcionalidades .section-tag{background:rgba(37,99,235,0.15);color:#60A5FA;border:1px solid rgba(96,165,250,0.2)} #funcionalidades .section-header h2{color:#F8FAFC} #funcionalidades .section-header p{color:#94A3B8} .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .feature-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:0;transition:all 0.4s ease;overflow:hidden;backdrop-filter:blur(8px)} .feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(37,99,235,0.2);border-color:rgba(96,165,250,0.25);background:rgba(255,255,255,0.08)} .feature-card-img{width:100%;height:180px;overflow:hidden;position:relative} .feature-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease} .feature-card:hover .feature-card-img img{transform:scale(1.06)} .feature-card-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,rgba(15,23,42,0.8),transparent);pointer-events:none} .feature-card-body{padding:20px 24px 24px} .feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#F1F5F9} .feature-card p{font-size:0.9rem;color:#94A3B8;line-height:1.6} .signature-section{background:linear-gradient(145deg,#0F172A 0%,#1E293B 50%,#0F172A 100%);padding:100px 24px;position:relative;overflow:hidden} .signature-section::before{content:'';position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,0.12) 0%,transparent 65%);border-radius:50%;pointer-events:none} .signature-section::after{content:'';position:absolute;bottom:-150px;left:-80px;width:450px;height:450px;background:radial-gradient(circle,rgba(5,150,105,0.08) 0%,transparent 65%);border-radius:50%;pointer-events:none} .signature-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none} .signature-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1} .signature-content{position:relative} .signature-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,0.15);color:#60A5FA;padding:6px 16px;border-radius:100px;font-size:0.75rem;font-weight:700;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(96,165,250,0.2)} .signature-tag svg{width:14px;height:14px;animation:signaturePulse 2s ease-in-out infinite} @keyframes signaturePulse{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.6;transform:scale(1.15)}} .signature-title{font-size:2.6rem;font-weight:800;color:#F8FAFC;line-height:1.15;margin-bottom:16px;letter-spacing:-0.5px} .signature-title span{background:linear-gradient(135deg,#60A5FA 0%,#34D399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .signature-subtitle{font-size:1.05rem;color:#94A3B8;line-height:1.7;margin-bottom:32px;max-width:440px} .signature-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:36px} .signature-step{display:flex;align-items:center;gap:14px;position:relative} .signature-step-num{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:800;flex-shrink:0} .signature-step-num--blue{background:rgba(37,99,235,0.2);color:#60A5FA;border:1px solid rgba(96,165,250,0.25)} .signature-step-num--green{background:rgba(5,150,105,0.2);color:#34D399;border:1px solid rgba(52,211,153,0.25)} .signature-step-text{font-size:0.92rem;color:#CBD5E1;font-weight:500} .signature-step-text strong{color:#F1F5F9;font-weight:700} .signature-step-line{position:absolute;left:17px;top:36px;width:2px;height:16px;background:rgba(96,165,250,0.15)} .signature-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .signature-benefit{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px 14px;text-align:center;transition:all 0.3s ease;backdrop-filter:blur(8px)} .signature-benefit:hover{background:rgba(255,255,255,0.07);border-color:rgba(96,165,250,0.25);transform:translateY(-2px)} .signature-benefit-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px} .signature-benefit-icon--blue{background:rgba(37,99,235,0.15);color:#60A5FA} .signature-benefit-icon--green{background:rgba(5,150,105,0.15);color:#34D399} .signature-benefit-icon--amber{background:rgba(245,158,11,0.15);color:#FBBF24} .signature-benefit h3{font-size:0.78rem;font-weight:700;color:#E2E8F0;margin-bottom:4px} .signature-benefit p{font-size:0.7rem;color:#64748B;line-height:1.4} .signature-visual{position:relative;display:flex;justify-content:center;align-items:center} .signature-img-glow{position:absolute;width:320px;height:420px;background:radial-gradient(ellipse,rgba(37,99,235,0.2) 0%,transparent 70%);border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0} .signature-img-wrapper{position:relative;z-index:1;max-width:340px;width:100%} .signature-img-wrapper img{width:100%;height:auto;border-radius:24px;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 65%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 65%,transparent 100%);-webkit-mask-composite:source-in} .signature-img-shine{position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,0.06) 0%,transparent 50%);pointer-events:none;z-index:2} .signature-float-badge{position:absolute;bottom:60px;right:-20px;background:rgba(5,150,105,0.15);border:1px solid rgba(52,211,153,0.25);backdrop-filter:blur(12px);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;z-index:3;animation:signatureFloatBadge 3s ease-in-out infinite} @keyframes signatureFloatBadge{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}} .signature-float-badge-icon{width:32px;height:32px;background:rgba(5,150,105,0.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#34D399} .signature-float-badge-text{font-size:0.72rem;line-height:1.4} .signature-float-badge-text strong{display:block;color:#34D399;font-weight:700;font-size:0.78rem} .signature-float-badge-text span{color:#94A3B8} .bia-section{background:linear-gradient(180deg,#FFFFFF 0%,#F5F3FF 50%,#ECFEFF 100%);padding:100px 24px;position:relative;overflow:hidden} .bia-section::before{content:'';position:absolute;top:-200px;left:-120px;width:620px;height:620px;background:radial-gradient(circle,rgba(139,92,246,0.16) 0%,transparent 65%);border-radius:50%;pointer-events:none} .bia-section::after{content:'';position:absolute;bottom:-180px;right:-100px;width:520px;height:520px;background:radial-gradient(circle,rgba(34,211,238,0.14) 0%,transparent 65%);border-radius:50%;pointer-events:none} .bia-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,0.04) 1px,transparent 1px);background-size:80px 80px;pointer-events:none} .bia-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;position:relative;z-index:1} .bia-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:480px} .bia-glow{position:absolute;width:360px;height:460px;background:radial-gradient(ellipse,rgba(139,92,246,0.22) 0%,rgba(34,211,238,0.16) 50%,transparent 75%);filter:blur(60px);pointer-events:none;z-index:0;animation:biaGlowPulse 4s ease-in-out infinite} @keyframes biaGlowPulse{0%,100%{opacity:0.7;transform:scale(1)} 50%{opacity:1;transform:scale(1.06)}} .bia-img-wrapper{position:relative;z-index:1;padding:28px 32px;background:linear-gradient(180deg,#FFFFFF 0%,#FAF5FF 100%);border:1px solid rgba(167,139,250,0.28);border-radius:28px;box-shadow:0 20px 50px rgba(139,92,246,0.14),0 6px 16px rgba(15,23,42,0.05);display:flex;justify-content:center;align-items:flex-end;min-height:380px} .bia-img-wrapper img{height:320px;width:auto;display:block;filter:drop-shadow(0 14px 28px rgba(139,92,246,0.22))} .bia-img-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#FFFFFF;border:1px solid rgba(167,139,250,0.35);border-radius:100px;font-size:0.7rem;font-weight:700;color:#6D28D9;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(15,23,42,0.08);z-index:2} .bia-img-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 8px rgba(16,185,129,0.6);animation:biaBadgePulse 1.6s ease-in-out infinite} @keyframes biaBadgePulse{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.85)}} .bia-chat{position:absolute;border-radius:16px;padding:12px 16px;z-index:3;font-size:0.82rem;line-height:1.45;max-width:230px;box-shadow:0 12px 28px rgba(15,23,42,0.10),0 2px 6px rgba(15,23,42,0.04)} .bia-chat--user{background:#FFFFFF;border:1px solid #E5E7EB;color:#1F2937;top:24px;left:-16px;border-bottom-left-radius:4px;animation:biaFloat 5s ease-in-out infinite} .bia-chat--bot{background:linear-gradient(135deg,#F5F3FF 0%,#ECFEFF 100%);border:1px solid rgba(139,92,246,0.28);color:#1F2937;top:50%;right:-28px;transform:translateY(-50%);border-bottom-right-radius:4px;animation:biaFloatMid 5s ease-in-out infinite 1s} .bia-chat--alert{background:#ECFDF5;border:1px solid rgba(52,211,153,0.4);color:#065F46;bottom:32px;left:-8px;display:flex;align-items:center;gap:12px;border-bottom-left-radius:4px;animation:biaFloat 5s ease-in-out infinite 2s} @keyframes biaFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}} @keyframes biaFloatMid{0%,100%{transform:translateY(-50%)} 50%{transform:translateY(calc(-50% - 6px))}} .bia-chat p{font-size:0.82rem;line-height:1.45} .bia-chat p strong{color:#111827;font-weight:700} .bia-chat-header{display:flex;align-items:center;gap:6px;margin-bottom:4px} .bia-chat-avatar{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#8B5CF6 0%,#22D3EE 100%);color:#FFFFFF;font-size:0.62rem;font-weight:800;display:flex;align-items:center;justify-content:center} .bia-chat-header strong{font-size:0.72rem;font-weight:700;color:#6D28D9} .bia-chat-alert-icon{width:32px;height:32px;background:rgba(5,150,105,0.14);border-radius:10px;color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0} .bia-chat-alert-text strong{display:block;font-weight:700;color:#047857;font-size:0.82rem;line-height:1.2} .bia-chat-alert-text span{color:#6B7280;font-size:0.7rem} .bia-content{position:relative} .bia-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(139,92,246,0.10);color:#6D28D9;padding:6px 16px;border-radius:100px;font-size:0.75rem;font-weight:700;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(167,139,250,0.3)} .bia-tag svg{width:14px;height:14px;animation:signaturePulse 2s ease-in-out infinite} .bia-title{font-size:2.6rem;font-weight:800;color:var(--text);line-height:1.15;margin-bottom:16px;letter-spacing:-0.5px} .bia-title span{background:linear-gradient(135deg,#7C3AED 0%,#0891B2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .bia-subtitle{font-size:1.05rem;color:var(--text-light);line-height:1.7;margin-bottom:32px;max-width:540px} .bia-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:32px} .bia-card{background:#FFFFFF;border:1px solid #E5E7EB;border-radius:16px;padding:18px;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(15,23,42,0.03)} .bia-card:hover{border-color:rgba(139,92,246,0.4);transform:translateY(-2px);box-shadow:0 12px 28px rgba(139,92,246,0.12)} .bia-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px} .bia-card-icon--violet{background:rgba(139,92,246,0.12);color:#7C3AED} .bia-card-icon--cyan{background:rgba(34,211,238,0.14);color:#0891B2} .bia-card-icon--green{background:rgba(5,150,105,0.12);color:#059669} .bia-card-icon--amber{background:rgba(245,158,11,0.14);color:#D97706} .bia-card h3{font-size:0.98rem;font-weight:700;color:var(--text);margin-bottom:6px} .bia-card p{font-size:0.82rem;color:var(--text-light);line-height:1.5} .bia-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .bia-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;background:linear-gradient(135deg,#7C3AED 0%,#0891B2 100%);color:#FFFFFF;font-weight:800;text-decoration:none;border-radius:12px;font-size:0.95rem;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 10px 24px rgba(124,58,237,0.3)} .bia-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(124,58,237,0.42)} .bia-cta svg{width:16px;height:16px;transition:transform 0.2s ease} .bia-cta:hover svg{transform:translateX(3px)} .bia-cta-note{font-size:0.82rem;color:var(--text-light)} .showcase{background:var(--bg)} .showcase-scroll{display:flex;gap:24px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none} .showcase-scroll::-webkit-scrollbar{display:none} .showcase-item{flex-shrink:0;scroll-snap-align:center;text-align:center} .showcase-item img{width:240px;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:transform 0.3s} .showcase-item img:hover{transform:scale(1.03)} .showcase-item p{margin-top:12px;font-size:0.9rem;font-weight:600;color:var(--text-light)} .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative} .step{text-align:center;position:relative} .step-number{width:56px;height:56px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;margin:0 auto 20px} .step h3{font-size:1.15rem;font-weight:700;margin-bottom:8px} .step p{font-size:0.9rem;color:var(--text-light);max-width:280px;margin:0 auto} .pricing{background:var(--bg)} .pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto;align-items:start} .pricing-card{background:var(--white);border:2px solid #E5E7EB;border-radius:24px;padding:40px;text-align:center;position:relative;overflow:visible;transition:transform 0.3s ease,box-shadow 0.3s ease} .pricing-card:hover{transform:translateY(-4px)} .pricing-card.featured{border-color:var(--primary);background:linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 100%);box-shadow:0 12px 48px rgba(37,99,235,0.2),0 0 0 2px var(--primary);transform:scale(1.05);position:relative;z-index:2} .pricing-card.featured:hover{transform:scale(1.05) translateY(-6px);box-shadow:0 20px 60px rgba(37,99,235,0.25),0 0 0 2px var(--primary)} .pricing-badge{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);background:linear-gradient(135deg,#2563EB,#1D4ED8);color:var(--white);padding:8px 24px;font-size:0.8rem;font-weight:700;border-radius:100px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(37,99,235,0.3);animation:none;z-index:3} @keyframes pulse-badge{0%,100%{box-shadow:0 4px 12px rgba(37,99,235,0.3)} 50%{box-shadow:0 4px 20px rgba(37,99,235,0.5)}} .pricing-card.featured .btn-primary{background:linear-gradient(135deg,#1D4ED8,#2563EB);padding:16px 32px;font-size:1.05rem;box-shadow:0 6px 20px rgba(37,99,235,0.3)} .pricing-card.featured .btn-primary:hover{box-shadow:0 10px 30px rgba(37,99,235,0.4)} .pricing-card h3{font-size:1.3rem;font-weight:700;margin-bottom:8px} .pricing-price{font-size:3.5rem;font-weight:800;color:var(--primary);margin:16px 0 4px} .pricing-price span{font-size:1rem;font-weight:500;color:var(--text-light)} .pricing-trial{display:inline-block;background:#ECFDF5;color:var(--success);padding:6px 20px;border-radius:100px;font-size:0.85rem;font-weight:600;margin:12px 0 24px} .pricing-features{list-style:none;text-align:left;margin-bottom:32px} .pricing-features li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #F3F4F6;font-size:0.95rem} .pricing-features li svg{color:var(--success);flex-shrink:0} .pricing-features li.feature-highlight{font-weight:700;color:var(--primary)} .pricing-payment{max-width:900px;margin:48px auto 0;text-align:center} .pricing-payment-title{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:8px} .pricing-payment-subtitle{font-size:0.95rem;color:var(--text-light);margin-bottom:24px} .pricing-payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:700px;margin:0 auto} .pricing-payment-method{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--white);border:2px solid #E5E7EB;border-radius:16px;padding:24px 20px;text-align:center;transition:border-color 0.2s,box-shadow 0.2s} .pricing-payment-method:hover{border-color:var(--primary-light);box-shadow:0 4px 16px rgba(37,99,235,0.08)} .pricing-payment-method.pix-highlight{border-color:#32BCAD;background:linear-gradient(135deg,#F0FDFA 0%,#CCFBF1 100%);position:relative} .pricing-payment-method.pix-highlight:hover{box-shadow:0 4px 16px rgba(50,188,173,0.15)} .pix-popular-badge{position:absolute;top:-10px;right:16px;background:#32BCAD;color:white;padding:4px 12px;border-radius:100px;font-size:0.7rem;font-weight:700;text-transform:uppercase} .pricing-payment-method h3{font-size:1rem;font-weight:700;margin:0} .pricing-payment-method p{font-size:0.85rem;color:var(--text-light);margin:0;line-height:1.5} .pricing-payment-method ul{list-style:none;padding:0;margin:4px 0 0;text-align:left} .pricing-payment-method ul li{font-size:0.82rem;color:var(--text);padding:3px 0;display:flex;align-items:center;gap:6px} .pricing-payment-method ul li svg{color:var(--success);flex-shrink:0} .pricing-security{text-align:center;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-light);font-size:0.85rem} .pricing-no-card{text-align:center;margin-top:16px;font-size:0.95rem;font-weight:600;color:var(--primary)} .access{background:linear-gradient(135deg,#1E40AF 0%,#2563EB 50%,#3B82F6 100%);color:var(--white);text-align:center} .access h2{font-size:2.2rem;font-weight:800;margin-bottom:12px} .access p{font-size:1.05rem;opacity:0.9;margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto} .access-buttons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap} .access-card{background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:28px 36px;text-align:center;transition:all 0.3s;text-decoration:none;color:var(--white);min-width:240px} .access-card:hover{background:rgba(255,255,255,0.2);transform:translateY(-4px)} .access-card svg{margin-bottom:12px} .access-card h3{font-size:1.1rem;font-weight:700;margin-bottom:4px} .access-card p{font-size:0.85rem;opacity:0.8;margin-bottom:0} .access-card.google-play{position:relative} .access-card .badge-soon{display:inline-block;background:var(--warning);color:var(--white);padding:3px 12px;border-radius:100px;font-size:0.7rem;font-weight:700;margin-top:8px;text-transform:uppercase} .footer{background:#111827;color:#9CA3AF;padding:48px 24px 24px} .footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px} .footer-brand{display:flex;align-items:center;gap:12px} .footer-brand img{width:36px;height:36px;border-radius:50%} .footer-brand span{color:var(--white);font-weight:700} .footer-links{display:flex;gap:24px} .footer-links a{color:#9CA3AF;text-decoration:none;font-size:0.9rem;transition:color 0.2s} .footer-links a:hover{color:var(--white)} .footer-bottom{max-width:1200px;margin:24px auto 0;padding-top:24px;border-top:1px solid #1F2937;text-align:center;font-size:0.8rem} .fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease} .fade-up.visible{opacity:1;transform:translateY(0)} .testimonials{background:var(--white)} .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .testimonial-card{background:var(--bg);border:1px solid #E5E7EB;border-radius:16px;padding:28px;transition:transform 0.3s;position:relative} .testimonial-card:hover{transform:translateY(-4px)} .testimonial-stars{display:flex;gap:2px;margin-bottom:16px;color:#FBBF24} .testimonial-text{font-size:0.95rem;color:var(--text);line-height:1.7;margin-bottom:20px;font-style:italic} .testimonial-author{display:flex;align-items:center;gap:12px} .testimonial-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--primary-light)} .testimonial-name{font-weight:700;font-size:0.9rem} .testimonial-role{font-size:0.8rem;color:var(--text-light)} .testimonial-quote{position:absolute;top:16px;right:24px;font-size:3rem;color:var(--primary-light);font-family:Georgia,serif;line-height:1} .devices{background:var(--bg)} .devices-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center} .devices-text h2{font-size:2.2rem;font-weight:800;margin-bottom:16px} .devices-text p{color:var(--text-light);font-size:1.05rem;line-height:1.7;margin-bottom:24px} .devices-features{list-style:none;display:flex;flex-direction:column;gap:12px} .devices-features li{display:flex;align-items:center;gap:10px;font-size:0.95rem;color:var(--text)} .devices-features li svg{color:var(--success);flex-shrink:0} .devices-image{position:relative;display:flex;align-items:center;justify-content:center} .devices-image .notebook-img{width:100%;max-width:500px;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.12))} .devices-image .phone-float{position:absolute;bottom:-20px;right:-10px;width:120px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,0.2)} .faq{background:var(--bg)} .faq-list{max-width:760px;margin:0 auto} .faq-item{background:var(--white);border:1px solid #E5E7EB;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color 0.3s} .faq-item.active{border-color:var(--primary-light)} .faq-question{width:100%;background:none;border:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-size:0.95rem;font-weight:600;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:color 0.2s} .faq-item.active .faq-question{color:var(--primary)} .faq-question:hover{color:var(--primary)} .faq-icon{width:24px;height:24px;flex-shrink:0;transition:transform 0.3s;color:var(--text-light)} .faq-item.active .faq-icon{transform:rotate(180deg);color:var(--primary)} .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease} .faq-item.active .faq-answer{max-height:300px} .faq-answer-inner{padding:0 24px 20px;font-size:0.9rem;color:var(--text-light);line-height:1.7} @media (max-width:768px){.navbar-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--white);flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid #E5E7EB;box-shadow:0 10px 30px rgba(0,0,0,0.1)} .navbar-links.active{display:flex} .menu-toggle{display:block} .lang-selector{order:-1;margin-bottom:8px} .lang-dropdown{right:auto;left:0} .hero{padding:100px 20px 50px;overflow:hidden} .hero-inner{grid-template-columns:1fr;text-align:center;gap:28px} .hero h1{font-size:1.4rem;letter-spacing:-0.01em} .hero h1 span::after{height:4px;bottom:1px} .hero-desc{margin:0 auto 20px;font-size:0.9rem} .hero-buttons{justify-content:center;align-items:center;gap:10px} .hero-store-badge{width:190px} .hero-store-btn{width:240px} .hero-store-btn{height:46px;font-size:0.9rem} .hero-trust{justify-content:center;flex-wrap:wrap;font-size:0.75rem} .hero-visual{margin-top:10px;min-height:280px;overflow:visible} .hero-visual-blob{width:260px;height:260px} .hero-visual-ring{width:220px;height:220px} .hero-visual-dots{display:none} .hero-img-main{max-width:240px;transform:none;border-radius:16px} .hero-visual:hover .hero-img-main{transform:translateY(-4px)} .hero-img-person{width:75px;bottom:-5px;left:15px;border-radius:12px;padding:2px} .hero-img-person img{border-radius:10px} .hero-float-card--top{top:10px;right:75px;padding:5px 7px} .hero-float-card--bottom{bottom:35px;right:70px;padding:5px 7px} .hero-float-icon{width:22px;height:22px;border-radius:6px} .hero-float-icon svg{width:10px;height:10px} .hero-float-text{font-size:0.55rem} .hero-float-text strong{font-size:0.62rem} .hero-float-icon{width:30px;height:30px;border-radius:8px} .hero-float-icon svg{width:14px;height:14px} .hero-float-text{font-size:0.7rem} .hero-float-text strong{font-size:0.8rem} .devices-inner{grid-template-columns:1fr;text-align:center;gap:32px} .devices-features{align-items:center} .devices-image .phone-float{width:90px;right:0;bottom:-10px} .problems-grid,.features-grid,.steps-grid,.testimonials-grid{grid-template-columns:1fr} .signature-section{padding:64px 20px} .signature-inner{display:flex;flex-direction:column;gap:28px;text-align:center} .signature-content{display:contents} .signature-tag{order:1;align-self:center;margin-bottom:0} .signature-title{order:2;font-size:1.8rem;margin-bottom:0} .signature-visual{order:3;width:100%} .signature-subtitle{order:4;margin:0 auto;font-size:0.95rem} .signature-steps{order:5;align-items:center;margin-bottom:0} .signature-step-line{display:none} .signature-benefits{order:6;width:100%;grid-template-columns:repeat(3,1fr);gap:8px} .signature-benefit{padding:14px 8px} .signature-benefit h3{font-size:0.7rem} .signature-benefit p{display:none} .signature-img-wrapper{max-width:260px} .signature-float-badge{right:-10px;bottom:40px;padding:10px 12px} .signature-float-badge-text{font-size:0.65rem} .signature-float-badge-text strong{font-size:0.7rem} .bia-section{padding:64px 20px} .bia-inner{display:flex;flex-direction:column;gap:28px;text-align:center} .bia-content{display:contents} .bia-tag{order:1;align-self:center;margin-bottom:0} .bia-title{order:2;font-size:1.8rem;margin-bottom:0} .bia-visual{order:3;width:100%;min-height:400px} .bia-subtitle{order:4;margin:0 auto;font-size:0.95rem} .bia-cards{order:5;width:100%;grid-template-columns:1fr;gap:10px;text-align:left;margin-bottom:0} .bia-cta-row{order:6;justify-content:center} .bia-img-wrapper{padding:20px 24px;min-height:320px} .bia-img-wrapper img{height:260px} .bia-glow{width:280px;height:360px} .bia-chat{font-size:0.72rem;max-width:200px;padding:10px 12px;text-align:left} .bia-chat--user{top:10px;left:0} .bia-chat--bot{top:calc(50%+35px);right:0} .bia-chat--alert{bottom:8px;left:-4px} .bia-chat-alert-text strong{font-size:0.74rem} .bia-chat-alert-text span{font-size:0.64rem} .section-header h2{font-size:1.7rem} .access h2{font-size:1.7rem} .access-buttons{flex-direction:column;align-items:center} .pricing-grid{grid-template-columns:1fr;max-width:480px} .pricing-card{padding:28px} .pricing-card.featured{order:-1;transform:none;background:linear-gradient(135deg,#EFF6FF 0%,#DBEAFE 100%);box-shadow:0 8px 32px rgba(37,99,235,0.15),0 0 0 2px var(--primary)} .pricing-card.featured:hover{transform:translateY(-4px)} .pricing-price{font-size:2.8rem} .pricing-payment{flex-direction:column;gap:16px} .pricing-payment-methods{grid-template-columns:1fr} .footer-inner{flex-direction:column;text-align:center} .footer-links{flex-direction:column;gap:12px}} @media (min-width:769px) and (max-width:1024px){.problems-grid,.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)} .hero h1{font-size:2.5rem} .hero-inner{gap:36px} .hero-img-main{max-width:380px} .hero-img-person{width:120px;left:-20px} .hero-float-card--top{right:0} .hero-float-card--bottom{right:-5px} .hero-visual{min-height:440px} .hero-visual-blob{width:380px;height:380px} .signature-inner{gap:40px} .signature-title{font-size:2rem} .signature-img-wrapper{max-width:280px} .bia-inner{gap:40px} .bia-title{font-size:2rem} .bia-img-wrapper img{height:280px} .bia-cards{gap:10px} .bia-card{padding:14px} .bia-card h3{font-size:0.9rem} .bia-card p{font-size:0.78rem}} .blog-hero{padding:128px 24px 64px;background:radial-gradient(circle at top right,rgba(37,99,235,0.08),transparent 36%),linear-gradient(180deg,#FAFBFF 0%,var(--bg) 100%)} .blog-hero-inner{max-width:920px;text-align:center} .breadcrumbs{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:24px;color:var(--text-light);font-size:0.88rem} .breadcrumbs a{color:var(--text-light);text-decoration:none} .breadcrumbs a:hover{color:var(--primary)} .blog-hero h1{max-width:850px;margin:0 auto 18px;font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-0.035em;font-weight:800;color:var(--text)} .blog-hero p{max-width:720px;margin:0 auto;color:var(--text-light);font-size:1.08rem;line-height:1.75} .blog-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px} .blog-hero-actions span{color:var(--text-light);font-size:0.9rem} .blog-list{background:var(--bg)} .blog-grid{display:grid;grid-template-columns:1fr;gap:24px} .post-card{background:var(--white);border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,0.06);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease} .post-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,0.28);box-shadow:0 16px 40px rgba(15,23,42,0.10)} .post-card-media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--primary-light)} .post-card-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.45s ease} .blog-grid-featured{max-width:460px;margin:0 auto} .blog-grid-featured .post-card{width:100%} .post-card-media--portrait{aspect-ratio:4 / 3;background:linear-gradient(180deg,#EFF6FF 0%,#FFFFFF 100%)} .post-card-media--portrait img{object-fit:contain;padding:14px} .post-card:hover .post-card-media img{transform:scale(1.04)} .post-card-body{padding:22px} .post-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:var(--text-light);font-size:0.78rem} .post-category{display:inline-flex;align-items:center;width:fit-content;background:var(--primary-light);color:var(--primary);border-radius:999px;padding:4px 10px;font-size:0.76rem;font-weight:700} .post-card h3{margin-bottom:10px;font-size:1.15rem;line-height:1.35} .post-card h3 a{color:var(--text);text-decoration:none} .post-card h3 a:hover{color:var(--primary)} .post-card p{color:var(--text-light);font-size:0.93rem;line-height:1.65;margin-bottom:18px} .post-card-link{color:var(--primary);font-weight:700;text-decoration:none;font-size:0.92rem} .post-card-link:hover{color:var(--primary-dark)} .blog-cta,.post-cta{background:linear-gradient(135deg,#1E40AF 0%,#2563EB 55%,#3B82F6 100%);color:var(--white);text-align:center} .blog-cta-inner,.post-cta-inner{max-width:760px} .blog-cta h2,.post-cta h2{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.15;margin-bottom:12px;font-weight:800} .blog-cta p,.post-cta p{margin:0 auto 26px;color:rgba(255,255,255,0.88);font-size:1.02rem} .blog-cta .btn-primary,.post-cta .btn-primary{background:var(--white);color:var(--primary);box-shadow:0 10px 30px rgba(15,23,42,0.18)} .post-page{background:var(--white)} .post-header{padding:128px 24px 36px;background:radial-gradient(circle at top right,rgba(37,99,235,0.08),transparent 34%),var(--bg)} .post-header-inner{max-width:820px;margin:0 auto;text-align:center} .post-header h1{margin:18px auto 16px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;letter-spacing:-0.035em;font-weight:800;color:var(--text)} .post-excerpt{max-width:720px;margin:0 auto 20px;color:var(--text-light);font-size:1.1rem;line-height:1.75} .post-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 14px;color:var(--text-light);font-size:0.9rem} .post-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px} .post-hero-actions span{color:var(--text-light);font-size:0.9rem} .post-cover{max-width:760px;margin:32px auto 0;padding:0 24px} .post-cover img{display:block;width:min(100%,340px);height:auto;margin:0 auto;border-radius:24px;border:1px solid #E5E7EB;box-shadow:0 16px 42px rgba(15,23,42,0.12)} .post-cover figcaption,.post-figure figcaption{margin-top:10px;color:var(--text-light);font-size:0.85rem;text-align:center} .post-content{max-width:760px;margin:0 auto;padding:56px 24px 72px;color:var(--text);font-size:1.0625rem;line-height:1.85} .post-content h2{margin:44px 0 14px;font-size:1.75rem;line-height:1.25;letter-spacing:-0.02em} .post-content h3{margin:32px 0 10px;font-size:1.28rem;line-height:1.3} .post-content p,.post-content ul,.post-content ol{margin-bottom:20px} .post-content ul,.post-content ol{padding-left:1.4rem} .post-content li{margin-bottom:8px} .post-content a{color:var(--primary);font-weight:600} .post-content a:hover{color:var(--primary-dark)} .post-content .btn-primary{color:var(--white);text-decoration:none} .post-content .btn-primary:hover{color:var(--white)} .post-figure{margin:36px auto;max-width:360px} .post-figure img{width:100%;height:auto;border-radius:22px;border:1px solid #E5E7EB;box-shadow:0 12px 32px rgba(15,23,42,0.10)} .post-note,.post-inline-cta{margin:34px 0;padding:22px;border-radius:18px;background:var(--bg);border:1px solid #E5E7EB} .post-inline-cta{background:#EFF6FF;border-color:#BFDBFE} .post-inline-cta h2,.post-inline-cta h3{margin-top:0} .post-faq-item{border:1px solid #E5E7EB;border-radius:14px;padding:16px 18px;margin-bottom:12px;background:var(--white)} .post-faq-item summary{cursor:pointer;font-weight:700;color:var(--text)} .post-faq-item p{margin:12px 0 0;color:var(--text-light)} .post-related{background:var(--bg)} .post-related h2{margin-bottom:24px;font-size:1.8rem;font-weight:800;text-align:center} @media (min-width:769px){.blog-grid{grid-template-columns:repeat(2,1fr)} .blog-grid-featured{grid-template-columns:1fr} .post-card-body{padding:24px}} @media (min-width:1025px){.blog-grid{grid-template-columns:repeat(3,1fr)} .blog-grid-featured{grid-template-columns:1fr}} @media (max-width:768px){.blog-hero{padding:108px 20px 48px} .blog-hero h1,.post-header h1{letter-spacing:-0.02em} .blog-hero p,.post-excerpt{font-size:0.96rem} .post-header{padding:108px 20px 30px} .post-cover{margin-top:28px;padding:0 20px} .post-cover img{border-radius:18px} .post-content{padding:42px 20px 60px;font-size:1rem;line-height:1.78} .post-content h2{font-size:1.45rem} .breadcrumbs{justify-content:center;font-size:0.82rem}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important}}