:root{
  --black:#030303;
  --black2:#080808;
  --card:#111111cc;
  --gold:#d9a947;
  --gold2:#f7d47b;
  --text:#f8f1df;
  --muted:#b9aa88;
  --line:rgba(217,169,71,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:#000;
  overflow-x:hidden;
}
.site-bg{
  position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(circle at 50% 10%, rgba(218,169,63,.12), transparent 34%),
    radial-gradient(circle at 10% 80%, rgba(218,169,63,.08), transparent 28%),
    linear-gradient(180deg,#000 0%,#050505 42%,#000 100%);
}
.site-bg:after{
  content:""; position:absolute; inset:0; z-index:1;
  background:rgba(0,0,0,.58);
  backdrop-filter: blur(1px);
}
.product-cloud{position:absolute; inset:0; opacity:.36; filter: blur(.4px);}
.product-card{
  position:absolute; width:155px; height:155px;
  display:grid; place-items:center;
  border:1px solid rgba(217,169,71,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(217,169,71,.04));
  color:rgba(255,218,145,.38);
  font-size:56px; border-radius:28px;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  transform:rotate(var(--r));
}
.p1{left:6%; top:16%; --r:-12deg}.p2{right:12%; top:12%; --r:10deg}.p3{left:18%; bottom:18%; --r:8deg}.p4{right:20%; bottom:21%; --r:-7deg}.p5{left:46%; top:18%; --r:4deg}.p6{left:63%; top:48%; --r:-12deg}.p7{left:7%; top:55%; --r:9deg}.p8{right:5%; top:58%; --r:12deg}.p9{left:38%; bottom:8%; --r:-5deg}.p10{right:38%; top:72%; --r:5deg}
.header{
  position:fixed; top:0; left:0; right:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 6vw;
  background:rgba(0,0,0,.66);
  border-bottom:1px solid rgba(217,169,71,.16);
  backdrop-filter: blur(16px);
}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.brand-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(217,169,71,.28))}
.nav{display:flex;gap:24px}
.nav a{color:#dccb9f;text-decoration:none;font-size:14px;transition:.2s}
.nav a:hover{color:var(--gold2)}
.section{padding:110px 7vw; position:relative}
.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding-top:130px}
.hero-inner{max-width:940px;margin:auto}
.hero-logo{width:min(430px,78vw);height:auto;object-fit:contain;filter:drop-shadow(0 0 34px rgba(217,169,71,.25));margin-bottom:18px}
h1{font-family:Cinzel,serif;font-size:clamp(42px,7vw,94px);letter-spacing:.25em;margin:0 0 10px;color:#f8d77b;text-shadow:0 0 30px rgba(217,169,71,.18)}
.tagline{font-family:Cinzel,serif;font-size:clamp(20px,3vw,38px);letter-spacing:.12em;margin:0 0 24px;color:#fff2c7}
.hero-copy,.section-copy{max-width:720px;margin:0 auto 32px;color:var(--muted);font-size:18px;line-height:1.8}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.btn{padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;letter-spacing:.04em;transition:.25s;border:1px solid var(--line)}
.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#100b02;box-shadow:0 18px 40px rgba(217,169,71,.16)}
.secondary{color:var(--gold2);background:rgba(255,255,255,.03)}
.btn:hover{transform:translateY(-2px)}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:800;margin:0 0 14px}.center{text-align:center}
h2{font-family:Cinzel,serif;font-size:clamp(30px,4vw,58px);line-height:1.1;margin:0 0 20px;color:#fff7dc}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.split p:last-child{color:var(--muted);font-size:18px;line-height:1.9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.value,.store-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(10px)}.card{min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:32px}.card span{font-size:15px;color:#f3e0b0;font-weight:700}.store-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}.store-card{text-decoration:none;color:var(--text);padding:26px 20px;display:flex;flex-direction:column;gap:8px;transition:.25s}.store-card strong{font-family:Cinzel,serif;color:#ffe09a;font-size:18px}.store-card span{color:var(--muted);font-size:14px}.store-card:hover{transform:translateY(-4px);border-color:rgba(247,212,123,.45)}.values{grid-template-columns:repeat(4,1fr)}.value{padding:28px}.value span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(217,169,71,.14);color:var(--gold2);margin-bottom:16px}.value h3{margin:0 0 10px;color:#fff1c0}.value p{margin:0;color:var(--muted);line-height:1.6}.support{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.support p{color:var(--muted);line-height:1.8}.language-list{display:flex;flex-wrap:wrap;gap:12px}.language-list span{border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:#ffe4a4;background:rgba(255,255,255,.035)}.contact-box{max-width:560px;margin:28px auto 0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.contact-box a{color:#120d03;background:linear-gradient(135deg,var(--gold),var(--gold2));padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:800}.footer{padding:42px 7vw;border-top:1px solid var(--line);text-align:center;color:var(--muted);background:#000}.footer img{width:88px;height:auto;object-fit:contain;margin-bottom:10px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{display:none}.split,.support{grid-template-columns:1fr}.grid,.values{grid-template-columns:1fr 1fr}.store-grid{grid-template-columns:1fr 1fr}.section{padding:88px 6vw}.header{padding:14px 5vw}}@media(max-width:560px){.grid,.values,.store-grid{grid-template-columns:1fr}.hero-logo{width:86vw}.product-card{width:105px;height:105px;font-size:38px}.brand span{font-size:13px}}