/* K1 / D96 — açılış ve politika sayfaları, «Obsidiyen & Kil».
   Renkler yalnız koyu/belirteçler.css belirteçlerinden gelir; bu dosyada ham renk yoktur.
   Sınıf adları eski public.css ile aynıdır (yerine geçer). <body class="tema-koyu"> gerekir. */
@font-face {
  font-family:Dosis;
  src:url("../fonts/Dosis-Variable.6559888681b8.ttf") format('truetype');
  font-weight:200 800;
  font-display:swap}

:root {
  font-family:Dosis,'Segoe UI',sans-serif;
  font-synthesis:none;
  font-size:18px}
* {
  box-sizing:border-box}
body {
  margin:0}
body.tema-koyu {
  background:var(--zemin);
  color:var(--metin)}
a {
  color:inherit}
header,main,footer {
  max-width:1280px;
  margin:auto;
  padding-left:clamp(22px,5vw,72px);
  padding-right:clamp(22px,5vw,72px)}
header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:26px;
  padding-bottom:26px}
.marka-baglanti {
  display:inline-flex;
  text-decoration:none}
nav {
  display:flex;
  align-items:center;
  gap:30px}
nav a {
  text-decoration:none;
  font-size:16px;
  font-weight:650;
  color:var(--metin-2);
  transition:color .15s}
nav a:hover {
  color:var(--metin)}

/* Düğmeler: birincil = kil dolgu + koyu mürekkep (kil üstünde beyaz yazı yok). */
.button {
  display:inline-flex;
  gap:44px;
  justify-content:space-between;
  align-items:center;
  background:var(--vurgu);
  color:var(--vurgu-murekkep);
  padding:16px 23px;
  border:1px solid transparent;
  border-radius:12px;
  text-decoration:none;
  font-weight:750;
  box-shadow:0 10px 28px -12px color-mix(in srgb, var(--vurgu) 60%, transparent);
  transition:background .15s, border-color .15s}
.button:hover {
  background:var(--vurgu-2)}
.button.small {
  padding:11px 20px;
  box-shadow:none}
nav a.button {
  background:var(--yuksek);
  border-color:var(--cizgi-2);
  color:var(--metin)}
nav a.button:hover {
  background:var(--secili);
  color:var(--metin)}
.button.soft {
  background:var(--vurgu-yumusak);
  border-color:var(--vurgu-cizgi);
  color:var(--vurgu-2);
  box-shadow:none}
.button.soft:hover {
  background:color-mix(in srgb, var(--vurgu) 24%, transparent);
  color:var(--vurgu-2)}

.hero {
  position:relative;
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:65px;
  align-items:center;
  padding:75px 0 95px}
.hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  width:min(720px,70%);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(closest-side, var(--vurgu-yumusak), transparent);
  pointer-events:none}
.eyebrow {
  font-size:12px;
  letter-spacing:.14em;
  font-weight:750;
  color:var(--vurgu-2);
  margin:0 0 22px}
h1 {
  font-size:clamp(40px,5vw,64px);
  line-height:1.06;
  letter-spacing:-1.8px;
  margin:0;
  font-weight:700;
  color:var(--metin)}
h1 em {
  color:var(--vurgu-2);
  font-style:normal}
p {
  line-height:1.65}
.intro {
  font-size:20px;
  color:var(--metin-2);
  max-width:620px;
  margin:27px 0}
.intro strong {
  color:var(--metin)}
.hint {
  font-size:14px;
  color:var(--metin-3)}
.hero-visual {
  background:var(--kart);
  border:1px solid var(--cizgi-2);
  border-radius:24px;
  padding:28px;
  box-shadow:0 30px 70px -26px color-mix(in srgb, var(--cukur) 90%, transparent), inset 0 1px 0 var(--cizgi);
  transform:rotate(-2deg)}
.visual-label {
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--metin-3)}
.visual-row {
  display:flex;
  gap:18px;
  align-items:center;
  padding:27px 0;
  border-bottom:1px solid var(--cizgi)}
.number {
  border-radius:12px;
  background:var(--secili);
  color:var(--vurgu-2);
  padding:12px;
  font-size:18px;
  font-weight:700}
.visual-row:nth-child(3) .number {
  background:var(--dikkat-yumusak);
  color:var(--dikkat)}
.visual-row strong {
  font-size:22px;
  color:var(--metin)}
.visual-row p {
  font-size:15px;
  color:var(--metin-2);
  margin:4px 0 0}
.visual-foot {
  font-size:13px;
  margin-top:25px;
  color:var(--metin-3)}
.visual-foot span {
  color:var(--vurgu-2);
  margin-right:8px}
.section-title {
  margin-bottom:30px}
h2 {
  font-size:37px;
  line-height:1.18;
  letter-spacing:-.5px;
  margin:0;
  color:var(--metin)}
.section-title .eyebrow {
  margin-bottom:13px}
.audiences {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px}
.audience {
  position:relative;
  overflow:hidden;
  padding:34px;
  border:1px solid var(--cizgi);
  border-radius:18px;
  background:var(--kart)}
