:root{
  --navy:#07131e;
  --blue:#0d2234;
  --gold:#d59c2e;
  --gold2:#f1c66a;
  --cream:#f6efe2;
  --muted:#b9c4cc;
  --red:#8c2020;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--navy),#03080d);color:var(--cream)}
a{color:inherit;text-decoration:none}
.hero{min-height:94vh;padding:28px 5vw 95px;background:radial-gradient(circle at 80% 35%,rgba(241,198,106,.34),transparent 30%),linear-gradient(135deg,#07131e 0%,#0d2234 52%,#03080d 100%);overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 88%)}
.hero:after{content:"";position:absolute;inset:auto -10% -25% -10%;height:45%;background:radial-gradient(ellipse at center,rgba(213,156,46,.22),transparent 65%);filter:blur(10px)}
.nav,.hero-grid,.section,.contact,blockquote,footer{position:relative;z-index:1}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{width:155px;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.nav-btn,.secondary{border:1px solid rgba(241,198,106,.55);padding:13px 18px;border-radius:999px;color:var(--gold2);background:rgba(3,8,13,.25);backdrop-filter:blur(6px)}
.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:4vw;align-items:center;margin-top:38px}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.82rem}
.hero h1{font-size:clamp(4rem,10.5vw,9.5rem);line-height:.82;margin:0;color:var(--gold2);text-shadow:0 12px 30px rgba(0,0,0,.55)}
.hero h2{font-size:clamp(1.55rem,3.3vw,3.2rem);max-width:820px;margin:26px 0 18px}
.lead,.section p,.contact p{font-size:1.18rem;line-height:1.65;color:#dce4e8}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.primary{display:inline-block;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#101010;font-weight:800;padding:15px 23px;border-radius:999px;box-shadow:0 12px 40px rgba(213,156,46,.25)}

.hero-visual{position:relative;overflow:visible;background:transparent;border:none;border-radius:0;box-shadow:none;isolation:isolate;min-height:580px;display:flex;align-items:flex-start;justify-content:center;padding-top:18px}
.hero-visual:before{content:"";position:absolute;inset:-8% -12% -12% -18%;background:radial-gradient(circle at 50% 58%,rgba(241,198,106,.42),rgba(213,156,46,.16) 28%,rgba(7,19,30,.14) 52%,transparent 72%);filter:blur(24px);z-index:-1;pointer-events:none}
.hero-visual img{position:relative;z-index:1;display:block;width:min(94%,900px);height:auto;object-fit:contain;filter:drop-shadow(0 0 55px rgba(241,198,106,.30));background:transparent;}
.section{padding:85px 7vw;max-width:1280px;margin:0 auto}
.section h2,.contact h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;margin:12px 0 20px}
.peril{margin-top:-48px;background:rgba(6,19,30,.83);border:1px solid rgba(241,198,106,.22);border-radius:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.issue-grid,.cards,.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.issue-grid span,.contact-cards span,.cards article,.panel,.action-box{border:1px solid rgba(241,198,106,.22);background:rgba(255,255,255,.055);border-radius:20px;padding:20px}
.issue-grid span:before{content:"✕";color:var(--gold2);font-weight:900;margin-right:10px}
.split,.function-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}
.panel{background:linear-gradient(135deg,rgba(213,156,46,.2),rgba(255,255,255,.055))}
.cards{grid-template-columns:repeat(4,1fr)}
.cards h3,.panel h3,.action-box h3{color:var(--gold2);font-size:1.35rem}
.functioning{background:linear-gradient(135deg,rgba(140,32,32,.25),rgba(213,156,46,.08));border-radius:34px}
li{margin:12px 0;color:#e3edf1;line-height:1.55}
.contact{text-align:center;padding:85px 7vw;background:#081724;border-top:1px solid rgba(241,198,106,.2);border-bottom:1px solid rgba(241,198,106,.2)}
.contact-cards{max-width:1100px;margin:30px auto}
.contact .primary{margin-top:26px}
blockquote{max-width:980px;margin:70px auto;padding:42px;border-left:7px solid var(--gold);background:rgba(255,255,255,.055);font-size:1.45rem;line-height:1.55;border-radius:20px}
cite{display:block;margin-top:18px;color:var(--gold2);font-style:normal;font-weight:800}
footer{display:flex;justify-content:center;align-items:center;gap:18px;padding:35px;color:var(--muted)}
footer img{width:88px;border-radius:8px}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:980px;min-height:auto}.hero{min-height:auto}.peril{margin-top:-22px}}
@media(max-width:900px){.split,.function-grid{grid-template-columns:1fr}.issue-grid,.cards,.contact-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.issue-grid,.cards,.contact-cards{grid-template-columns:1fr}.nav{align-items:flex-start}.logo{width:120px}.hero h1{font-size:4rem}.hero{padding-left:22px;padding-right:22px}.section{padding-left:22px;padding-right:22px}}


.you-can-box{border:1px solid rgba(241,198,106,.28);background:rgba(3,8,13,.34);border-radius:28px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.you-can-box h2{margin-top:8px}
.you-can-group{margin-top:24px;padding-top:8px}
.you-can-group h3{color:var(--gold2);font-size:1.25rem;line-height:1.35;margin:0 0 10px}
.you-can-close{font-weight:800;color:var(--cream)!important;margin-top:28px;font-size:1.25rem!important}
@media(max-width:1050px){.hero-visual{padding-top:0;align-items:center}.hero-visual img{width:min(100%,900px)}}
@media(max-width:560px){.you-can-box{padding:24px}}