:root{
  --bg:#0b1320; --bg2:#0f1828; --panel:rgba(255,255,255,.03); --line:rgba(255,255,255,.1);
  --gold:#c6a56a; --gold2:#e8d2a4; --cream:#f4efe6; --text:#ffffff; --muted:rgba(255,255,255,.68);
  --ink:#122033; --ink2:#526071;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Georgia, 'Times New Roman', serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(1160px, calc(100% - 48px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(11,19,32,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.brand-title{font-size:30px;letter-spacing:.35em;color:#d3b277;font-weight:300}
.brand-sub{font-size:11px;letter-spacing:.28em;color:rgba(255,255,255,.5);text-transform:uppercase;margin-top:5px}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.nav-links button,.lang-toggle button,.cta,.outline-btn{cursor:pointer;border:1px solid transparent;background:none;color:inherit}
.nav-links button{padding:10px 14px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.nav-links button.active{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.nav-links button:not(.active):hover{border-color:var(--line);background:rgba(255,255,255,.04);color:#fff}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg, rgba(8,16,30,.96), rgba(10,18,32,.98) 60%, rgba(7,12,22,1))}
.hero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:72px 72px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;padding:80px 0 96px}
.eyebrow{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
h1{font-size:68px;line-height:1.05;font-weight:300;margin:22px 0 0}
.lead{font-size:22px;line-height:1.8;color:rgba(255,255,255,.74);max-width:760px;margin-top:28px}
.button-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}
.cta{background:var(--gold);color:var(--bg);border-color:var(--gold);padding:16px 28px;font-size:12px;letter-spacing:.23em;text-transform:uppercase}
.outline-btn{border-color:rgba(255,255,255,.2);padding:16px 28px;font-size:12px;letter-spacing:.23em;text-transform:uppercase}
.card{border:1px solid var(--line);background:var(--panel);padding:28px}
.stat{font-size:32px;color:var(--gold2);font-weight:300}
.stat-label{margin-top:10px;color:var(--muted);line-height:1.7}
.section-light{background:var(--cream);color:var(--ink)}
.grid-2{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}
.section{padding:82px 0}
.section h2{font-size:50px;line-height:1.12;font-weight:300;margin:10px 0 0}
.section-text{font-size:20px;line-height:1.85;color:#435064}
.page-header{border-bottom:1px solid var(--line);padding-bottom:26px}
.page-grid{display:grid;gap:28px}
.services{grid-template-columns:1fr 1fr}
.service-card h3,.team-card h3,.mini-card h3{font-size:34px;font-weight:300;line-height:1.2;color:var(--gold2);margin:0}
.service-card p,.team-card p,.mini-card p{color:var(--muted);line-height:1.8}
.service-card ul{margin:18px 0 0;padding:18px 0 0 18px;border-top:1px solid var(--line)}
.service-card li{margin:10px 0;color:rgba(255,255,255,.8);line-height:1.7}
.team{grid-template-columns:repeat(3,1fr)}
.team-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid rgba(198,165,106,.4)}
.role{margin-top:24px;font-size:12px;text-transform:uppercase;letter-spacing:.28em;color:var(--gold)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tags span{border:1px solid var(--line);padding:6px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.64)}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.diff-card{border:1px solid #dcccad;background:#fff;padding:26px}
.diff-no{font-size:52px;font-weight:300;color:#b58a4a}
.diff-card h3{font-size:28px;font-weight:300;color:#122033;margin:18px 0 0}
.diff-card p{color:#526071;line-height:1.75}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-card,.help-box{border:1px solid var(--line);background:var(--panel);padding:28px}
.label{font-size:12px;text-transform:uppercase;letter-spacing:.28em;color:var(--gold)}
.help-box{margin-top:24px;border-color:rgba(198,165,106,.3);background:rgba(198,165,106,.05)}
.help-box h3{font-size:30px;color:var(--gold2);font-weight:300;margin:0}
.footer{border-top:1px solid var(--line);background:#09111c}
.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 0;flex-wrap:wrap}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer-links button{background:none;border:none;color:rgba(255,255,255,.58);font-size:12px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.footer-links button:hover{color:#fff}
.top-actions{display:flex;align-items:center;gap:14px}
.lang-toggle{display:flex;border:1px solid var(--line)}
.lang-toggle button{padding:8px 12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.lang-toggle button.active{background:var(--gold);color:var(--bg)}
.address-placeholder{font-style:italic;color:#a8b4c6}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
input,textarea,select{width:100%;padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;font:inherit}
textarea{min-height:140px;resize:vertical}
.form-note{font-size:14px;color:rgba(255,255,255,.54);line-height:1.7}
.hidden{display:none}
@media (max-width:1024px){
  .hero-grid,.grid-2,.services,.team,.diff-grid,.mini-grid,.contact-grid{grid-template-columns:1fr}
  h1{font-size:52px}
}
@media (max-width:720px){
  .container{width:min(100% - 32px, 1160px)}
  .nav{align-items:flex-start;gap:16px;flex-direction:column}
  .top-actions{width:100%;justify-content:space-between;flex-wrap:wrap}
  h1{font-size:42px}
  .section h2{font-size:38px}
  .lead,.section-text{font-size:18px}
  .form-grid{grid-template-columns:1fr}
}