*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0d1117;color:#f5f7fa}
.hero{min-height:78vh;background:radial-gradient(circle at top right,#17345c 0,#0d1117 45%,#090b10 100%);padding:24px 7vw 80px}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:800;letter-spacing:.12em}
.hero-content{max-width:820px;padding-top:16vh}.eyebrow{color:#d4af37;font-weight:800;letter-spacing:.16em;font-size:.78rem}
h1{font-size:clamp(2.8rem,7vw,6rem);line-height:.95;margin:.25em 0}.lead{font-size:1.2rem;line-height:1.6;color:#c9d1d9;max-width:680px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 20px;border-radius:999px;background:#d4af37;color:#111;text-decoration:none;font-weight:800;border:1px solid #d4af37}
.btn-outline{background:transparent;color:#f5f7fa;border-color:#657080}.section{padding:80px 7vw;background:#f4f4f1;color:#15181c}.section.dark{background:#0f1722;color:#fff}
.section-head{max-width:760px;margin-bottom:36px}.section h2{font-size:clamp(2rem,4vw,3.8rem);margin:.15em 0}.section p{line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:white;border:1px solid #dedede;border-radius:18px;padding:28px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.dark .card{background:#151f2d}.gallery-placeholder{display:flex;justify-content:center}.gallery-box{width:min(560px,100%);border:1px solid #33445d;border-radius:22px;padding:42px;text-align:center;background:#111b28}
.gallery-box span{font-size:3rem}.gallery-box button{padding:12px 18px;border-radius:10px;border:0;background:#2b3646;color:#9ca7b7}
footer{padding:28px 7vw;background:#080a0d;color:#8f98a5;text-align:center}
@media(max-width:700px){.hero{padding-left:5vw;padding-right:5vw}.section{padding-left:5vw;padding-right:5vw}.nav{align-items:flex-start}.brand{max-width:190px}}