/* =====================================================================
   Dr. Ayşegül Çubuk — Migren Tedavisi Landing Page
   Namespace: ac-   |   Palette: Derin Mor + Altın (logo teal izole)
   ===================================================================== */

/* ---------- Design Tokens ---------- */
:root{
  /* Brand */
  --ac-plum:        #3D2B56;   /* primary */
  --ac-plum-deep:   #271A3B;   /* footer / hero base */
  --ac-plum-soft:   #6B5B8C;   /* secondary / gradient end */
  --ac-gold:        #C39B45;   /* accent — CTA, dividers */
  --ac-gold-bright: #D9B75E;   /* hover */
  --ac-gold-soft:   #EBD9AE;   /* badges, soft fills */
  --ac-teal:        #137F90;   /* logo only / micro accents */

  /* Neutrals */
  --ac-cream:       #F8F3EA;   /* page bg alt */
  --ac-paper:       #FCFAF6;   /* cards / page bg */
  --ac-white:       #FFFFFF;
  --ac-ink:         #292430;   /* headings/body */
  --ac-muted:       #6C6676;   /* secondary text */
  --ac-line:        #E7DFD1;   /* hairlines */

  /* Type */
  --ac-display: "Fraunces", Georgia, "Times New Roman", serif;
  --ac-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Rhythm */
  --ac-maxw: 1180px;
  --ac-gutter: clamp(18px, 5vw, 48px);
  --ac-radius: 16px;
  --ac-radius-sm: 10px;
  --ac-shadow: 0 18px 50px -24px rgba(39,26,59,.45);
  --ac-shadow-sm: 0 8px 24px -14px rgba(39,26,59,.4);
  --ac-ease: cubic-bezier(.4,.14,.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--ac-body);
  color:var(--ac-ink);
  background:var(--ac-paper);
  line-height:1.6;
  font-size:16.5px;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
ul{list-style:none}

/* ---------- Layout helpers ---------- */
.ac-wrap{max-width:var(--ac-maxw);margin-inline:auto;padding-inline:var(--ac-gutter)}
.ac-section{padding-block:clamp(56px,8vw,96px)}
.ac-eyebrow{
  font:600 12.5px/1 var(--ac-body);
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--ac-gold);display:inline-flex;align-items:center;gap:10px;
  margin-bottom:18px;
}
.ac-eyebrow::before{content:"";width:26px;height:1.5px;background:var(--ac-gold)}
.ac-h2{
  font:600 clamp(28px,4vw,42px)/1.12 var(--ac-display);
  font-optical-sizing:auto;letter-spacing:-.01em;color:var(--ac-plum);
  margin-bottom:16px;
}
.ac-h2 em{font-style:italic;color:var(--ac-gold)}
.ac-lead{font-size:clamp(16px,1.6vw,18.5px);color:var(--ac-muted);max-width:62ch}

