@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--navy:#0f2340;--navy-light:#1a3a5c;--accent:#2e9cdb;--accent-dark:#1a7cb0;--accent-light:#e8f4fb;--white:#fff;--gray-bg:#f4f6f9;--gray-light:#e8ecf1;--gray-mid:#c8d0db;--text-primary:#1a2840;--text-secondary:#4a5568;--text-muted:#8a96a8;--font-heading:"Manrope", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--section-padding:96px 0;--section-padding-sm:64px 0;--container-max:1200px;--container-padding:0 24px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0f23400f, 0 1px 2px #0f23400a;--shadow-md:0 4px 16px #0f234014, 0 2px 6px #0f23400d;--shadow-lg:0 12px 40px #0f23401f, 0 4px 16px #0f23400f;--shadow-accent:0 8px 24px #2e9cdb40;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--white);font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.heading-display{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.12}.heading-xl{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--text-primary);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.18}.heading-lg{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.25}.heading-md{font-family:var(--font-heading);color:var(--text-primary);font-size:clamp(18px,2.2vw,22px);font-weight:600;line-height:1.3}.body-lg{color:var(--text-secondary);font-size:clamp(16px,1.5vw,18px);line-height:1.65}.body-md{color:var(--text-secondary);font-size:15px;line-height:1.6}.container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.section{padding:var(--section-padding)}.section--gray{background:var(--gray-bg)}.section--navy{background:var(--navy);color:var(--white)}.section-header{text-align:center;max-width:680px;margin:0 auto 64px}.section-header .heading-xl{margin-bottom:16px}.section-header .body-lg{color:var(--text-secondary)}.section--navy .section-header .heading-xl{color:var(--white)}.section--navy .section-header .body-lg{color:#ffffffb3}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);letter-spacing:.01em;transition:var(--transition);white-space:nowrap;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--white);box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 12px 32px #2e9cdb59}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--navy);border:2px solid var(--gray-light);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.btn-outline-white{color:var(--white);background:0 0;border:2px solid #ffffff59}.btn-outline-white:hover{border-color:var(--white);background:#ffffff14}.btn-lg{padding:16px 36px;font-size:16px}.accent-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-flex}.accent-label:before{content:"";background:var(--accent);border-radius:1px;width:24px;height:2px;display:block}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-light);transition:var(--transition);padding:32px}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-light);transform:translateY(-3px)}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--section-padding:64px 0}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.section-header{margin-bottom:40px}.btn-lg{padding:14px 28px;font-size:15px}}
