/* =====================================================================
   The App — /app/  (the-method'dan ayrılan app satış sayfası)
   the-method.css'in tm- desenleriyle aynı ritim, ap- önekiyle.
   ===================================================================== */
:root {
  --ap-ink:#05080D; --ap-navy:#0D305E; --ap-teal:#5AB6B7; --ap-gold:#F0BB3D; --ap-parch:#F1F0EB;
  --ap-easing:cubic-bezier(0.22,0.61,0.36,1); --ap-col:820px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--ap-ink);color:var(--ap-parch);font-family:"Cormorant Garamond",Georgia,serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  font-size:clamp(16px,1.05vw + 12px,19px);line-height:1.5;}
img{display:block;max-width:100%;}
a{color:inherit;}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--ap-teal);outline-offset:3px;border-radius:4px;}

.ap-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 50% 0%,rgba(13,48,94,0.42),transparent 60%),
  linear-gradient(180deg,#0d305e 0%,#081427 42%,#05080D 100%);}

.ap-root{position:relative;z-index:1;display:block;}
.ap-section{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(56px,9vh,110px) max(22px,env(safe-area-inset-left)) clamp(56px,9vh,110px) max(22px,env(safe-area-inset-right));}
.ap-section > *{width:100%;max-width:var(--ap-col);}
.ap-section--tint{background:rgba(13,48,94,0.20);border-top:1px solid rgba(90,182,183,0.10);border-bottom:1px solid rgba(90,182,183,0.10);}
.ap-reveal{opacity:0;transition:opacity 0.8s var(--ap-easing);}
.ap-reveal.is-in{opacity:1;}
.ap-reveal.ap-hero{opacity:1;}

.ap-eyebrow{margin:0 0 16px;}
.ap-heading{margin:0 auto 24px;max-width:24ch;font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.2;}
.ap-body{margin:0 auto 18px;max-width:60ch;text-align:left;font-style:italic;
  font-size:clamp(1.05rem,0.9vw + 0.85rem,1.32rem);line-height:1.6;color:rgba(241,240,235,0.94);}
.ap-intro{font-style:italic;margin-bottom:18px;text-align:center;}

/* HERO */
.ap-hero{min-height:78vh;justify-content:center;}
.ap-hero-inner{display:flex;flex-direction:column;align-items:center;}
.ap-title{margin:0;}
.ap-sub{margin:20px auto 0;max-width:40ch;font-style:italic;line-height:1.45;
  font-size:clamp(1.1rem,1.4vw + 0.8rem,1.6rem);color:rgba(241,240,235,0.94);}
.ap-cta{text-decoration:none;}
.ap-cta--hero{margin-top:32px;}

/* Günlük akış + kazanımlar (the-method'daki tm-steps/tm-list deseni) */
.ap-steps,.ap-list{margin:0 auto;padding:0;list-style:none;max-width:58ch;text-align:left;counter-reset:s;}
.ap-steps li{position:relative;padding:0 0 0 40px;margin:0 0 16px;counter-increment:s;
  font-size:clamp(1.02rem,0.7vw + 0.85rem,1.2rem);line-height:1.5;color:rgba(241,240,235,0.92);}
.ap-steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:26px;height:26px;display:grid;place-items:center;
  font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--ap-gold);
  border:1px solid rgba(240,187,61,0.5);border-radius:50%;}
.ap-list li{position:relative;padding:0 0 0 28px;margin:0 0 14px;
  font-size:clamp(1.02rem,0.7vw + 0.85rem,1.2rem);line-height:1.5;color:rgba(241,240,235,0.92);}
.ap-list li::before{content:"✦";position:absolute;left:0;top:0.08em;color:var(--ap-gold);font-size:0.82em;}
.ap-steps li:last-child,.ap-list li:last-child{margin-bottom:0;}
.ap-steps li b,.ap-list li b{color:#fff;font-weight:600;}

/* VIDEO (oran/kenarlık .ytf'te) */
.ap-video{width:100%;max-width:760px;margin:6px auto 0;}
.ap-video .ytf{box-shadow:0 16px 44px rgba(0,0,0,0.5);}
.ap-video-cap{margin:16px auto 0;max-width:46ch;text-align:center;font-style:italic;color:rgba(241,240,235,0.72);
  font-size:clamp(0.98rem,0.7vw + 0.7rem,1.15rem);}

/* Kapanış */
.ap-section--closing .ap-close-line{margin:0 auto;max-width:24ch;font-size:clamp(1.6rem,3.6vw,2.4rem);}
.ap-cta-row{margin:30px 0 0;display:flex;justify-content:center;}

/* Yöntem köprüsü (sönük) */
.ap-bridge{padding-top:clamp(36px,6vh,64px);padding-bottom:clamp(48px,8vh,80px);}
.ap-bridge-line{margin:0 0 12px;font-style:italic;color:rgba(241,240,235,0.62);font-size:clamp(1rem,0.8vw + 0.8rem,1.2rem);}
.ap-bridge-cta{display:inline-block;font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:0.16em;
  text-transform:uppercase;color:rgba(90,182,183,0.66);text-decoration:none;border-bottom:1px solid rgba(90,182,183,0.28);
  padding-bottom:2px;transition:color 200ms,border-color 200ms;}
.ap-bridge-cta:hover{color:var(--ap-parch);border-color:rgba(90,182,183,0.5);}

@media (prefers-reduced-motion: reduce){ .ap-reveal{opacity:1;transition:none;} }