/* ---------- Buttons ---------- */
.ac-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:600 15.5px/1 var(--ac-body);letter-spacing:.01em;
  padding:15px 26px;border-radius:999px;transition:.28s var(--ac-ease);
  white-space:nowrap;
}
.ac-btn--gold{background:var(--ac-gold);color:#fff;box-shadow:0 10px 24px -12px var(--ac-gold)}
.ac-btn--gold:hover{background:var(--ac-gold-bright);transform:translateY(-2px)}
.ac-btn--plum{background:var(--ac-plum);color:#fff}
.ac-btn--plum:hover{background:var(--ac-plum-soft);transform:translateY(-2px)}
.ac-btn--wa{background:#25D366;color:#fff}
.ac-btn--wa:hover{background:#1eb257;transform:translateY(-2px)}
.ac-btn--ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.ac-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.ac-btn--block{width:100%}

/* =====================================================================
   HEADER
   ===================================================================== */
.ac-header{
  position:sticky;top:0;z-index:60;
  background:rgba(39,26,59,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ac-header__in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:70px}
.ac-header__logo img{height:34px;width:auto}
.ac-header__actions{display:flex;align-items:center;gap:12px}
.ac-header__tel{
  display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:600;font-size:15px;
}
.ac-header__tel svg{width:17px;height:17px;color:var(--ac-gold)}
.ac-header__tel span{opacity:.65;font-weight:400;font-size:12px;display:block;letter-spacing:.04em}

/* =====================================================================
   HERO
   ===================================================================== */
.ac-hero{
  position:relative;color:#fff;overflow:hidden;
  background:
    radial-gradient(120% 120% at 82% -10%, rgba(195,155,69,.22), transparent 46%),
    linear-gradient(158deg, #2E2044 0%, #3D2B56 46%, #271A3B 100%);
}
.ac-hero::after{ /* subtle neuro filament texture */
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;
  background-image:
    radial-gradient(circle at 20% 30%, #fff 1px, transparent 1.6px),
    radial-gradient(circle at 70% 60%, #fff 1px, transparent 1.6px),
    radial-gradient(circle at 45% 85%, #fff 1px, transparent 1.6px);
  background-size:180px 180px,240px 240px,300px 300px;
}
.ac-hero__grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);
  align-items:center;padding-block:clamp(48px,7vw,84px);
}
.ac-hero__chip{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);
  padding:7px 15px;border-radius:999px;font-size:13px;font-weight:500;
  margin-bottom:22px;
}
.ac-hero__chip b{color:var(--ac-gold-soft);font-weight:600}
.ac-hero h1{
  font:600 clamp(32px,5.2vw,56px)/1.08 var(--ac-display);
  font-optical-sizing:auto;letter-spacing:-.015em;margin-bottom:20px;
}
.ac-hero h1 em{font-style:italic;color:var(--ac-gold-bright)}
.ac-hero__sub{font-size:clamp(16px,1.7vw,19px);color:rgba(255,255,255,.82);max-width:52ch;margin-bottom:28px}
.ac-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px}
.ac-hero__trust li{display:flex;align-items:center;gap:9px;font-size:14px;color:rgba(255,255,255,.9)}
.ac-hero__trust svg{width:18px;height:18px;color:var(--ac-gold-bright);flex-shrink:0}

/* Hero form card */
.ac-formcard{
  background:var(--ac-paper);color:var(--ac-ink);
  border-radius:var(--ac-radius);padding:clamp(24px,3vw,32px);
  box-shadow:var(--ac-shadow);border:1px solid rgba(255,255,255,.5);
}
.ac-formcard__top{text-align:center;margin-bottom:20px}
.ac-formcard__top h2{font:600 22px/1.2 var(--ac-display);color:var(--ac-plum);margin-bottom:6px}
.ac-formcard__top p{font-size:14px;color:var(--ac-muted)}
.ac-formcard__badge{
  display:inline-block;background:var(--ac-gold-soft);color:#7a5a13;
  font-size:12px;font-weight:600;padding:5px 13px;border-radius:999px;margin-bottom:14px;
}

/* ---------- Form fields ---------- */
.ac-field{margin-bottom:14px}
.ac-field label{display:block;font-size:13px;font-weight:600;color:var(--ac-plum);margin-bottom:6px}
.ac-input,.ac-select,.ac-textarea{
  width:100%;font-family:inherit;font-size:15px;color:var(--ac-ink);
  background:#fff;border:1.5px solid var(--ac-line);border-radius:var(--ac-radius-sm);
  padding:13px 14px;transition:.2s var(--ac-ease);
}
.ac-input:focus,.ac-select:focus,.ac-textarea:focus{
  outline:none;border-color:var(--ac-gold);box-shadow:0 0 0 3px rgba(195,155,69,.16);
}
.ac-textarea{resize:vertical;min-height:76px}
.iti{width:100%}
.ac-consent{display:flex;gap:9px;align-items:flex-start;margin:6px 0 16px;font-size:12.5px;color:var(--ac-muted);line-height:1.5}
.ac-consent input{margin-top:3px;accent-color:var(--ac-gold);width:16px;height:16px;flex-shrink:0}
.ac-consent a{color:var(--ac-plum);text-decoration:underline}
.ac-form__note{text-align:center;font-size:12px;color:var(--ac-muted);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px}
.ac-form__note svg{width:14px;height:14px;color:var(--ac-teal)}

/* form feedback */
.ac-alert{border-radius:var(--ac-radius-sm);padding:13px 15px;font-size:14px;margin-bottom:16px;display:none}
.ac-alert--ok{background:#e8f6ec;color:#1c6b39;border:1px solid #bfe6cb;display:block}
.ac-alert--err{background:#fdecec;color:#a12626;border:1px solid #f4c9c9;display:block}
.ac-input.ac-invalid{border-color:#d9534f;box-shadow:0 0 0 3px rgba(217,83,79,.14)}

/* =====================================================================
   TRUST BAR
   ===================================================================== */
.ac-trustbar{background:var(--ac-plum-deep);color:#fff}
.ac-trustbar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1)}
.ac-trustbar__item{background:var(--ac-plum-deep);padding:26px 20px;text-align:center}
.ac-trustbar__num{font:600 30px/1 var(--ac-display);color:var(--ac-gold-bright);display:block;margin-bottom:6px}
.ac-trustbar__lbl{font-size:13px;color:rgba(255,255,255,.72);letter-spacing:.02em}

/* =====================================================================
   SYMPTOMS (empathy)
   ===================================================================== */
.ac-symptoms{background:var(--ac-cream)}
.ac-symptoms__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,56px);align-items:center}
.ac-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.ac-checklist li{
  display:flex;gap:11px;align-items:flex-start;background:var(--ac-paper);
  border:1px solid var(--ac-line);border-radius:12px;padding:14px 15px;font-size:14.5px;font-weight:500;
}
.ac-checklist svg{width:20px;height:20px;color:var(--ac-teal);flex-shrink:0;margin-top:1px}
.ac-symptoms__cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}

/* =====================================================================
   TREATMENTS
   ===================================================================== */
.ac-treat__head{max-width:64ch;margin-bottom:40px}
.ac-treat__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ac-tcard{
  background:var(--ac-paper);border:1px solid var(--ac-line);border-radius:var(--ac-radius);
  padding:28px 24px;transition:.3s var(--ac-ease);position:relative;overflow:hidden;
}
.ac-tcard::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--ac-gold);transform:scaleY(0);transform-origin:top;transition:.3s var(--ac-ease)}
.ac-tcard:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow);border-color:transparent}
.ac-tcard:hover::before{transform:scaleY(1)}
.ac-tcard__ic{
  width:52px;height:52px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(140deg,#efe6f5,#f6eede);margin-bottom:18px;
}
.ac-tcard__ic svg{width:26px;height:26px;color:var(--ac-plum)}
.ac-tcard h3{font:600 19px/1.25 var(--ac-display);color:var(--ac-plum);margin-bottom:9px}
.ac-tcard p{font-size:14.5px;color:var(--ac-muted)}

/* =====================================================================
   WHY (differentiators)
   ===================================================================== */
.ac-why{
  background:
    radial-gradient(110% 90% at 90% 0%, rgba(195,155,69,.14), transparent 50%),
    linear-gradient(160deg,#332346,#271A3B);
  color:#fff;
}
.ac-why__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(34px,5vw,64px);align-items:center}
.ac-why .ac-h2{color:#fff}
.ac-why .ac-h2 em{color:var(--ac-gold-bright)}
.ac-why__lead{color:rgba(255,255,255,.78);font-size:17px}
.ac-featlist{display:grid;gap:18px}
.ac-feat{display:flex;gap:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px}
.ac-feat__ic{width:44px;height:44px;border-radius:11px;background:rgba(195,155,69,.16);display:grid;place-items:center;flex-shrink:0}
.ac-feat__ic svg{width:22px;height:22px;color:var(--ac-gold-bright)}
.ac-feat h4{font-size:16.5px;font-weight:600;margin-bottom:5px}
.ac-feat p{font-size:14px;color:rgba(255,255,255,.72)}

/* =====================================================================
   PROCESS
   ===================================================================== */
.ac-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;counter-reset:step}
.ac-step{position:relative;padding-top:20px}
.ac-step__n{
  font:600 15px/1 var(--ac-body);color:var(--ac-gold);
  width:42px;height:42px;border:1.5px solid var(--ac-gold);border-radius:50%;
  display:grid;place-items:center;margin-bottom:16px;
}
.ac-step h4{font:600 18px/1.25 var(--ac-display);color:var(--ac-plum);margin-bottom:8px}
.ac-step p{font-size:14px;color:var(--ac-muted)}
.ac-step::before{content:"";position:absolute;top:41px;left:52px;right:-20px;height:1.5px;background:var(--ac-line)}
.ac-step:last-child::before{display:none}

/* =====================================================================
   DOCTOR (E-E-A-T)
   ===================================================================== */
.ac-doc{background:var(--ac-cream)}
.ac-doc__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,56px);align-items:center}
.ac-doc__photo{
  border-radius:var(--ac-radius);overflow:hidden;box-shadow:var(--ac-shadow);
  background:linear-gradient(160deg,#efe6f5,#e7d9c1);aspect-ratio:4/5;
  display:grid;place-items:center;position:relative;
}
.ac-doc__photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.ac-doc__photo span{font:500 14px/1.4 var(--ac-body);color:var(--ac-plum-soft);text-align:center;padding:20px;opacity:.7}
.ac-doc__cred{display:grid;gap:12px;margin:22px 0 26px}
.ac-doc__cred li{display:flex;gap:12px;font-size:15px}
.ac-doc__cred svg{width:20px;height:20px;color:var(--ac-gold);flex-shrink:0;margin-top:2px}

/* =====================================================================
   TESTIMONIALS
   ===================================================================== */
.ac-revs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.ac-rev{background:var(--ac-paper);border:1px solid var(--ac-line);border-radius:var(--ac-radius);padding:28px 26px}
.ac-rev__stars{color:var(--ac-gold);font-size:15px;letter-spacing:2px;margin-bottom:14px}
.ac-rev p{font-size:15px;color:var(--ac-ink);font-style:italic;margin-bottom:18px}
.ac-rev__by{font-size:13.5px;font-weight:600;color:var(--ac-plum)}
.ac-rev__by span{display:block;font-weight:400;color:var(--ac-muted);font-size:12.5px}

/* =====================================================================
   FAQ
   ===================================================================== */
.ac-faq__grid{max-width:820px;margin:40px auto 0}
.ac-q{border-bottom:1px solid var(--ac-line)}
.ac-q__btn{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:22px 4px;text-align:left;font:600 17px/1.4 var(--ac-display);color:var(--ac-plum);
}
.ac-q__btn svg{width:22px;height:22px;color:var(--ac-gold);flex-shrink:0;transition:.3s var(--ac-ease)}
.ac-q[open] .ac-q__btn svg{transform:rotate(45deg)}
.ac-q__a{padding:0 4px 22px;font-size:15px;color:var(--ac-muted);max-width:70ch}

/* =====================================================================
   FINAL CTA
   ===================================================================== */
.ac-final{
  background:
    radial-gradient(100% 120% at 15% 10%, rgba(195,155,69,.2), transparent 50%),
    linear-gradient(150deg,#3D2B56,#271A3B);
  color:#fff;text-align:center;
}
.ac-final .ac-h2{color:#fff;max-width:20ch;margin-inline:auto}
.ac-final .ac-h2 em{color:var(--ac-gold-bright)}
.ac-final p{color:rgba(255,255,255,.8);max-width:56ch;margin:0 auto 30px;font-size:17px}
.ac-final__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* =====================================================================
   FOOTER
   ===================================================================== */
.ac-footer{background:var(--ac-plum-deep);color:rgba(255,255,255,.72);font-size:14px}
.ac-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-block:56px}
.ac-footer__logo{height:34px;width:auto;margin-bottom:18px}
.ac-footer p{max-width:36ch;line-height:1.7}
.ac-footer h5{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.ac-footer__list li{margin-bottom:10px}
.ac-footer__list a:hover,.ac-footer__contact a:hover{color:var(--ac-gold-bright)}
.ac-footer__contact li{display:flex;gap:11px;margin-bottom:12px;align-items:flex-start}
.ac-footer__contact svg{width:17px;height:17px;color:var(--ac-gold);flex-shrink:0;margin-top:3px}
.ac-footer__bar{border-top:1px solid rgba(255,255,255,.1);padding-block:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:rgba(255,255,255,.5)}

/* =====================================================================
   FLOATING WHATSAPP + mobile sticky CTA
   ===================================================================== */
.ac-wafloat{
  position:fixed;right:20px;bottom:20px;z-index:70;
  width:56px;height:56px;border-radius:50%;background:#25D366;
  display:grid;place-items:center;box-shadow:0 10px 30px -8px rgba(37,211,102,.6);
  transition:.28s var(--ac-ease);
}
.ac-wafloat:hover{transform:scale(1.08)}
.ac-wafloat svg{width:30px;height:30px;color:#fff}
.ac-mobilecta{display:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:980px){
  .ac-hero__grid{grid-template-columns:1fr;gap:36px}
  .ac-hero__form{order:-1}
  .ac-symptoms__grid,.ac-why__grid,.ac-doc__grid{grid-template-columns:1fr}
  .ac-treat__grid,.ac-revs__grid{grid-template-columns:1fr 1fr}
  .ac-steps__grid{grid-template-columns:1fr 1fr}
  .ac-step::before{display:none}
  .ac-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ac-header__tel{display:none}
  .ac-trustbar__grid{grid-template-columns:1fr 1fr}
  .ac-treat__grid,.ac-revs__grid,.ac-steps__grid,.ac-checklist,.ac-footer__grid{grid-template-columns:1fr}
  .ac-wafloat{bottom:74px}
  .ac-mobilecta{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:65;gap:10px;
    padding:10px 14px;background:rgba(39,26,59,.97);backdrop-filter:blur(8px);
    border-top:1px solid rgba(255,255,255,.1);
  }
  .ac-mobilecta .ac-btn{flex:1;padding:13px 12px;font-size:14px}
  body{padding-bottom:66px}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* reveal on scroll */
.ac-reveal{opacity:0;transform:translateY(22px);transition:.7s var(--ac-ease)}
.ac-reveal.ac-in{opacity:1;transform:none}

/* =====================================================================
   UZMANLIK ALANLARI (condition clusters) + Yöntem pills
   ===================================================================== */
.ac-areas__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ac-acard{
  background:var(--ac-paper);border:1px solid var(--ac-line);border-radius:var(--ac-radius);
  padding:24px 22px;transition:.3s var(--ac-ease);position:relative;overflow:hidden;
  display:flex;flex-direction:column;
}
.ac-acard::before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--ac-gold);transform:scaleY(0);transform-origin:top;transition:.3s var(--ac-ease)}
.ac-acard:hover{transform:translateY(-5px);box-shadow:var(--ac-shadow);border-color:transparent}
.ac-acard:hover::before{transform:scaleY(1)}
.ac-acard__ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#efe6f5,#f6eede);margin-bottom:15px}
.ac-acard__ic svg{width:24px;height:24px;color:var(--ac-plum)}
.ac-acard h3{font:600 17px/1.25 var(--ac-display);color:var(--ac-plum);margin-bottom:4px}
.ac-acard__sub{font-size:13px;color:var(--ac-muted);margin-bottom:12px}
.ac-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.ac-tags span{
  font-size:12px;font-weight:500;background:#f2ecdf;color:#7a5f24;
  padding:4px 10px;border-radius:999px;border:1px solid #eaddc2;
}

.ac-methods{margin-top:34px;text-align:center}
.ac-methods__lbl{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-muted);margin-bottom:16px}
.ac-methods__pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ac-methods__pills span{
  font-size:14px;font-weight:500;background:var(--ac-paper);border:1px solid var(--ac-line);
  color:var(--ac-plum);padding:9px 16px;border-radius:999px;
}
.ac-methods__pills span b{color:var(--ac-gold);font-weight:600;margin-right:4px}

@media (max-width:980px){ .ac-areas__grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .ac-areas__grid{grid-template-columns:1fr} }