/* ==========================================================================
   Ritim — 8 haftalık beslenme programı (demo)
   Palet: mürekkep laciverti, sıcak kâğıt, böğürtlen, ot yeşili, bal.
   Yazı: Bricolage Grotesque (başlık), Hanken Grotesk (metin),
         Instrument Serif italik (yalnızca alıntılar).
   ========================================================================== */

/* Yazı tipleri siteyle birlikte sunulur (SIL Open Font License).
   Türkçe karakter kümesine kırpıldı; Bricolage yalnızca kullanılan genişlik ve kalınlık aralığını taşır. */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500 800;font-stretch:80% 100%;font-display:swap;src:url(../fonts/bricolage.woff2) format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/hanken.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic.woff2) format("woff2")}

:root{
  --ink:#15192C;
  --ink-2:#20253D;
  --ink-3:#343A5A;
  --paper:#FBF7F4;
  --paper-2:#F4ECE7;
  --white:#FFFFFF;
  --berry:#B4285E;
  --berry-deep:#8E1D49;
  --berry-soft:#F8E4EB;
  --berry-line:rgba(180,40,94,.22);
  --herb:#2E6A4E;
  --herb-soft:#E3EFE7;
  --honey:#F2B544;
  --honey-soft:#FDF2DA;
  --muted:#5B6175;
  --muted-light:#AEB3C8;
  --line:#EBE0DA;
  --line-2:#DCCFC8;

  --display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --text:"Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;

  --wrap:1200px;
  --gutter:clamp(1.15rem,4vw,2.5rem);
  --hdr:4.25rem;
  --sec:clamp(4.75rem,9vw,7.5rem);

  --r-xs:8px;
  --r-sm:12px;
  --r:18px;
  --r-lg:26px;
  --r-xl:34px;

  --sh-1:0 1px 2px rgba(21,25,44,.05),0 10px 30px -14px rgba(21,25,44,.16);
  --sh-2:0 2px 6px rgba(21,25,44,.06),0 28px 60px -26px rgba(21,25,44,.38);
  --sh-berry:0 14px 30px -14px rgba(180,40,94,.6);
  --ease:cubic-bezier(.2,.75,.2,1);
  color-scheme:light;
}
@media (min-width:64em){ :root{ --hdr:4.75rem } }

