
:root{
  --ink:#f6f2ea;
  --muted:#b6c0b8;
  --bg:#072320;
  --bg2:#0b2d29;
  --bg3:#123732;
  --paper:#f5f1e8;
  --paper2:#fffdfa;
  --white:#ffffff;
  --line:rgba(255,255,255,.12);
  --line-light:#ddd5c8;
  --gold:#c6a35b;
  --gold2:#e2c78e;
  --emerald:#1d7a69;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg)}
a{text-decoration:none;color:inherit}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.ey{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--gold2)}
.ey:before{content:"";width:28px;height:2px;background:var(--gold)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 0;background:linear-gradient(to bottom,rgba(7,35,32,.98),rgba(7,35,32,.88));backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:52px;width:auto;max-width:185px;object-fit:contain;filter:brightness(0) invert(1)}
.brand-text{font-family:Georgia,serif;font-size:21px;letter-spacing:.14em;color:#fff}
.navlinks a{margin-left:26px;font-size:13px;color:#dde4e0}
.navlinks a:hover,.navlinks a.active{color:var(--gold2)}
.hero{position:relative;padding:112px 0 92px;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(29,122,105,.11),transparent 22%),linear-gradient(135deg,rgba(16,61,54,.22),rgba(7,35,32,0))}
.hero:before{content:"";position:absolute;right:5%;top:80px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(198,163,91,.18);box-shadow:0 0 0 60px rgba(198,163,91,.03),0 0 0 120px rgba(29,122,105,.02)}
h1{position:relative;z-index:2;font-size:clamp(62px,8vw,112px);line-height:.89;max-width:1020px;letter-spacing:-.05em;font-weight:500;margin:20px 0 34px}
.lead{position:relative;z-index:2;font-size:21px;line-height:1.75;color:#c0cac3;max-width:800px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;font-weight:800;border-radius:999px;transition:.2s}
.btn-primary{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#08201d}
.btn-outline{border:1px solid rgba(255,255,255,.28);color:#fff}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:2}
section{padding:100px 0}
.dark2{background:var(--bg2)}
.light{background:var(--paper);color:#14181d}
.light .ey{color:#876828}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:42px}
.section-head h2{font-size:52px;line-height:1.03;font-weight:500;margin:12px 0 0}
.section-head p{color:var(--muted);line-height:1.75;margin:0}
.light .section-head p{color:#5d6670}
.cards5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.card-dark{min-height:240px;padding:28px 22px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;box-shadow:inset 0 4px 0 var(--gold)}
.card-dark h3{font-size:23px;margin:0 0 14px}.card-dark p{font-size:14px;line-height:1.62;color:var(--muted)}
.card-light{min-height:250px;padding:28px 22px;border:1px solid var(--line-light);border-radius:18px;background:var(--paper2);box-shadow:inset 0 4px 0 var(--gold),0 12px 26px rgba(54,45,31,.05)}
.card-light h3{font-size:23px;margin:0 0 16px}.card-light p{font-size:14px;line-height:1.65;color:#69717b}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step{padding:28px 22px;min-height:210px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px}
.step:before{content:"";display:block;width:44px;height:4px;margin-bottom:40px;background:linear-gradient(90deg,var(--gold),var(--emerald))}
.step h3{font-size:24px;margin:0 0 10px}.step p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.audiences{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.audience{min-height:185px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px}
.audience:nth-child(1){grid-column:1/span 2}.audience:nth-child(2){grid-column:3/span 2}.audience:nth-child(3){grid-column:5/span 2}.audience:nth-child(4){grid-column:2/span 2}.audience:nth-child(5){grid-column:4/span 2}
.audience h3{font-size:23px;margin:0 0 12px}.audience p{font-size:14px;line-height:1.58;color:var(--muted);margin:0}
.service{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:44px 0;border-bottom:1px solid var(--line-light)}
.service:first-child{border-top:1px solid var(--line-light)}.service h3{font-size:31px;margin:0}.service p{color:#69717b;line-height:1.75;margin-top:0}
.service ul{columns:2;padding-left:20px;color:#69717b}.service li{margin:9px 0}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sector{padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);min-height:220px}
.sector h3{font-size:24px;margin:0 0 14px}.sector p{color:var(--muted);line-height:1.6}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.partner-name{min-height:105px;padding:22px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:20px;background:var(--paper2);border:1px solid var(--line-light);border-radius:16px;box-shadow:inset 0 4px 0 var(--gold)}
.note{margin:22px auto 0;max-width:900px;color:#727a83;font-size:12px;line-height:1.7;text-align:center}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.contact-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}
.contact-card a{display:block;margin:12px 0;color:#fff;font-size:18px}
form{display:grid;gap:14px}input,textarea,select{width:100%;padding:15px 16px;border:1px solid #cfc7b9;border-radius:12px;background:#fffdf8;font:inherit;color:#1b232a}textarea{min-height:150px;resize:vertical}
footer{padding:38px 0 48px;border-top:1px solid var(--line);font-size:13px;color:#8b9991;display:flex;justify-content:space-between;gap:20px}
@media(max-width:980px){
 .grid2,.section-head,.contact-grid,.service{grid-template-columns:1fr}
 .cards5,.journey{grid-template-columns:1fr 1fr}
 .audiences{grid-template-columns:1fr 1fr}.audience:nth-child(n){grid-column:auto}
 .sector-grid,.partner-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .wrap{width:min(calc(100% - 28px),var(--max))}
 .navlinks{display:none}
 .cards5,.journey,.audiences,.sector-grid,.partner-grid{grid-template-columns:1fr}
 h1{font-size:54px}.section-head h2{font-size:38px}
 .service ul{columns:1}
 footer{display:block}
}
