:root{--bg:#03101c;--panel:#071c2e;--text:#f5f8fb;--muted:#b8c6d3;--gold:#e8b85d;--blue:#27a9ff;--line:rgba(255,255,255,.13);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 0,#0c3c66,#03101c 40%,#02070c 80%);color:var(--text);font-family:Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 42px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(2,11,19,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:88px;display:flex;align-items:center;gap:25px}.brand img{width:250px;max-height:68px;object-fit:contain}nav{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:14px}.pill{padding:10px 15px;border:1px solid rgba(232,184,93,.5);border-radius:999px}.join{background:linear-gradient(120deg,#d49a3d,#ffe0a0);color:#111;font-weight:700}
.preview{background:linear-gradient(90deg,rgba(232,184,93,.16),rgba(39,169,255,.1));border-bottom:1px solid rgba(232,184,93,.4);text-align:center;padding:16px 0;font-weight:700}.preview b{color:#ffd98b}
.hero{padding:58px 0}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.eyebrow{color:var(--gold);letter-spacing:.2em;font-size:13px;font-weight:700}h1{font-size:clamp(48px,7vw,84px);line-height:.95;margin:13px 0 20px}h1 span{display:block;color:#ffd98b}.lead{font-size:20px;color:#d6e0e8}.hero img{width:100%;border-radius:24px;border:1px solid rgba(232,184,93,.35);box-shadow:0 30px 90px #000}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.button{padding:14px 20px;border:1px solid var(--line);border-radius:10px;font-weight:700}.primary{background:linear-gradient(120deg,#d49a3d,#ffe0a0);color:#111}
.marquee{overflow:hidden;background:#061827;border-block:1px solid var(--line)}.track{white-space:nowrap;padding:15px 0;color:#ffd98b;letter-spacing:.12em;animation:run 32s linear infinite}.track span{margin-right:48px}@keyframes run{to{transform:translateX(-50%)}}
section{padding:78px 0}.section-head{max-width:850px;margin-bottom:34px}.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:9px 0}.section-head p{font-size:18px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel{background:linear-gradient(145deg,rgba(11,38,61,.92),rgba(3,14,24,.96));border:1px solid var(--line);border-radius:18px;padding:25px}.card{min-height:205px}.card h3{margin:8px 0;font-size:23px}.card p{color:#bdcbd7;font-size:17.5px;line-height:1.68}.num{color:var(--gold);letter-spacing:.15em;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel h3{font-size:30px;margin-top:0}.panel p{font-size:17.5px;line-height:1.68}.panel li{margin:11px 0;color:#c9d5df;font-size:17px;line-height:1.55}.quote{text-align:center;font-size:clamp(30px,4vw,52px);line-height:1.1;max-width:1050px;margin:auto}.quote strong{color:#ffd98b}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.portrait{width:100%;max-width:300px;display:block;margin:0 auto 18px;border-radius:18px}.hebhi{width:110px}.gold{color:#ffd98b}footer{border-top:1px solid var(--line);padding:35px;text-align:center;color:#8ea0af}
@media(max-width:900px){nav a:not(.pill){display:none}.hero-grid,.split,.about{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hero .visual{order:-1}.brand img{width:200px}}
@media(max-width:620px){.grid{grid-template-columns:1fr}.wrap{width:calc(100% - 26px)}section{padding:55px 0}.join{display:none}}


.experience-showcase{padding:78px 0;background:linear-gradient(180deg,rgba(8,28,46,.18),rgba(3,16,28,.72),rgba(8,28,46,.18))}
.experience-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center}
.experience-copy h2{font-size:clamp(32px,4.2vw,54px);line-height:1.06;margin:10px 0 18px}
.experience-copy p{font-size:19px;line-height:1.72;color:#c5d2de}
.experience-image img{width:100%;display:block;border-radius:22px;border:1px solid rgba(232,184,93,.34);box-shadow:0 28px 85px rgba(0,0,0,.48)}
.hero .visual img{object-fit:contain;background:radial-gradient(circle at 50% 50%,rgba(39,169,255,.08),rgba(0,0,0,0) 68%)}
@media(max-width:900px){.experience-layout{grid-template-columns:1fr}.experience-image{order:-1}}