/* ============================================================
   VITENUM — Tanıtım (siyah + altın glow + 3D külçe)
   ============================================================ */

.lp{
  --lp-gold:#F0B445;
  --lp-gold-2:#E89B2D;
  display:flex;flex-direction:column;min-height:100vh;
  background:#050506;color:#F3F1EA;
}
.lp::before{
  display:block;
  background:
    radial-gradient(760px 460px at 82% 22%,rgba(255,196,64,.28),transparent 58%),
    radial-gradient(520px 320px at 72% 48%,rgba(240,170,40,.16),transparent 62%),
    radial-gradient(640px 380px at 8% 88%,rgba(232,155,45,.10),transparent 60%),
    #050506;
}
.lp::after{display:none}

.lp .btn-gold{
  background:linear-gradient(180deg,#F6C15A,#E89B2D);
  color:#1A1206;border:0;font-weight:650;
  box-shadow:0 0 0 1px rgba(255,220,140,.25) inset, 0 0 28px rgba(240,180,69,.45), 0 10px 24px rgba(0,0,0,.4)}
.lp .btn-gold:hover,.lp .btn-gold:active{
  filter:brightness(1.06);transform:none;
  box-shadow:0 0 0 1px rgba(255,220,140,.4) inset, 0 0 42px rgba(240,180,69,.6), 0 12px 28px rgba(0,0,0,.45)}
.lp .btn:not(.btn-gold){
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.lp .btn:hover{transform:none}

/* ---------- Menü ---------- */
.lp-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:26px;
  padding:0 40px;height:70px;border-bottom:1px solid rgba(240,180,69,.12);
  background:rgba(5,5,6,.72);backdrop-filter:blur(18px)}
.lp-nav-links{display:flex;align-items:center;gap:2px;margin-left:10px}
.lp-nav-links a{padding:8px 12px;border-radius:10px;font-size:13px;color:rgba(243,241,234,.7)}
.lp-nav-links a:hover{color:#fff;background:rgba(255,255,255,.05)}
.lp-nav-act{display:flex;align-items:center;gap:8px;margin-left:auto}
.lp-burger{display:none}

/* ---------- Kahraman ---------- */
.lp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:36px;align-items:center;
  padding:56px 40px 48px;max-width:1360px;margin:0 auto;width:100%}
.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:#F6C15A;border:1px solid rgba(240,180,69,.35);background:rgba(240,180,69,.10);border-radius:999px;padding:6px 14px;
  box-shadow:0 0 18px rgba(240,180,69,.18)}
.lp-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#F6C15A;box-shadow:0 0 10px #F6C15A}
.lp-hero h1{font-size:clamp(30px,3.8vw,48px);line-height:1.12;letter-spacing:-.03em;margin:20px 0 16px;font-weight:650}
.lp-hero h1 span{color:#F6C15A;text-shadow:0 0 28px rgba(240,180,69,.55)}
.lp-lede{font-size:15.5px;line-height:1.7;color:rgba(243,241,234,.72);max-width:50ch}
.lp-cta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 0}
.lp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:32px;max-width:440px;
  border-top:1px solid rgba(240,180,69,.16)}
