*{box-sizing:border-box}
:root{--navy:#0E1E3A;--red:#D72638;--ivory:#F7F1E6;--text:#0E1E3A}
html,body{margin:0;padding:0;height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:#fff}
.site-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:rgba(255,255,255,0.8);backdrop-filter:saturate(140%) blur(8px);z-index:20}
.brand{font-family:Montserrat,system-ui,sans-serif;font-weight:800;letter-spacing:.2px}
.cta{padding:8px 14px;border:1px solid var(--navy);border-radius:10px;text-decoration:none;color:var(--navy);font-weight:500}
.cta:hover{background:var(--navy);color:#fff}
.hero{position:relative;min-height:100vh;background:url('assets/grid.png') center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:80px 16px 24px}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,7,18,.30), rgba(10,7,18,.50));z-index:0}
.hero-content{position:relative;z-index:1;max-width:1200px;text-align:center;padding:0 16px}
.hero-logo{width:clamp(260px, 46vw, 880px);height:auto;margin:0 auto;display:block;filter:none}
.scroll-hint{position:absolute;right:28px;bottom:28px;z-index:2}
.scroll-hint img{width:72px;height:72px;display:block;cursor:pointer;transition:transform .15s ease, filter .2s ease}
.scroll-hint:hover img{transform:translateY(2px);filter:brightness(1.08)}
.content{background:#fff}
.container{max-width:1100px;margin:0 auto;padding:24px 16px}
h1{font-family:Montserrat,system-ui,sans-serif;font-size:clamp(34px,6vw,64px);line-height:1.08;margin:0 0 16px}
h2{font-family:Montserrat,system-ui,sans-serif;font-size:clamp(22px,3vw,32px);margin:32px 0 6px}
p{font-size:18px;line-height:1.7;margin:0 0 12px}
ul{margin:6px 0 16px 24px}
li{margin:6px 0}
hr{border:none;border-top:1px solid #eee;margin:28px 0}
.spacer-1x{height:clamp(24px, 6vw, 64px)}
.contact-line a{color:var(--navy);text-decoration:underline}
.site-footer{padding:24px 16px;border-top:1px solid #eee;background:#fff}
.small{font-size:14px;opacity:.8}
@media (max-width: 768px){.site-header{padding:10px 14px}.cta{padding:6px 10px}.scroll-hint{right:16px;bottom:16px}.scroll-hint img{width:64px;height:64px}}