:root{
  --ac-ink:#07101f; --ac-navy:#0d1e32; --ac-navy2:#122540; --ac-gold:#c9a040; --ac-gold2:#e0b84a;
  --ac-white:#fff; --ac-off:#f9f7f3; --ac-light:#f3f1ec; --ac-border:#e6e2d8; --ac-text:#111827; --ac-mid:#4b5a6e;
  --ac-shadow:0 16px 48px rgba(7,16,31,.14); --ac-tr:.26s cubic-bezier(.4,0,.2,1);
  --ac-head:'Bricolage Grotesque',sans-serif; --ac-body:'Manrope',sans-serif;
  --hero-photo:url('YOUR_HERO_IMAGE_URL');
}
.ac-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.ac-eyebrow{display:flex;align-items:center;gap:10px;font:700 .7rem var(--ac-body);letter-spacing:.2em;text-transform:uppercase;color:var(--ac-gold)}
.ac-eyebrow:before{content:"";width:24px;height:1.5px;background:var(--ac-gold)}
.ac-title{font-family:var(--ac-head);font-weight:700;line-height:1.12;letter-spacing:-.01em}
.ac-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;font:700 .8rem var(--ac-body);letter-spacing:.08em;text-transform:uppercase;transition:all var(--ac-tr);text-decoration:none}
.ac-btn-gold{background:var(--ac-gold);color:var(--ac-ink)}
.ac-btn-ghost{background:transparent;color:rgba(255,255,255,.8);border:1.5px solid rgba(255,255,255,.25)}
#ac-header{position:fixed;top:0;left:0;right:0;z-index:999;height:64px;display:flex;align-items:center;background:rgba(7,16,31,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,160,64,.1)}
#ac-header .ac-row{display:flex;align-items:center;justify-content:space-between;width:100%}
#ac-header .ac-logo{font:800 1.05rem var(--ac-head);color:#fff;text-decoration:none}
#ac-header .ac-logo span{color:var(--ac-gold)}
#ac-header nav{display:flex;gap:2px}
#ac-header nav a{padding:8px 13px;font:600 .72rem var(--ac-body);letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.45);text-decoration:none}
#ac-header .ac-cta{padding:11px 22px;font-size:.72rem}
#ac-hero{position:relative;min-height:100svh;background:var(--ac-ink);overflow:hidden;padding-top:64px}
#ac-hero .ac-geo-dots{position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 70% at 30% 50%,#000 0%,transparent 70%)}
#ac-hero .ac-ring1,#ac-hero .ac-ring2{position:absolute;border-radius:50%;border:1px solid rgba(201,160,64,.12)}
#ac-hero .ac-ring1{width:500px;height:500px;top:50%;right:38%;transform:translate(50%,-50%)}
#ac-hero .ac-ring2{width:800px;height:800px;top:50%;right:38%;transform:translate(50%,-50%);border-color:rgba(201,160,64,.06)}
#ac-hero .ac-vline{position:absolute;right:48%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(201,160,64,.15) 30%,rgba(201,160,64,.15) 70%,transparent)}
#ac-hero .ac-photo{position:absolute;right:0;top:0;bottom:0;width:46%;background:var(--hero-photo) center 15%/cover no-repeat;filter:brightness(.78) contrast(1.05)}
#ac-hero .ac-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--ac-ink) 0%,rgba(7,16,31,.6) 40%,transparent 70%)}
#ac-hero .ac-photo:after{content:"";position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(to bottom,var(--ac-ink),transparent)}
#ac-hero .ac-content{position:relative;z-index:2;max-width:640px;padding:80px 0}
#ac-hero .ac-eyebrow{color:rgba(201,160,64,.8);margin-bottom:28px}
#ac-hero .ac-eyebrow:before{background:rgba(201,160,64,.8)}
#ac-hero h1{font:800 clamp(2.8rem,5vw,4.4rem) var(--ac-head);line-height:1.06;letter-spacing:-.02em;color:#fff;margin:0 0 24px}
#ac-hero h1 em{font-style:normal;color:var(--ac-gold)}
#ac-hero .ac-sub{max-width:480px;margin-bottom:44px;font:300 1rem/1.8 var(--ac-body);color:rgba(255,255,255,.55)}
#ac-hero .ac-sub strong{color:rgba(255,255,255,.85);font-weight:500}
#ac-hero .ac-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:56px}
#ac-hero .ac-stats{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-top:1px solid rgba(201,160,64,.2)}
#ac-hero .ac-stat{padding:20px 20px 18px;border-right:1px solid rgba(255,255,255,.06)}
#ac-hero .ac-stat:last-child{border-right:none}
#ac-hero .ac-stat b{display:block;font:800 1.75rem var(--ac-head);line-height:1;color:var(--ac-gold2);margin-bottom:5px}
#ac-hero .ac-stat span{font:500 .68rem/1.4 var(--ac-body);color:rgba(255,255,255,.35)}
#ac-directions{background:linear-gradient(180deg,#fff 0%,var(--ac-off) 100%);padding:52px 0 60px;border-bottom:1px solid var(--ac-border)}
#ac-directions .ac-head{margin-bottom:28px}
#ac-directions h2{font-size:clamp(2rem,3.2vw,2.9rem);margin:0}
#ac-directions h2 span{color:var(--ac-gold)}
#ac-directions .ac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#ac-directions .ac-card{position:relative;overflow:hidden;padding:30px 30px 28px;border:1px solid var(--ac-border);background:rgba(255,255,255,.82);transition:all var(--ac-tr);text-decoration:none;color:inherit}
#ac-directions .ac-card:hover{transform:translateY(-4px);box-shadow:var(--ac-shadow);border-color:rgba(201,160,64,.38)}
#ac-directions .ac-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--ac-gold),var(--ac-gold2))}
#ac-directions .ac-card.dark{background:linear-gradient(180deg,rgba(13,30,50,.97) 0%,rgba(18,37,64,.97) 100%);border-color:rgba(201,160,64,.18)}
#ac-directions .ac-tag{display:inline-flex;align-items:center;gap:10px;font:800 .68rem var(--ac-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ac-gold);margin-bottom:14px}
#ac-directions .ac-tag:before{content:"";width:18px;height:1px;background:var(--ac-gold)}
#ac-directions .ac-card h3{font:700 1.42rem/1.15 var(--ac-head);margin:0 0 12px;color:var(--ac-text)}
#ac-directions .ac-card.dark h3{color:#fff}
#ac-directions .ac-card p{font:.84rem/1.75 var(--ac-body);color:var(--ac-mid);margin:0 0 18px}
#ac-directions .ac-card.dark p{color:rgba(255,255,255,.62)}
#ac-directions .ac-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
#ac-directions .ac-chips span{padding:8px 12px;background:var(--ac-light);font:700 .73rem var(--ac-body);color:var(--ac-navy)}
#ac-directions .ac-card.dark .ac-chips span{background:rgba(255,255,255,.07);color:rgba(255,255,255,.88)}
#ac-directions .ac-link{font:800 .76rem var(--ac-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ac-navy)}
#ac-directions .ac-card.dark .ac-link{color:var(--ac-gold2)}
@media (max-width:980px){
  #ac-header nav{display:none}
  #ac-hero .ac-photo{display:none}
  #ac-hero .ac-stats{grid-template-columns:repeat(2,1fr)}
  #ac-directions .ac-grid{grid-template-columns:1fr}
}
</style>