:root{
  --navy:#061323; --navy2:#0b1c2f; --navy3:#03060b;
  --gold:#d8b15a; --gold2:#efd28b; --white:#f5efe3;
  --soft:rgba(245,239,227,.78); --max:1280px;
  --display:"Cormorant Garamond",Georgia,serif; --sans:"Inter",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy3);color:var(--white);font-family:var(--sans);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(22px,4vw,58px);background:linear-gradient(180deg,rgba(3,6,11,.94),rgba(3,6,11,.56),transparent)}
.brand{font-family:var(--display);font-size:clamp(36px,4.2vw,72px);color:var(--gold);font-weight:700;line-height:.85}
.navlinks{display:flex;gap:24px;align-items:center;text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:800;color:rgba(255,255,255,.78)}
.navlinks .pill{border:1px solid var(--gold);color:var(--gold);padding:11px 16px}
.hero{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 10%,rgba(216,177,90,.18),transparent 24%),linear-gradient(135deg,#03060b 0%,#07111f 55%,#080f18 100%);padding:130px clamp(26px,4vw,62px) 40px}
.hero-inner{max-width:1520px;margin:0 auto;position:relative;z-index:2}
.hero-copy{max-width:640px;position:relative;z-index:3}
.grammy{display:inline-flex;gap:18px;align-items:center;border:1.5px solid var(--gold);color:var(--gold);padding:14px 28px;margin-bottom:28px;font-size:18px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;background:rgba(0,0,0,.18)}
.grammy:before,.grammy:after{content:"★";font-size:15px}
h1{font-family:var(--display);font-size:clamp(38px,3.9vw,62px);line-height:1.08;margin:0;color:#fff;font-weight:600}
.gold-dot{color:var(--gold)}
.slash{width:255px;height:2px;background:linear-gradient(90deg,var(--gold),rgba(216,177,90,.2));margin:24px 0 26px}
.hero p{font-size:18px;color:rgba(255,255,255,.88);max-width:660px}
.hero-photo{position:absolute;right:-20px;top:75px;width:min(62vw,950px);z-index:1}
.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03060b 0%,rgba(3,6,11,.72) 18%,rgba(3,6,11,.1) 45%,transparent 70%);z-index:2}
.hero-photo img{width:100%;height:auto}
.trusted{margin-top:42px;position:relative;z-index:4}
.section-label{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;color:var(--gold);text-transform:uppercase;letter-spacing:.25em;font-weight:800;font-size:14px;margin-bottom:22px}
.section-label:before,.section-label:after{content:"";height:1px;background:rgba(216,177,90,.5)}
.logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:18px 38px;align-items:center}
.logo-cell{height:32px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--display);font-size:15px;color:white}
.logo-cell img{max-width:110px;max-height:28px;filter:brightness(0) invert(1) grayscale(1);opacity:.86}
.section{padding:clamp(78px,8vw,130px) clamp(28px,6vw,86px);background:linear-gradient(180deg,#061323,#03060b)}
.inner{max-width:1280px;margin:auto}
.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.32em;font-size:13px;font-weight:800;margin-bottom:22px}
h2{font-family:var(--display);font-size:clamp(42px,5vw,82px);line-height:.96;margin:0 0 28px;color:#fff;font-weight:600}
.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(42px,6vw,84px);align-items:center}
.story p,.section p{font-size:18px;color:var(--soft)}
.statement{margin-top:30px;border-left:2px solid var(--gold);padding-left:24px;font-family:var(--display);font-size:clamp(28px,3vw,44px);line-height:1.08}
.proof-panel{border:1px solid rgba(216,177,90,.35);background:rgba(255,255,255,.045);padding:clamp(34px,4vw,58px)}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.number{font-family:var(--display);font-size:58px;color:#fff;line-height:.95}
.label{font-size:14px;color:var(--soft)}
.experiences{background:#061323}
.exp-row{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin:54px 0}
.exp-row:nth-child(even) .exp-img{order:2}
.exp-img img{border-radius:8px;box-shadow:0 34px 80px rgba(0,0,0,.35)}
.exp-copy h3{font-family:var(--display);font-size:46px;color:#fff;margin:0 0 12px;line-height:1}
.exp-copy small{color:var(--gold);text-transform:uppercase;letter-spacing:.24em;font-weight:800}
.testimonials{background:linear-gradient(180deg,#03060b,#07111f)}
.test-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.quote{border-left:2px solid var(--gold);padding-left:22px;margin:0 0 28px}
.quote p{font-family:var(--display);font-size:28px;line-height:1.18;color:#fff;margin:0 0 10px}
.quote cite{color:var(--gold);font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}
.portfolio{border:1px solid rgba(216,177,90,.35);background:rgba(255,255,255,.04);padding:40px;text-align:center}
.portfolio h3{font-family:var(--display);font-size:42px;margin:0 0 12px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#061323;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:15px 24px;margin-top:18px}
.contact{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:center;background:#03060b}
.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03060b 0%,rgba(3,6,11,.82) 48%,rgba(3,6,11,.45) 100%);z-index:1}
.contact-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.contact .inner{position:relative;z-index:2}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}
.card{border:1px solid rgba(216,177,90,.35);background:rgba(6,19,35,.72);padding:24px}
.card strong{color:var(--gold);display:block;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:8px}
.footer{background:#02050a;padding:30px;text-align:center;color:rgba(245,239,227,.65);font-size:13px}
.faq-page{padding-top:130px}
details{border-bottom:1px solid rgba(216,177,90,.25);padding:18px 0}
summary{cursor:pointer;font-size:22px;font-weight:bold;color:#fff;list-style:none;position:relative;padding-right:38px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;color:var(--gold);font-size:30px}
details[open] summary:after{content:"–"}
@media(max-width:1000px){.navlinks{display:none}.hero-photo{position:relative;right:auto;top:auto;width:100%;margin-top:30px}.hero-photo:before{display:none}.logo-grid{grid-template-columns:repeat(3,1fr)}.story-grid,.exp-row,.test-grid{grid-template-columns:1fr}.exp-row:nth-child(even) .exp-img{order:0}.contact-cards{grid-template-columns:1fr}}
@media(max-width:620px){.logo-grid{grid-template-columns:repeat(2,1fr)}.grammy{font-size:14px;letter-spacing:.16em}.hero{padding-top:100px}.brand{font-size:44px}}