.audience::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:var(--vurgu)}
.audience.parent::before {
  background:var(--bilgi)}
.workspace-label {
  font-size:12px;
  letter-spacing:.12em;
  font-weight:700;
  margin:0;
  color:var(--vurgu-2)}
.audience.parent .workspace-label {
  color:var(--bilgi)}
h3 {
  font-size:30px;
  margin:14px 0;
  color:var(--metin)}
.audience>p:not(.workspace-label) {
  color:var(--metin-2);
  min-height:90px}
.audience ul { margin:24px 0 0; padding:22px 0 0 22px; border-top:1px solid var(--cizgi); line-height:1.6; color:var(--metin-2); }
.audience li + li { margin-top:8px; }
.audience li::marker { color:var(--vurgu-2); }
.audience.parent li::marker { color:var(--bilgi); }
.mentor-quote { margin:0; padding:40px clamp(24px,5vw,60px); border-left:4px solid var(--vurgu); background:var(--kart); border-radius:0 18px 18px 0; }
.mentor-quote blockquote { font-size:clamp(25px,3vw,35px); line-height:1.4; margin:0 0 18px; font-weight:650; color:var(--metin); }
.mentor-quote figcaption { font-size:14px; color:var(--metin-3); line-height:1.7; }
.mentor-quote figcaption a { color:var(--metin-2); }
.mentor-quote figcaption span { white-space:nowrap; }
.faq { max-width:880px; padding:75px 0; }
.faq details { border-bottom:1px solid var(--cizgi); padding:22px 0; }
.faq summary { cursor:pointer; font-size:22px; font-weight:700; color:var(--metin); }
.faq summary::marker { color:var(--vurgu-2); }
.faq p { color:var(--metin-2); margin-bottom:0; }
.contact { display:grid; grid-template-columns:1fr auto; gap:45px; margin-bottom:75px; padding:clamp(25px,4vw,45px); background:radial-gradient(60% 120% at 0% 0%, var(--vurgu-yumusak), transparent 70%), var(--kart); border:1px solid var(--vurgu-cizgi); border-radius:20px; }
.contact .eyebrow { margin-bottom:15px; }
.contact p { color:var(--metin-2); }
.contact address { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:14px; font-style:normal; }
.contact address strong { font-size:24px; color:var(--metin); }
.contact .phone { font-size:22px; text-decoration:none; color:var(--metin); }
.contact .phone:hover { color:var(--vurgu-2); }
.whatsapp { gap:16px; }
.whatsapp-icon { flex:0 0 auto; }
html { scroll-padding-top:25px; }
.explanation {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  padding:90px 0}
.explanation p {
  margin-top:0;
  color:var(--metin-2)}
.explanation strong {
  color:var(--metin)}
footer {
  display:flex;
  align-items:center;
  gap:28px;
  border-top:1px solid var(--cizgi);
  padding-top:30px;
  padding-bottom:32px}
footer p {
  font-size:15px;
  color:var(--metin-3)}
footer>a:not(.marka-baglanti) {
  color:var(--metin-2);
  font-size:15px}
footer>a:not(.marka-baglanti):hover {
  color:var(--metin)}
footer>a:last-child {
  margin-left:auto}
.skip {
  position:absolute;
  top:-80px;
  left:20px}
.skip:focus {
  top:10px;
  padding:15px;
  border-radius:10px;
  background:var(--yuksek);
  color:var(--metin);
  z-index:5}
:focus-visible {
  outline:3px solid var(--vurgu-2);
  outline-offset:5px}
@media(max-width:800px) {
  nav>a:not(.button) {
  display:none}
.hero {
  grid-template-columns:1fr;
  gap:36px;
  padding:38px 0 55px}
.hero-visual {
  transform:none}
.audiences,.explanation,.contact {
  grid-template-columns:1fr}
.explanation {
  gap:25px;
  padding:55px 0}
footer {
  flex-wrap:wrap}
.audience>p:not(.workspace-label) {
  min-height:0}
nav {
  gap:0}
.button.small {
  font-size:14px;
  padding:10px 14px;
  white-space:nowrap}
header {
  gap:14px}
.tema-koyu header .marka--giris .marka-karo {
  width:36px;
  height:36px}
.tema-koyu header .marka--giris .marka-yazi {
  font-size:28px}
h2 {
  font-size:31px}
}

.policy-page{max-width:900px;margin:3rem auto;padding:0 1.5rem;line-height:1.8;color:var(--metin-2)}.policy-page h1{font-size:clamp(2rem,5vw,3rem)}.policy-page h2{margin-top:2rem;font-size:1.35rem}.policy-page p{margin:1rem 0}.policy-page a{color:var(--vurgu-2);text-decoration:underline}.policy-page a:hover{color:var(--metin)}.policy-page code{overflow-wrap:anywhere;padding:.1em .4em;border:1px solid var(--cizgi);border-radius:6px;background:var(--yuksek);color:var(--metin)}

