@import url("fonts/fonts-embedded.css");

/* ============================================================
   Rebel Co. Group - Tanitim Kiti (16:9 sunum deck)
   Site tasarim sistemiyle birebir: zemin #F7F7F9, murekkep #14162B,
   bolum renkleri + altin vurgu, Mozaik imza ogesi,
   Bricolage Grotesque + Instrument Sans
   ============================================================ */

:root{
  --bg:#F7F7F9;
  --surface:#FFFFFF;
  --ink:#14162B;
  --ink-2:#3E4160;
  --muted:#5C5F7A;
  --line:#E4E4EC;

  --pink:#E23D77;     --pink-h:335;
  --purple:#6C4CF1;   --purple-h:253;
  --coral:#F0532D;    --coral-h:14;
  --green:#0E9F5D;    --green-h:152;
  --blue:#2563EB;     --blue-h:221;
  --gold:#E8B600;     --gold-h:47;
  --gold-ink:#9A7A00;

  --pink-t:#FCEDF3;   --purple-t:#F0EDFD;  --coral-t:#FEEFEA;
  --green-t:#E9F7F0;  --blue-t:#EBF1FE;    --gold-t:#FBF4DC;

  --font-display:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
  --font-body:"Instrument Sans",system-ui,-apple-system,sans-serif;
  --font-pixel:"Silkscreen",monospace;

  --radius-s:10px; --radius-m:18px; --radius-l:28px; --radius-pill:999px;
  --shadow-card:0 1px 2px rgba(20,22,43,.05), 0 6px 16px -8px rgba(20,22,43,.12);
  --shadow-float:0 6px 16px -8px rgba(20,22,43,.14), 0 18px 40px -20px rgba(20,22,43,.18);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ---- Sayfa / print ---- */
@page{ size:13.333in 7.5in; margin:0; }
html,body{background:#c9c9d1}
body{
  font-family:var(--font-body);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
img{max-width:100%;display:block}
ul{list-style:none}

/* ---- Slayt kabugu: 1280x720 (16:9) ---- */
.slide{
  position:relative;
  width:1280px;height:720px;
  overflow:hidden;
  background:var(--bg);
  padding:76px 92px;
  page-break-after:always;
  break-after:page;
  display:flex;flex-direction:column;
}
.slide:last-child{page-break-after:auto}
.slide.dark{background:var(--ink);color:#fff}
.slide.pad-0{padding:0}

/* Ekran onizlemesi icin slaytlari ayirma (print'te @page devralir) */
@media screen{
  body{padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:34px}
  .slide{box-shadow:0 30px 70px -30px rgba(20,22,43,.6);border-radius:6px}
}

/* ---- Tipografi ---- */
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}
.d-xl{font-size:82px;font-weight:800;line-height:1.0;letter-spacing:-.03em}
.d-l{font-size:58px;font-weight:800;letter-spacing:-.025em;line-height:1.03}
.d-m{font-size:40px;font-weight:800;letter-spacing:-.02em}
.lead{font-size:21px;line-height:1.55;color:var(--ink-2);font-weight:400}
.dark .lead{color:rgba(255,255,255,.72)}
p{line-height:1.6}

/* Kicker */
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.dark .kicker{color:rgba(255,255,255,.6)}
.kicker::before{content:"";width:11px;height:11px;border-radius:4px;background:var(--kc,var(--pink))}

/* Baslik ici kalem darbesi vurgusu */
.mark{position:relative;white-space:nowrap;
  background:linear-gradient(0deg,var(--mc,#F8C9DC) 0 40%,transparent 40%);
  border-radius:4px;padding:0 .06em}
.ul-gold{color:var(--gold-ink)}
.dark .ul-gold{color:var(--gold)}

/* Slayt basligi bloklari */
.slide-head{max-width:840px;margin-bottom:38px}
.slide-head .kicker{margin-bottom:16px}
.slide-head p{margin-top:14px}

/* Pill / tag */
.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:var(--radius-pill);
  font-size:13.5px;font-weight:600;background:var(--surface);color:var(--ink);
  box-shadow:inset 0 0 0 1.5px var(--line)}
.tag.solid{background:var(--tc,var(--ink));color:#fff;box-shadow:none}
.tag-dot::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--tc,var(--pink))}

/* Kart */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);
  box-shadow:var(--shadow-card);padding:30px 30px}
.card .ico{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--ct,var(--pink-t));margin-bottom:18px}
.card .ico svg{width:26px;height:26px;stroke:var(--cc,var(--pink));stroke-width:1.9;fill:none}
.card h3{font-size:22px;font-weight:700;margin-bottom:9px}
.card p{font-size:15px;color:var(--muted);line-height:1.55}
.card .num{font-family:var(--font-pixel);font-size:12px;color:var(--cc,var(--pink));letter-spacing:.02em}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:var(--radius-pill);
  font-weight:600;font-size:16px;line-height:1}
.btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.btn-primary{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn-pink{background:var(--pink);color:#fff}
.btn-ghost{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);color:#fff}

/* ---- Slayt altbilgisi ---- */
.foot{position:absolute;left:92px;right:92px;bottom:34px;z-index:3;display:flex;align-items:center;
  justify-content:space-between;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.dark .foot{color:rgba(255,255,255,.5)}
.foot .fbrand{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--ink-2)}
.dark .foot .fbrand{color:rgba(255,255,255,.72)}
.foot .fbrand .emb{width:20px;height:20px;border-radius:6px;
  background:radial-gradient(130% 130% at 28% 18%,#2c2f4f 0%,#16182f 55%,#0d0e1d 100%);
  display:flex;align-items:center;justify-content:center}
.foot .fbrand .emb img{width:11px}
.pageno{font-family:var(--font-pixel);font-size:11px;letter-spacing:.06em}

/* ---- Mozaik imza ogesi ---- */
.mosaic{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.mosaic i{position:absolute;display:block;border-radius:6px;
  width:var(--s,26px);height:var(--s,26px);
  left:var(--x);top:var(--y);
  background:hsl(var(--h) 78% 60%);
  opacity:var(--o,.9)}
.slide.dark .mosaic i{border-radius:7px}
.z1{position:relative;z-index:1}

/* Referans / logo duvari */
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lw-cell{height:98px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);
  box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;padding:0 14px}
.lw-cell span{font-family:var(--font-display);font-weight:700;font-size:25px;letter-spacing:.05em;
  text-transform:none;color:var(--ink-2);text-align:center;line-height:1.05}
.lw-note{font-size:13px;color:var(--muted);margin-top:22px;text-align:center;letter-spacing:.01em}

/* Emblem lockup */
.emblem{border-radius:26%;background:radial-gradient(130% 130% at 28% 18%,#2c2f4f 0%,#16182f 55%,#0d0e1d 100%);
  box-shadow:inset 0 2px 6px rgba(255,255,255,.16),inset 0 -4px 9px rgba(0,0,0,.42),0 12px 26px -8px rgba(20,22,43,.5);
  display:flex;align-items:center;justify-content:center}

/* Yardimcilar */
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.row{display:flex}
.spacer{flex:1}
.mt-a{margin-top:auto}