/* ============================================================
   ALTHEA — Hormonsuz Rahim İçi Araçlar  •  v2
   Fontlar: Sora (başlık) + Manrope (metin)
   Canlı arka planlar, hover ve mikro animasyonlar
   ============================================================ */

:root{
  --ink:#172423;
  --ink-soft:#4C5B5A;
  --mist:#F5F9F8;
  --line:#E2EBEA;
  --silverline:#C9D2D4;

  --teal:#45B0A8;
  --teal-deep:#2C817A;
  --teal-tint:#E7F5F3;

  --copper:#EE7A34;
  --copper-deep:#C85A17;
  --copper-tint:#FDF0E4;

  --violet:#8B6BAE;
  --violet-tint:#F3EEF8;

  --radius:24px;
  --shadow:0 22px 55px -24px rgba(23,36,35,.22);
  --font-display:"Sora",-apple-system,sans-serif;
  --font-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:#fff;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
::selection{background:var(--teal);color:#fff}

.container{width:min(1180px,92%);margin:0 auto;position:relative;z-index:2}

/* ---------- Tipografi ---------- */
h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.14;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,5vw,3.9rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.7rem)}
h3{font-size:1.3rem}
.grad-text{
  background:linear-gradient(100deg,var(--teal) 0%,var(--teal-deep) 50%,var(--teal) 100%);
  background-size:200% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:gradShift 6s ease infinite;
}
.grad-text.copper{background-image:linear-gradient(100deg,var(--copper),var(--copper-deep),var(--copper));background-size:200% auto}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.eyebrow{
  display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:var(--teal-deep);margin-bottom:1rem;
}
.eyebrow.copper{color:var(--copper-deep)}
.eyebrow.violet{color:var(--violet)}
.lead{font-size:1.12rem;color:var(--ink-soft);max-width:46rem;font-weight:500}
.center{text-align:center}
.center .lead{margin-inline:auto}

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;
  padding:.9rem 1.8rem;border-radius:999px;font-weight:700;font-size:.93rem;font-family:var(--font-body);
  transition:transform .3s cubic-bezier(.2,.9,.3,1.4),box-shadow .3s ease,background .3s ease;
  cursor:pointer;border:none;
}
.btn::after{
  content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-20deg);transition:left .55s ease;
}
.btn:hover{transform:translateY(-3px) scale(1.02)}
.btn:hover::after{left:130%}
.btn-teal{background:linear-gradient(120deg,var(--teal),var(--teal-deep));color:#fff}
.btn-teal:hover{box-shadow:0 16px 34px -12px rgba(69,176,168,.7)}
.btn-copper{background:linear-gradient(120deg,var(--copper),var(--copper-deep));color:#fff}
.btn-copper:hover{box-shadow:0 16px 34px -12px rgba(238,122,52,.7)}
.btn-ghost{background:rgba(255,255,255,.6);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--silverline);backdrop-filter:blur(6px)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.78);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:1rem}
.brand{display:flex;align-items:center}
.brand img{height:30px;width:auto;transition:opacity .35s ease,transform .35s ease}
.brand:hover img{transform:scale(1.04)}
.main-nav{display:flex;gap:1.6rem;align-items:center}
.main-nav a{font-size:.88rem;font-weight:600;color:var(--ink-soft);transition:color .2s;position:relative;white-space:nowrap}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;border-radius:2px;
  background:var(--teal);transition:width .3s ease;
}
.main-nav a:hover,.main-nav a.active{color:var(--ink)}
.main-nav a:hover::after,.main-nav a.active::after{width:100%}
body[data-audience="pro"] .main-nav a::after{background:var(--copper)}
.audience-switch{
  font-size:.78rem;font-weight:700;color:var(--teal-deep);font-family:var(--font-body);
  background:var(--teal-tint);padding:.55rem 1.1rem;border-radius:999px;border:none;cursor:pointer;
  transition:background .25s,transform .25s;white-space:nowrap;
}
.audience-switch:hover{background:#D8EEEB;transform:translateY(-1px)}
body[data-audience="pro"] .audience-switch{color:var(--copper-deep);background:var(--copper-tint)}
body[data-audience="pro"] .audience-switch:hover{background:#FAE4CE}
.nav-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--ink)}

/* ---------- Popup (kitle seçimi) ---------- */
.gate{
  position:fixed;inset:0;z-index:100;overflow:hidden;
  background:#fff;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .5s ease;
}
.gate::before,.gate::after{
  content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.5;z-index:0;
}
.gate::before{background:var(--teal-tint);top:-30vmax;left:-20vmax;animation:blobDrift 14s ease-in-out infinite alternate}
.gate::after{background:var(--copper-tint);bottom:-30vmax;right:-20vmax;animation:blobDrift 18s ease-in-out infinite alternate-reverse}
.gate.open{opacity:1;pointer-events:auto}
.gate-inner{width:min(880px,92%);text-align:center;position:relative;z-index:2}
.gate-logo{margin:0 auto 1rem;height:44px;width:auto}
.gate-sub{color:var(--ink-soft);margin-bottom:3rem;font-size:1.05rem;font-weight:500}
.gate-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.gate-card{
  border:1.5px solid var(--line);border-radius:var(--radius);
  padding:3rem 2rem;cursor:pointer;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);
  transition:border-color .3s,transform .3s cubic-bezier(.2,.9,.3,1.3),box-shadow .3s,background .3s;
  font-family:var(--font-body);
}
.gate-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:var(--shadow)}
.gate-card.eu:hover{border-color:var(--teal);background:linear-gradient(180deg,#fff,var(--teal-tint))}
.gate-card.pro:hover{border-color:var(--copper);background:linear-gradient(180deg,#fff,var(--copper-tint))}
.gate-emoji{font-size:2.6rem;display:block;margin-bottom:1rem;transition:transform .3s}
.gate-card:hover .gate-emoji{transform:scale(1.2) rotate(-6deg)}
.gate-card h3{margin-bottom:.5rem}
.gate-card p{font-size:.9rem;color:var(--ink-soft)}
.gate-note{margin-top:2.2rem;font-size:.8rem;color:#9FB0AE}

/* ---------- Canlı arka plan blob'ları ---------- */
@keyframes blobDrift{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(4vmax,-3vmax) scale(1.12)}
  100%{transform:translate(-3vmax,3vmax) scale(.94)}
}
.hero,.page-hero{position:relative;overflow:hidden}
.hero::before,.page-hero::before{
  content:"";position:absolute;width:46vmax;height:46vmax;border-radius:50%;
  filter:blur(80px);opacity:.55;top:-18vmax;right:-12vmax;z-index:0;
  background:var(--teal-tint);
  animation:blobDrift 16s ease-in-out infinite alternate;
}
.hero::after,.page-hero::after{
  content:"";position:absolute;width:34vmax;height:34vmax;border-radius:50%;
  filter:blur(80px);opacity:.45;bottom:-16vmax;left:-10vmax;z-index:0;
  background:var(--violet-tint);
  animation:blobDrift 20s ease-in-out infinite alternate-reverse;
}
.page-hero.copper::before{background:var(--copper-tint)}
.page-hero.copper::after{background:var(--copper-tint)}
.page-hero.teal::before{background:var(--teal-tint)}

/* ---------- Hero ---------- */
.hero{padding:6rem 0 5rem}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero .lead{margin:1.4rem 0 2.2rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.hero-visual{position:relative;display:flex;justify-content:center}
.hero-visual .halo{
  position:absolute;inset:0;margin:auto;width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,var(--teal-tint) 0%,rgba(255,255,255,0) 68%);
  animation:haloPulse 7s ease-in-out infinite;
}
@keyframes haloPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
.hero-products{position:relative;display:flex;align-items:flex-end;gap:.5rem}
.hero-products img,.hero-products object{
  height:290px;width:auto;filter:drop-shadow(0 26px 30px rgba(23,36,35,.18));
  animation:floatY 6s ease-in-out infinite;transition:transform .4s ease;
}
.hero-products img:nth-child(1){animation-delay:0s}
.hero-products img:nth-child(3),.hero-products object:nth-child(3){animation-delay:1.4s}
.hero-products .mid{height:330px;z-index:2;animation-delay:.7s}
.hero-products img:hover{transform:scale(1.06) rotate(-2deg)}
@keyframes floatY{0%,100%{translate:0 0}50%{translate:0 -14px}}

/* ---------- İstatistik bandı ---------- */
.stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.stat{
  text-align:center;padding:2.2rem 1.4rem;border-radius:var(--radius);
  background:linear-gradient(160deg,#fff,var(--mist));border:1px solid var(--line);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s;
}
.stat:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--teal)}
.stat b{font-family:var(--font-display);font-size:2.6rem;font-weight:800;display:block;line-height:1.1;color:var(--teal-deep)}
.stat:nth-child(2) b{color:var(--copper-deep)}
.stat:nth-child(3) b{color:var(--violet)}
.stat span{font-size:.9rem;color:var(--ink-soft);font-weight:600}
.stat small{display:block;font-size:.72rem;color:#9FB0AE;margin-top:.3rem}

/* ---------- Bölümler ---------- */
section{padding:5.5rem 0;position:relative}
.section-mist{background:linear-gradient(180deg,var(--mist),#fff)}
.section-head{margin-bottom:3.2rem}

/* Ürün kartları */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.product-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:2.4rem 2rem 2.6rem;text-align:center;position:relative;overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.9,.3,1.2),box-shadow .35s ease;
}
.product-card::before{
  content:"";position:absolute;inset:0;border-radius:var(--radius);padding:2px;opacity:0;
  background:linear-gradient(140deg,var(--teal),transparent 40%,transparent 60%,var(--teal));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  transition:opacity .35s ease;pointer-events:none;
}
.product-card.is-copper::before{background:linear-gradient(140deg,var(--copper),transparent 40%,transparent 60%,var(--copper))}
.product-card.is-violet::before{background:linear-gradient(140deg,var(--violet),transparent 40%,transparent 60%,var(--violet))}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.product-card:hover::before{opacity:1}
.product-card .tint{
  position:absolute;top:-70px;left:50%;transform:translateX(-50%);
  width:260px;height:260px;border-radius:50%;transition:transform .5s ease;
}
.product-card:hover .tint{transform:translateX(-50%) scale(1.25)}
.product-card.is-violet .tint{background:radial-gradient(circle,var(--violet-tint),transparent 70%)}
.product-card.is-copper .tint{background:radial-gradient(circle,var(--copper-tint),transparent 70%)}
.product-card.is-teal .tint{background:radial-gradient(circle,var(--teal-tint),transparent 70%)}
.product-card img,.product-card object{
  height:185px;width:auto;margin:0 auto 1.4rem;position:relative;
  filter:drop-shadow(0 14px 18px rgba(23,36,35,.14));transition:transform .4s ease;
}
.product-card:hover img,.product-card:hover object{transform:scale(1.08) rotate(-2deg)}
.product-card .tag{
  display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  padding:.32rem .9rem;border-radius:999px;margin-bottom:.9rem;position:relative;
}
.is-violet .tag{background:var(--violet-tint);color:var(--violet)}
.is-copper .tag{background:var(--copper-tint);color:var(--copper-deep)}
.is-teal .tag{background:var(--teal-tint);color:var(--teal-deep)}
.product-card h3{margin-bottom:.6rem;position:relative}
.product-card p{font-size:.92rem;color:var(--ink-soft);margin-bottom:1.5rem;position:relative}
.text-link{font-weight:700;font-size:.92rem;position:relative}
.text-link::after{content:"→";margin-left:.4rem;display:inline-block;transition:transform .25s}
.text-link:hover::after{transform:translateX(5px)}
.is-teal .text-link,.link-teal{color:var(--teal-deep)}
.is-copper .text-link,.link-copper{color:var(--copper-deep)}
.is-violet .text-link{color:var(--violet)}

/* Özellik kartları */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.feature-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.feature-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--teal)}
.feature-card.copper:hover{border-color:var(--copper)}
.section-mist .feature-card{border-color:transparent;box-shadow:0 8px 30px -18px rgba(23,36,35,.12)}
.section-mist .feature-card:hover{box-shadow:var(--shadow)}
.feature-icon{
  width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;margin-bottom:1.2rem;background:var(--teal-tint);
  transition:transform .35s cubic-bezier(.2,.9,.3,1.5),background .3s;
}
.feature-card:hover .feature-icon{transform:scale(1.12) rotate(-8deg)}
.feature-card.copper .feature-icon{background:var(--copper-tint)}
.feature-card h3{font-family:var(--font-body);font-weight:800;font-size:1.02rem;margin-bottom:.5rem}
.feature-card p{font-size:.9rem;color:var(--ink-soft)}

/* Checklist */
.checklist{display:grid;gap:.9rem;max-width:44rem}
.checklist li{display:flex;gap:.9rem;align-items:flex-start;font-size:.98rem;font-weight:500}
.checklist .tick{
  flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--teal-tint);color:var(--teal-deep);font-size:.8rem;font-weight:800;margin-top:.15rem;
  transition:transform .3s;
}
.checklist li:hover .tick{transform:scale(1.2)}
.checklist.copper .tick{background:var(--copper-tint);color:var(--copper-deep)}

/* İkili yerleşim */
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.split .visual{display:flex;justify-content:center;position:relative}
.split .visual .halo{position:absolute;inset:0;margin:auto;width:360px;height:360px;border-radius:50%;animation:haloPulse 8s ease-in-out infinite}
.halo.teal{background:radial-gradient(circle,var(--teal-tint),transparent 70%)}
.halo.copper{background:radial-gradient(circle,var(--copper-tint),transparent 70%)}
.halo.violet{background:radial-gradient(circle,var(--violet-tint),transparent 70%)}
.split .visual img,.split .visual object{position:relative;height:330px;width:auto;filter:drop-shadow(0 22px 26px rgba(23,36,35,.15));animation:floatY 7s ease-in-out infinite}

/* Tablo */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 34px -22px rgba(23,36,35,.16)}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{padding:1.05rem 1.3rem;text-align:left;font-size:.93rem;border-bottom:1px solid var(--line)}
thead th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);background:var(--mist);font-family:var(--font-display);font-weight:700}
tbody tr{transition:background .2s}
tbody tr:hover{background:var(--mist)}
tbody tr:last-child td{border-bottom:none}
td:first-child{font-weight:700}
th.col-violet{color:var(--violet)}
th.col-copper{color:var(--copper-deep)}
th.col-teal{color:var(--teal-deep)}
.table-note{font-size:.8rem;color:var(--ink-soft);margin-top:1rem}