/* Ekran paleti kâğıda taşınmaz (belirteçler yazdırmada sistem renklerine döner). */
@media print {
  .hero::before { display:none }
  .hero-visual { box-shadow:none; transform:none }
  .button { box-shadow:none; border-color:CanvasText; background:none; color:CanvasText }
}

/* K1b — yeni akış: hero eylemleri, «Haftam» ürün kartı, adımlar, özellik kartları, mentor çağrısı.
   Yalnız belirteçler; ham renk yok. */
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.button.ghost { background:transparent; border-color:var(--cizgi-2); color:var(--metin); box-shadow:none; }
.button.ghost:hover { background:var(--yuksek); color:var(--metin); }
.hero-actions + .hint { margin-top:22px; }
.hero-visual { background:none; border:0; padding:0; box-shadow:none; transform:none; position:relative; padding-bottom:46px; }
.hv-card { background:var(--kart); border:1px solid var(--cizgi-2); border-radius:22px; padding:26px; box-shadow:0 30px 70px -26px color-mix(in srgb, var(--cukur) 90%, transparent), inset 0 1px 0 var(--cizgi); }
.hv-week { transform:rotate(-1.6deg); }
.hv-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hv-pill { font-size:13px; font-weight:750; padding:5px 11px; border-radius:999px; background:var(--vurgu-yumusak); color:var(--vurgu-2); border:1px solid var(--vurgu-cizgi); }
.hv-tasks { list-style:none; margin:14px 0 0; padding:0; }
.hv-tasks li { padding:15px 0; border-bottom:1px solid var(--cizgi); }
.hv-row { display:flex; justify-content:space-between; gap:14px; align-items:baseline; }
.hv-row b { font-size:17px; color:var(--metin); font-weight:700; }
.hv-row span { font-size:14px; color:var(--metin-2); white-space:nowrap; }
.hv-bar { height:7px; margin-top:10px; border-radius:99px; background:var(--secili); overflow:hidden; }
.hv-bar i { display:block; height:100%; border-radius:99px; background:var(--vurgu); }
.hv-tasks .done .hv-bar i { background:var(--tamam); }
.hv-tasks .done .hv-row span { color:var(--tamam); }
.w40 { width:40%; } .w60 { width:60%; } .w63 { width:63%; } .w100 { width:100%; }
.hv-foot { margin:18px 0 38px; font-size:14px; color:var(--metin-2); }
.hv-foot span { color:var(--dikkat); margin-right:8px; }
.hv-parent { position:absolute; right:-18px; bottom:4px; width:min(290px,70%); padding:18px 20px; transform:rotate(1.8deg); background:var(--yuksek); }
.hv-stats { display:flex; gap:26px; margin-top:10px; }
.hv-stats strong { display:block; font-size:26px; color:var(--metin); line-height:1.1; }
.hv-stats span { font-size:13px; color:var(--metin-3); }
.hv-note { position:absolute; left:6px; bottom:10px; margin:0; font-size:12px; color:var(--metin-3); }
.steps-section, #neler, .audiences-section { padding:30px 0 70px; }
.steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; counter-reset:adim; }
.steps li { background:var(--kart); border:1px solid var(--cizgi); border-radius:18px; padding:30px; }
.steps li .number { display:inline-block; margin-bottom:18px; }
.steps li:nth-child(2) .number { background:var(--dikkat-yumusak); color:var(--dikkat); }
.steps li:nth-child(3) .number { background:var(--tamam-yumusak); color:var(--tamam); }
.steps h3 { font-size:25px; margin:0 0 10px; }
.steps p { margin:0; color:var(--metin-2); }
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.feature { background:var(--kart); border:1px solid var(--cizgi); border-radius:18px; padding:28px; transition:border-color .15s, background .15s; }
.feature:hover { border-color:var(--cizgi-2); background:var(--yuksek); }
.feature-icon { display:inline-grid; place-items:center; width:46px; height:46px; border-radius:13px; background:var(--vurgu-yumusak); color:var(--vurgu-2); margin-bottom:18px; }
.feature h3 { font-size:23px; margin:0 0 8px; }
.feature p { margin:0; color:var(--metin-2); font-size:17px; }
.mentor-cta { padding:55px 0 70px; border-top:1px solid var(--cizgi); }
.mentor-cta .button { margin-top:6px; }
@media(max-width:800px) {
  .hv-parent { position:static; width:auto; margin-top:16px; transform:none; }
  .hv-week { transform:none; }
  .hv-note { position:static; margin-top:10px; text-align:left; }
  .hv-foot { margin-bottom:0; }
  .hero-visual { padding-bottom:0; }
  .steps, .features { grid-template-columns:1fr; }
  .steps-section, #neler, .audiences-section { padding:20px 0 50px; }
  .hv-row { flex-direction:column; gap:2px; }
}
@media print {
  .hv-week, .hv-parent { transform:none; box-shadow:none; }
  .hv-bar { background:none; border:1px solid GrayText; }
  .hv-bar i { background:CanvasText; }
  .button.ghost { border-color:CanvasText; }
}