:root{--blue: #0067ff;--blue-2: #005ee9;--royal: #0013ff;--deep: #0004c2;--navy: #0f172a;--ink: #364151;--muted: #5b6678;--sky: #e7f6ff;--line: #d1dae5;--white: #fff;--accent: #61ce70;--radius: 10px;--shadow: 0 10px 30px rgba(15, 23, 42, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:400 16px/1.7 Roboto,system-ui,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--blue)}h1,h2,h3,h4{font-family:Roboto,sans-serif;color:var(--navy);line-height:1.2;margin:0 0 .5em}h1,h2{font-weight:700}h3{font-weight:600}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section.alt{background:var(--sky)}.eyebrow{font:600 .8rem/1 Roboto,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin:0 0 12px;display:block}.title{font-size:clamp(1.6rem,3.2vw,2.4rem);text-transform:uppercase;letter-spacing:.01em}.lead{font-family:Roboto Slab,serif;font-size:1.1rem;color:var(--muted)}.btn{display:inline-block;background:var(--blue);color:#fff;border:2px solid var(--blue);padding:13px 30px;border-radius:4px;font:600 .9rem/1 Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s}.btn:hover{background:var(--deep);border-color:var(--deep);transform:translateY(-2px)}.btn.ghost{background:transparent;color:#fff;border-color:#fff}.btn.ghost:hover{background:#fff;color:var(--deep)}.btn:disabled{opacity:.6;cursor:default;transform:none}.grid{display:grid;gap:28px}.grid.c3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid.c4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #0013ff29}.card .ph{height:240px;width:100%;object-fit:cover;background:linear-gradient(135deg,var(--deep),var(--blue))}.card .body{padding:22px 24px 26px}.card h3{font-size:1.15rem;margin-bottom:8px}.card p{margin:0;color:var(--muted);font-size:.95rem}.page-hero{position:relative;color:#fff;text-align:center;padding:90px 20px 80px;background:linear-gradient(#0004c2c7,#0013ff9e),var(--hero, none) center/cover,var(--deep)}.page-hero h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);text-transform:uppercase;margin-bottom:10px}.page-hero p{margin:0;font-family:Roboto Slab,serif;font-size:1.15rem;opacity:.92}
