/* ===========================================================
   GURIZON · LOGO TASARIMI — Light theme · Kırmızı ağırlıklı
   index1-mix.css'in üzerine yüklenir. Tüm yüzeyler krem/beyaz,
   metin koyu, vurgular crimson + bordo.
   =========================================================== */

/* ===== Hero ===== */
.lg-hero{padding:140px 0 60px;position:relative;overflow:hidden}
.lg-hero-grid{display:grid;gap:60px;grid-template-columns:1fr;align-items:center;position:relative;z-index:2}
@media(min-width:1024px){.lg-hero-grid{grid-template-columns:1.1fr .9fr;gap:80px}}

.lg-hero h1{
  font-size:clamp(40px,6.4vw,80px);font-weight:900;line-height:1;letter-spacing:-.03em;
  color:#0a0a0a !important;margin:0 0 24px;
}
.lg-hero h1 .strike{
  text-decoration:line-through;text-decoration-thickness:5px;
  text-decoration-color:#dc2626;color:#a8a08c;font-weight:800;
}

/* Spec badges row */
.spec-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.spec{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;
  background:#ffffff;border:1px solid #ecdfd9;border-radius:999px;
  font-size:12.5px;font-weight:700;color:#3f3a32;
  box-shadow:0 4px 12px -4px rgba(127,20,20,.08);
}
.spec i{color:#dc2626;font-size:11px}

/* ===== Floating sample logos cluster (hero right) ===== */
.lg-cluster{position:relative;height:540px;display:flex;align-items:center;justify-content:center}

.lg-tile{
  position:absolute;
  background:#ffffff;
  border:1px solid #ecdfd9;
  border-radius:18px;
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;
  color:#0a0a0a;
  box-shadow:0 24px 50px -20px rgba(127,20,20,.20),0 1px 0 rgba(255,255,255,.7) inset;
  transition:transform .4s ease, box-shadow .3s, border-color .3s;
}
.lg-tile:hover{
  transform:translateY(-6px) rotate(0deg) !important;
  border-color:rgba(220,38,38,.45);
  box-shadow:0 30px 60px -20px rgba(220,38,38,.30);
}
.lg-tile .mark{font-weight:900;font-size:30px;line-height:1;letter-spacing:-.04em;color:#0a0a0a}
.lg-tile .mark.alt{font-family:'JetBrains Mono',monospace;font-size:24px}
.lg-tile .name{font-size:10.5px;font-weight:700;color:#71717a;letter-spacing:1.5px;text-transform:uppercase}

.lg-tile.t1{width:170px;height:170px;top:30px;left:6%;transform:rotate(-7deg);animation:lgFloat 7s ease-in-out infinite}
.lg-tile.t2{
  width:200px;height:200px;top:40px;right:4%;transform:rotate(6deg);
  animation:lgFloat 8s ease-in-out infinite -2s;
  background:linear-gradient(135deg,#fff5f3,#ffffff);
  border-color:rgba(220,38,38,.45);
}
.lg-tile.t3{width:170px;height:170px;bottom:0;left:18%;transform:rotate(4deg);animation:lgFloat 6.5s ease-in-out infinite -1s}
.lg-tile.t4{width:190px;height:190px;bottom:30px;right:14%;transform:rotate(-8deg);animation:lgFloat 7.5s ease-in-out infinite -3s}
.lg-tile.center{
  width:230px;height:230px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0deg);
  background:linear-gradient(135deg,#dc2626 0%,#7f1d1d 100%);
  border:1.5px solid #7f1d1d;color:#fff;
  box-shadow:0 30px 80px -15px rgba(220,38,38,.55),0 0 0 1px rgba(255,255,255,.10) inset;
  z-index:5;
}
.lg-tile.center .mark{
  font-size:46px;color:#fff;
  background:linear-gradient(180deg,#fff,#fde2e6);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.lg-tile.center .name{color:#fde2e6}

@keyframes lgFloat{
  0%,100%{transform:rotate(var(--rot,0deg)) translateY(0)}
  50%{transform:rotate(var(--rot,0deg)) translateY(-12px)}
}
.lg-tile.t1{--rot:-7deg}.lg-tile.t2{--rot:6deg}.lg-tile.t3{--rot:4deg}.lg-tile.t4{--rot:-8deg}

@media(max-width:768px){
  .lg-cluster{height:380px}
  .lg-tile.t1,.lg-tile.t3{width:120px;height:120px}
  .lg-tile.t2,.lg-tile.t4{width:140px;height:140px}
  .lg-tile.center{width:170px;height:170px}
  .lg-tile.center .mark{font-size:34px}
  .lg-tile .mark{font-size:22px}
}

/* ===== "5 saniye" psychology section ===== */
.psy{padding:100px 0;position:relative}
.psy-grid{display:grid;gap:24px;grid-template-columns:1fr;max-width:1100px;margin:0 auto}
@media(min-width:768px){.psy-grid{grid-template-columns:repeat(3,1fr)}}
.psy-card{
  background:#ffffff;
  border:1px solid #ecdfd9;border-radius:18px;padding:32px;
  position:relative;overflow:hidden;
  box-shadow:0 6px 24px -8px rgba(127,20,20,.10),0 1px 0 rgba(255,255,255,.7) inset;
  transition:transform .25s,border-color .25s,box-shadow .3s;
}
.psy-card:hover{
  transform:translateY(-4px);border-color:rgba(220,38,38,.35);
  box-shadow:0 24px 50px -25px rgba(220,38,38,.25);
}
.psy-card .num{
  font-size:64px;font-weight:900;line-height:1;letter-spacing:-.04em;
  background:linear-gradient(120deg,#dc2626 0%,#7f1d1d 100%);
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
  margin-bottom:14px;
}
.psy-card h3{font-size:20px;font-weight:900;color:#0a0a0a;margin:0 0 10px;letter-spacing:-.01em}
.psy-card p{font-size:14.5px;color:#525252;line-height:1.65;margin:0;font-weight:500}
.psy-card p strong{color:#0a0a0a;font-weight:700}

/* ===== Process timeline · 4 milestone yatay akış ===== */
.proc-wrap{
  padding:100px 0;position:relative;
  background:linear-gradient(180deg,rgba(255,247,243,.55) 0%,rgba(247,239,222,.30) 100%);
  border-top:1px solid rgba(220,38,38,.18);
  border-bottom:1px solid rgba(220,38,38,.12);
}

.proc-list{
  max-width:1240px;margin:0 auto;position:relative;
  display:grid;grid-template-columns:1fr;gap:24px;
  padding:0 8px;
}
@media(min-width:900px){
  .proc-list{grid-template-columns:repeat(4,1fr);gap:24px;padding-top:40px}
}

/* Yatay bağlantı çizgisi (sadece desktop) */
.proc-line{display:none}
@media(min-width:900px){
  .proc-line{
    display:block;position:absolute;
    top:78px;left:13%;right:13%;height:2px;
    background:
      linear-gradient(90deg,
        rgba(220,38,38,.20) 0%,
        rgba(220,38,38,.55) 14%,
        rgba(220,38,38,.55) 86%,
        rgba(220,38,38,.20) 100%);
    z-index:1;
    border-radius:2px;
  }
}

.proc-step{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:18px;
}

/* Marker (gün rozeti + numara dairesi) */
.proc-marker{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  position:relative;
}

.proc-day{
  font:800 11px/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing:1.6px;
  color:#7f1d1d;
  text-transform:uppercase;
  padding:6px 12px;
  background:#ffffff;
  border:1px solid rgba(220,38,38,.30);
  border-radius:999px;
  box-shadow:0 4px 12px -4px rgba(220,38,38,.20);
  white-space:nowrap;
}

.proc-num{
  width:64px;height:64px;border-radius:50%;
  background:linear-gradient(180deg,#dc2626,#7f1d1d);
  color:#ffffff;
  display:flex;align-items:center;justify-content:center;
  font:900 22px/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing:.5px;
  box-shadow:
    0 0 0 6px #faf2e6,
    0 0 0 7px rgba(220,38,38,.20),
    0 14px 30px -10px rgba(220,38,38,.55);
}

/* İçerik kartı */
.proc-content{
  width:100%;
  background:#ffffff;border:1px solid #ecdfd9;border-radius:18px;
  padding:24px 22px;
  box-shadow:0 8px 28px -10px rgba(127,20,20,.12);
  transition:transform .25s,border-color .25s,box-shadow .3s;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.proc-content:hover{
  transform:translateY(-3px);
  border-color:rgba(220,38,38,.35);
  box-shadow:0 22px 44px -18px rgba(220,38,38,.30);
}

.proc-tag{
  display:inline-flex;align-items:center;gap:6px;
  font:800 10.5px/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:#7f1d1d;
  padding:6px 12px;
  background:rgba(220,38,38,.08);
  border:1px solid rgba(220,38,38,.18);
  border-radius:999px;
}
.proc-tag i{font-size:10px}

.proc-content h3{
  font-size:18px;font-weight:900;color:#0a0a0a;
  margin:2px 0 0;letter-spacing:-.01em;line-height:1.2;
}
.proc-content p{
  font-size:13.5px;color:#525252;line-height:1.55;
  margin:0;font-weight:500;
}
.proc-content p strong{color:#0a0a0a;font-weight:700}

.proc-time{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:6px;
  font:800 11.5px/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing:.5px;
  color:#b91c1c;
  padding:7px 12px;
  background:#fbf6ed;
  border:1px solid #ecdfd9;
  border-radius:999px;
}
.proc-time i{font-size:10px}

/* Mobil — dikey flow + sol bağlantı çizgisi */
@media(max-width:899px){
  .proc-list{padding-left:80px;position:relative}
  .proc-list::before{
    content:"";position:absolute;
    left:32px;top:32px;bottom:32px;width:2px;
    background:linear-gradient(180deg,rgba(220,38,38,.55),rgba(220,38,38,.18));
    border-radius:2px;z-index:1;
  }
  .proc-step{
    flex-direction:row;align-items:flex-start;
    gap:24px;
  }
  .proc-marker{
    position:absolute;left:-80px;top:-4px;
  }
  .proc-content{text-align:left;align-items:flex-start}
  .proc-day{font-size:10px}
}

/* ===== Pricing ===== */
.price-grid{display:grid;gap:24px;grid-template-columns:1fr;max-width:1180px;margin:0 auto}
@media(min-width:768px){.price-grid{grid-template-columns:repeat(3,1fr)}}
.price-card{
  background:#ffffff;border:1px solid #ecdfd9;border-radius:22px;
  padding:36px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;
  box-shadow:0 8px 28px -10px rgba(127,20,20,.10),0 1px 0 rgba(255,255,255,.7) inset;
  transition:transform .25s,border-color .25s,box-shadow .3s;
}
.price-card:hover{
  transform:translateY(-6px);border-color:rgba(220,38,38,.35);
  box-shadow:0 30px 60px -25px rgba(220,38,38,.30);
}
.price-card.featured{
  background:linear-gradient(160deg,#fff5f3 0%,#ffffff 60%);
  border-color:rgba(220,38,38,.45);
  box-shadow:0 40px 90px -25px rgba(220,38,38,.40),0 1px 0 rgba(255,255,255,.7) inset;
}
.price-card.featured::before{
  content:"";position:absolute;inset:-1px;
  background:linear-gradient(135deg,rgba(220,38,38,.55),transparent 50%);
  border-radius:22px;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  padding:1.5px;pointer-events:none;
}
.price-badge{
  position:absolute;top:18px;right:18px;
  font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;
  background:linear-gradient(120deg,#dc2626,#7f1d1d);color:#fff;
  box-shadow:0 8px 20px -6px rgba(220,38,38,.55);
}
.price-name{font-size:13px;font-weight:800;color:#71717a;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.price-card.featured .price-name{color:#7f1d1d}
.price-tagline{font-size:18px;font-weight:800;color:#0a0a0a;margin-bottom:18px;line-height:1.2}
.price-price{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.price-amount{font-size:48px;font-weight:900;color:#0a0a0a;letter-spacing:-.025em;line-height:1}
.price-card.featured .price-amount{
  background:linear-gradient(120deg,#dc2626,#7f1d1d);
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
}
.price-currency{font-size:18px;font-weight:800;color:#525252}
.price-period{font-size:13px;color:#71717a;margin-bottom:24px}
.price-list{list-style:none;padding:0;margin:0 0 28px;flex:1}
.price-list li{
  display:flex;align-items:flex-start;gap:10px;padding:8px 0;
  font-size:13.5px;color:#262626;font-weight:500;line-height:1.5;
  border-bottom:1px solid #f1e6dc;
}
.price-list li:last-child{border-bottom:0}
.price-list li i{color:#7f1d1d;margin-top:3px;flex-shrink:0;width:14px;text-align:center}
.price-list li.muted{color:#a3a3a3}
.price-list li.muted i{color:#d4cdba}
.price-list li strong{color:#0a0a0a;font-weight:700}
.price-cta{display:flex;justify-content:center}

/* ===== Deliverables grid ===== */
.deliv-wrap{padding:100px 0;position:relative}
.deliv-grid{display:grid;gap:18px;grid-template-columns:1fr;max-width:1180px;margin:0 auto}
@media(min-width:640px){.deliv-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.deliv-grid{grid-template-columns:repeat(4,1fr)}}
.deliv{
  background:#ffffff;border:1px solid #ecdfd9;border-radius:14px;
  padding:22px;display:flex;align-items:flex-start;gap:14px;
  box-shadow:0 4px 18px -6px rgba(127,20,20,.08);
  transition:transform .2s,border-color .25s,box-shadow .3s;
}
.deliv:hover{
  transform:translateY(-3px);border-color:rgba(220,38,38,.35);
  box-shadow:0 18px 36px -18px rgba(220,38,38,.25);
}
.deliv-icon{
  width:42px;height:42px;border-radius:10px;
  background:rgba(220,38,38,.10);border:1px solid rgba(220,38,38,.18);
  display:flex;align-items:center;justify-content:center;
  color:#7f1d1d;font-size:16px;flex-shrink:0;
}
.deliv strong{display:block;font-size:14.5px;font-weight:800;color:#0a0a0a;margin-bottom:3px;letter-spacing:-.005em}
.deliv span{font-size:12.5px;color:#525252;font-weight:500;line-height:1.5}

/* ===== Showcase ===== */
.show-grid{display:grid;gap:18px;grid-template-columns:1fr;max-width:1180px;margin:0 auto}
@media(min-width:640px){.show-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.show-grid{grid-template-columns:repeat(3,1fr)}}
.show-tile{
  aspect-ratio:1;background:#ffffff;border:1px solid #ecdfd9;border-radius:18px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:32px;color:#0a0a0a;position:relative;overflow:hidden;
  box-shadow:0 8px 28px -12px rgba(127,20,20,.10),0 1px 0 rgba(255,255,255,.7) inset;
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.show-tile:hover{
  transform:translateY(-4px);border-color:rgba(220,38,38,.45);
  box-shadow:0 30px 60px -25px rgba(220,38,38,.40);
}
.show-tile::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 30%,rgba(220,38,38,.10),transparent 60%);
  opacity:0;transition:opacity .3s;
}
.show-tile:hover::before{opacity:1}
.show-mark{font-size:50px;font-weight:900;letter-spacing:-.04em;line-height:1;z-index:2;color:#0a0a0a}
.show-tile.gradient{background:linear-gradient(135deg,#dc2626 0%,#7f1d1d 100%);border-color:#7f1d1d;color:#fff;box-shadow:0 30px 70px -20px rgba(220,38,38,.55)}
.show-tile.gradient .show-mark{
  background:linear-gradient(180deg,#fff,#fde2e6);
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
}
.show-tile.gradient .show-name{color:#fde2e6}
.show-tile.gradient .show-cat{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fde2e6}
.show-mark.serif{font-family:Georgia,serif;font-style:italic;font-weight:700}
.show-mark.mono{font-family:'JetBrains Mono',monospace;font-size:38px}
.show-mark.dot::after{content:".";color:#dc2626}
.show-tile.gradient .show-mark.dot::after{color:#fde2e6}
.show-name{font-size:11px;font-weight:800;color:#71717a;letter-spacing:2px;text-transform:uppercase;z-index:2}
.show-cat{
  position:absolute;top:14px;left:14px;
  font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
  color:#71717a;padding:4px 10px;
  background:#fbf6ed;border:1px solid #ecdfd9;border-radius:999px;z-index:2;
}

/* ===== Hybrid AI + Human section ===== */
.hybrid{padding:100px 0;position:relative}
.hybrid-grid{display:grid;gap:48px;grid-template-columns:1fr;max-width:1180px;margin:0 auto;align-items:center}
@media(min-width:1024px){.hybrid-grid{grid-template-columns:1fr 1fr;gap:80px}}
.hybrid-card{
  background:#ffffff;border:1px solid #ecdfd9;border-radius:22px;
  padding:36px;position:relative;overflow:hidden;
  box-shadow:0 16px 40px -16px rgba(127,20,20,.20),0 1px 0 rgba(255,255,255,.7) inset;
}
.hybrid-card::before{
  content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;
  background:radial-gradient(circle,rgba(220,38,38,.18),transparent 70%);filter:blur(60px);
}
.hybrid-list{list-style:none;padding:0;margin:24px 0 0;position:relative;z-index:2}
.hybrid-list li{
  display:flex;align-items:flex-start;gap:12px;padding:14px 0;
  border-bottom:1px solid #f1e6dc;
  font-size:14.5px;color:#262626;font-weight:500;line-height:1.55;
}
.hybrid-list li:last-child{border-bottom:0}
.hybrid-list li i{
  flex-shrink:0;width:22px;height:22px;border-radius:50%;
  background:linear-gradient(120deg,#dc2626,#7f1d1d);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;margin-top:2px;
}
.hybrid-list li strong{color:#0a0a0a;font-weight:800}
.hybrid h3{
  font-size:clamp(28px,3.4vw,42px);font-weight:900;color:#0a0a0a;
  margin:0 0 16px;line-height:1.1;letter-spacing:-.02em;position:relative;z-index:2;
}
.hybrid h3 .accent{
  background:linear-gradient(120deg,#dc2626,#7f1d1d);
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
}
.hybrid p{font-size:16px;color:#525252;line-height:1.7;margin:0 0 18px;font-weight:500}
.hybrid p strong{color:#0a0a0a;font-weight:700}

/* AI vs human meter */
.meter{margin-top:18px}
.meter-row{display:flex;align-items:center;gap:14px;font-size:13px;color:#262626;font-weight:700;margin-bottom:10px}
.meter-row .lab{width:110px;flex-shrink:0;font-size:12.5px;color:#71717a;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.meter-bar{flex:1;height:8px;border-radius:999px;background:#f1e6dc;overflow:hidden;position:relative}
.meter-fill{height:100%;border-radius:999px;background:linear-gradient(120deg,#dc2626,#7f1d1d);position:relative}
.meter-fill::after{
  content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);
  width:14px;height:14px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 3px rgba(220,38,38,.35);
}
.meter-val{width:42px;text-align:right;font-weight:900;color:#0a0a0a}