:root{--color-navy-deep: #0a192f;--color-navy-light: #112240;--color-teal: #008080;--color-teal-light: #e6ffFA;--color-white: #ffffff;--color-slate: #8892b0;--color-slate-light: #ccd6f6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--marketing-header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-white);color:var(--color-navy-deep);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--color-navy-deep);line-height:1.2;font-weight:700;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem)}p{margin-bottom:1rem;color:#4a5568}.text-teal{color:var(--color-teal)}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--color-teal);color:#fff;box-shadow:0 4px 14px #0080804d}.btn-primary:hover{transform:translateY(-2px);filter:brightness(110%);box-shadow:0 6px 20px #00808066}.btn-outline{background:transparent;border:2px solid var(--color-teal);color:var(--color-teal)}.btn-outline:hover{background:var(--color-teal-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.section-padding{padding:5rem 1rem;max-width:1280px;margin:0 auto}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}.gap-8{gap:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-left{text-align:left}.md\:items-start{align-items:flex-start}}@media(max-width:767px){.text-center-mobile{text-align:center}.section-padding{padding:3rem 1rem}h1{font-size:2.5rem}h2{font-size:2rem}}