/* ---------- temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 1rem)}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--text);font-size:1.0625rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:clip;
}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:700;line-height:1.02;letter-spacing:-.03em;color:inherit;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure,blockquote,dl,dd{margin:0}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
button{font:inherit;color:inherit}
:focus-visible{outline:2.5px solid var(--berry);outline-offset:3px;border-radius:6px}
::selection{background:var(--berry);color:#fff}
[hidden]{display:none!important}

.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}
.muted{color:var(--muted)}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.7rem 1rem;border-radius:var(--r-sm);background:var(--ink);color:#fff;font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:1rem}

/* ---------- düğmeler ---------- */
.btn{
  --h:3rem;
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:var(--h);padding:0 1.35rem;border:1.5px solid transparent;border-radius:999px;
  font:600 1rem/1 var(--text);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s var(--ease),box-shadow .2s ease;
}
.btn svg{width:1.1rem;height:1.1rem;flex:none}
.btn:active{transform:translateY(1px)}
.btn-sm{--h:2.6rem;padding:0 1.1rem;font-size:.95rem}
.btn-lg{--h:3.4rem;padding:0 1.6rem;font-size:1.04rem}
.btn-block{width:100%}
.btn-primary{background:var(--berry);color:#fff;box-shadow:var(--sh-berry)}
.btn-primary:hover{background:var(--berry-deep)}
.btn-primary svg{transition:transform .25s var(--ease)}
.btn-primary:hover svg{transform:translateX(3px)}
.btn-ghost{background:rgba(255,255,255,.6);border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{background:#fff;border-color:var(--ink)}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--paper-2)}
.btn-light svg{color:#1FA855}
.play{display:grid;place-items:center;width:1.75rem;height:1.75rem;margin-left:-.45rem;border-radius:50%;background:var(--ink);color:#fff}
.play svg{width:.8rem;height:.8rem;margin-left:1px}

.icon-btn{
  display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;flex:none;
  border-radius:50%;border:1.5px solid var(--line-2);background:rgba(255,255,255,.6);color:var(--ink);
  cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;
}
.icon-btn svg{width:1.15rem;height:1.15rem}
.icon-btn:hover{background:#fff;border-color:var(--ink)}
.icon-btn-dark{border-color:rgba(255,255,255,.18);background:transparent;color:#fff}
.icon-btn-dark:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}

/* ---------- küçük etiketler ---------- */
.kicker{display:inline-flex;align-items:center;gap:.5rem;font:600 .95rem/1 var(--text);color:var(--berry)}
.kicker svg{width:1rem;height:1rem;fill:currentColor}
.kicker.light{color:#FF9DC0}

.badge{
  display:inline-flex;align-items:center;gap:.65rem;
  padding:.35rem .9rem .35rem .35rem;border-radius:999px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);
  font:500 .92rem/1.2 var(--text);color:var(--ink);
}
.badge-live{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.3rem .65rem;border-radius:999px;background:var(--herb-soft);color:var(--herb);
  font:700 .78rem/1 var(--text);letter-spacing:.01em;
}
.badge-live::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#2DA06B;box-shadow:0 0 0 0 rgba(45,160,107,.5);animation:live 2s ease-out infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(45,160,107,.55)}80%,100%{box-shadow:0 0 0 7px rgba(45,160,107,0)}}
.badge-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none;backdrop-filter:blur(8px)}

/* ---------- bölüm başlıkları ---------- */
section{position:relative}
.sec-head{display:grid;gap:1rem;margin-bottom:clamp(2.25rem,5vw,3.5rem)}
.sec-head h2{font-size:clamp(2.15rem,4.6vw,3.6rem);font-stretch:88%;letter-spacing:-.035em;max-width:18ch}
.sec-head .lead{max-width:40rem;color:var(--muted);font-size:clamp(1.02rem,1.4vw,1.14rem)}
.sec-head.center{justify-items:center;text-align:center}
.sec-head.center h2{margin-inline:auto}
@media (min-width:56em){
  .sec-head.split{grid-template-columns:1.1fr .9fr;align-items:end;gap:3rem}
  .sec-head.split .lead{justify-self:end;max-width:30rem}
}
.sec-head.light h2{color:#fff}
.sec-head.light .kicker{color:#FF9DC0}

/* ---------- üst çubuk ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:background-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}
.hdr.scrolled{background:rgba(251,247,244,.82);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 1px 0 var(--line)}
.hdr-in{display:flex;align-items:center;gap:1rem;height:var(--hdr)}
.brand{display:inline-flex;align-items:center;gap:.5rem;font:700 1.5rem/1 var(--display);font-stretch:90%;letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.brand svg{width:1.55rem;height:1.55rem;fill:var(--berry)}
.brand-light{color:#fff}
.brand-light svg{fill:#FF7FAE}
.nav{display:none}
.hdr-cta{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.menu-btn .i-shut{display:none}
.menu-btn[aria-expanded="true"] .i-open{display:none}
.menu-btn[aria-expanded="true"] .i-shut{display:block}
.hide-sm{display:none}
@media (min-width:40em){ .hide-sm{display:inline-grid} }
@media (min-width:64em){
  .nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}
  .nav a{padding:.55rem .8rem;border-radius:999px;font:500 .95rem/1 var(--text);color:var(--ink-3);text-decoration:none;transition:background-color .2s,color .2s}
  .nav a:hover{background:rgba(255,255,255,.8);color:var(--ink)}
  .nav a.on{color:var(--berry)}
  .hdr-cta{margin-left:.75rem}
  .menu-btn{display:none}
}

.m-menu{position:fixed;inset:var(--hdr) 0 0;z-index:49;background:var(--paper);overflow-y:auto;animation:menu-in .3s var(--ease)}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}}
.m-menu nav{display:flex;flex-direction:column;gap:.25rem;padding-block:1.5rem 3rem}
.m-menu a:not(.btn){padding:.9rem 0;border-bottom:1px solid var(--line);font:600 1.6rem/1.1 var(--display);font-stretch:90%;letter-spacing:-.03em;text-decoration:none}
.m-menu .btn{margin-top:1.5rem}
body.menu-open{overflow:hidden}
body.menu-open .hdr{background:var(--paper)}

/* ==========================================================================
   GİRİŞ
   ========================================================================== */
.hero{padding:calc(var(--hdr) + clamp(2rem,5vw,4.5rem)) 0 clamp(3.5rem,7vw,6rem);overflow:hidden}
.hero-glow{
  position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(248,228,235,.95),rgba(248,228,235,0));
}
.hero-grid{position:relative;display:grid;gap:3.5rem;align-items:center}
@media (min-width:64em){ .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:4rem} }

.hero h1{
  margin-top:1.5rem;
  font-size:clamp(2.2rem,4.9vw,4.35rem);font-stretch:85%;font-weight:700;letter-spacing:-.034em;line-height:.99;
  max-width:min(100%,8.4em);overflow-wrap:break-word;
}
.hero-lead{margin-top:1.5rem;max-width:34rem;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.6}
.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}
.trust{display:flex;align-items:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}
.avatars{display:flex;padding-left:.6rem}
.avatars span{
  display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-left:-.6rem;border-radius:50%;
  border:3px solid var(--paper);background:var(--c);color:#fff;font:700 .78rem/1 var(--text);letter-spacing:.02em;
}
.trust-top{display:flex;align-items:center;gap:.4rem;font-size:.98rem}
.trust-top b{font-weight:700}
.stars{display:inline-flex;gap:1px;color:var(--honey)}
.stars svg{width:1rem;height:1rem}
.trust-sub{margin-top:.15rem;font-size:.9rem;color:var(--muted)}

.hero-visual{position:relative;width:min(100%,30rem);justify-self:center;margin-inline:auto}
@media (min-width:64em){ .hero-visual{justify-self:end;margin-right:2.5rem} }
.hero-blob{
  position:absolute;z-index:0;inset:-7% -9% -5% 12%;
  background:linear-gradient(145deg,#F4C9D8,#F8E4EB 55%,#E3EFE7);
  border-radius:46% 54% 42% 58% / 52% 38% 62% 48%;
}
@media (prefers-reduced-motion:no-preference){ .hero-blob{animation:blob 16s ease-in-out infinite alternate} }
@keyframes blob{to{border-radius:58% 42% 55% 45% / 40% 58% 42% 60%;transform:rotate(6deg) scale(1.02)}}
.hero-photo{position:relative;z-index:1;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-2);aspect-ratio:4/5;background:var(--paper-2)}
.hero-photo img{width:100%;height:100%;object-fit:cover}

/* uygulama parçaları */
.fc{
  position:absolute;z-index:2;
  background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
  border-radius:20px;box-shadow:0 2px 6px rgba(21,25,44,.06),0 22px 44px -20px rgba(21,25,44,.42);
  font-size:.86rem;line-height:1.35;color:var(--ink);
}
.fc-plan{top:7%;left:-12%;width:14.5rem;padding:1rem 1rem .9rem}
.fc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.65rem}
.fc-head b{font:700 .98rem/1 var(--display);letter-spacing:-.02em}
.fc-head span{font-size:.78rem;color:var(--muted)}
.fc-list{display:grid;gap:.45rem}
.fc-list li{display:grid;grid-template-columns:1.15rem 1fr auto;align-items:center;gap:.5rem}
.fc-list i{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;border:1.5px solid var(--line-2)}
.fc-list i svg{width:.72rem;height:.72rem}
.fc-list .done i{background:var(--herb);border-color:var(--herb);color:#fff}
.fc-list .done span{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(91,97,117,.5)}
.fc-list .now i{border-color:var(--berry);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 10px var(--berry)}
.fc-list .now span{font-weight:600}
.fc-list time{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
.fc-bar{height:.4rem;margin-top:.8rem;border-radius:99px;background:var(--line)}
.fc-bar span{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--herb),#4B9A71)}
.fc-foot{display:flex;align-items:center;gap:.35rem;margin-top:.55rem;font-size:.76rem;color:var(--muted)}
.fc-foot svg{width:.85rem;height:.85rem;color:#3B8FD6}

.fc-ring{bottom:14%;right:-12%;display:flex;align-items:center;gap:.75rem;padding:.8rem 1.1rem .8rem .8rem}
.ring{width:3.4rem;height:3.4rem;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:7}
.ring-bg{stroke:var(--berry-soft)}
.ring-fg{stroke:var(--berry);stroke-linecap:round;stroke-dasharray:62 100}
.fc-ring b{display:block;font:700 1.05rem/1.1 var(--display);letter-spacing:-.02em}
.fc-ring span{font-size:.78rem;color:var(--muted)}

.fc-chat{bottom:-5%;left:-8%;width:16.5rem;display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem .9rem .85rem}
.fc-chat img{width:2.6rem;height:2.6rem;flex:none;border-radius:50%;object-fit:cover;object-position:top}
.fc-name{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.2rem;font-weight:700;font-size:.84rem}
.fc-name span{font-weight:500;color:var(--herb);font-size:.74rem}

.fc-chip{
  position:absolute;z-index:2;top:-3%;right:8%;
  display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;
  background:var(--ink);color:#fff;font:600 .84rem/1 var(--text);box-shadow:0 16px 30px -14px rgba(21,25,44,.6);
}
.fc-chip svg{width:1rem;height:1rem;color:#7FD4A6}

@media (max-width:40em){
  .fc-plan{left:-3%;top:5%;width:12.6rem;padding:.8rem .85rem .75rem;font-size:.8rem}
  .fc-ring{right:-3%;bottom:6%;padding:.6rem .85rem .6rem .6rem}
  .ring{width:2.8rem;height:2.8rem}
  .fc-chat,.fc-foot{display:none}
  .fc-chip{right:4%;top:-2.5%}
}
@media (prefers-reduced-motion:no-preference){
  [data-float]{animation:bob 6s ease-in-out infinite;will-change:transform}
  [data-float="2"]{animation-duration:7s;animation-delay:-2s}
  [data-float="3"]{animation-duration:8s;animation-delay:-4s}
  [data-float="4"]{animation-duration:5.5s;animation-delay:-1s}
}
@keyframes bob{50%{translate:0 -8px}}

/* açılış sahnesi: sayfadaki tek koreografili hareket */
@media (prefers-reduced-motion:no-preference){
  .js [data-enter]{opacity:0;transform:translateY(22px);animation:enter .9s var(--ease) forwards;animation-delay:var(--d,0s)}
  .js .hero-visual[data-enter]{transform:translateY(30px) scale(.97)}
}
@keyframes enter{to{opacity:1;transform:none}}

/* ==========================================================================
   ŞERİTLER
   ========================================================================== */
.ribbons{position:relative;height:clamp(7rem,12vw,9.5rem);overflow:hidden;margin-block:-.5rem;z-index:2}
.ribbon{position:absolute;left:-4%;right:-4%;top:50%;display:flex;overflow:hidden;padding-block:.95rem}
.ribbon-a{background:var(--berry);color:#fff;transform:translateY(-50%) rotate(-2.4deg);z-index:2;box-shadow:0 18px 30px -20px rgba(142,29,73,.8)}
.ribbon-b{background:var(--ink);color:#E9EAF2;transform:translateY(-50%) rotate(2deg);z-index:1}
.ribbon-track{display:flex;align-items:center;gap:1.6rem;flex:none;padding-right:1.6rem;white-space:nowrap;font:600 clamp(1.05rem,1.8vw,1.35rem)/1 var(--display);font-stretch:90%;letter-spacing:-.02em}
.ribbon-track i{width:.6rem;height:.6rem;flex:none;border-radius:2px;background:currentColor;opacity:.55;transform:rotate(45deg)}
@media (prefers-reduced-motion:no-preference){
  .ribbon-track{animation:marquee 42s linear infinite}
  .ribbon-b .ribbon-track{animation-direction:reverse;animation-duration:50s}
}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ==========================================================================
   NEDEN — karşılaştırma
   ========================================================================== */
.why{padding-block:var(--sec)}
.vs{position:relative;display:grid;gap:1.25rem}
@media (min-width:56em){ .vs{grid-template-columns:1fr 1fr;gap:1.5rem} }
.vs-card{display:flex;flex-direction:column;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);padding:.75rem;overflow:hidden}
.vs-media{border-radius:calc(var(--r-xl) - .6rem);overflow:hidden;aspect-ratio:16/10;background:var(--paper-2)}
.vs-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.vs-card:hover .vs-media img{transform:scale(1.04)}
.vs-old .vs-media img{filter:grayscale(1) contrast(.9) brightness(1.05)}
.vs-body{padding:1.5rem 1.1rem 1.25rem}
@media (min-width:56em){ .vs-body{padding:1.75rem 1.5rem 1.5rem} }
.vs-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:99px;background:var(--paper-2);color:var(--muted);font:600 .85rem/1 var(--text)}
.vs-tag svg{width:.9rem;height:.9rem;fill:currentColor}
.vs-tag-new{background:var(--berry-soft);color:var(--berry)}
.vs-body h3{margin-top:1rem;font-size:clamp(1.4rem,2.2vw,1.75rem);font-stretch:90%}
.vs-list{display:grid;gap:.8rem;margin-top:1.25rem}
.vs-list li{display:grid;grid-template-columns:1.6rem 1fr;gap:.75rem;align-items:start}
.vs-list i{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%}
.vs-list i svg{width:.9rem;height:.9rem}
.vs-list i.no{background:var(--paper-2);color:var(--muted)}
.vs-list i.yes{background:var(--berry);color:#fff}
.vs-old .vs-list li{color:var(--muted)}
.vs-new{border-color:var(--berry-line);background:linear-gradient(180deg,#fff 55%,var(--berry-soft))}
.vs-badge{
  display:none;position:absolute;left:50%;top:38%;z-index:3;translate:-50% -50%;
  width:4.5rem;height:4.5rem;border-radius:50%;background:var(--ink);color:#fff;
  place-items:center;font:700 .9rem/1 var(--display);letter-spacing:-.01em;
  box-shadow:0 0 0 8px var(--paper),var(--sh-2);
}
@media (min-width:56em){ .vs-badge{display:grid} }

/* ==========================================================================
   PROGRAM — sekmeli yolculuk
   ========================================================================== */
.journey{padding-block:var(--sec);background:linear-gradient(180deg,var(--paper),var(--paper-2))}
.weeks{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;margin-bottom:1.75rem}
.weeks span{position:relative;height:.5rem;border-radius:99px;background:var(--line-2);transition:background-color .45s var(--ease)}
.weeks span.past{background:rgba(180,40,94,.35)}
.weeks span.on{background:var(--berry)}
.weeks b{position:absolute;top:.9rem;left:0;font:600 .78rem/1 var(--text);color:var(--muted);transition:color .3s}
.weeks span.on b{color:var(--berry)}
@media (min-width:48em){ .weeks span:first-child b::before{content:"Hafta "} }
.journey-grid{display:grid;gap:1.25rem;margin-top:2.25rem}
@media (min-width:64em){ .journey-grid{grid-template-columns:19rem minmax(0,1fr);gap:1.75rem;align-items:start} }

.phase-tabs{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .25rem}
.phase-tabs::-webkit-scrollbar{display:none}
@media (min-width:64em){ .phase-tabs{flex-direction:column;overflow:visible;margin:0;padding:0} }
.phase-tab{
  position:relative;flex:none;scroll-snap-align:start;min-width:12.5rem;
  display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.9rem;row-gap:.2rem;align-items:center;
  padding:1rem 1.1rem;border-radius:var(--r);border:1px solid var(--line);background:rgba(255,255,255,.7);
  text-align:left;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s var(--ease);
}
.phase-tab:hover{background:#fff;border-color:var(--line-2)}
.pt-num{grid-row:1 / 3;font:700 1.75rem/1 var(--display);font-stretch:80%;letter-spacing:-.04em;color:#8F8580;transition:color .25s}
.pt-when{font:600 .8rem/1 var(--text);color:var(--berry)}
.pt-name{font:700 1.08rem/1.15 var(--display);letter-spacing:-.02em}
.phase-tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:var(--sh-2)}
.phase-tab[aria-selected="true"] .pt-num{color:#FF7FAE}
.phase-tab[aria-selected="true"] .pt-when{color:#FFB2CD}
@media (min-width:64em){
  .phase-tab{min-width:0;padding:1.15rem 1.25rem}
  .phase-tab[aria-selected="true"]{transform:translateX(6px)}
}

.phase-panels{display:grid}
.phase-panel{
  display:grid;gap:.5rem;padding:.7rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);
}
@media (min-width:48em){ .phase-panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:.5rem} }
@media (prefers-reduced-motion:no-preference){ .phase-panel:not([hidden]){animation:panel .5s var(--ease)} }
@keyframes panel{from{opacity:0;transform:translateY(10px)}}
.pp-media{position:relative;border-radius:calc(var(--r-xl) - .55rem);overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}
@media (min-width:48em){ .pp-media{aspect-ratio:auto;min-height:100%} }
.pp-media img{width:100%;height:100%;object-fit:cover}
.pp-chip{position:absolute;left:.9rem;top:.9rem;padding:.45rem .8rem;border-radius:99px;background:rgba(255,255,255,.92);font:700 .85rem/1 var(--text);backdrop-filter:blur(6px)}
.pp-body{padding:1.25rem .8rem .8rem}
@media (min-width:48em){ .pp-body{padding:1.6rem 1.5rem 1.4rem 1.1rem} }
.pp-body h3{font-size:clamp(1.5rem,2.4vw,2rem);font-stretch:88%}
.pp-body > p{margin-top:.75rem;color:var(--muted)}
.checks{display:grid;gap:.6rem;margin-top:1.25rem}
.checks li{display:flex;gap:.65rem;align-items:flex-start;font-weight:500}
.checks svg{width:1.3rem;height:1.3rem;flex:none;padding:.22rem;border-radius:50%;background:var(--herb-soft);color:var(--herb);margin-top:.12rem}
.pp-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1.5rem}
.pp-meta div{padding:.75rem .8rem;border-radius:var(--r-sm);background:var(--paper)}
.pp-meta dt{font-size:.76rem;color:var(--muted)}
.pp-meta dd{margin-top:.2rem;font:700 .98rem/1.2 var(--display);letter-spacing:-.015em}

/* ==========================================================================
   BİR GÜN — tabak
   ========================================================================== */
.day{padding-block:var(--sec);background:var(--paper-2);overflow:hidden}
.day::before{
  content:"";position:absolute;left:50%;top:48%;width:min(80rem,140vw);aspect-ratio:1;translate:-50% -50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));
}
.day .wrap{position:relative}
.day-grid{display:grid;gap:2rem}
@media (min-width:64em){ .day-grid{grid-template-columns:15.5rem minmax(0,1fr);gap:3.5rem;align-items:center} }

.meal-tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .25rem}
.meal-tabs::-webkit-scrollbar{display:none}
@media (min-width:64em){
  .meal-tabs{position:relative;flex-direction:column;gap:.35rem;overflow:visible;margin:0;padding:0 0 0 1.35rem}
  .meal-tabs::before{content:"";position:absolute;left:.35rem;top:1.2rem;bottom:1.2rem;border-left:2px dashed var(--line-2)}
}
.meal-tab{
  position:relative;flex:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.75rem;align-items:center;
  padding:.85rem 1.05rem;border-radius:var(--r);border:1px solid transparent;background:rgba(255,255,255,.55);
  text-align:left;cursor:pointer;transition:background-color .25s,border-color .25s,box-shadow .25s;
}
.meal-tab time{grid-row:1 / 3;font:700 .95rem/1 var(--display);color:var(--berry);font-variant-numeric:tabular-nums}
.meal-tab span{font:700 1.05rem/1.1 var(--display);letter-spacing:-.02em}
.meal-tab small{font-size:.8rem;color:var(--muted)}
.meal-tab:hover{background:#fff}
.meal-tab[aria-selected="true"]{background:#fff;border-color:var(--line);box-shadow:var(--sh-1)}
@media (min-width:64em){
  .meal-tab::before{content:"";position:absolute;left:-1.35rem;top:50%;width:.75rem;height:.75rem;translate:0 -50%;border-radius:50%;background:var(--paper-2);border:2px solid var(--line-2);transition:background-color .25s,border-color .25s}
  .meal-tab[aria-selected="true"]::before{background:var(--berry);border-color:var(--berry);box-shadow:0 0 0 5px var(--berry-soft)}
}

.meal-panels{display:grid}
.meal-panel{display:grid;gap:2rem;align-items:center}
@media (min-width:52em){ .meal-panel{grid-template-columns:auto minmax(0,1fr);gap:3.5rem} }
.plate{position:relative;width:min(74vw,22rem);aspect-ratio:1;justify-self:center;margin:1.25rem}
.plate::before{
  content:"";position:absolute;inset:-7%;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 55%,#F3EEEA 72%,#fff 100%);
  box-shadow:0 40px 70px -35px rgba(21,25,44,.45),inset 0 0 0 1px rgba(21,25,44,.05);
}
.plate img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
@media (prefers-reduced-motion:no-preference){ .meal-panel:not([hidden]) .plate img{animation:plate .8s var(--ease)} }
@keyframes plate{from{opacity:0;transform:rotate(-14deg) scale(.92)}}
.plate-kcal{
  position:absolute;top:0;right:-4%;z-index:1;display:grid;place-content:center;text-align:center;
  width:5.2rem;height:5.2rem;border-radius:50%;background:var(--honey);color:var(--ink);rotate:10deg;
  font:600 .78rem/1.1 var(--text);box-shadow:0 14px 26px -14px rgba(120,80,0,.6);
}
.plate-kcal b{display:block;font:800 1.45rem/1 var(--display);font-stretch:85%;letter-spacing:-.03em}
.meal-when{font:600 .9rem/1 var(--text);color:var(--berry)}
.meal-info h3{margin-top:.6rem;font-size:clamp(1.65rem,3vw,2.3rem);font-stretch:86%}
.meal-info > p:not(.meal-when){margin-top:.8rem;max-width:32rem;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}
.chips li{padding:.38rem .8rem;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:.87rem;font-weight:500}
.macros{display:grid;gap:.75rem;margin-top:1.6rem;max-width:30rem}
.macro{display:grid;grid-template-columns:7.25rem minmax(0,1fr) 3.4rem;align-items:center;gap:.75rem;font-size:.92rem}
.macro span{color:var(--muted)}
.macro b{text-align:right;font:700 .98rem/1 var(--display);font-variant-numeric:tabular-nums}
.bar{height:.6rem;border-radius:99px;background:rgba(21,25,44,.07);overflow:hidden}
.bar i{display:block;height:100%;width:var(--v);border-radius:inherit;background:var(--c)}
@media (prefers-reduced-motion:no-preference){ .meal-panel:not([hidden]) .bar i{animation:grow 1s var(--ease) .15s both} }
@keyframes grow{from{width:0}}
.m-p{--c:var(--berry)}
.m-k{--c:var(--honey)}
.m-y{--c:var(--herb)}

.day-total{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.day-total li{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1rem;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:.92rem;box-shadow:var(--sh-1)}
.day-total svg{width:1.1rem;height:1.1rem;color:var(--berry)}
.day-total span{color:var(--muted)}
.day-total b{font:700 1rem/1 var(--display);letter-spacing:-.01em}

/* ==========================================================================
   DAHİL — bento
   ========================================================================== */
.incl{padding-block:var(--sec)}
.bento{display:grid;gap:1rem}
@media (min-width:44em){ .bento{grid-template-columns:repeat(2,minmax(0,1fr))} .t-call{grid-column:1 / -1} }
@media (min-width:64em){
  .bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"call call chat chat" "call call lab rec" "list list follow follow"}
  .t-call{grid-area:call}
  .t-chat{grid-area:chat}
  .t-lab{grid-area:lab}
  .t-rec{grid-area:rec}
  .t-list{grid-area:list}
  .t-follow{grid-area:follow}
}
.tile{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);overflow:hidden;min-height:15rem}
.tile h3{font-size:1.3rem;font-stretch:92%;letter-spacing:-.025em}
.tile p{color:var(--muted);font-size:.97rem}
.tile-text{display:grid;gap:.55rem;align-content:start}
.tile-ic{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--r-sm);background:var(--berry-soft);color:var(--berry);margin-bottom:.35rem}
.tile-ic svg{width:1.25rem;height:1.25rem}

.t-call{background:var(--ink);color:#fff;border-color:var(--ink);padding:.75rem;gap:0}
.t-call .tile-text{padding:1.25rem .9rem .8rem}
.t-call p{color:var(--muted-light)}
.t-call .tile-ic{background:rgba(255,127,174,.14);color:#FF9DC0}
.call{position:relative;border-radius:calc(var(--r-lg) - .5rem);overflow:hidden;aspect-ratio:16/11;background:var(--ink-2)}
@media (min-width:64em){ .call{aspect-ratio:auto;flex:1;min-height:17rem} }
.call img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.call::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,25,44,.35),transparent 30%,transparent 60%,rgba(21,25,44,.7))}
.call > span{position:absolute;z-index:1}
.call-time{top:.9rem;left:.9rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:99px;background:rgba(21,25,44,.55);font:600 .8rem/1 var(--text);font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}
.call-time i{width:.5rem;height:.5rem;border-radius:50%;background:#FF5A5A}
.call-self{top:.9rem;right:.9rem;display:grid;place-items:center;width:4.4rem;height:5.6rem;border-radius:var(--r-sm);background:linear-gradient(160deg,var(--ink-3),var(--ink-2));border:2px solid rgba(255,255,255,.25);font:700 1rem/1 var(--display);color:#FFB2CD}
.call-name{left:.9rem;bottom:.9rem;padding:.35rem .7rem;border-radius:99px;background:rgba(21,25,44,.55);font:600 .82rem/1 var(--text);backdrop-filter:blur(6px)}
.call-ctrl{right:.9rem;bottom:.8rem;display:flex;gap:.45rem}
.call-ctrl b{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.call-ctrl b.end{background:#E5484D}
.call-ctrl svg{width:1.05rem;height:1.05rem}
.call-ctrl .end svg{rotate:135deg}

.t-chat{background:var(--herb-soft);border-color:#D2E4D8}
.t-chat .tile-ic{background:#fff;color:var(--herb)}
@media (min-width:40em){ .t-chat{flex-direction:row;align-items:stretch;gap:1.25rem} .t-chat .tile-text{flex:1 1 0} .t-chat .chat{flex:1.25 1 0} }
.chat{display:flex;flex-direction:column;gap:.45rem;justify-content:flex-end;font-size:.86rem;line-height:1.4}
.bub{position:relative;max-width:88%;padding:.6rem .8rem 1.25rem;border-radius:16px;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.bub time{position:absolute;right:.7rem;bottom:.35rem;font-size:.68rem;opacity:.65}
.bub.in{align-self:flex-start;background:#fff;border-bottom-left-radius:5px;color:var(--ink)}
.bub.out{align-self:flex-end;background:var(--herb);color:#fff;border-bottom-right-radius:5px}

.t-lab{gap:.6rem}
.lab{margin-top:auto}
.lab-chart{width:100%;height:auto;overflow:visible}
.lab-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.lab-area{fill:rgba(180,40,94,.1)}
.lab-line{fill:none;stroke:var(--berry);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lab-chart circle{fill:#fff;stroke:var(--berry);stroke-width:3}
.lab-chart circle.last{fill:var(--berry);stroke:#fff}
.lab-legend{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.72rem;color:var(--muted)}
.lab-chip{align-self:flex-start;padding:.4rem .75rem;border-radius:99px;background:var(--herb-soft);color:var(--herb);font-size:.85rem;font-weight:600}
.lab-chip b{font-weight:800}

.t-rec{background:var(--honey-soft);border-color:#F4E0B5}
.t-rec .tile-ic{background:#fff;color:#B7791F}
.t-rec p{color:#6E6150}
.fan{position:relative;height:9.5rem;margin-top:auto}
.fan figure{position:absolute;bottom:0;width:6.4rem;padding:.35rem .35rem .5rem;border-radius:12px;background:#fff;box-shadow:0 14px 26px -14px rgba(90,60,10,.5);transition:transform .45s var(--ease)}
.fan img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:8px}
.fan figcaption{margin-top:.3rem;font:600 .68rem/1.2 var(--text);text-align:center}
.fan figure:nth-child(1){left:6%;transform:rotate(-10deg)}
.fan figure:nth-child(2){left:50%;translate:-50% 0;z-index:2;transform:translateY(-8px)}
.fan figure:nth-child(3){right:6%;transform:rotate(10deg)}
.t-rec:hover .fan figure:nth-child(1){transform:rotate(-15deg) translateX(-6px)}
.t-rec:hover .fan figure:nth-child(3){transform:rotate(15deg) translateX(6px)}
.t-rec:hover .fan figure:nth-child(2){transform:translateY(-16px)}

@media (min-width:40em){ .t-list{flex-direction:row;align-items:center;gap:1.5rem} .t-list .tile-text{flex:1 1 0} .t-list .shop{flex:1.15 1 0} }
.shop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;gap:.75rem;align-items:center;padding:1rem;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.shop ul{display:grid;gap:.5rem;font-size:.9rem}
.shop li{display:grid;grid-template-columns:1.1rem 1fr auto;gap:.55rem;align-items:center}
.shop li span{font-size:.78rem;color:var(--muted)}
.shop i{display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:5px;border:1.5px solid var(--line-2);background:#fff}
.shop i svg{width:.7rem;height:.7rem}
.shop .got i{background:var(--berry);border-color:var(--berry);color:#fff}
.shop .got{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(91,97,117,.45)}
.shop img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm);rotate:4deg;box-shadow:var(--sh-1)}

.t-follow{background:var(--berry-soft);border-color:var(--berry-line)}
.t-follow .tile-ic{background:#fff}
@media (min-width:40em){ .t-follow{flex-direction:row;align-items:center;gap:1.5rem} .t-follow .tile-text{flex:1 1 0} .t-follow .follow{flex:1.15 1 0} }
.follow{padding:1.1rem;border-radius:var(--r);background:#fff;border:1px solid var(--berry-line)}
.follow-row{display:flex;align-items:center;gap:.3rem}
.follow-row i{flex:1;height:.4rem;border-radius:99px;background:var(--berry-soft)}
.follow-row b{flex:none;padding:.3rem .5rem;border-radius:99px;background:var(--berry);color:#fff;font:700 .72rem/1 var(--text)}
.f-done{display:grid;place-items:center;flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--ink);color:#fff;font:700 .8rem/1 var(--display)}
.follow-note{display:flex;align-items:center;gap:.4rem;margin-top:.85rem;font-size:.82rem;color:var(--muted)}
.follow-note svg{width:1rem;height:1rem;color:var(--herb)}

/* ==========================================================================
   SONUÇLAR
   ========================================================================== */
.results{padding-block:var(--sec);background:var(--ink);color:#E4E6F0;overflow:hidden}
.res-glow{position:absolute;right:-15%;top:-20%;width:60vw;height:60vw;max-width:780px;max-height:780px;pointer-events:none;background:radial-gradient(closest-side,rgba(180,40,94,.35),rgba(180,40,94,0))}
.results .wrap{position:relative}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:clamp(4rem,8vw,6rem);border-radius:var(--r-lg);overflow:hidden;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}
@media (min-width:56em){ .stats{grid-template-columns:repeat(4,minmax(0,1fr))} }
.stat{padding:clamp(1.4rem,3vw,2.2rem) clamp(1.1rem,2.5vw,1.8rem);background:var(--ink)}
.stat b{display:block;font:750 clamp(2.5rem,5.6vw,4.2rem)/.95 var(--display);font-stretch:82%;letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:.6rem;font-size:.95rem;color:var(--muted-light)}
.stat:nth-child(2) b{color:#FF9DC0}

.results .sec-head{margin-bottom:2rem}
.car-nav{display:flex;gap:.6rem;justify-self:end}
.car-btn{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s,opacity .2s}
.car-btn svg{width:1.2rem;height:1.2rem}
.car-btn:hover:not(:disabled){background:#fff;color:var(--ink);border-color:#fff}
.car-btn:disabled{opacity:.35;cursor:default}
.car-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:min(86%,24.5rem);gap:1rem;
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;
  margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .5rem;scroll-padding-inline:var(--gutter);
}
.car-track::-webkit-scrollbar{display:none}
.car-track:focus-visible{outline-offset:-2px}
.quote{scroll-snap-align:start;display:flex;flex-direction:column;gap:1.4rem;padding:1.75rem;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid rgba(255,255,255,.08)}
.quote blockquote{flex:1;font:400 clamp(1.3rem,2vw,1.55rem)/1.32 var(--serif);font-style:italic;color:#fff;letter-spacing:-.005em}
.quote blockquote::before{content:"“";display:block;height:2.2rem;font:italic 4rem/1 var(--serif);color:#FF7FAE}
.res{display:flex;flex-wrap:wrap;gap:.4rem}
.res span{padding:.38rem .75rem;border-radius:99px;background:rgba(255,127,174,.14);color:#FFC2D7;font:700 .84rem/1 var(--text);font-variant-numeric:tabular-nums}
.quote figcaption{display:flex;align-items:center;gap:.8rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);font-size:.9rem;color:var(--muted-light)}
.quote figcaption b{display:block;color:#fff;font-weight:700}
.av{display:grid;place-items:center;width:2.6rem;height:2.6rem;flex:none;border-radius:50%;background:var(--c);color:#fff;font:700 .8rem/1 var(--text)}
.car-dots{display:flex;justify-content:center;gap:.45rem;margin-top:1.75rem}
.car-dots i{width:.5rem;height:.5rem;border-radius:99px;background:rgba(255,255,255,.25);transition:width .3s var(--ease),background-color .3s}
.car-dots i.on{width:1.75rem;background:#FF7FAE}

/* ==========================================================================
   DİYETİSYEN
   ========================================================================== */
.about{padding-block:var(--sec)}
.about-grid{display:grid;gap:3.5rem;align-items:center}
@media (min-width:64em){ .about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5.5rem} }
.about-photo{position:relative;width:min(100%,29rem);justify-self:center;margin:0 1.25rem 1.25rem 0}
.about-photo::before{content:"";position:absolute;inset:1.4rem -1.4rem -1.4rem 1.4rem;border-radius:var(--r-xl);background:var(--berry-soft);border:1px solid var(--berry-line)}
.about-photo img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-xl);box-shadow:var(--sh-2)}
.about-badge{position:absolute;left:-1rem;bottom:2.5rem;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.15rem .85rem .85rem;border-radius:var(--r);background:#fff;box-shadow:var(--sh-2)}
.ab-ic{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--r-sm);background:var(--ink);color:#fff}
.ab-ic svg{width:1.3rem;height:1.3rem}
.about-badge b{display:block;font:750 1.35rem/1 var(--display);letter-spacing:-.03em}
.about-badge span:last-child{font-size:.85rem;color:var(--muted)}
.about-body h2{margin-top:1rem;font-size:clamp(2.1rem,4.4vw,3.4rem);font-stretch:86%;letter-spacing:-.035em}
.about-lead{margin-top:1.25rem;font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.55}
.about-body > p:not(.kicker):not(.about-lead){margin-top:1rem;color:var(--muted)}
.creds{display:grid;gap:.75rem;margin-top:2rem}
@media (min-width:40em){ .creds{grid-template-columns:1fr 1fr} }
.creds li{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.creds li > span{display:grid;place-items:center;width:2.4rem;height:2.4rem;flex:none;border-radius:var(--r-sm);background:var(--berry-soft);color:var(--berry)}
.creds svg{width:1.15rem;height:1.15rem}
.creds p{font-size:.86rem;color:var(--muted);line-height:1.4}
.creds b{display:block;margin-bottom:.1rem;color:var(--ink);font-size:.95rem}
.about-quote{position:relative;margin-top:2rem;padding:1.4rem 1.6rem 1.4rem 3.4rem;border-radius:var(--r);background:var(--ink);color:#fff;font:italic 400 clamp(1.25rem,2vw,1.5rem)/1.35 var(--serif)}
.about-quote::before{content:"“";position:absolute;left:1.1rem;top:.7rem;font:italic 3.6rem/1 var(--serif);color:#FF7FAE}

/* ==========================================================================
   ÜCRETLER
   ========================================================================== */
.pricing{padding-block:var(--sec);background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.pay{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;margin-top:.75rem;padding:.3rem;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.pay button{position:relative;z-index:1;padding:.7rem 1.35rem;border:0;border-radius:99px;background:transparent;font:600 .95rem/1 var(--text);color:var(--muted);cursor:pointer;transition:color .3s}
.pay button[aria-checked="true"]{color:#fff}
.pay-pill{position:absolute;z-index:0;top:.3rem;bottom:.3rem;left:.3rem;width:calc(50% - .3rem);border-radius:99px;background:var(--ink);transition:transform .4s var(--ease)}
.pay[data-mode="split"] .pay-pill{transform:translateX(100%)}
.plans{display:grid;gap:1.25rem;align-items:start}
@media (min-width:64em){ .plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.5rem} }
.plan{position:relative;display:flex;flex-direction:column;padding:2rem 1.75rem 1.75rem;border-radius:var(--r-xl);background:#fff;border:1px solid var(--line)}
.plan h3{font-size:1.5rem;font-stretch:90%}
.plan-desc{margin-top:.6rem;color:var(--muted);font-size:.96rem;min-height:3.1em}
.price{margin-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.price b{display:block;font:750 clamp(2.4rem,4vw,3rem)/1 var(--display);font-stretch:85%;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.price span{display:block;margin-top:.5rem;font-size:.88rem;color:var(--muted)}
.plan ul{display:grid;gap:.75rem;align-content:start;margin:1.5rem 0 2rem;flex:1}
.plan li{display:flex;gap:.65rem;align-items:flex-start;font-size:.97rem}
.plan li svg{width:1.25rem;height:1.25rem;flex:none;margin-top:.1rem;padding:.2rem;border-radius:50%;background:var(--herb-soft);color:var(--herb)}
.plan-hot{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 50px 90px -45px rgba(21,25,44,.75)}
@media (min-width:64em){ .plan-hot{translate:0 -1.25rem} }
.plan-hot .plan-desc,.plan-hot .price span{color:var(--muted-light)}
.plan-hot .price{border-color:rgba(255,255,255,.12)}
.plan-hot li svg{background:rgba(255,127,174,.16);color:#FF9DC0}
.plan-tag{position:absolute;top:-.85rem;left:1.75rem;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:99px;background:var(--berry);color:#fff;font:700 .8rem/1 var(--text);box-shadow:var(--sh-berry)}
.plan-tag svg{width:.8rem;height:.8rem;color:var(--honey)}
.price b,.price span{transition:opacity .25s ease}
.price.swap b,.price.swap span{opacity:0}
.plans-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2.25rem;font-size:.92rem;color:var(--muted);text-align:center}
.plans-note svg{width:1.15rem;height:1.15rem;flex:none;color:var(--herb)}

/* ==========================================================================
   SSS
   ========================================================================== */
.faq{padding-block:var(--sec)}
.faq-grid{display:grid;gap:2.5rem}
@media (min-width:64em){ .faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5rem;align-items:start} .faq-head{position:sticky;top:calc(var(--hdr) + 2rem)} }
.faq-head{justify-items:start;margin:0}
.faq-head .btn{margin-top:.5rem}
.faq-head .btn svg{color:#1FA855}
.qa-list{display:grid;gap:.6rem}
.qa{border-radius:var(--r);background:#fff;border:1px solid var(--line);transition:border-color .25s,box-shadow .25s}
.qa[open]{border-color:var(--line-2);box-shadow:var(--sh-1)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem 1.15rem 1.4rem;cursor:pointer;list-style:none;font:650 1.06rem/1.35 var(--text);letter-spacing:-.01em}
.qa summary::-webkit-details-marker{display:none}
.qa-ic{position:relative;flex:none;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--paper-2);transition:background-color .25s,transform .35s var(--ease)}
.qa-ic::before,.qa-ic::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:2px;border-radius:2px;background:var(--ink);translate:-50% -50%;transition:background-color .25s}
.qa-ic::after{rotate:90deg}
.qa[open] .qa-ic{background:var(--berry);transform:rotate(135deg)}
.qa[open] .qa-ic::before,.qa[open] .qa-ic::after{background:#fff}
.qa-a{padding:0 4rem 1.3rem 1.4rem;color:var(--muted)}
@media (prefers-reduced-motion:no-preference){ .qa[open] .qa-a{animation:qa .4s var(--ease)} }
@keyframes qa{from{opacity:0;transform:translateY(-6px)}}

/* ==========================================================================
   BAŞVURU
   ========================================================================== */
.apply{padding-block:0 var(--sec)}
.apply-grid{display:grid;gap:1.25rem}
@media (min-width:64em){ .apply-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1.5rem;align-items:stretch} }
.apply-info{position:relative;overflow:hidden;padding:clamp(1.75rem,4vw,2.75rem);border-radius:var(--r-xl);background:var(--ink);color:var(--muted-light)}
.apply-mark{position:absolute;right:-3rem;bottom:-3rem;width:16rem;height:16rem;fill:rgba(255,255,255,.035)}
.apply-info h2{margin-top:1rem;color:#fff;font-size:clamp(2rem,3.8vw,2.9rem);font-stretch:86%;letter-spacing:-.035em}
.apply-lead{margin-top:1rem;font-size:1.03rem}
.next{display:grid;gap:1.25rem;margin-top:2.25rem}
.next li{display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;align-items:start}
.next li > span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(255,127,174,.14);color:#FF9DC0;font:700 1rem/1 var(--display)}
.next p{font-size:.93rem;line-height:1.5}
.next b{display:block;margin-bottom:.15rem;color:#fff;font-size:1rem}
.apply-contact{display:grid;gap:.7rem;margin-top:2.25rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.95rem}
.apply-contact li{display:flex;align-items:center;gap:.7rem}
.apply-contact svg{width:1.15rem;height:1.15rem;flex:none;color:#FF9DC0}
.apply-contact a{color:#fff;text-decoration:none}
.apply-contact a:hover{text-decoration:underline}

.apply-form{display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--r-xl);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.progress{display:grid;gap:.6rem;margin-bottom:1.75rem}
.progress-label{font-size:.88rem;color:var(--muted)}
.progress-label b{color:var(--ink)}
.progress-track{height:.4rem;border-radius:99px;background:var(--paper-2);overflow:hidden}
.progress-track i{display:block;height:100%;width:calc(var(--step,1) / 3 * 100%);border-radius:inherit;background:linear-gradient(90deg,var(--berry),#E0588D);transition:width .5s var(--ease)}
.step{margin:0;padding:0;border:0;min-width:0}
@media (prefers-reduced-motion:no-preference){ .step:not([hidden]){animation:panel .45s var(--ease)} }
.step legend{padding:0;font:700 clamp(1.5rem,2.6vw,1.9rem)/1.1 var(--display);font-stretch:88%;letter-spacing:-.03em}
.step-hint{margin-top:.4rem;color:var(--muted);font-size:.95rem}
.opts{display:grid;gap:.7rem;margin-top:1.5rem}
@media (min-width:36em){ .opts{grid-template-columns:1fr 1fr} }
.opt{position:relative;cursor:pointer}
.opt input,.chips-pick input,.seg input{position:absolute;opacity:0;width:1px;height:1px}
.opt > span{display:grid;grid-template-columns:2.6rem 1fr;grid-template-rows:auto auto;column-gap:.85rem;align-items:center;padding:1rem;border-radius:var(--r);border:1.5px solid var(--line);background:var(--paper);transition:border-color .2s,background-color .2s,box-shadow .2s}
.opt svg{grid-row:1 / 3;width:2.6rem;height:2.6rem;padding:.6rem;border-radius:var(--r-sm);background:#fff;color:var(--berry);transition:background-color .2s,color .2s}
.opt b{font-size:1rem}
.opt small{font-size:.83rem;color:var(--muted)}
.opt:hover > span{border-color:var(--line-2);background:#fff}
.opt input:checked + span{border-color:var(--berry);background:var(--berry-soft);box-shadow:0 0 0 3px rgba(180,40,94,.12)}
.opt input:checked + span svg{background:var(--berry);color:#fff}
.opt input:focus-visible + span,.chips-pick input:focus-visible + span,.seg input:focus-visible + span{outline:2.5px solid var(--berry);outline-offset:2px}

.chips-pick{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.chips-pick label{cursor:pointer}
.chips-pick span{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:99px;border:1.5px solid var(--line);background:var(--paper);font-size:.94rem;font-weight:500;transition:border-color .2s,background-color .2s,color .2s}
.chips-pick span::before{content:"+";font-weight:700;color:var(--muted)}
.chips-pick label:hover span{border-color:var(--line-2);background:#fff}
.chips-pick input:checked + span{border-color:var(--ink);background:var(--ink);color:#fff}
.chips-pick input:checked + span::before{content:"✓";color:#7FD4A6}
.sub-legend{margin-top:1.75rem;font-weight:700}
.seg{display:inline-grid;grid-auto-flow:column;gap:.25rem;margin-top:.7rem;padding:.3rem;border-radius:99px;background:var(--paper-2)}
.seg label{cursor:pointer}
.seg span{display:block;padding:.6rem 1.05rem;border-radius:99px;font-size:.92rem;font-weight:600;color:var(--muted);transition:background-color .2s,color .2s,box-shadow .2s}
.seg input:checked + span{background:#fff;color:var(--ink);box-shadow:var(--sh-1)}

.fields{display:grid;gap:1rem;margin-top:1.5rem}
@media (min-width:36em){ .fields{grid-template-columns:1fr 1fr} .fields .field-row:first-child{grid-column:1 / -1} .consent,.fields > .err{grid-column:1 / -1} }
.field-row{display:grid;gap:.4rem;align-content:start}
.field-row label{font-size:.9rem;font-weight:600}
.opt-l{font-weight:500;color:var(--muted)}
.field{width:100%;height:3.2rem;padding:0 1rem;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font:500 1rem/1 var(--text);transition:border-color .2s,background-color .2s,box-shadow .2s}
.field::placeholder{color:#A8A3A6}
.field:hover{border-color:var(--line-2)}
.field:focus{outline:none;border-color:var(--berry);background:#fff;box-shadow:0 0 0 4px rgba(180,40,94,.12)}
.field[aria-invalid="true"]{border-color:#C2334A;background:#FFF6F7}
.consent{display:flex;gap:.7rem;align-items:flex-start;margin-top:.25rem;font-size:.9rem;color:var(--muted);cursor:pointer}
.consent input{width:1.2rem;height:1.2rem;margin:.1rem 0 0;flex:none;accent-color:var(--berry)}
.err{min-height:1.2rem;margin-top:.35rem;font-size:.84rem;font-weight:500;color:#B42340}
.err:empty{min-height:0;margin:0}

.form-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:2rem}
.form-nav [data-next],.form-nav [data-submit]{margin-left:auto}
.form-demo{margin-top:1rem;font-size:.8rem;color:var(--muted);text-align:center}

.form-done{display:grid;justify-items:center;text-align:center;gap:.75rem;padding:2rem .5rem 1rem;outline:none}
.done-ic{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--herb);color:#fff;box-shadow:0 0 0 10px var(--herb-soft)}
.done-ic svg{width:2rem;height:2rem}
@media (prefers-reduced-motion:no-preference){ .form-done:not([hidden]) .done-ic{animation:pop .6s var(--ease)} }
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:none;opacity:1}}
.form-done h3{margin-top:.75rem;font-size:1.8rem;font-stretch:88%}
.form-done p{max-width:26rem;color:var(--muted)}
.form-done .btn{margin-top:.75rem}

/* ==========================================================================
   KAPANIŞ
   ========================================================================== */
.closing{padding-block:clamp(5.5rem,12vw,9.5rem);background:var(--ink);color:#fff;overflow:hidden}
.closing > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.closing::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(21,25,44,.96) 10%,rgba(21,25,44,.7) 55%,rgba(21,25,44,.25))}
.closing-in{position:relative;z-index:1}
.closing h2{margin-top:1.5rem;font-size:clamp(2.5rem,6vw,4.9rem);font-stretch:85%;letter-spacing:-.035em;max-width:12ch}
.closing-in > p:not(.badge){margin-top:1.25rem;max-width:32rem;font-size:clamp(1.05rem,1.5vw,1.2rem);color:#D2D5E3}
.closing-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.foot{padding-top:clamp(3.5rem,7vw,5rem);background:#0F1222;color:var(--muted-light);font-size:.95rem}
.foot-grid{display:grid;gap:2.5rem}
@media (min-width:44em){ .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){ .foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem} }
.foot-brand p{margin-top:1rem;max-width:22rem}
.socials{display:flex;gap:.5rem;margin-top:1.5rem}
.foot-col{display:grid;gap:.6rem;align-content:start}
.foot-col h3{margin-bottom:.4rem;font:700 1rem/1 var(--display);color:#fff;letter-spacing:-.01em}
.foot-col a{text-decoration:none;width:fit-content}
.foot-col a:hover{color:#fff;text-decoration:underline}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin-top:3.5rem;padding-block:1.75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.86rem}
.foot-bottom p{max-width:38rem}
.credit{display:inline-flex;align-items:center;gap:.6rem;color:#fff;opacity:.72;text-decoration:none;transition:opacity .2s}
.credit:hover,.credit:focus-visible{opacity:1}
.credit > svg{width:1.3rem;height:1.3rem;flex:none}
.credit-sub{display:flex;flex-direction:column;padding-left:.6rem;border-left:1px solid currentColor;font-size:.56rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}

/* ---------- mobil yapışkan başvuru ---------- */
.m-cta{
  position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:40;
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .55rem .55rem 1rem;
  border-radius:999px;background:rgba(21,25,44,.94);color:#fff;box-shadow:0 20px 40px -18px rgba(21,25,44,.7);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transform:translateY(160%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s linear .45s;
}
.m-cta.show{transform:none;visibility:visible;transition:transform .45s var(--ease),visibility 0s}
.m-cta p{display:flex;align-items:center;gap:.6rem;font-size:.92rem}
.m-cta .badge-live{background:rgba(127,212,166,.16);color:#7FD4A6}
.m-cta .btn{--h:2.75rem}
@media (min-width:64em){ .m-cta{display:none} }

/* ---------- kaydırınca beliren ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
  .js [data-reveal].in{opacity:1;transform:none}
}