:root{--clr-bg: #FAFAFA;--clr-text: #2B2D42;--clr-text-light: #4A4E69;--clr-primary: #3D5A80;--clr-primary-hover: #293241;--clr-secondary: #98C1D9;--clr-accent: #EE6C4D;--clr-pastel-mint: #E0F2E9;--clr-pastel-rose: #FDE2E4;--clr-pastel-lavender: #EAE4F2;--clr-pastel-peach: #FFE5D9;--clr-white: #FFFFFF;--clr-card-bg: rgba(255, 255, 255, .7);--clr-border: #E5E5E5;--font-heading: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 20px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 40px rgba(31, 47, 70, .08);--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--clr-text);background-color:var(--clr-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--clr-text)}a{text-decoration:none;color:inherit}.container{max-width:1140px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.bg-pastel-mint{background-color:var(--clr-pastel-mint)}.bg-pastel-rose{background-color:var(--clr-pastel-rose)}.bg-pastel-lavender{background-color:var(--clr-pastel-lavender)}.bg-pastel-peach{background-color:var(--clr-pastel-peach)}.bg-gradient-pastel{background:linear-gradient(135deg,var(--clr-pastel-mint),var(--clr-pastel-lavender))}.section{padding:5rem 0}.section-heading{margin-bottom:3rem}.section-heading h2{font-size:2.5rem;margin-bottom:1rem}.section-heading p{font-size:1.1rem;color:var(--clr-text-light);max-width:600px;margin:0 auto}.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:var(--radius-xl);font-weight:500;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--clr-primary);color:var(--clr-white)}.btn-primary:hover{background-color:var(--clr-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--clr-white);color:var(--clr-primary);border:2px solid var(--clr-primary)}.btn-secondary:hover{background-color:var(--clr-primary);color:var(--clr-white);transform:translateY(-2px)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.header{background-color:#fffc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--clr-border)}.header .container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-size:1.5rem;font-weight:700;color:var(--clr-primary)}.logo span{color:var(--clr-accent)}.nav{display:flex;gap:2rem}.nav a{font-weight:500;color:var(--clr-text-light);transition:var(--transition)}.nav a:hover{color:var(--clr-primary)}.hero{padding:6rem 0;background:radial-gradient(circle at top left,var(--clr-pastel-peach),transparent 40%),radial-gradient(circle at bottom right,var(--clr-pastel-mint),transparent 40%);position:relative;overflow:hidden}.hero-content{display:flex;align-items:center;gap:4rem}.hero-text{flex:1}.badge{display:inline-block;background-color:#fff9;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;color:var(--clr-accent);margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.8)}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;color:var(--clr-primary-hover)}.hero p{font-size:1.2rem;color:var(--clr-text-light);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem}.hero-graphic{flex:1;position:relative;height:400px;display:flex;justify-content:center;align-items:center}.glass-card{background:#fff9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);position:absolute;width:250px}.decor-1{top:50px;left:20px;transform:rotate(-5deg);animation:float 6s ease-in-out infinite}.decor-2{bottom:50px;right:20px;transform:rotate(5deg);animation:float 7s ease-in-out infinite reverse}.glass-card h3{color:var(--clr-primary);margin-bottom:.5rem}@keyframes float{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(-3deg)}to{transform:translateY(0) rotate(-5deg)}}.attention-block{background:#ffffff80;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:3rem;display:flex;gap:2rem;align-items:center;box-shadow:var(--shadow-md)}.attention-icon{font-size:4rem}.attention-content h2{margin-bottom:1rem}.attention-content p{font-size:1.1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background-color:var(--clr-white);border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--clr-border)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-icon{width:60px;height:60px;border-radius:50%;margin-bottom:1.5rem;background-color:var(--clr-pastel-lavender)}.block-icon-1{background-color:var(--clr-pastel-peach)}.block-icon-2{background-color:var(--clr-pastel-mint)}.block-icon-3{background-color:var(--clr-pastel-rose)}.card h3{margin-bottom:1rem;font-size:1.4rem}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;left:20px;height:100%;width:2px;background:var(--clr-white)}.timeline-item{position:relative;padding-left:60px;margin-bottom:3rem}.timeline-dot{position:absolute;left:11px;top:0;width:20px;height:20px;border-radius:50%;background-color:var(--clr-accent);border:4px solid var(--clr-pastel-rose)}.timeline-content{background:#fff9;backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:2rem;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-md)}.timeline-badge{display:inline-block;padding:.3rem .8rem;background-color:var(--clr-primary);color:var(--clr-white);border-radius:20px;font-size:.8rem;font-weight:600;margin:.5rem 0 1rem}.table-responsive{overflow-x:auto}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--clr-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.comparison-table th,.comparison-table td{padding:1.5rem;text-align:left;border-bottom:1px solid var(--clr-border)}.comparison-table th{background-color:var(--clr-primary);color:var(--clr-white);font-weight:500}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr{transition:var(--transition)}.comparison-table tbody tr:hover{background-color:#f8f9fa}.highlight-text{color:var(--clr-accent);font-weight:500}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card{background:var(--clr-white);padding:2.5rem 2rem;border-radius:var(--radius-lg);text-align:center;position:relative;box-shadow:var(--shadow-sm);transition:var(--transition)}.step-card:hover{transform:translateY(-5px)}.step-number{width:50px;height:50px;background-color:var(--clr-accent);color:var(--clr-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.accordion{max-width:800px;margin:0 auto}.accordion-item{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow-sm)}.accordion-header{width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-size:1.1rem;font-weight:600;font-family:var(--font-heading);color:var(--clr-text);cursor:pointer;text-align:left;transition:var(--transition)}.accordion-header:hover{background-color:#f8f9fa}.accordion-header .icon{font-size:1.5rem;color:var(--clr-primary);transition:transform .3s ease}.accordion-header.active{border-bottom:1px solid var(--clr-border)}.accordion-header.active .icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:var(--clr-white)}.accordion-content p{padding:1.5rem 2rem;margin:0}.footer{background-color:var(--clr-primary-hover);color:#ffffffb3;padding:3rem 0;text-align:center}.cta-section{padding:7rem 0}.cta-section h2{font-size:2.5rem;margin-bottom:1.5rem}.cta-section p{font-size:1.1rem;color:var(--clr-text-light);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:768px){.hero-content{flex-direction:column}.hero h1{font-size:2.5rem}.hero-actions{flex-direction:column}.attention-block{flex-direction:column;text-align:center}.nav{display:none}}