.lp-fact{padding:14px 16px 14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.lp-fact:nth-child(even){padding-left:16px;border-left:1px solid rgba(255,255,255,.06)}
.lp-fact b{display:block;font-family:var(--ff-num);font-size:18px;font-weight:600;color:#fff}
.lp-fact span{font-size:11.5px;color:rgba(243,241,234,.5);display:block;margin-top:4px}

/* Altın görsel + sarımsı glow */
.lp-stage{position:relative;min-height:540px;isolation:isolate}
.lp-gold-wrap{
  position:absolute;inset:-28px -24px 80px -8px;z-index:0;pointer-events:none;
  animation:lp-float 7s ease-in-out infinite}
.lp-glow{position:absolute;border-radius:50%;pointer-events:none}
.lp-glow-a{
  inset:8% 10% 18% 10%;
  background:radial-gradient(circle at 50% 48%,rgba(255,210,80,.55) 0%,rgba(240,170,40,.22) 42%,transparent 70%);
  filter:blur(18px);animation:lp-pulse 4.2s ease-in-out infinite}
.lp-glow-b{
  width:46%;height:46%;left:27%;top:22%;
  background:radial-gradient(circle,rgba(255,220,110,.7),rgba(255,180,40,.0) 70%);
  filter:blur(28px);animation:lp-pulse 5.4s ease-in-out infinite reverse}
.lp-gold{
  position:absolute;left:50%;top:46%;width:72%;height:auto;max-width:none;
  transform:translate(-50%,-50%);user-select:none;background:none;
  filter:drop-shadow(0 0 28px rgba(255,210,80,.7)) drop-shadow(0 0 56px rgba(240,170,40,.45))}
@keyframes lp-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes lp-pulse{
  0%,100%{opacity:.72;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
.lp-surface{position:relative;z-index:1;padding:210px 0 8px 8px}
.lp-surface .panel{
  background:rgba(16,16,20,.72);backdrop-filter:blur(18px);
  border:1px solid rgba(240,180,69,.22);border-radius:18px;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 20px 50px rgba(0,0,0,.45), 0 0 32px rgba(240,180,69,.12)}
.lp-surface .panel:hover{box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 24px 56px rgba(0,0,0,.5), 0 0 40px rgba(240,180,69,.2)}
.lp-surface .panel+.panel{margin-top:12px;margin-left:28px;width:calc(100% - 28px)}

/* ---------- Şerit ---------- */
.lp-strip{border-block:1px solid rgba(240,180,69,.14);background:rgba(255,255,255,.02)}
.lp-strip-in{display:flex;max-width:1360px;margin:0 auto;padding:0 40px}
.lp-strip-i{flex:1;display:flex;align-items:center;gap:12px;padding:18px 18px 18px 0;border-right:1px solid rgba(255,255,255,.06);min-width:0}
.lp-strip-i:last-child{border-right:0;padding-right:0}
.lp-strip-i .ti{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;
  border:1px solid rgba(240,180,69,.3);background:rgba(240,180,69,.12);color:#F6C15A;
  box-shadow:0 0 16px rgba(240,180,69,.2)}
.lp-strip-t b{display:block;font-size:11px;color:rgba(243,241,234,.5);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.lp-strip-t i{font-style:normal;font-size:15px;display:block;margin-top:3px;color:#F3F1EA}

/* ---------- Bölüm ---------- */
.lp-sect{max-width:1360px;margin:0 auto;width:100%;padding:72px 40px}
.lp-sect-h{max-width:640px;margin-bottom:30px}
.lp-sect-h h2{font-size:clamp(22px,2.6vw,32px);letter-spacing:-.03em;line-height:1.2;margin-bottom:12px}
.lp-sect-h p{font-size:14.5px;line-height:1.7;color:rgba(243,241,234,.7)}
.lp-band{background:rgba(240,180,69,.03);border-block:1px solid rgba(240,180,69,.12)}

.lp-tour{display:grid;grid-template-columns:264px minmax(0,1fr);gap:0;
  border:1px solid rgba(240,180,69,.16);border-radius:18px;overflow:hidden;background:rgba(16,16,20,.7);
  box-shadow:0 20px 50px rgba(0,0,0,.35), 0 0 28px rgba(240,180,69,.08)}
.lp-tour-nav{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.25)}
.lp-tour-nav button{display:flex;align-items:flex-start;gap:12px;text-align:left;background:none;border:0;
  padding:17px 18px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(243,241,234,.65);position:relative}
.lp-tour-nav button:last-child{border-bottom:0}
.lp-tour-nav button:hover{background:rgba(255,255,255,.03)}
.lp-tour-nav button.on{background:rgba(240,180,69,.1);color:#F6C15A}
.lp-tour-nav button.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:#F6C15A;
  box-shadow:0 0 10px #F6C15A}
.lp-tour-nav .ti{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.lp-tour-nav button.on .ti{border-color:rgba(240,180,69,.4);color:#F6C15A;background:rgba(240,180,69,.12)}
.lp-tour-nav b{display:block;font-size:13px;font-weight:550}
.lp-tour-nav span{font-size:11.5px;color:rgba(243,241,234,.45);line-height:1.5;display:block;margin-top:2px}
.lp-tour-view{padding:22px;background:rgba(0,0,0,.2)}
.lp-tour .panel{border-radius:14px}

.lp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:lp;
  border:1px solid rgba(240,180,69,.14);border-radius:18px;background:rgba(16,16,20,.5)}
.lp-step{padding:24px 20px;border-right:1px solid rgba(255,255,255,.06);counter-increment:lp}
.lp-step:hover{background:transparent;transform:none}
.lp-step:last-child{border-right:0}
.lp-step::before{content:"0" counter(lp);font-family:var(--ff-num);font-size:12px;color:#F6C15A;
  letter-spacing:.12em;display:block;margin-bottom:12px;text-shadow:0 0 12px rgba(240,180,69,.5)}
.lp-step h3{font-size:15px;margin-bottom:8px}
.lp-step p{font-size:12.5px;line-height:1.65;color:rgba(243,241,234,.5)}

.lp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.lp-list{display:flex;flex-direction:column;gap:16px;margin-top:22px}
.lp-list-i{display:flex;gap:12px}
.lp-list-i .ic{color:#F6C15A;flex:none;margin-top:2px;filter:drop-shadow(0 0 8px rgba(240,180,69,.5))}
.lp-list-i b{display:block;font-size:13.5px;margin-bottom:3px}
.lp-list-i p{font-size:12.5px;color:rgba(243,241,234,.5);line-height:1.6}

.lp-cta-band{border:1px solid rgba(240,180,69,.28);border-radius:18px;padding:38px 40px;
  background:radial-gradient(600px 220px at 90% 0%,rgba(240,180,69,.22),transparent 70%),rgba(16,16,20,.8);
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  box-shadow:0 0 40px rgba(240,180,69,.12)}
.lp-cta-band h2{font-size:24px;letter-spacing:-.03em;margin-bottom:8px}
.lp-cta-band p{font-size:14px;color:rgba(243,241,234,.7);max-width:54ch;line-height:1.65}

.lp-foot{border-top:1px solid rgba(240,180,69,.12);margin-top:auto}
.lp-foot-in{max-width:1360px;margin:0 auto;padding:42px 40px 22px;display:grid;
  grid-template-columns:1.7fr repeat(4,minmax(0,1fr));gap:28px}
.lp-foot p{font-size:12px;color:rgba(243,241,234,.5);line-height:1.7;max-width:44ch;margin-top:12px}
.lp-foot h4{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,241,234,.35);margin-bottom:12px;font-weight:600}
.lp-foot nav{display:flex;flex-direction:column;gap:8px}
.lp-foot nav a{font-size:12.5px;color:rgba(243,241,234,.65)}
.lp-foot nav a:hover{color:#F6C15A}
.lp-foot-bot{max-width:1360px;margin:0 auto;padding:16px 40px 28px;border-top:1px solid rgba(255,255,255,.06);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11.5px;color:rgba(243,241,234,.35)}

.lp .post,.lp .faq,.lp .panel{border-radius:16px}
.lp .post:hover{transform:none}

@media (max-width:1080px){
  .lp-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 22px}
  .lp-stage{min-height:auto}
  .lp-gold-wrap{position:relative;inset:auto;height:320px;margin:0 auto -20px;max-width:420px}
  .lp-gold{width:100%}
  .lp-surface{padding:0}
  .lp-surface{padding:0}
  .lp-surface .panel+.panel{margin-left:0;width:100%}
  .lp-split{grid-template-columns:minmax(0,1fr);gap:28px}
  .lp-tour{grid-template-columns:minmax(0,1fr)}
  .lp-tour-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .lp-tour-nav button{border-bottom:0;border-right:1px solid rgba(255,255,255,.06);min-width:210px}
  .lp-tour-nav button.on::before{top:auto;bottom:0;left:16px;right:16px;width:auto;height:2px}
  .lp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-step{border-bottom:1px solid rgba(255,255,255,.06)}
  .lp-step:nth-child(2){border-right:0}
  .lp-nav-links{display:none}
  .lp-nav,.lp-sect,.lp-strip-in,.lp-foot-in,.lp-foot-bot{padding-left:22px;padding-right:22px}
  .lp-sect{padding-top:48px;padding-bottom:48px}
  .lp-strip-in{flex-wrap:wrap}
  .lp-strip-i{flex:1 1 46%;border-right:0;padding:14px 0}
  .lp-foot-in{grid-template-columns:1fr 1fr;padding-top:32px}
}
@media (max-width:560px){
  .lp-facts{grid-template-columns:1fr}
  .lp-fact:nth-child(even){padding-left:0;border-left:0}
  .lp-steps{grid-template-columns:minmax(0,1fr)}
  .lp-step{border-right:0}
  .lp-cta-band{padding:26px}
  .lp-foot-in{grid-template-columns:1fr}
  .lp-nav{padding:0 16px;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .lp-gold-wrap,.lp-glow-a,.lp-glow-b{animation:none}
}