:root{--true-blue:#0766C8;--yale-blue:#023E7C;--oxford-blue:#001844;--slate-gray:#7C8597;--text:#0B0F19;--muted:#5B6472;--bg:#ffffff;--card:#f6f7f9;--border:#e7e9ee}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.container{width:min(1100px,92%);margin:0 auto}.section{padding:56px 0}.h1{font-size:40px;line-height:1.1;margin:0 0 8px;letter-spacing:-.02em}.p-lead{color:var(--muted);margin:0 0 20px;font-size:14px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 1px #00000005}.img{width:100%;height:220px;object-fit:cover;border-radius:10px;display:block;background:#ddd}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent;font-weight:600;cursor:pointer;text-decoration:none}.btn-primary{background:var(--true-blue);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#fff;color:var(--yale-blue);border-color:var(--border)}.btn-secondary:hover{background:#f8fafc}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border);background:#fffc}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand-dot{width:30px;height:30px;background:var(--true-blue);border-radius:8px}.nav-links{display:flex;gap:14px}.nav-links a{color:#222;text-decoration:none;font-weight:600;font-size:14px;padding:8px 10px;border-radius:8px}.nav-links a:hover{background:#f4f6f8}.hero{display:grid;grid-template-columns:1.1fr;gap:18px;padding:28px 0 6px}.hero .hero-media{border-radius:14px;overflow:hidden;border:1px solid var(--border)}.hero img{width:100%;height:340px;object-fit:cover;display:block}.section-title{font-size:18px;font-weight:800;margin:0 0 14px;letter-spacing:.2px}.section-title--xl{font-size:42px;letter-spacing:-.02em;line-height:1.15}.kicker{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.product-title{font-size:14px;font-weight:800;margin:8px 0 6px}.product-desc{font-size:12px;color:var(--muted);margin:0}.values li{list-style:none;padding:4px 0;font-size:12px;color:#333}.testi{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.quote{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px}.quote small{color:var(--muted)}.contact{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px}.footer{border-top:1px solid var(--border);background:#fafbfc;color:#4a5568}.footer-inner{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;padding:26px 0}.footer small{color:var(--muted)}@media (min-width:900px){.hero{grid-template-columns:1fr}}@media (max-width:800px){.grid-3,.grid-2,.testi{grid-template-columns:1fr}.hero img{height:240px}}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 0 0 1px #00000003,0 6px 16px #0000000a;display:flex;flex-direction:column;justify-content:flex-start}.grid-stretch{align-items:stretch}.panel-text{color:#5b6472;line-height:1.6;margin:6px 0 0;font-size:15px;text-align:justify}.justify{text-align:justify}.values-tight{margin:10px 0 0;padding-left:0;list-style:none}.values-tight li{margin:10px 0;color:#2b2f38;font-size:15px}.panel-media{padding:18px}.media-frame{width:100%;height:100%;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eceff4;display:flex}.media-img{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}@media (min-width: 1100px){.media-img{aspect-ratio:21 / 10}}@media (max-width: 800px){.panel{padding:16px;border-radius:14px}.panel-media{padding:12px}.media-frame{border-radius:12px}.media-img{aspect-ratio:16 / 10}}
