/* ===== Eker Ticaret — Çok Yakında · statik sürüm ===== */
/* Claude Design prototipinden (Varyasyon A — Amber Klasik) saf HTML/CSS'e taşındı. */

:root{
  --bg-0:#0c0907;
  --bg-1:#16100a;
  --bg-2:#1d150d;
  --amber:#e0a25c;
  --amber-bright:#f2b46a;
  --amber-deep:#b9742f;
  --cream:#f4ece0;
  --cream-dim:#cdbfab;
  --muted:#9a8973;
  --muted-2:#6f6253;
  --line:rgba(224,162,92,.16);
  --glass:rgba(34,24,15,.55);
  --sans:'Hanken Grotesk',system-ui,sans-serif;
  --serif:'Newsreader',Georgia,serif;
}

*{box-sizing:border-box;}
html,body{margin:0;min-height:100%;background:#0c0907;}

/* ---------- shared helpers ---------- */
.kicker{
  font-family:var(--sans);
  font-weight:600;
  font-size:13px;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--amber);
}
.brandmark{display:flex;align-items:center;gap:14px;}
.brandmark .wordmark{display:flex;flex-direction:column;line-height:1;}
.brandmark .wordmark b{
  font-family:var(--sans);font-weight:700;font-size:20px;
  letter-spacing:.02em;color:var(--cream);
}
.brandmark .wordmark span{
  font-family:var(--sans);font-weight:500;font-size:10.5px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--muted);
  margin-top:5px;
}

/* category chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.chip{
  font-family:var(--sans);font-size:13px;font-weight:500;
  color:var(--cream-dim);
  padding:8px 16px;border-radius:999px;
  border:1px solid var(--line);
  background:rgba(224,162,92,.05);
  backdrop-filter:blur(4px);
}

@media (prefers-reduced-motion:no-preference){
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
  @keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(11px)}}
}

/* =====================================================================
   Sayfa kökü — Amber Klasik
   ===================================================================== */
.va-root{
  position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;
  font-family:var(--sans);color:var(--cream);
  background:
    radial-gradient(120% 90% at 50% 118%, rgba(224,162,92,.30), transparent 55%),
    radial-gradient(80% 60% at 50% -10%, rgba(185,116,47,.18), transparent 60%),
    linear-gradient(180deg,var(--bg-1),var(--bg-0));
}
.va-root::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 120% at 50% 50%, transparent 55%, rgba(0,0,0,.55));
}
.va-top{
  position:absolute;top:0;left:0;right:0;z-index:6;
  display:flex;align-items:center;justify-content:space-between;
  padding:34px 56px;
}
.va-status{
  display:flex;align-items:center;gap:9px;
  font-family:var(--sans);font-size:12px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--cream-dim);
  padding:9px 16px;border-radius:999px;
  border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(6px);
}
.va-status .dot{width:7px;height:7px;border-radius:50%;background:var(--amber-bright);
  box-shadow:0 0 0 0 rgba(242,180,106,.6);}
@media (prefers-reduced-motion:no-preference){
  .va-status .dot{animation:pulse 2.4s infinite;}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,180,106,.55)}70%{box-shadow:0 0 0 7px rgba(242,180,106,0)}100%{box-shadow:0 0 0 0 rgba(242,180,106,0)}}
}

/* central decoration */
.va-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;}
.va-coreglow{
  position:absolute;left:50%;top:54%;width:300px;height:300px;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle, rgba(242,180,106,.42), rgba(224,162,92,0) 68%);
  filter:blur(6px);
}
.va-nut{position:absolute;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5));}
.va-nut svg{display:block;}
.va-nut.n1{animation:floaty 7s ease-in-out infinite;}
.va-nut.n2{animation:floaty2 8.5s ease-in-out infinite;}
.va-nut.n3{animation:floaty 9s ease-in-out infinite .6s;}

/* hero copy */
.va-hero{
  position:relative;z-index:5;min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:120px 40px;
}
.va-hero > *{margin:0;}
.va-hero .kicker{margin-bottom:0;}
.va-hero h1{
  margin:14px 0 0;font-family:var(--sans);font-weight:700;
  font-size:clamp(46px,8.4vw,92px);line-height:1.0;letter-spacing:-.02em;color:var(--cream);
  text-wrap:pretty;
}
.va-hero h1 .ser{
  font-family:var(--serif);font-style:italic;font-weight:500;
  background:linear-gradient(120deg,var(--amber-bright),var(--amber-deep));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-right:.06em;
}
.va-hero p{
  margin:32px 0 0;max-width:560px;font-size:clamp(15px,1.6vw,17.5px);line-height:1.6;
  color:var(--cream-dim);text-wrap:pretty;
}
.va-hero .chips{margin-top:36px;}

/* footer */
.va-foot{
  position:absolute;left:0;right:0;bottom:0;z-index:6;
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 56px;font-family:var(--sans);font-size:13px;color:var(--muted);
  border-top:1px solid var(--line);
}
.va-foot .contact{display:flex;gap:26px;align-items:center;}
.va-foot .contact a{color:var(--cream-dim);text-decoration:none;}
.va-foot .contact a:hover{color:var(--amber-bright);}

/* responsive */
@media (max-width:760px){
  .va-top{padding:22px 22px;}
  .va-foot{flex-direction:column;gap:12px;align-items:flex-start;padding:22px;}
  .va-foot .contact{flex-wrap:wrap;gap:14px 22px;}
  .va-hero{padding:130px 24px 150px;}
  .va-hero p{font-size:16px;}
  .va-stage .va-nut{display:none;}
  .va-coreglow{width:230px;height:230px;}
  .va-status{font-size:11px;padding:8px 13px;}
}
@media (max-width:420px){
  .chip{font-size:12px;padding:7px 13px;}
}