/* SSS / detay blokları */
.qa{max-width:50rem;display:grid;gap:1rem}
.qa details{border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.5rem;background:#fff;transition:border-color .3s,box-shadow .3s}
.qa details:hover{border-color:var(--teal)}
.qa details[open]{box-shadow:0 12px 34px -22px rgba(23,36,35,.2)}
.qa summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.qa summary::after{content:"+";font-size:1.3rem;color:var(--teal);transition:transform .3s;flex:none}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa details p,.qa details ul{margin-top:.8rem;font-size:.94rem;color:var(--ink-soft)}
.qa details ul{list-style:disc;padding-left:1.2rem;display:grid;gap:.3rem}

/* Uyarı bandı */
.alert-band{
  border-left:4px solid var(--copper);background:var(--copper-tint);
  border-radius:0 18px 18px 0;padding:1.5rem 1.8rem;max-width:46rem;
}
.alert-band h3{font-family:var(--font-body);font-size:1rem;font-weight:800;margin-bottom:.5rem}
.alert-band ul{list-style:disc;padding-left:1.2rem;font-size:.92rem;color:var(--ink-soft);display:grid;gap:.25rem}

/* CTA bandı */
.cta-band{border-radius:var(--radius);padding:3.6rem 3rem;color:#fff;position:relative;overflow:hidden}
.cta-band::before{
  content:"";position:absolute;width:50%;height:200%;top:-50%;right:-15%;border-radius:50%;
  background:rgba(255,255,255,.12);filter:blur(30px);animation:blobDrift 12s ease-in-out infinite alternate;
}
.cta-band.teal{background:linear-gradient(120deg,var(--teal-deep),var(--teal))}
.cta-band.copper{background:linear-gradient(120deg,var(--copper-deep),var(--copper))}
.cta-band h2{color:#fff;margin-bottom:.8rem;position:relative}
.cta-band p{max-width:40rem;opacity:.94;margin-bottom:1.8rem;position:relative}
.cta-band .btn{background:#fff;color:var(--ink);position:relative}
.cta-band .btn:hover{box-shadow:0 14px 30px -12px rgba(0,0,0,.45)}

/* Sayfa hero'su (iç sayfalar) */
.page-hero{padding:5.5rem 0 4rem}
.page-hero.copper{background:linear-gradient(180deg,var(--copper-tint) 0%,#fff 85%)}
.page-hero.teal{background:linear-gradient(180deg,var(--teal-tint) 0%,#fff 85%)}
.page-hero.plain{background:linear-gradient(180deg,var(--mist) 0%,#fff 85%)}

/* Profesyonel şerit */
.pro-strip{
  background:linear-gradient(90deg,var(--ink),#22403D);color:#fff;font-size:.8rem;text-align:center;
  padding:.55rem 1rem;letter-spacing:.04em;position:relative;z-index:3;
}
.pro-strip a{text-decoration:underline;color:#fff;opacity:.85}

/* Mekanizma akışı */
.flow{display:grid;gap:0;max-width:30rem}
.flow li{position:relative;padding:0 0 1.6rem 2.2rem;font-size:.97rem;font-weight:500}
.flow li::before{
  content:"";position:absolute;left:.5rem;top:.45rem;width:11px;height:11px;border-radius:50%;
  background:var(--copper);box-shadow:0 0 0 4px var(--copper-tint);
}
.flow.teal li::before{background:var(--teal);box-shadow:0 0 0 4px var(--teal-tint)}
.flow li:not(:last-child)::after{
  content:"";position:absolute;left:calc(.5rem + 5px);top:1.3rem;bottom:.2rem;width:1.5px;background:var(--line);
}

/* Referanslar */
.refs{font-size:.8rem;color:var(--ink-soft);max-width:52rem}
.refs h3{font-family:var(--font-body);font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;color:var(--ink)}
.refs ol{padding-left:1.2rem;display:grid;gap:.4rem}
.refs a{color:var(--teal-deep);text-decoration:underline}

.placeholder-note{font-size:.75rem;color:#9FB0AE;text-align:center;margin-top:.6rem;font-style:italic}


/* ---------- Animasyon ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}
.reveal.in{opacity:1;transform:none}
.product-grid .reveal:nth-child(2),.feature-grid .reveal:nth-child(2),.stat-band .stat:nth-child(2){transition-delay:.12s}
.product-grid .reveal:nth-child(3),.feature-grid .reveal:nth-child(3),.stat-band .stat:nth-child(3){transition-delay:.24s}
.feature-grid .reveal:nth-child(4){transition-delay:.06s}
.feature-grid .reveal:nth-child(5){transition-delay:.18s}
.feature-grid .reveal:nth-child(6){transition-delay:.3s}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .main-nav{gap:1.1rem}
  .main-nav a{font-size:.82rem}
}
@media (max-width:960px){
  .hero-grid,.split{grid-template-columns:1fr;gap:2.6rem}
  .product-grid,.feature-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .split .visual{order:-1}
  .main-nav{}
  .main-nav.open{transform:none}
  .nav-toggle{display:block}
}
@media (max-width:680px){
  .product-grid,.feature-grid,.feature-grid.cols-2,.gate-cards,.footer-grid,.stat-band{grid-template-columns:1fr}
  .hero{padding:3.5rem 0}
  section{padding:3.5rem 0}
  .hero-products img,.hero-products object{height:200px}
  .hero-products .mid{height:230px}
  .cta-band{padding:2.4rem 1.6rem}
}

/* ---------- Kitleye göre palet ----------
   Son kullanıcı (bronz): turuncu + gümüş — turkuaz yok
   Sağlık personeli: turkuaz + gümüş — turuncu yok            */
body[data-audience="eu"]{
  --teal:#E97C2F;--teal-deep:#C05A15;--teal-tint:#FCEFE2;
  --copper:#E97C2F;--copper-deep:#C05A15;--copper-tint:#FCEFE2;
  --violet:#7E8C90;--violet-tint:#EDF1F2;
}
body[data-audience="pro"]{
  --teal:#45B0A8;--teal-deep:#2C817A;--teal-tint:#E7F5F3;
  --copper:#45B0A8;--copper-deep:#2C817A;--copper-tint:#E7F5F3;
  --violet:#7E8C90;--violet-tint:#EDF1F2;
}
/* Popup kartları kitle kimliğini korur (her zaman kendi rengi) */
.gate-card.eu:hover{border-color:#E97C2F!important;background:linear-gradient(180deg,#fff,#FCEFE2)!important}
.gate-card.pro:hover{border-color:#45B0A8!important;background:linear-gradient(180deg,#fff,#E7F5F3)!important}
.gate::before{background:#FCEFE2!important}
.gate::after{background:#E7F5F3!important}
/* Güven bandı */
.trust-band{
  text-align:center;border:1px solid var(--line);border-radius:var(--radius);
  padding:2.6rem 2rem;background:linear-gradient(160deg,#fff,var(--violet-tint));
}
.trust-band h3{font-size:1.35rem;margin-bottom:.4rem}
.trust-band p{color:var(--ink-soft);font-size:.95rem}
.trust-band em{color:var(--teal-deep);font-style:italic;font-weight:700}

/* ---------- İletişim formu ---------- */
.contact-form{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:2.2rem;display:grid;gap:1.2rem;box-shadow:0 14px 40px -26px rgba(23,36,35,.2);
}
.contact-form label{font-size:.82rem;font-weight:800;display:grid;gap:.45rem;color:var(--ink)}
.contact-form input,.contact-form select,.contact-form textarea{
  font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--ink);
  border:1.5px solid var(--line);border-radius:14px;padding:.8rem 1rem;background:var(--mist);
  transition:border-color .25s,background .25s,box-shadow .25s;width:100%;resize:vertical;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px var(--teal-tint);
}
.contact-form .btn{justify-content:center;width:100%}
.form-note{font-size:.75rem;color:#9FB0AE;text-align:center}

/* ---------- Popup çiçek animasyonu ---------- */
.gate-flowers{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.gate-flower{
  position:absolute;will-change:transform;
  animation:flowerFloat var(--dur,9s) ease-in-out var(--delay,0s) infinite alternate;
}
.gate-flower img{
  width:100%;height:auto;display:block;
  transition:transform .18s ease-out;will-change:transform;
  filter:drop-shadow(0 10px 24px rgba(69,176,168,.18));
}
@keyframes flowerFloat{
  0%{transform:translate(0,0) rotate(var(--rot,0deg)) scale(1)}
  33%{transform:translate(var(--dx,40px),var(--dy,-45px)) rotate(calc(var(--rot,0deg) + 16deg)) scale(1.09)}
  66%{transform:translate(calc(var(--dx,40px) * -0.8),var(--dy2,35px)) rotate(calc(var(--rot,0deg) - 12deg)) scale(.94)}
  100%{transform:translate(calc(var(--dx,40px) * 0.4),calc(var(--dy,-45px) * 0.5)) rotate(calc(var(--rot,0deg) + 6deg)) scale(1.03)}
}

/* ============================================================
   PREMIUM YÜKSELTME — Apple seviyesi görünüm
   ============================================================ */
h1{font-size:clamp(2.8rem,6vw,5rem);letter-spacing:-.035em;line-height:1.06}
h2{font-size:clamp(2.1rem,4.2vw,3.4rem);letter-spacing:-.03em;line-height:1.1}
.lead{font-size:1.22rem;line-height:1.6}
section{padding:7rem 0}
.section-head{margin-bottom:4rem}
.eyebrow{font-size:.72rem}

/* Kenarlıksız, yumuşak yüzeyler */
.feature-card{border:none;background:var(--mist);border-radius:30px;padding:2.5rem}
.section-mist .feature-card{background:#fff}
.feature-card h3{font-size:1.1rem}
.feature-icon{width:58px;height:58px;border-radius:20px;font-size:1.5rem}
.product-card{border:none;background:linear-gradient(180deg,var(--mist) 0%,#fff 100%);border-radius:34px;padding:3rem 2.2rem}
.qa details{border:none;background:var(--mist);border-radius:22px;padding:1.4rem 1.7rem}
.section-mist .qa details{background:#fff}
.table-wrap{border:none;border-radius:30px}
.stat{border:none;background:var(--mist);border-radius:30px}
.stat b{font-size:3.1rem}
.trust-band{border:none;border-radius:34px;padding:3.4rem 2rem}
.trust-band h3{font-size:1.7rem;letter-spacing:-.02em}
.contact-form{border:none;background:var(--mist);border-radius:30px}
.contact-form input,.contact-form select,.contact-form textarea{background:#fff;border-color:transparent}
.btn{padding:1rem 2.1rem;font-size:.98rem}
.cta-band{border-radius:36px;padding:4.5rem 3.4rem}
.alert-band{border-radius:0 22px 22px 0}

/* Koyu vitrin bölümü */
.dark-section{background:#0C1615;color:#E6EFEE}
.dark-section h1,.dark-section h2,.dark-section h3{color:#fff}
.dark-section .lead,.dark-section p,.dark-section li{color:#A7BCB9}
.dark-section .checklist li{color:#C9D8D6}
.dark-section .checklist .tick{background:rgba(255,255,255,.08);color:var(--teal)}
.dark-section .feature-card{background:rgba(255,255,255,.055);backdrop-filter:blur(6px)}
.dark-section .feature-card h3{color:#fff}
.dark-section .feature-icon{background:rgba(255,255,255,.08)}
.dark-section .flow li{color:#C9D8D6}
.dark-section .flow li:not(:last-child)::after{background:rgba(255,255,255,.14)}
.dark-section .halo{opacity:.28}
.dark-section .text-link{color:var(--teal)}
.dark-section .btn-ghost{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25)}
.dark-section .btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}
.dark-glow{position:relative;overflow:hidden}
.dark-glow::before{
  content:"";position:absolute;width:52vmax;height:52vmax;border-radius:50%;filter:blur(110px);
  background:var(--teal);opacity:.14;top:-20vmax;right:-14vmax;animation:blobDrift 18s ease-in-out infinite alternate;
}

/* Ortalanmış premium hero */
.hero-center{text-align:center;padding:7.5rem 0 4rem;position:relative;overflow:hidden}
.hero-center::before{
  content:"";position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(90px);opacity:.5;
  top:-20vmax;left:50%;transform:translateX(-50%);background:var(--teal-tint);
  animation:blobDrift 16s ease-in-out infinite alternate;z-index:0;
}
.hero-center h1{max-width:19ch;margin:0 auto}
.hero-center .lead{margin:1.8rem auto 2.6rem}
.hero-center .hero-actions{justify-content:center}
.showcase-row{display:flex;justify-content:center;align-items:flex-end;gap:3rem;margin-top:4.5rem;position:relative}
.showcase-row::before{
  content:"";position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);
  width:min(760px,90%);height:280px;border-radius:50%;
  background:radial-gradient(ellipse,var(--teal-tint) 0%,transparent 70%);
}
.showcase-row img{
  position:relative;height:330px;width:auto;filter:drop-shadow(0 32px 38px rgba(23,36,35,.2));
  animation:floatY 7s ease-in-out infinite;transition:transform .4s ease;
}
.showcase-row img:nth-child(2){height:380px;animation-delay:.8s}
.showcase-row img:nth-child(3){animation-delay:1.6s}
.showcase-row img:hover{transform:scale(1.07) rotate(-2deg)}

/* Bento grid */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem}
.bento .cell{
  border-radius:34px;padding:2.8rem;background:var(--mist);position:relative;overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
}
.bento .cell:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.bento .b4{grid-column:span 4}
.bento .b3{grid-column:span 3}
.bento .b2{grid-column:span 2}
.bento .cell h3{font-size:1.35rem;letter-spacing:-.02em;margin:.9rem 0 .5rem}
.bento .cell p{font-size:.96rem;color:var(--ink-soft)}
.bento .cell .big-ico{font-size:2rem}
.bento .cell.accent{background:linear-gradient(140deg,var(--teal-deep),var(--teal));color:#fff}
.bento .cell.accent h3{color:#fff}
.bento .cell.accent p{color:rgba(255,255,255,.85)}
.bento .cell.deep{background:#0C1615;color:#fff}
.bento .cell.deep h3{color:#fff}
.bento .cell.deep p{color:#A7BCB9}

/* Model panelleri (Copper ailesi) */
.model-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.model-panel{
  border-radius:38px;padding:3.6rem 2.8rem;text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--mist),#fff);
  transition:transform .35s ease,box-shadow .35s ease;
}
.model-panel:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.model-panel img{height:250px;width:auto;margin:0 auto 2rem;filter:drop-shadow(0 22px 28px rgba(23,36,35,.16));transition:transform .4s}
.model-panel:hover img{transform:scale(1.07)}
.model-panel h3{font-size:1.9rem;letter-spacing:-.025em;margin-bottom:.6rem}
.model-panel .sub{color:var(--ink-soft);font-size:1rem;margin-bottom:1.6rem}
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.chip{
  font-size:.78rem;font-weight:700;padding:.45rem 1rem;border-radius:999px;
  background:var(--teal-tint);color:var(--teal-deep);
}

/* Büyük tanıtım paneli */
.feature-hero{
  border-radius:38px;overflow:hidden;position:relative;padding:4.5rem 3.5rem;
  background:linear-gradient(160deg,var(--mist),#fff);
}
.feature-hero .split{align-items:center}

@media (max-width:960px){
  .bento .b4,.bento .b3,.bento .b2{grid-column:span 6}
  .model-panels{grid-template-columns:1fr}
  .showcase-row{gap:1.4rem}
  .showcase-row img{height:220px}
  .showcase-row img:nth-child(2){height:255px}
}
@media (max-width:680px){
  section{padding:4rem 0}
  .hero-center{padding:4.5rem 0 3rem}
  .showcase-row img{height:150px}
  .showcase-row img:nth-child(2){height:175px}
  .feature-hero{padding:2.6rem 1.8rem}
}

/* ============================================================
   SCROLLYTELLING — spiral rahme yerleşiyor
   ============================================================ */
.scrolly{position:relative;padding:0}
.scrolly-track{height:340vh}
.scrolly-stage{
  position:sticky;top:0;height:100vh;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff 0%,var(--mist) 100%);
}
.scrolly-head{text-align:center;margin-bottom:2rem;position:relative;z-index:3}
.scrolly-scene{position:relative;height:min(58vh,540px);z-index:2}
.scrolly-uterus{height:100%;width:auto;filter:drop-shadow(0 20px 50px rgba(23,36,35,.08))}
.scrolly-iud{
  position:absolute;left:50%;top:11%;height:38%;width:auto;
  transform-origin:top center;will-change:transform,opacity;
  filter:drop-shadow(0 18px 24px rgba(23,36,35,.25));z-index:2;
}
.scrolly-glow{
  position:absolute;left:50%;top:26%;transform:translateX(-50%);
  width:46%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--teal-tint) 0%,transparent 70%);
  opacity:0;transition:opacity .4s;z-index:1;
}
.scrolly-captions{
  position:absolute;left:6%;top:50%;transform:translateY(-50%);
  width:min(330px,30vw);z-index:4;
}
.scrolly-caption{
  position:absolute;inset:auto 0 auto 0;top:50%;transform:translateY(calc(-50% + 26px));
  opacity:0;transition:opacity .5s ease,transform .5s ease;
  background:rgba(255,255,255,.78);backdrop-filter:blur(14px);
  border-radius:26px;padding:1.8rem;box-shadow:0 20px 50px -25px rgba(23,36,35,.25);
}
.scrolly-caption.on{opacity:1;transform:translateY(-50%)}
.scrolly-caption .step-no{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;font-weight:800;font-size:.9rem;
  background:var(--teal-tint);color:var(--teal-deep);margin-bottom:.8rem;
}
.scrolly-caption h3{font-size:1.25rem;letter-spacing:-.02em;margin-bottom:.45rem}
.scrolly-caption p{font-size:.92rem;color:var(--ink-soft)}
.scrolly-hint{
  position:absolute;bottom:4vh;left:50%;transform:translateX(-50%);
  font-size:.8rem;font-weight:700;color:var(--ink-soft);letter-spacing:.06em;z-index:4;
  animation:hintBob 2s ease-in-out infinite;transition:opacity .4s;
}
@keyframes hintBob{0%,100%{translate:0 0}50%{translate:0 7px}}
.scrolly-progress{
  position:absolute;right:6%;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:.7rem;z-index:4;
}
.scrolly-progress span{
  width:9px;height:9px;border-radius:50%;background:var(--silverline);transition:background .3s,transform .3s;
}
.scrolly-progress span.on{background:var(--teal);transform:scale(1.45)}
@media (max-width:900px){
  .scrolly-captions{left:50%;top:auto;bottom:9vh;transform:translateX(-50%);width:min(420px,88vw)}
  .scrolly-caption{transform:translateY(26px)}
  .scrolly-caption.on{transform:translateY(0)}
  .scrolly-scene{height:44vh}
  .scrolly-progress{display:none}
}

/* ============================================================
   TİPOGRAFİ: KLİNİK SAF (Inter, İsviçre stili)
   ============================================================ */
:root{
  --font-display:"Inter",-apple-system,sans-serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{font-weight:400}
h1,h2{font-weight:300;letter-spacing:-.03em}
h1 b,h2 b,h1 strong,h2 strong{font-weight:600}
h3{font-weight:600;letter-spacing:-.015em}
.lead{font-weight:400;color:#555E5D}
p{font-weight:400}
.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.3em}
.btn{font-weight:500;letter-spacing:.01em}
.main-nav a{font-weight:500}
.audience-switch{font-weight:600}
.chip{font-weight:600}
.text-link{font-weight:600}
.checklist li{font-weight:400}
.stat b{font-weight:300;letter-spacing:-.03em}
.stat span{font-weight:500}
.feature-card h3,.bento .cell h3{font-weight:600}
.product-card .tag{font-weight:600;letter-spacing:.16em}
.gate-card h3{font-weight:600}
.scrolly-caption h3{font-weight:600}
thead th{font-family:var(--font-body);font-weight:600}
.model-panel h3{font-weight:400}
.model-panel h3 b{font-weight:600}
.trust-band h3{font-weight:400}
.qa summary{font-weight:500}
.footer-brand img{height:24px}
.site-footer h4{font-family:var(--font-body);font-weight:600;letter-spacing:.18em}

/* ---------- Packshot (kutu vitrini) ---------- */
.packshot{
  background:#fff;border-radius:36px;padding:2.6rem 2.2rem;
  box-shadow:0 34px 70px -38px rgba(23,36,35,.35);
  transition:transform .35s ease;
}
.packshot:hover{transform:translateY(-6px) rotate(-.5deg)}
.packshot img{width:100%;height:auto}

/* ---------- VS karşılaştırma diyagramı ---------- */
.vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.6rem;align-items:stretch}
.vs-col{
  background:#fff;border-radius:34px;padding:3rem 2.2rem;text-align:center;
  transition:transform .35s ease,box-shadow .35s ease;
}
.vs-col:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.vs-img{height:220px;width:auto;margin:0 auto 1.8rem;filter:drop-shadow(0 16px 22px rgba(23,36,35,.15))}
.vs-cross{width:104px;margin:0 auto 1.6rem}
.vs-cross svg{width:100%;height:auto;display:block}
.vs-col h3{font-size:1.5rem;font-weight:300;letter-spacing:-.02em}
.vs-col h3 b{font-weight:600}
.vs-col .sub{color:var(--ink-soft);font-size:.92rem;margin:.4rem 0 1.4rem}
.vs-tag{
  display:inline-block;font-size:.8rem;font-weight:600;padding:.6rem 1.3rem;border-radius:999px;
  background:var(--violet-tint);color:#5B6B70;
}
.vs-tag.on{background:var(--teal-tint);color:var(--teal-deep)}
.vs-mid{display:flex;align-items:center;justify-content:center}
.vs-mid span{
  width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;font-weight:600;font-size:.85rem;letter-spacing:.06em;
}
.vs-note{text-align:center;margin-top:1.6rem}
.vs-legend{display:flex;gap:1.4rem;justify-content:center;margin-top:.9rem;font-size:.8rem;color:var(--ink-soft)}
.vs-legend i{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:.4rem;vertical-align:-1px}
@media (max-width:860px){
  .vs-grid{grid-template-columns:1fr}
  .vs-mid{padding:.4rem 0}
}

/* ============================================================
   HERO MOTION — Alwayzz esintili giriş
   ============================================================ */
.hero-motion{
  min-height:820px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:10rem 0 8rem;background:#fff;
}
.hm-lines{position:absolute;inset:0;pointer-events:none;z-index:0}
.hm-line{
  position:absolute;top:50%;height:88%;
  border:2.5px solid var(--teal);opacity:0;
  animation:line-pulse 5s ease-in-out infinite;
}
.hm-l{left:0;border-left:none;border-radius:0 999px 999px 0;transform:translateY(-50%)}
.hm-r{right:0;border-right:none;border-radius:999px 0 0 999px;transform:translateY(-50%)}
.hm-t{display:none;top:0;left:50%;border-top:none;border-radius:0 0 999px 999px;transform:translateX(-50%)}
@keyframes line-pulse{
  0%{opacity:0}
  15%{opacity:.32}
  70%{opacity:.12}
  100%{opacity:0}
}
.hm-inner{position:relative;z-index:2;width:min(760px,92%)}

/* Kayan etiket şeridi */
.hm-ticker{
  max-width:520px;height:36px;margin:0 auto 2.2rem;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%);
  mask:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%);
}
.hm-track{display:flex;gap:.6rem;width:max-content;animation:marquee-left 30s linear infinite}
.hm-track span{
  flex:none;font-size:13px;font-weight:500;color:var(--ink-soft);
  padding:6px 14px;border-radius:999px;background:var(--mist);white-space:nowrap;
}
@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Başlık */
.hero-motion h1{
  font-size:clamp(2.9rem,7vw,5.1rem);font-weight:300;letter-spacing:-.03em;line-height:1.06;
  margin:0 auto;max-width:15ch;
}
.serif-accent{
  font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-weight:600;
  letter-spacing:-.045em;color:var(--teal-deep);
}
.hero-motion .hm-sub{
  max-width:476px;margin:1.6rem auto 2.4rem;font-size:17px;line-height:1.5;
  font-weight:400;color:var(--ink-soft);
}
.hero-motion .hero-actions{justify-content:center}

/* Alt progresif geçiş */
.hm-blur{
  position:absolute;left:0;right:0;bottom:0;height:178px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.4) 40%,#fff 100%);
}

@media (max-width:810px){
  .hero-motion{min-height:700px;padding:7rem 0 6rem}
  .hm-l,.hm-r{display:none}
  .hm-t{display:block;height:auto}
}
@media (prefers-reduced-motion:reduce){
  .hm-line{animation:none;opacity:.15}
  .hm-track{animation:none}
}

/* ============================================================
   PREMIUM HEADER
   ============================================================ */
.site-header{border-bottom:1px solid rgba(0,0,0,.05)}
.header-inner{height:96px;gap:2.5rem}
.brand img{height:34px}
.main-nav{margin-inline:auto;gap:2.4rem}
.main-nav a{font-size:.9rem;letter-spacing:.01em;padding:.4rem 0}
.header-right{display:flex;align-items:center;gap:.9rem}
.audience-switch{padding:.7rem 1.4rem;font-size:.8rem}
@media (max-width:960px){
  .header-inner{height:80px}
  .main-nav{inset:80px 0 auto 0;margin:0}
  .brand img{height:28px}
  .audience-switch{padding:.55rem 1rem;font-size:.72rem}
}

/* ============================================================
   ÇİZGİ İKONLAR
   ============================================================ */
.feature-icon{color:var(--teal-deep)}
.feature-card.copper .feature-icon{color:var(--copper-deep)}
.feature-icon svg{width:26px;height:26px}
.big-ico{display:inline-block;color:var(--teal-deep)}
.big-ico svg{width:34px;height:34px}
.cell.accent .big-ico{color:#fff}
.cell.deep .big-ico{color:var(--teal)}
.dark-section .feature-icon{color:var(--teal)}
.gate-emoji{color:#E97C2F;height:48px}
.gate-card.pro .gate-emoji{color:#45B0A8}
.gate-emoji svg{width:46px;height:46px}

/* ============================================================
   KOYU BÖLÜM — kavisli çizgi animasyonu + ışık halkası
   ============================================================ */
.dark-lines{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.dark-lines .hm-line{border-color:var(--teal);animation-name:dark-pulse;height:110%}
.dark-lines .dl-r{right:0;left:auto;border:2px solid var(--teal);border-right:none;border-radius:999px 0 0 999px}
.dark-lines .dl-l{left:0;border:2px solid var(--teal);border-left:none;border-radius:0 999px 999px 0}
@keyframes dark-pulse{
  0%{opacity:0}
  15%{opacity:.22}
  70%{opacity:.08}
  100%{opacity:0}
}
.ring-glow{
  position:absolute;inset:0;margin:auto;width:min(400px,80%);aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(69,176,168,.4);
  box-shadow:0 0 90px rgba(69,176,168,.22),inset 0 0 70px rgba(69,176,168,.1);
  animation:ringPulse 5.5s ease-in-out infinite;
}
.ring-glow::before{
  content:"";position:absolute;inset:-13%;border-radius:50%;
  border:1px dashed rgba(69,176,168,.22);
  animation:ringSpin 40s linear infinite;
}
@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.dark-section .split .visual img{animation:floatY 7s ease-in-out infinite}

/* ============================================================
   KOYU BÖLÜM v2 — premium grafit / gümüş tonları
   ============================================================ */
.dark-section{
  background:
    radial-gradient(1100px 560px at 82% 18%, rgba(222,230,234,.07), transparent 62%),
    radial-gradient(850px 480px at 12% 88%, rgba(222,230,234,.045), transparent 60%),
    linear-gradient(135deg,#121417 0%,#1C1F23 48%,#15171A 100%);
  color:#E9EDEF;
}
.dark-section .lead,.dark-section p,.dark-section li{color:#AEB8BE}
.dark-section .checklist li{color:#D6DDE1}
.dark-section .checklist .tick{background:rgba(222,230,234,.1);color:#DDE5E8}
.dark-section .feature-card{background:rgba(222,230,234,.05)}
.dark-section .feature-icon{background:rgba(222,230,234,.08);color:#C9D2D6}
.dark-section .flow li{color:#D6DDE1}
.dark-section .flow li::before{background:#C9D2D6;box-shadow:0 0 0 4px rgba(222,230,234,.12)}
.dark-section .flow li:not(:last-child)::after{background:rgba(222,230,234,.15)}
.dark-glow::before{background:#C9D2D4;opacity:.09}
.bento .cell.deep{
  background:linear-gradient(150deg,#15171A,#1E2126);
}
.bento .cell.deep .big-ico{color:#C9D2D6}

/* Gümüş çizgiler ve halka */
.dark-lines .hm-line{border-color:rgba(222,230,234,.85)}
.dark-lines .dl-r,.dark-lines .dl-l{border-color:rgba(222,230,234,.85)}
.ring-glow{
  border-color:rgba(226,233,236,.45);
  box-shadow:0 0 90px rgba(222,230,234,.16),inset 0 0 70px rgba(222,230,234,.08);
}
.ring-glow::before{border-color:rgba(226,233,236,.25)}

/* Koyu bölüm: zemin grafit-gümüş, animasyonlar ALTHEA turkuazı */
.dark-lines .hm-line,
.dark-lines .dl-r,
.dark-lines .dl-l{border-color:rgba(69,176,168,.9)}
.ring-glow{
  border-color:rgba(69,176,168,.45);
  box-shadow:0 0 90px rgba(69,176,168,.2),inset 0 0 70px rgba(69,176,168,.1);
}
.ring-glow::before{border-color:rgba(69,176,168,.25)}
.dark-section .checklist .tick{background:rgba(69,176,168,.14);color:#5BC8C0}
.dark-section .feature-icon{color:#5BC8C0}
.dark-section .flow li::before{background:#45B0A8;box-shadow:0 0 0 4px rgba(69,176,168,.16)}

/* ============================================================
   GÜMÜŞ BÖLÜM — açık premium gümüş zemin
   ============================================================ */
.silver-section{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1000px 520px at 85% 12%, rgba(255,255,255,.95), transparent 60%),
    radial-gradient(820px 480px at 8% 92%, rgba(255,255,255,.7), transparent 58%),
    linear-gradient(135deg,#DCE2E6 0%,#F0F3F5 46%,#D3DBDF 100%);
}
.silver-section .lead,.silver-section p{color:#4E5C5F}
.silver-section .ring-glow{
  border-color:rgba(69,176,168,.5);
  box-shadow:0 0 80px rgba(69,176,168,.18),inset 0 0 60px rgba(69,176,168,.08);
}
.silver-section .dark-lines .hm-line{border-color:rgba(69,176,168,.75)}
.silver-section .btn-ghost{background:rgba(255,255,255,.75)}

/* ---------- Karşılaştırma önizleme destesi ---------- */
.compare-teaser{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:2.5rem 0 1rem}
.ct-tile{
  background:#fff;border-radius:26px;padding:1.7rem 1.2rem 1.3rem;width:180px;text-align:center;
  box-shadow:0 28px 55px -30px rgba(23,36,35,.35);
  transition:transform .45s cubic-bezier(.2,.8,.3,1.1);
}
.ct-tile img{height:150px;width:auto;margin:0 auto .9rem}
.ct-tile span{font-size:.78rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}
.ct-tile:nth-child(2){transform:rotate(-7deg) translate(30px,16px);z-index:1}
.ct-tile:nth-child(3){z-index:3;transform:translateY(-12px)}
.ct-tile:nth-child(4){transform:rotate(7deg) translate(-30px,16px);z-index:2}
.compare-teaser:hover .ct-tile:nth-child(2){transform:rotate(-11deg) translate(2px,10px)}
.compare-teaser:hover .ct-tile:nth-child(3){transform:translateY(-24px) scale(1.04)}
.compare-teaser:hover .ct-tile:nth-child(4){transform:rotate(11deg) translate(-2px,10px)}
.ct-badge{
  position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:4;
  font-size:.75rem;font-weight:600;letter-spacing:.06em;
  background:var(--teal);color:#fff;padding:.5rem 1.2rem;border-radius:999px;
  box-shadow:0 10px 24px -10px rgba(69,176,168,.6);
}
@media (max-width:680px){
  .ct-tile{width:31%;padding:1rem .6rem .9rem}
  .ct-tile img{height:90px}
  .ct-tile span{font-size:.62rem}
}

/* ============================================================
   KİTLE RENK DİSİPLİNİ — sabit turkuazlar değişkene bağlandı
   Son kullanıcı: yalnız turuncu+gümüş • Sağlık personeli: yalnız turkuaz+gümüş
   ============================================================ */
.dark-lines .hm-line,
.dark-lines .dl-r,
.dark-lines .dl-l{border-color:color-mix(in srgb,var(--teal) 85%,transparent)}
.silver-section .dark-lines .hm-line{border-color:color-mix(in srgb,var(--teal) 75%,transparent)}
.ring-glow{
  border-color:color-mix(in srgb,var(--teal) 48%,transparent);
  box-shadow:0 0 90px color-mix(in srgb,var(--teal) 20%,transparent),
             inset 0 0 70px color-mix(in srgb,var(--teal) 10%,transparent);
}
.ring-glow::before{border-color:color-mix(in srgb,var(--teal) 26%,transparent)}
.silver-section .ring-glow{
  border-color:color-mix(in srgb,var(--teal) 52%,transparent);
  box-shadow:0 0 80px color-mix(in srgb,var(--teal) 18%,transparent),
             inset 0 0 60px color-mix(in srgb,var(--teal) 8%,transparent);
}
.dark-section .checklist .tick{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal)}
.dark-section .feature-icon{color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}
.dark-section .flow li::before{background:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 16%,transparent)}
.bento .cell.deep .big-ico{color:var(--teal)}
.ct-badge{box-shadow:0 10px 24px -10px color-mix(in srgb,var(--teal) 60%,transparent)}
.dark-glow::before{background:var(--teal);opacity:.1}

/* Dijital çizgisel çiçekler (popup) */
.gate-flower svg{
  width:100%;height:auto;display:block;
  transition:transform .18s ease-out;will-change:transform;
  filter:drop-shadow(0 8px 18px rgba(23,36,35,.07));
}
.gate::before,.gate::after{opacity:.35}

/* ---------- Özellik paneli (elit checklist) ---------- */
.spec-panel{
  background:#fff;border-radius:30px;overflow:hidden;
  box-shadow:0 26px 60px -40px rgba(23,36,35,.35);
}
.spec-row{
  display:flex;align-items:center;gap:1.2rem;padding:1.15rem 1.8rem;
  border-bottom:1px solid var(--line);transition:background .25s;
}
.spec-row:last-child{border-bottom:none}
.spec-row:hover{background:var(--mist)}
.spec-ico{
  flex:none;width:42px;height:42px;border-radius:14px;
  background:var(--teal-tint);color:var(--teal-deep);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s;
}
.spec-row:hover .spec-ico{transform:scale(1.1)}
.spec-ico svg{width:20px;height:20px}
.spec-row p{font-size:.94rem;font-weight:500;margin:0;color:var(--ink)}

/* ---------- Editoryal SSS ---------- */
.faq2{display:grid;grid-template-columns:.85fr 1.5fr;gap:4rem;align-items:start}
.faq2 .faq-side{position:sticky;top:130px}
.faq2 .faq-side p{color:var(--ink-soft);font-size:.95rem;margin-top:1rem;max-width:22rem}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  gap:1.5rem;padding:1.6rem 0;font-weight:500;font-size:1.06rem;letter-spacing:-.01em;
  transition:color .2s;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--teal-deep)}
.faq-list .fx{
  flex:none;width:36px;height:36px;border-radius:50%;
  border:1.5px solid var(--silverline);color:var(--ink-soft);
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:300;
  transition:transform .35s,border-color .3s,color .3s,background .3s;
}
.faq-list details[open] .fx{
  transform:rotate(45deg);border-color:var(--teal);color:#fff;background:var(--teal);
}
.faq-list details p{padding:0 4rem 1.7rem 0;color:var(--ink-soft);font-size:.95rem;line-height:1.7}

/* ---------- Uyarı kartı ---------- */
.warn-card{
  margin-top:3rem;background:#fff;border-radius:26px;padding:1.9rem 2.1rem;
  box-shadow:0 26px 60px -40px rgba(23,36,35,.35);
}
.warn-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem}
.warn-ico{
  flex:none;width:44px;height:44px;border-radius:50%;
  background:var(--teal-tint);color:var(--teal-deep);
  display:flex;align-items:center;justify-content:center;
}
.warn-ico svg{width:22px;height:22px}
.warn-head h3{font-size:1rem;font-weight:600}
.sym-row{display:flex;flex-wrap:wrap;gap:.55rem}
.sym{
  padding:.5rem 1.15rem;border-radius:999px;background:var(--mist);
  border:1px solid var(--line);font-size:.84rem;font-weight:500;color:var(--ink-soft);
}
@media (max-width:900px){
  .faq2{grid-template-columns:1fr;gap:2rem}
  .faq2 .faq-side{position:static}
  .faq-list details p{padding-right:1rem}
}

/* Mekanizma: başlık metnin üstünde, üstten hizalı */
.split-top{align-items:start}

/* SSS: daha büyük ve dolu */
.faq2{grid-template-columns:.72fr 1.7fr}
.faq-list summary{font-size:1.2rem;padding:2rem 0;font-weight:500}
.faq-list .fx{width:42px;height:42px;font-size:1.3rem}
.faq-list details p{font-size:1.02rem;padding-bottom:2rem}

/* Uyarı kartı: tam genişlik + kırmızı kimlik */
.warn-card{padding:2.2rem 2.4rem}
.warn-head h3{color:#C0392B;font-size:1.08rem}
.warn-ico{background:#FBE7E4;color:#C0392B}
.sym{font-size:.9rem;padding:.6rem 1.3rem}

/* ============================================================
   MODERN KARŞILAŞTIRICI — kolon kartları (subgrid)
   ============================================================ */
.cmp-wrap{display:grid;grid-template-columns:190px repeat(3,1fr);gap:1.1rem}
.cmp-labels,.cmp-col{display:grid;grid-template-rows:subgrid}
.cmp-labels{grid-row:span var(--rows,8)}
.cmp-col{grid-row:span var(--rows,8)}
.cmp-labels .cmp-cell{
  justify-content:flex-start;text-align:left;font-size:.78rem;font-weight:600;
  letter-spacing:.04em;color:var(--ink-soft);background:transparent;border-bottom:1px solid var(--line);
  padding:1.15rem .3rem;
}
.cmp-labels .cmp-head{border-bottom:1px solid transparent}
.cmp-col{
  background:#fff;border-radius:28px;overflow:hidden;text-align:center;
  box-shadow:0 24px 55px -40px rgba(23,36,35,.35);
  transition:transform .3s ease,box-shadow .3s ease;
}
.cmp-col:hover{transform:translateY(-6px);box-shadow:0 34px 65px -38px rgba(23,36,35,.45)}
.cmp-cell{
  display:flex;align-items:center;justify-content:center;
  padding:1.15rem 1.1rem;font-size:.92rem;font-weight:500;color:var(--ink);
  border-bottom:1px solid var(--line);
}
.cmp-col .cmp-cell:last-child,.cmp-labels .cmp-cell:last-child{border-bottom:none}
.cmp-head{
  flex-direction:column;gap:.7rem;padding:2rem 1rem 1.4rem;border-bottom:1px solid var(--line);
}
.cmp-head img{height:115px;width:auto;filter:drop-shadow(0 12px 16px rgba(23,36,35,.14));transition:transform .35s}
.cmp-col:hover .cmp-head img{transform:scale(1.07)}
.cmp-head h3{font-size:1.08rem;font-weight:600;letter-spacing:-.01em}
.cmp-head .tag{
  font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:.3rem .85rem;border-radius:999px;background:var(--violet-tint);color:#5B6B70;
}
.cmp-col.featured{
  background:linear-gradient(180deg,var(--teal-tint) 0%,#fff 40%);
  outline:1.5px solid color-mix(in srgb,var(--teal) 45%,transparent);
  box-shadow:0 34px 70px -38px color-mix(in srgb,var(--teal) 55%,transparent);
}
.cmp-col.featured .cmp-head .tag{background:var(--teal);color:#fff}
.cmp-dash{color:var(--silverline)}
.cmp-check{
  display:inline-flex;align-items:center;gap:.45rem;color:var(--teal-deep);font-weight:600;
}
.cmp-check::before{
  content:"✓";width:20px;height:20px;border-radius:50%;font-size:.7rem;
  background:var(--teal-tint);display:inline-flex;align-items:center;justify-content:center;
}
@media (max-width:900px){
  .cmp-wrap{grid-template-columns:1fr;gap:1.4rem}
  .cmp-labels{display:none}
  .cmp-labels,.cmp-col{grid-template-rows:auto}
  .cmp-col{grid-row:auto}
  .cmp-cell{justify-content:space-between;text-align:right;gap:1rem}
  .cmp-cell::before{content:attr(data-l);font-size:.75rem;font-weight:600;color:var(--ink-soft);text-align:left}
  .cmp-head::before{display:none}
}

/* ============================================================
   GENEL GÜNCELLEMELER
   ============================================================ */

/* --- Header v2 --- */
.header-inner{gap:1.5rem}
.main-nav{gap:1.9rem}
.main-nav a{font-size:.87rem}
.header-right{gap:1.1rem}
.audience-switch{
  background:var(--ink);color:#fff;border-radius:999px;padding:.72rem 1.4rem;
  font-size:.78rem;font-weight:600;letter-spacing:.02em;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.audience-switch:hover{background:#000;transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
body[data-audience="pro"] .audience-switch,
body[data-audience="eu"] .audience-switch{background:var(--ink);color:#fff}
body[data-audience="pro"] .audience-switch:hover,
body[data-audience="eu"] .audience-switch:hover{background:#000}

/* --- Referanslar bölümü (tüm sayfalarda tek tasarım) --- */
.refs-section{background:var(--mist)}
.refs-band{
  background:#fff;border-radius:28px;padding:3.2rem 2.8rem;
  box-shadow:0 20px 55px -42px rgba(23,36,35,.3);
}
.refs-band .refs-title{
  display:flex;align-items:center;gap:.7rem;margin-bottom:1.6rem;
  font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);
}
.refs-band .refs-title::before{
  content:"";width:26px;height:26px;border-radius:8px;flex:none;
  background:var(--teal-tint);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13M4 12h13M4 19h13'/%3E%3Ccircle cx='20' cy='5' r='1'/%3E%3Ccircle cx='20' cy='12' r='1'/%3E%3Ccircle cx='20' cy='19' r='1'/%3E%3C/svg%3E") center/16px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13M4 12h13M4 19h13'/%3E%3Ccircle cx='20' cy='5' r='1'/%3E%3Ccircle cx='20' cy='12' r='1'/%3E%3Ccircle cx='20' cy='19' r='1'/%3E%3C/svg%3E") center/16px no-repeat;
}
.refs-band ol{list-style:none;counter-reset:r;display:grid;gap:1rem}
.refs-band li{
  counter-increment:r;display:flex;gap:1rem;font-size:.85rem;line-height:1.6;color:var(--ink-soft);
  padding-bottom:1rem;border-bottom:1px solid var(--line);
}
.refs-band li:last-child{border-bottom:none;padding-bottom:0}
.refs-band li::before{
  content:counter(r);flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--mist);color:var(--ink);font-weight:700;font-size:.75rem;
  display:flex;align-items:center;justify-content:center;
}
.refs-band a{color:var(--teal-deep);text-decoration:underline}
.refs-band em{color:var(--ink);font-style:italic}

/* --- flow (numaralı mekanizma) -> premium adım kartları --- */
.steps{display:grid;gap:1rem;counter-reset:s}
.step-card{
  counter-increment:s;display:flex;gap:1.3rem;align-items:flex-start;
  background:#fff;border-radius:22px;padding:1.5rem 1.7rem;
  box-shadow:0 16px 44px -36px rgba(23,36,35,.35);
  transition:transform .3s,box-shadow .3s;
}
.step-card:hover{transform:translateX(6px);box-shadow:0 22px 50px -34px rgba(23,36,35,.4)}
.step-card::before{
  content:counter(s,decimal-leading-zero);flex:none;
  font-size:1.15rem;font-weight:700;color:var(--teal-deep);
  width:44px;height:44px;border-radius:14px;background:var(--teal-tint);
  display:flex;align-items:center;justify-content:center;
}
.step-card p{font-size:.98rem;font-weight:500;color:var(--ink);margin:0;padding-top:.55rem}
.silver-section .step-card{background:rgba(255,255,255,.75);backdrop-filter:blur(6px)}


/* art arda aynı zeminli bölümlerde çift boşluğu teke indir */
.section-mist + .section-mist{margin-top:-6rem}
.refs-section + .site-footer,.refs-section + footer{margin-top:0}
/* hero motion alt boşluğu */
.hero-motion + section{padding-top:2rem}
@media (max-width:680px){
  section{padding:3.5rem 0}
  .section-mist + .section-mist{margin-top:-3.5rem}
}

/* ============================================================
   HEADER v3 — ferah, dengeli
   ============================================================ */
.site-header{border-bottom:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(1.1)}
.header-inner{height:88px;gap:2rem;display:flex;align-items:center}
.brand{flex:none;display:flex;align-items:center;min-width:130px}
.brand img{height:30px;width:auto;display:block}
.main-nav{display:flex;align-items:center;gap:2.1rem;margin:0 auto}
.main-nav a{font-size:.86rem;font-weight:500;color:var(--ink-soft);white-space:nowrap;padding:.5rem 0;position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;border-radius:2px;background:var(--teal);transition:right .3s ease}
.main-nav a:hover,.main-nav a.active{color:var(--ink)}
.main-nav a:hover::after,.main-nav a.active::after{right:0}
body[data-audience="pro"] .main-nav a::after{background:var(--teal)}
.header-right{flex:none;display:flex;align-items:center;gap:1rem}
.audience-switch{
  background:var(--ink);color:#fff;border:none;border-radius:999px;
  padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.audience-switch:hover{background:#000;transform:translateY(-1px);box-shadow:0 12px 26px -14px rgba(0,0,0,.5)}
@media (max-width:1180px){.main-nav{gap:1.5rem}.main-nav a{font-size:.8rem}}
@media (max-width:1040px){
  .main-nav{}
  .main-nav.open{transform:none}
  .nav-toggle{display:block}
  .header-inner{height:76px}
}

/* --- Sağlık personeli logosu beyaz header'da net görünsün --- */
#brandLogo{min-height:26px}

/* --- Referanslar: iç içe girmeyi kesin çöz --- */
.refs-band ol{list-style:none;counter-reset:r;display:block;margin:0;padding:0}
.refs-band li{
  counter-increment:r;position:relative;display:block;
  padding:0 0 1.1rem 3rem;margin-bottom:1.1rem;
  border-bottom:1px solid var(--line);
  font-size:.86rem;line-height:1.65;color:var(--ink-soft);
}
.refs-band li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.refs-band li::before{
  content:counter(r);position:absolute;left:0;top:0;
  width:26px;height:26px;border-radius:50%;
  background:var(--mist);color:var(--ink);font-weight:700;font-size:.75rem;
  display:flex;align-items:center;justify-content:center;
}

/* ============================================================
   BOŞLUK STANDARDI (tek ve net)
   ============================================================ */
section{padding:5.5rem 0}
.page-hero{padding:5rem 0 3.5rem}
.hero-motion{padding:8rem 0 5rem}
/* art arda gelen aynı zeminli bölümlerde ikinci bölümün üst boşluğunu kaldır */
.section-mist + .section-mist{padding-top:0}
.section-mist + .silver-section{padding-top:0}
/* referanslar footer'a bitişik */
.refs-section + footer,.refs-section + .site-footer{margin-top:0}
@media (max-width:680px){
  section{padding:3.5rem 0}
  .hero-motion{padding:5rem 0 3.5rem}
}

/* ============================================================
   ANASAYFA BOŞLUK DÜZELTMELERİ
   ============================================================ */
/* Hero: üstteki fazla boşluğu kaldır, dengeli ortala */
.hero-motion{
  min-height:0;padding:4.5rem 0 5rem;
  display:block;text-align:center;
}
.hm-inner{margin:0 auto}
.hm-ticker{margin:0 auto 2rem}

/* Karşılaştırma teaser: başlık desteye girmesin */
.compare-teaser{padding:1rem 0 0;min-height:340px;align-items:center}
.split .compare-teaser{align-self:center}
/* teaser bölümündeki split dikey ortalansın ve kolonlar taşmasın */
#page-index .split,.page .split{align-items:center}
.ct-tile{width:170px}
@media (min-width:961px){
  .compare-teaser{transform:translateY(0)}
}

/* Karşılaştırma teaser: gümüş bölümden sonra nefes alsın */
.silver-section + .section-mist{padding-top:5.5rem}
@media (max-width:680px){.silver-section + .section-mist{padding-top:3.5rem}}


/* ============================================================
   HEADER v5 — Lagom tarzı: krem panel, sosyal ikonlar, dolu buton
   ============================================================ */
.site-header{
  position:sticky;top:0;z-index:60;background:transparent;border:none;backdrop-filter:none;
  padding:.9rem 0;transition:padding .35s ease;
}
.site-header.scrolled{padding:.5rem 0}
.header-inner{
  width:max-content;max-width:100%;margin:0 auto;
  height:auto;background:#F4F1EA;border-radius:999px;
  padding:.55rem .6rem .55rem 1.8rem;gap:2rem;
  box-shadow:0 14px 40px -26px rgba(23,36,35,.4);
  transition:box-shadow .35s ease;
}
.site-header.scrolled .header-inner{box-shadow:0 10px 30px -22px rgba(23,36,35,.5)}
.brand{flex:none;min-width:auto}
.brand img{height:30px}
.main-nav{gap:1.9rem;margin:0}
.main-nav a{font-size:.9rem;font-weight:600;color:#6A6560;position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--teal);border-radius:2px;transition:right .3s ease}
.main-nav a:hover,.main-nav a.active{color:var(--ink)}
.main-nav a.active{color:var(--teal-deep)}
body[data-audience="eu"] .main-nav a.active{color:var(--copper-deep)}
.main-nav a:hover::after,.main-nav a.active::after{right:0}

.header-right{gap:1.2rem;align-items:center}
.social-row{display:flex;align-items:center;gap:.9rem}
.social-row a{
  color:#8A857E;display:flex;align-items:center;justify-content:center;
  transition:color .25s,transform .25s;
}
.social-row a:hover{color:var(--teal-deep);transform:translateY(-2px)}
body[data-audience="eu"] .social-row a:hover{color:var(--copper-deep)}
.social-row svg{width:19px;height:19px}
.header-divider{width:1px;height:26px;background:rgba(0,0,0,.1)}

.audience-switch{
  background:var(--teal-deep);color:#fff;border:none;border-radius:999px;
  padding:.85rem 1.5rem;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;
  transition:transform .25s,box-shadow .25s,background .25s;
}
.audience-switch:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--teal) 65%,transparent)}
body[data-audience="eu"] .audience-switch{background:var(--copper-deep)}
body[data-audience="eu"] .audience-switch:hover{box-shadow:0 14px 26px -12px color-mix(in srgb,var(--copper) 65%,transparent)}

@media (max-width:1180px){.main-nav{gap:1.4rem}.main-nav a{font-size:.83rem}.social-row{gap:.7rem}}
@media (max-width:1040px){
  .header-inner{padding:.6rem .6rem .6rem 1.2rem}
  .main-nav{}
  .main-nav.open{transform:none}
  .nav-toggle{display:block;order:3}
  .social-row{display:none}
  .header-divider{display:none}
}

/* ============================================================
   FOOTER v2 — kitleye göre renkli, modern
   ============================================================ */
.site-footer{margin-top:0;position:relative;overflow:hidden;color:#EAF2F0}
.site-footer{
  background:
    radial-gradient(900px 500px at 88% 8%, color-mix(in srgb,var(--teal) 22%,transparent), transparent 60%),
    linear-gradient(160deg,#12312E 0%,#0C2523 60%,#0C1F1D 100%);
}
body[data-audience="eu"] .site-footer{
  background:
    radial-gradient(900px 500px at 88% 8%, color-mix(in srgb,var(--copper) 26%,transparent), transparent 60%),
    linear-gradient(160deg,#3A1E0C 0%,#2A1608 60%,#1E1006 100%);
}
/* dekoratif çizgi kavisleri */
.footer-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.5}
.footer-lines i{position:absolute;border:1.5px solid color-mix(in srgb,var(--teal) 60%,transparent);border-radius:50%}
body[data-audience="eu"] .footer-lines i{border-color:color-mix(in srgb,var(--copper) 60%,transparent)}

/* Üst CTA şeridi */
.foot-cta{
  position:relative;z-index:2;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:3.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;
}
.foot-cta h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:300;letter-spacing:-.02em;max-width:20ch}
.foot-cta h2 b{font-weight:600;color:var(--teal)}
body[data-audience="eu"] .foot-cta h2 b{color:var(--copper)}
.foot-cta .btn{
  background:#fff;color:var(--ink);padding:1rem 2.2rem;border-radius:999px;font-weight:700;font-size:.95rem;
  white-space:nowrap;transition:transform .25s,box-shadow .25s;
}
.foot-cta .btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(0,0,0,.5)}

/* Ana grid */
.foot-main{position:relative;z-index:2;padding:3.5rem 0 2.5rem;display:grid;grid-template-columns:1.5fr 1fr 1.4fr;gap:3rem}
.foot-brand-col .fb-logo{height:26px;width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:1.2rem}
.foot-brand-col p{font-size:.92rem;color:#A7BFBB;max-width:22rem;line-height:1.7}
body[data-audience="eu"] .foot-brand-col p{color:#CDB6A3}
.foot-social{display:flex;gap:.7rem;margin-top:1.6rem}
.foot-social a{
  width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:#fff;transition:background .25s,transform .25s;
}
.foot-social a:hover{background:var(--teal);transform:translateY(-3px)}
body[data-audience="eu"] .foot-social a:hover{background:var(--copper)}
.foot-social svg{width:19px;height:19px}

.foot-col h4{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.3rem;font-weight:600}
.foot-col ul{display:grid;gap:.7rem}
.foot-col li a{font-size:.92rem;color:#A7BFBB;transition:color .2s,padding-left .2s}
.foot-col li a:hover{color:#fff;padding-left:4px}
body[data-audience="eu"] .foot-col li a{color:#CDB6A3}
body[data-audience="eu"] .foot-col li a:hover{color:#fff}

.foot-contact-row{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1rem;font-size:.92rem;color:#A7BFBB;line-height:1.6}
body[data-audience="eu"] .foot-contact-row{color:#CDB6A3}
.foot-contact-row .ci{flex:none;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff}
.foot-contact-row .ci svg{width:17px;height:17px}
.foot-contact-row a{color:#fff}
.foot-contact-row a:hover{text-decoration:underline}

/* Alt bar */
.foot-bottom{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);padding:1.8rem 0 2.2rem}
.foot-bottom p{font-size:.75rem;line-height:1.7;color:#8AA3A0;max-width:70rem}
body[data-audience="eu"] .foot-bottom p{color:#B39A88}
.foot-bottom .copy{margin-top:.8rem;font-weight:600;color:#A7BFBB}

@media (max-width:860px){
  .foot-main{grid-template-columns:1fr;gap:2.4rem}
  .foot-cta{flex-direction:column;align-items:flex-start}
}

/* ============================================================
   İLETİŞİM SAYFASI v2
   ============================================================ */
.contact-split{display:grid;grid-template-columns:1fr 1.05fr;gap:0;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px -46px rgba(23,36,35,.4)}
.contact-aside{
  padding:3.2rem 3rem;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--teal-deep),var(--teal));
}
body[data-audience="eu"] .contact-aside{background:linear-gradient(160deg,var(--copper-deep),var(--copper))}
.contact-aside::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.1);top:-120px;right:-90px}
.contact-aside h2{color:#fff;font-size:1.9rem;margin-bottom:.8rem;position:relative}
.contact-aside > p{color:rgba(255,255,255,.9);position:relative;margin-bottom:2.2rem;font-size:.98rem}
.ca-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.4rem;position:relative;font-size:.95rem;line-height:1.6}
.ca-row .ci{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}
.ca-row .ci svg{width:19px;height:19px}
.ca-row a{color:#fff;font-weight:600}
.ca-row a:hover{text-decoration:underline}
.ca-social{display:flex;gap:.7rem;margin-top:2rem;position:relative}
.ca-social a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .25s,transform .25s}
.ca-social a:hover{background:rgba(255,255,255,.28);transform:translateY(-3px)}
.ca-social svg{width:20px;height:20px}
.contact-formwrap{background:#fff;padding:3.2rem 3rem}
.contact-formwrap .contact-form{box-shadow:none;background:transparent;padding:0}
.contact-formwrap .contact-form input,.contact-formwrap .contact-form select,.contact-formwrap .contact-form textarea{background:var(--mist)}

/* Harita */
.map-band{border-radius:30px;overflow:hidden;box-shadow:0 26px 60px -44px rgba(23,36,35,.4);position:relative}
.map-band iframe{width:100%;height:420px;border:0;display:block;filter:grayscale(.15) contrast(1.02)}
.map-pill{
  position:absolute;left:2rem;top:2rem;background:#fff;border-radius:18px;padding:1.1rem 1.4rem;
  box-shadow:0 16px 40px -22px rgba(23,36,35,.4);max-width:280px;
}
.map-pill h4{font-size:.95rem;font-weight:700;margin-bottom:.3rem}
.map-pill p{font-size:.85rem;color:var(--ink-soft);line-height:1.5;margin-bottom:.7rem}
.map-pill a{font-size:.85rem;font-weight:700;color:var(--teal-deep)}
body[data-audience="eu"] .map-pill a{color:var(--copper-deep)}
@media (max-width:860px){
  .contact-split{grid-template-columns:1fr}
  .map-pill{position:static;max-width:none;margin:1rem;box-shadow:none;border:1px solid var(--line)}
}

/* ============================================================
   ÜRÜN KARTLARI v2 — daha yenilikçi
   ============================================================ */
.product-card{
  background:linear-gradient(180deg,#fff,var(--mist));border:1px solid rgba(0,0,0,.04);
  border-radius:32px;padding:0;overflow:hidden;text-align:left;
  transition:transform .4s cubic-bezier(.2,.8,.3,1.1),box-shadow .4s ease;
}
.product-card:hover{transform:translateY(-10px);box-shadow:0 40px 80px -44px rgba(23,36,35,.4)}
.product-card::before{display:none}
/* üst görsel alanı */
.product-card .tint{
  position:static;transform:none;width:100%;height:230px;border-radius:0;margin:0;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.product-card.is-violet .tint{background:radial-gradient(circle at 50% 40%,var(--violet-tint),transparent 72%)}
.product-card.is-copper .tint{background:radial-gradient(circle at 50% 40%,var(--copper-tint),transparent 72%)}
.product-card.is-teal .tint{background:radial-gradient(circle at 50% 40%,var(--teal-tint),transparent 72%)}
.product-card .tint img,.product-card .tint object{
  height:180px;width:auto;margin:0;position:relative;
  filter:drop-shadow(0 20px 24px rgba(23,36,35,.16));
  transition:transform .5s cubic-bezier(.2,.8,.3,1);
}
.product-card:hover .tint img,.product-card:hover .tint object{transform:translateY(-10px) scale(1.05)}
/* hover'da zeminde dönen ışık halkası + parlama */
.product-card .tint::before{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  border:1px dashed color-mix(in srgb,var(--teal) 30%,transparent);
  opacity:0;transform:scale(.8);transition:opacity .5s,transform .6s;
}
.product-card.is-copper .tint::before,.product-card.is-violet .tint::before{border-color:color-mix(in srgb,var(--copper) 30%,transparent)}
.product-card:hover .tint::before{opacity:1;transform:scale(1) rotate(40deg)}
.product-card .tint::after{
  content:"";position:absolute;inset:0;opacity:0;transition:opacity .5s;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.6),transparent 60%);
}
.product-card:hover .tint::after{opacity:1}
/* eski merkez konumdaki img'i sıfırla (tint dışındakiler) */
.product-card > img,.product-card > object{display:none}
/* gövde */
.product-card .pc-body{padding:1.8rem 2rem 2.2rem;position:relative}
.product-card .tag{position:absolute;top:-1.05rem;left:2rem;margin:0;box-shadow:0 8px 20px -10px rgba(23,36,35,.3)}
.product-card h3{margin:.8rem 0 .6rem;font-size:1.25rem}
.product-card p{margin-bottom:1.4rem;min-height:2.4em}
.product-card .pc-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:1.2rem;border-top:1px solid var(--line);
}
.product-card .text-link{font-size:.9rem}
.product-card .pc-arrow{
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--mist);color:var(--ink);transition:background .3s,color .3s,transform .3s;
}
.product-card:hover .pc-arrow{background:var(--teal);color:#fff;transform:translateX(4px)}
.product-card.is-copper:hover .pc-arrow,.product-card.is-violet:hover .pc-arrow{background:var(--copper)}
body[data-audience="eu"] .product-card:hover .pc-arrow{background:var(--copper)}

/* ============================================================
   BOŞLUK & GEÇİŞ DÜZELTMELERİ (final)
   ============================================================ */
/* VS diyagramı: legend ve not sıkışmasın */
.vs-note{margin-top:2rem;padding-bottom:.5rem}
.vs-legend{margin-top:.6rem}

/* ardışık aynı zeminli bölümler arasında tek, temiz boşluk */
.section-mist + .section-mist{padding-top:0;margin-top:0}
/* feature-hero / son bölüm ile refs arası */

/* fark (VS) bölümünden sonra gelen özellik bölümü nefes alsın ama iç içe girmesin */
#fark + section,section:has(> .container > .vs-grid) + section{padding-top:4.5rem}

/* Pro-nedir ürün kartları bölümü sonrası fazla boşluğu kes */
.product-grid{margin-bottom:0}

/* Hero görsel yüksekliği taşmasın */
.page-hero .hero-visual img{max-height:400px;width:auto}

/* ============================================================
   REFERANSLAR — bir önceki bölümle boşluk düzeltmesi (final)
   ============================================================ */
.refs-section{background:var(--mist);padding:0 0 4rem}
/* önceki bölümün alt boşluğu refs'in üst boşluğu olsun, çift boşluk olmasın */
.refs-section{margin-top:0}
.refs-section > .container{padding-top:0}
.refs-band{margin-top:0}
/* önceki section ile refs arasını sıfırla, refs kendi iç boşluğunu versin */
section:has(+ .refs-section){padding-bottom:3.5rem}
.refs-section{padding-top:4rem}

/* spec-panel: kendinden önceki metinle arasına boşluk */
.lead + .spec-panel,p + .spec-panel{margin-top:2rem}
.spec-panel{margin-top:1.5rem}

/* ============================================================
   RESPONSIVE — kapsamlı mobil & tablet (final katman)
   ============================================================ */

/* ---------- TABLET (≤1040px): sidebar menü ---------- */
@media (max-width:1040px){
  .container{width:min(1180px,90%)}
  .nav-toggle{display:flex !important;align-items:center;justify-content:center;order:3;
    width:44px;height:44px;border-radius:12px;background:rgba(0,0,0,.05);font-size:1.4rem}


  /* header sadeleşsin */
  .social-row,.header-divider{display:none}
  .header-inner{width:auto;margin:0;justify-content:space-between;border-radius:18px}
  .header-right{margin-left:auto}
}

/* ---------- MOBİL (≤768px): her şey ortalı ---------- */
@media (max-width:768px){
  .container{width:90%}
  h1{font-size:clamp(2rem,8vw,2.8rem)}
  h2{font-size:clamp(1.6rem,6vw,2.2rem)}
  .lead{font-size:1.02rem}
  section{padding:3rem 0}

  /* Grid'ler tek kolon */
  .product-grid,.feature-grid,.feature-grid.cols-2,.bento,.model-panels,
  .footer-grid,.foot-main,.split,.hero-grid,.cmp-wrap,.vs-grid,
  .contact-split,.faq2,.gate-cards,.stat-band{grid-template-columns:1fr !important;gap:1.2rem}

  /* Split & hero: görsel üstte, metin ortalı */
  .split{gap:2rem;text-align:center}
  .split .visual{order:-1}
  .hero-grid{text-align:center;gap:2rem}
  .hero-actions{justify-content:center}
  .checklist{margin-inline:auto;text-align:left;max-width:22rem}
  .steps{max-width:26rem;margin-inline:auto}
  .eyebrow{display:inline-block}

  /* section başlıkları zaten ortalı; sol hizalı olanları da ortala */
  .section-head{text-align:center}

  /* Bento hücreleri ortalı */
  .bento .cell{text-align:center}
  .bento .cell .big-ico{margin-inline:auto}

  /* Ürün kartları */
  .product-card{text-align:center}
  .product-card .tag{left:50%;transform:translateX(-50%)}
  .product-card .pc-body{text-align:center}
  .product-card .pc-foot{justify-content:center;gap:1rem}

  /* Bakırlı Copper model panelleri */
  .model-panel{padding:2.6rem 1.8rem}

  /* VS karşılaştırıcı: dikey */
  .vs-grid{gap:1rem}
  .vs-mid{transform:rotate(90deg);padding:.3rem 0}

  /* Karşılaştırıcı kolonları mobilde kart yığını */
  .cmp-labels{display:none}
  .cmp-col{grid-row:auto}
  .cmp-cell{justify-content:space-between;text-align:right;padding:.9rem 1.2rem}
  .cmp-cell::before{content:attr(data-l);font-weight:600;color:var(--ink-soft);text-align:left;font-size:.8rem}
  .cmp-head{flex-direction:column}
  .cmp-head::before{display:none}

  /* Hero motion */
  .hero-motion{padding:3.5rem 0}
  .hm-l,.hm-r,.hm-line{display:none}      /* kenar çizgileri mobilde kapat */
  .hm-ticker{max-width:92%}

  /* Gümüş / koyu bölüm çizgileri mobilde sadeleşsin */
  .dark-lines{opacity:.35}
  .dark-lines .dl-l{display:none}
  .ring-glow{width:min(300px,72vw)}
  .split .visual img,.split .visual object{height:240px}

  /* İletişim */
  .contact-aside{padding:2.4rem 1.8rem}
  .contact-formwrap{padding:2.4rem 1.8rem}
  .contact-aside h2{text-align:center}
  .ca-row{text-align:left}
  .map-band iframe{height:320px}
  .map-pill{position:static;margin:0;border-radius:0 0 20px 20px;max-width:none;box-shadow:none}

  /* ---------- FOOTER mobilde ortalı ---------- */
  .site-footer .container{text-align:center}
  .foot-main{gap:2.4rem;text-align:center}
  .foot-brand-col .fb-logo{margin-inline:auto}
  .foot-brand-col p{margin-inline:auto}
  .foot-social{justify-content:center}
  .foot-col ul{justify-items:center}
  .foot-col li a:hover{padding-left:0}
  .foot-contact-row{justify-content:center;text-align:left;max-width:20rem;margin-inline:auto}
  .foot-bottom{text-align:center}
  .foot-bottom p{margin-inline:auto}

  /* Popup mobilde */
  .gate-inner{width:90%}
  .gate-logo{height:38px}
  .gate-card{padding:2rem 1.4rem}
  .gate-flower{transform:scale(.75)}  /* mobilde çiçekler daha küçük ama görünür */
  .gate::before,.gate::after{opacity:.4}

  /* Tablolar taşmasın */
  .table-wrap{border-radius:20px}

  /* Butonlar tam genişlik hissi */
  .hero-actions .btn{flex:1 1 auto;justify-content:center;min-width:0}
}

/* ---------- KÜÇÜK MOBİL (≤430px) ---------- */
@media (max-width:430px){
  h1{font-size:1.85rem}
  .btn{padding:.85rem 1.4rem;font-size:.88rem}
  .hero-actions{flex-direction:column;width:100%}
  .hero-actions .btn{width:100%}
  .audience-switch{padding:.7rem 1rem;font-size:.72rem}
  .brand img{height:26px}
  .refs-band{padding:2rem 1.4rem}
  .refs-band li{padding-left:2.4rem}
  section{padding:2.5rem 0}
}

/* ============================================================
   MOBİL DÜZELTMELER v2
   ============================================================ */
@media (max-width:1040px){
  /* Değiştir butonunu header'dan gizle, sidebar'a taşınacak kopyası görünsün */
  .header-right .audience-switch{display:none}
  .nav-switch-mobile{display:block}
}
.nav-switch-mobile{display:none}

@media (max-width:768px){
  /* Karşılaştırma destesi: üst üste binme yok, düz yan yana / alt alta */
  .compare-teaser{flex-wrap:wrap;gap:1rem;padding:1.5rem 0 0;min-height:0}
  .compare-teaser .ct-tile{
    position:static;transform:none !important;width:46%;z-index:auto !important;
  }
  .compare-teaser .ct-tile:nth-child(3){width:60%;margin:0 auto}
  .ct-badge{position:static;transform:none;display:inline-block;margin:0 auto 1.2rem}
  .compare-teaser:hover .ct-tile{transform:none !important}

  /* teaser bölümü: başlık üstte, deste altta, ortalı */
  #page-index .split,.page .split{text-align:center}

  /* Sidebar içindeki değiştir butonu */
  .nav-switch-mobile{
    width:100%;margin-top:1rem;background:var(--teal-deep);color:#fff;border:none;
    border-radius:14px;padding:1rem;font-size:.95rem;font-weight:700;cursor:pointer;
  }
  body[data-audience="eu"] .nav-switch-mobile{background:var(--copper-deep)}

  /* hero motion: fazla boşlukları temizle */
  .hm-ticker{margin-bottom:1.6rem}
  .hm-blur{display:none}

  /* stat / özellik ikonları ortada */
  .feature-card{text-align:center}
  .feature-icon{margin-inline:auto}
  .spec-panel{text-align:left}
  .spec-row{justify-content:flex-start}

  /* faq editoryal mobilde düzgün */
  .faq-side{text-align:center}
  .faq-side p{margin-inline:auto}
  .faq-list summary{font-size:1.02rem}

  /* alert / uyarı kartı ortalı */
  .warn-head{justify-content:center;text-align:center}
  .sym-row{justify-content:center}

  /* trust band */
  .trust-band{padding:2.4rem 1.6rem}
}

/* ============================================================
   SIDEBAR — tek, temiz, yenilikçi (tüm eski nav kurallarını ezer)
   ============================================================ */
@media (min-width:1041px){
  .nav-toggle{display:none}
  .nav-scrim{display:none}
}
@media (max-width:1040px){
  /* Header: logo solda, hamburger sağda — dengeli */
  .header-inner{justify-content:space-between !important;gap:1rem;padding:.6rem .8rem .6rem 1.4rem}
  .brand{margin:0 !important}
  .main-nav{margin:0 !important}
  .header-right{margin-left:auto;gap:.6rem}

  .nav-toggle{
    display:flex !important;align-items:center;justify-content:center;order:5;
    width:46px;height:46px;border-radius:14px;border:none;cursor:pointer;
    background:var(--ink);color:#fff;font-size:0;position:relative;
  }
  .nav-toggle::before,.nav-toggle::after,.nav-toggle span{content:"";position:absolute;left:13px;right:13px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
  .nav-toggle::before{top:16px}
  .nav-toggle::after{bottom:16px}
  .nav-toggle span{top:22px}
  .main-nav.open ~ .nav-toggle{}  /* placeholder */

  /* SIDEBAR paneli */
  .main-nav{
    position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;
    width:min(360px,86vw) !important;height:100vh;
    display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;
    gap:0 !important;margin:0 !important;padding:0 !important;
    background:#fff !important;border:none !important;border-radius:0 !important;
    transform:translateX(105%) !important;transition:transform .42s cubic-bezier(.4,0,.2,1) !important;
    box-shadow:-30px 0 80px -40px rgba(15,30,28,.6) !important;
    z-index:130 !important;overflow-y:auto !important;backdrop-filter:none !important;
  }
  .main-nav.open{transform:translateX(0) !important}

  /* Sidebar başlık şeridi (marka rengi) */
  .main-nav::before{
    content:"";display:block;height:110px;flex:none;
    background:linear-gradient(140deg,var(--teal-deep),var(--teal));
  }
  body[data-audience="eu"] .main-nav::before{background:linear-gradient(140deg,var(--copper-deep),var(--copper))}

  .main-nav a{
    display:flex !important;align-items:center;gap:.9rem;
    font-size:1.02rem !important;font-weight:600 !important;color:var(--ink) !important;
    padding:1.15rem 1.8rem !important;border-bottom:1px solid var(--line) !important;
    white-space:normal !important;position:relative;transition:background .2s,padding-left .2s;
  }
  .main-nav a::after{display:none !important}
  .main-nav a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--silverline);flex:none;transition:background .2s,transform .2s}
  .main-nav a:hover,.main-nav a.active{background:var(--mist);padding-left:2.1rem !important}
  .main-nav a:hover::before,.main-nav a.active::before{background:var(--teal)}
  body[data-audience="eu"] .main-nav a:hover::before,body[data-audience="eu"] .main-nav a.active::before{background:var(--copper)}
  .main-nav a.active{color:var(--teal-deep) !important}
  body[data-audience="eu"] .main-nav a.active{color:var(--copper-deep) !important}

  /* Sidebar alt buton */
  .nav-switch-mobile{
    display:block !important;margin:auto 1.5rem 1.8rem !important;
    background:var(--teal-deep) !important;color:#fff !important;border:none;border-radius:14px;
    padding:1.05rem !important;font-size:.95rem;font-weight:700;cursor:pointer;flex:none;
    box-shadow:0 14px 30px -14px color-mix(in srgb,var(--teal) 60%,transparent);
  }
  body[data-audience="eu"] .nav-switch-mobile{background:var(--copper-deep) !important;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--copper) 60%,transparent)}

  /* Scrim */
  .nav-scrim{
    display:block;position:fixed;inset:0;z-index:125;
    background:rgba(12,24,22,.55);backdrop-filter:blur(3px);
    opacity:0;pointer-events:none;transition:opacity .42s ease;
  }
  .nav-scrim.open{opacity:1;pointer-events:auto}

  body[data-audience="eu"] .nav-toggle{background:var(--ink)}
}

/* Sidebar açıkken katman sıralaması net olsun */
@media (max-width:1040px){
  .site-header{z-index:60}
  .nav-scrim{z-index:1000 !important}
  .main-nav{z-index:1001 !important}
  .nav-toggle{z-index:1002 !important;position:relative}
  .main-nav a,.nav-switch-mobile{position:relative;z-index:2}
}



/* ============================================================
   SIDEBAR z-index FIX (final) — header içindeki nav çalışsın
   ============================================================ */
@media (max-width:1040px){
  /* header'ı yükselt ki içindeki sidebar scrim'in üstüne çıksın */
  .site-header{z-index:1001 !important}
  .main-nav{z-index:2 !important}          /* header içinde, header zaten 1001 */
  .nav-scrim{z-index:1000 !important}      /* header'dan (1001) düşük ama içerikten yüksek */
  .nav-toggle{z-index:3 !important}
}

/* scrim header-inner içinde: sidebar (z-index yüksek) ile aynı context, arkada kalır */
@media (max-width:1040px){
  .header-inner{position:relative}
  .nav-scrim{position:fixed;inset:0;z-index:1 !important}
  .main-nav{z-index:2 !important}
  .site-header{z-index:1001 !important}
}

/* ============================================================
   MOBİL SON RÖTUŞLAR
   ============================================================ */
@media (max-width:1040px){
  /* 1) Header tam ortalı: logo ortada, hamburger sağda absolute */
  .header-inner{justify-content:center !important;position:relative;padding:.7rem 1.4rem !important}
  .brand{margin:0 auto !important}
  .brand img{display:block;margin:0 auto}
  .header-right{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);margin:0}
  .nav-toggle{margin:0}

  /* 3) Sidebar "Kullanıcı Tipini Değiştir" ortalı */
  .nav-switch-mobile{
    margin:auto 1.5rem 1.8rem !important;width:calc(100% - 3rem) !important;
    text-align:center !important;
  }
}

@media (max-width:768px){
  /* 2) Anasayfa karşılaştırma destesi mobilde gizle */
  .compare-teaser{display:none !important}
  /* teaser bölümü tek kolon + ortalı kalsın (deste gizli, metin ortada) */
  .split:has(.compare-teaser){display:block;text-align:center}

  /* 4) Sayfa hero logoları ve görselleri ortala */
  .page-hero img,.page-hero .hero-visual,.page-hero .brand img{margin-inline:auto !important;display:block}
  .hero-grid > div:first-child{text-align:center}
  .hero-grid img[style*="height:38px"],.hero-grid img[style*="height:58px"]{margin:0 auto 1.6rem !important;display:block}
  .page-hero .eyebrow{display:inline-block}
  /* tüm hero-visual görselleri ortalı */
  .hero-visual{display:flex;align-items:center;justify-content:center}
  .hero-visual img{margin:0 auto}
  /* logo-copper / logo-silver hero üstü logolar */
  section.page-hero img[alt="ALTHEA logo"],section.page-hero img[alt="ALTHEA Silver logosu"]{margin:0 auto 1.4rem !important}
}

/* Sidebar değiştir butonu: kitleye göre net renk */
body[data-audience="pro"] .nav-switch-mobile{background:var(--teal-deep) !important}
body[data-audience="eu"] .nav-switch-mobile{background:var(--copper-deep) !important}
/* header değiştir butonu da PRO'da turkuaz olsun */
body[data-audience="pro"] .audience-switch{background:var(--teal-deep) !important;color:#fff !important}
body[data-audience="eu"] .audience-switch{background:var(--copper-deep) !important;color:#fff !important}

/* Mobilde giriş çiçekleri görünsün (kenardakiler daha küçük) */
@media (max-width:768px){
  .gate-flowers{display:block !important}
  .gate-flower{opacity:.4 !important}
}

/* ============================================================
   MOBİL PERFORMANS + SIDEBAR v2 (yenilikçi)
   ============================================================ */

/* --- Performans: mobilde ağır GPU efektlerini kapat --- */
@media (max-width:1040px){
  .site-header,.site-header.scrolled{backdrop-filter:none !important}
  .nav-scrim{backdrop-filter:none !important}
  .dark-section .feature-card,.silver-section .step-card,
  .scrolly-caption,.hm-ticker{backdrop-filter:none !important}
  .gate-flower svg,.gate-flower img{filter:none !important}
  .hm-line{animation-duration:7s}
}

/* --- SIDEBAR v2 --- */
@media (max-width:1040px){
  .main-nav{
    width:min(340px,86vw) !important;
    background:#fff !important;
    border-radius:26px 0 0 26px !important;
    padding:0 0 2rem !important;
  }
  /* üst şerit: daha ince, içinde "Menü" etiketi */
  .main-nav::before{
    content:"MENÜ";height:86px;
    display:flex;align-items:center;padding-left:1.8rem;
    color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.3em;
  }
  /* numaralı, ferah linkler — ayraçsız */
  .main-nav{counter-reset:m}
  .main-nav a{
    counter-increment:m;
    border-bottom:none !important;
    padding:1.05rem 1.8rem !important;
    font-size:1.08rem !important;
    gap:1.1rem !important;
    opacity:0;transform:translateX(28px);
    transition:opacity .4s ease,transform .45s cubic-bezier(.2,.8,.3,1),background .2s !important;
  }
  .main-nav a::before{
    content:counter(m,decimal-leading-zero);
    width:auto;height:auto;border-radius:0;background:none !important;
    font-size:.72rem;font-weight:700;color:var(--silverline);
    transform:none !important;letter-spacing:.05em;
  }
  .main-nav a:hover::before,.main-nav a.active::before{color:var(--teal)}
  body[data-audience="eu"] .main-nav a:hover::before,
  body[data-audience="eu"] .main-nav a.active::before{color:var(--copper)}
  .main-nav a:hover,.main-nav a.active{background:var(--mist);padding-left:2rem !important}

  /* açılınca linkler sırayla süzülsün */
  .main-nav.open a{opacity:1;transform:none}
  .main-nav.open a:nth-child(1){transition-delay:.06s}
  .main-nav.open a:nth-child(2){transition-delay:.11s}
  .main-nav.open a:nth-child(3){transition-delay:.16s}
  .main-nav.open a:nth-child(4){transition-delay:.21s}
  .main-nav.open a:nth-child(5){transition-delay:.26s}
  .main-nav.open a:nth-child(6){transition-delay:.31s}

  /* Değiştir butonu: menünün HEMEN ALTINDA (en alta itilmez) */
  .nav-switch-mobile{
    margin:1.4rem 1.8rem 0 !important;
    width:calc(100% - 3.6rem) !important;
    opacity:0;transform:translateX(28px);
    transition:opacity .4s ease .36s,transform .45s cubic-bezier(.2,.8,.3,1) .36s !important;
  }
  .main-nav.open .nav-switch-mobile{opacity:1;transform:none}
}

.page{display:block}
main{display:block;animation:pagein .5s cubic-bezier(.2,.8,.3,1)}
@keyframes pagein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ============================================================
   v60 — GERİ BİLDİRİM REVİZYONLARI
   ============================================================ */

/* --- Silver her zaman turkuaz (son kullanıcı tarafında da) --- */
body[data-product="silver"],
body[data-product="silver"] .silver-section,
body[data-audience="eu"] .cmp-col.featured{
  --teal:#45B0A8;--teal-deep:#2C817A;--teal-tint:#E7F5F3;
  --copper:#45B0A8;--copper-deep:#2C817A;--copper-tint:#E7F5F3;
}
/* Silver sayfasındaki tüm vurgular turkuaz */
body[data-product="silver"] .btn-teal,
body[data-product="silver"] .btn-copper{background:#2C817A}
body[data-product="silver"] .grad-text{
  background:linear-gradient(100deg,#2C817A,#45B0A8);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body[data-product="silver"] .eyebrow{color:#2C817A}
body[data-product="silver"] .text-link{color:#2C817A}
body[data-product="silver"] .spec-ico{background:#E7F5F3;color:#2C817A}
body[data-product="silver"] .ring-glow{
  border-color:rgba(69,176,168,.5);
  box-shadow:0 0 80px rgba(69,176,168,.18),inset 0 0 60px rgba(69,176,168,.08);
}
body[data-product="silver"] .ring-glow::before{border-color:rgba(69,176,168,.28)}
body[data-product="silver"] .dark-lines .hm-line{border-color:rgba(69,176,168,.75)}
body[data-product="silver"] .faq-list details[open] .fx{background:#45B0A8;border-color:#45B0A8}
body[data-product="silver"] .vs-tag.on{background:#E7F5F3;color:#2C817A}
body[data-product="silver"] .cmp-check{color:#2C817A}
body[data-product="silver"] .cmp-check::before{background:#E7F5F3}
body[data-product="silver"] .page-hero.teal::after{background:#E7F5F3}

/* --- Karşılaştırmada Silver kolonu HER ZAMAN turkuaz --- */
.cmp-col.featured{
  background:linear-gradient(180deg,#E7F5F3 0%,#fff 40%) !important;
  outline:1.5px solid rgba(69,176,168,.5) !important;
  box-shadow:0 34px 70px -38px rgba(69,176,168,.55) !important;
}
.cmp-col.featured .cmp-head .tag{background:#2C817A !important;color:#fff !important}
.cmp-col.featured .cmp-check{color:#2C817A}
.cmp-col.featured .cmp-check::before{background:#E7F5F3}

/* --- Anasayfa Gümüş Çekirdek bölümü: her kitlede turkuaz --- */
.silver-section .eyebrow{color:#2C817A !important}
.silver-section .grad-text{
  background:linear-gradient(100deg,#2C817A,#45B0A8);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.silver-section .btn-teal,.silver-section .btn-copper{background:#2C817A !important}
.silver-section .dark-lines .hm-line{border-color:rgba(69,176,168,.75) !important}
.silver-section .ring-glow{
  border-color:rgba(69,176,168,.52) !important;
  box-shadow:0 0 80px rgba(69,176,168,.2),inset 0 0 60px rgba(69,176,168,.09) !important;
}
.silver-section .ring-glow::before{border-color:rgba(69,176,168,.3) !important}
.silver-section .spec-ico{background:#E7F5F3 !important;color:#2C817A !important}

/* --- Silver ürün kartı / rozetleri her zaman turkuaz --- */
.product-card.is-teal .tag,.cmp-col.featured .tag{background:#E7F5F3;color:#2C817A}
.product-card.is-teal:hover .pc-arrow{background:#45B0A8 !important;color:#fff}
.product-card.is-teal .tint{background:radial-gradient(circle at 50% 40%,#E7F5F3,transparent 72%) !important}
.product-card.is-teal .tint::before{border-color:rgba(69,176,168,.3) !important}

/* --- "YENİ" rozeti (Silver vurgusu) --- */
.badge-new{
  display:inline-flex;align-items:center;gap:.4rem;
  background:#2C817A;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.16em;
  padding:.3rem .7rem;border-radius:999px;text-transform:uppercase;
  box-shadow:0 8px 18px -8px rgba(44,129,122,.6);
}
.cmp-col.featured .cmp-head{position:relative}
.cmp-col.featured .cmp-head .badge-new{position:absolute;top:.9rem;right:.9rem}

/* --- Giriş ekranı: çiçekler daha büyük & belirgin --- */
.gate-flower{opacity:.62 !important}
.gate-logo{height:56px}
@media (max-width:768px){.gate-flower{opacity:.45 !important}}

/* --- Gümüş çekirdek etiketleri (bakır / gümüş) --- */
.core-labels{display:flex;gap:.6rem;justify-content:center;margin-top:1.4rem;flex-wrap:wrap}
.core-chip{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;border-radius:999px;padding:.5rem 1.1rem;
  font-size:.82rem;font-weight:600;color:var(--ink);
  box-shadow:0 10px 26px -18px rgba(23,36,35,.4);
}
.core-chip i{width:11px;height:11px;border-radius:50%;display:inline-block}
.core-chip.cu i{background:linear-gradient(140deg,#D8935B,#B4703A)}
.core-chip.ag i{background:linear-gradient(140deg,#E4EAEC,#AFBABE)}

/* --- Silver bölümünde çiçek dekoru --- */
.silver-flower{
  position:absolute;right:-40px;top:-30px;width:220px;opacity:.14;pointer-events:none;
  animation:floatY 9s ease-in-out infinite;
}
@media (max-width:768px){.silver-flower{width:130px;right:-24px;top:-16px;opacity:.1}}


/* ============================================================
   v61 — DÜZELTMELER
   ============================================================ */
/* 1) Gümüş çekirdek etiketleri: sol kolonda, sola hizalı, kompakt */
.core-labels{
  display:flex;gap:.6rem;justify-content:flex-start;flex-wrap:wrap;
  margin-top:1.5rem;
}
.core-chip{
  flex:0 0 auto;width:auto;max-width:max-content;
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.9);border:1px solid rgba(23,36,35,.06);
  border-radius:999px;padding:.5rem 1.05rem;
  font-size:.82rem;font-weight:600;color:var(--ink);line-height:1;
  box-shadow:0 8px 20px -16px rgba(23,36,35,.35);
}
.core-chip i{flex:none;width:10px;height:10px;border-radius:50%;display:inline-block}
/* .visual içine düşen etiketleri (varsa) gizle */
.visual .core-labels{display:none}

/* 2) "Hangi ALTHEA size uygun?" bölümü: üstten iç boşluk */
.silver-section + .section-mist{padding-top:6rem}
.silver-section + .section-mist .split{padding-top:.5rem}
@media (max-width:768px){
  .silver-section + .section-mist{padding-top:3.5rem}
  .core-labels{justify-content:center}
}

/* 3) Sağlık personeli tarafında BAKIR sayfaları turuncu kalsın */
body[data-product="copper"]{
  --teal:#E97C2F;--teal-deep:#C05A15;--teal-tint:#FCEFE2;
  --copper:#E97C2F;--copper-deep:#C05A15;--copper-tint:#FCEFE2;
}
body[data-product="copper"] .btn-teal,
body[data-product="copper"] .btn-copper{background:#C05A15}
body[data-product="copper"] .eyebrow{color:#C05A15}
body[data-product="copper"] .text-link{color:#C05A15}
body[data-product="copper"] .grad-text{
  background:linear-gradient(100deg,#C05A15,#E97C2F);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body[data-product="copper"] .spec-ico{background:#FCEFE2;color:#C05A15}
body[data-product="copper"] .step-card::before{background:#FCEFE2;color:#C05A15}
body[data-product="copper"] .ring-glow{
  border-color:rgba(233,124,47,.5);
  box-shadow:0 0 80px rgba(233,124,47,.18),inset 0 0 60px rgba(233,124,47,.08);
}
body[data-product="copper"] .ring-glow::before{border-color:rgba(233,124,47,.28)}
body[data-product="copper"] .dark-lines .hm-line{border-color:rgba(233,124,47,.75)}
body[data-product="copper"] .faq-list details[open] .fx{background:#E97C2F;border-color:#E97C2F}
body[data-product="copper"] .chip{background:#FCEFE2;color:#C05A15}
body[data-product="copper"] .refs-band a{color:#C05A15}
body[data-product="copper"] .product-card:hover .pc-arrow{background:#E97C2F}


/* Karşılaştırma teaser bölümü: üst boşluk garantisi (aynı zeminli komşuya rağmen) */
.section-mist.teaser-section{padding-top:6.5rem !important;padding-bottom:5rem !important}
.teaser-section .split{align-items:center}
@media (max-width:768px){
  .section-mist.teaser-section{padding-top:3.5rem !important;padding-bottom:3rem !important}
}


/* SEO: alt sayfa başlıkları H2 oldu, görünüm H1 gibi kalsın */
h2.as-h1{
  font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.035em;line-height:1.06;font-weight:300;
}
h2.as-h1 b,h2.as-h1 strong{font-weight:600}
@media (max-width:768px){h2.as-h1{font-size:clamp(2rem,8vw,2.8rem)}}
.h1-sub{
  margin:1rem auto 0;max-width:44rem;font-size:.95rem;font-weight:500;
  color:var(--ink-soft);letter-spacing:.01em;
}
.h2-soft{font-weight:300;color:var(--ink-soft);font-size:.72em;display:inline-block;margin-top:.2rem}



/* ---- Çok sayfalı yapı düzeltmeleri ---- */
.page{display:block !important}
main > .page{display:block}
/* JS kapalıysa da içerik görünür */
.no-js .reveal{opacity:1;transform:none}
/* GEO: yapay zekâ özet bloğu */
.ai-summary{
  background:var(--mist);border-left:3px solid var(--teal);
  border-radius:0 18px 18px 0;padding:1.4rem 1.6rem;margin:0 0 2.5rem;
}
.ai-summary h2{font-size:.72rem !important;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:.6rem}
.ai-summary p{font-size:.95rem;line-height:1.7;color:var(--ink);margin:0}
body[data-audience="eu"] .ai-summary{border-left-color:var(--copper)}
/* breadcrumb */
.crumbs{font-size:.78rem;color:var(--ink-soft);margin-bottom:1.2rem}
.crumbs a{color:var(--ink-soft)}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs span{margin:0 .45rem;opacity:.5}

/* Breadcrumb: grid kaplarında tam satır kaplasın (düzeni bozmasın) */
.hero-grid > .crumbs,
.split > .crumbs,
.container.hero-grid > .crumbs,
.container.split > .crumbs{grid-column:1 / -1;justify-self:start}
.crumbs{width:100%}
.page-hero.center .crumbs,.container.center > .crumbs{text-align:center}