*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#C9A84C;--gold-light:#E8D48B;--bg:#0A0A0A;--panel:#111;--card:rgba(20,20,20,0.88);--text:#F5F0E8;--muted:#A09880}
html{scroll-behavior:smooth}
body{min-height:100vh;background:var(--bg);color:var(--text);font-family:'Cormorant Garamond',Georgia,serif;line-height:1.7}
a{color:inherit}
.site-nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,0.97);backdrop-filter:blur(12px);padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{font-family:'Cinzel',serif;color:var(--gold);letter-spacing:0.15em;text-decoration:none;font-size:1.6rem;font-weight:600;text-transform:lowercase}
.nav-actions{display:flex;align-items:center;gap:2.5rem;font-family:'Rajdhani',sans-serif;font-size:0.85rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;list-style:none}
.nav-actions a{text-decoration:none;color:var(--muted);white-space:nowrap;position:relative;transition:color 0.3s}
.nav-actions a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width 0.4s ease}
.nav-actions a:hover{color:var(--gold)}
.nav-actions a:hover::after{width:100%}
.nav-actions .cta{font-weight:600;color:var(--bg);background:var(--gold);padding:0.6rem 1.8rem;transition:all 0.3s}
.nav-actions .cta::after{display:none}
.nav-actions .cta:hover{background:var(--gold-light);transform:translateY(-1px)}
.hero{min-height:380px;padding:6rem 1.5rem 4rem;background:linear-gradient(90deg,rgba(10,10,10,0.9),rgba(10,10,10,0.55)),linear-gradient(180deg,rgba(10,10,10,0.1),rgba(10,10,10,0.86)),url('./netram-banner.jpg') 38% center/cover no-repeat;display:flex;align-items:flex-end;border-bottom:1px solid rgba(201,168,76,0.14)}
.hero-inner{width:min(1100px,100%);margin:0 auto}
.label{font-family:'Rajdhani',sans-serif;font-size:0.75rem;font-weight:700;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
h1{font-family:'Cinzel',serif;font-weight:400;font-size:clamp(2.2rem,5vw,4rem);line-height:1.15;margin-bottom:1rem;color:var(--text)}
.lead{font-size:1.25rem;color:var(--muted);max-width:760px}
.content{width:min(1100px,100%);margin:0 auto;padding:4rem 1.5rem}
.section{margin-top:3.5rem}
.section:first-child{margin-top:0}
.section-title{font-family:'Cinzel',serif;font-weight:400;color:var(--gold-light);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;margin-bottom:1rem}
.intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,0.75fr);gap:2rem;align-items:start}
.info-panel{background:rgba(201,168,76,0.04);border:1px solid rgba(201,168,76,0.14);padding:1.5rem}
.info-panel h2{font-family:'Cinzel',serif;font-weight:400;color:var(--gold-light);margin-bottom:0.8rem}
.info-list{list-style:none;display:grid;gap:0.75rem}
.info-list li{color:var(--muted);font-size:1.04rem;border-bottom:1px solid rgba(201,168,76,0.09);padding-bottom:0.75rem}
.info-list li:last-child{border-bottom:0;padding-bottom:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem;margin-top:2rem}
.card{background:var(--card);border:1px solid rgba(201,168,76,0.14);padding:1.75rem}
.card h2,.card h3{font-family:'Cinzel',serif;font-weight:400;color:var(--gold-light);line-height:1.25;margin-bottom:0.75rem}
.card p,.content>p,.section p{font-size:1.08rem;color:var(--muted);margin-bottom:1rem}
.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-block;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;background:var(--gold);color:var(--bg);padding:0.9rem 1.25rem;text-align:center}
.btn.outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.page-image{width:100%;display:block;margin-top:2rem;border:1px solid rgba(201,168,76,0.2)}
.page-map{width:100%;height:460px;border:1px solid rgba(201,168,76,0.2);margin-top:2rem}
.notice{border-left:2px solid var(--gold);background:rgba(201,168,76,0.04);padding:1.25rem;margin-top:2rem;color:var(--muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.site-footer{border-top:1px solid rgba(201,168,76,0.12);padding:3rem 1.5rem 2rem;color:var(--muted);background:var(--panel)}
.footer-grid{width:min(1100px,100%);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}
.footer-brand{font-family:'Cinzel',serif;color:var(--gold);font-size:1.6rem;letter-spacing:0.14em;margin-bottom:0.8rem}
.footer-grid p{font-size:1rem;line-height:1.55}
.site-footer h2{font-family:'Rajdhani',sans-serif;font-size:0.78rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--gold);margin-bottom:0.85rem}
.site-footer ul{list-style:none;display:grid;gap:0.45rem}
.site-footer a{font-family:'Rajdhani',sans-serif;font-size:0.9rem;color:var(--muted);text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.footer-bottom{width:min(1100px,100%);margin:2rem auto 0;padding-top:1.4rem;border-top:1px solid rgba(201,168,76,0.1);font-family:'Rajdhani',sans-serif;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;text-align:center}
@media(max-width:700px){
  .site-nav{padding:1rem 1.25rem;gap:1rem}
  .nav-actions{gap:0.9rem;font-size:0.72rem;flex-wrap:wrap}
  .nav-actions .cta{padding:0.5rem 1rem}
  .hero{min-height:340px;padding:4.5rem 1rem 3rem;background-position:32% center}
  .content{padding:3rem 1rem}
  .intro,.two-col{grid-template-columns:1fr}
  .lead{font-size:1.08rem}
  .actions .btn{width:100%}
  .card{padding:1.35rem}
  .page-map{height:360px}
  .footer-grid{grid-template-columns:1fr;gap:1.5rem}
}