/* Pancra tanıtım sayfası (giriş yapılmamışken #landing-screen).
   Grafit tema: koyu grafit bantlar, kırmızı yalnızca küçük işaret, Outfit.
   Hedef kitle yaşlı: gövde metni 18px, dokunma alanları ≥52px. */

#landing-screen{
  --lp-ink:#111827;--lp-ink-2:#1f2937;--lp-ink-3:#2b3647;
  --lp-on-ink:#f3f4f6;--lp-on-ink-2:#cbd5e1;--lp-on-ink-3:#a9b5c7;
  --lp-red:#e5383b;
  --lp-w:1160px;
  background:var(--surface);color:var(--text);
  font-size:18px;line-height:1.6;
}
#landing-screen ::selection{background:var(--lp-red);color:#fff}
#landing-screen a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
#landing-screen :focus-visible{outline:3px solid var(--lp-red);outline-offset:3px;border-radius:6px}
#landing-screen h1,#landing-screen h2,#landing-screen h3{text-wrap:balance}
#landing-screen p{text-wrap:pretty}
.lp-container{max-width:var(--lp-w);margin:0 auto;padding-inline:24px}
.lp-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-small{font-size:15px;color:var(--text-3);margin-top:14px;max-width:46ch}

/* Düğmeler */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border-radius:14px;font:600 18px/1.2 'Outfit',system-ui,sans-serif;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background-color .2s,border-color .2s,transform .15s cubic-bezier(.2,.8,.2,1)}
#landing-screen .lp-btn{text-decoration:none}
.lp-btn:active{transform:scale(.98)}
.lp-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#landing-screen .lp-btn-light{background:var(--lp-on-ink);color:var(--lp-ink)}
.lp-btn-light:hover{background:#fff}
#landing-screen .lp-btn-ghost{background:transparent;color:var(--lp-on-ink);border-color:#475569}
.lp-btn-ghost:hover{border-color:var(--lp-on-ink-2);background:rgba(255,255,255,.04)}
#landing-screen .lp-btn-dark{background:var(--lp-ink-2);color:#fff}
.lp-btn-dark:hover{background:var(--lp-ink)}
.lp-btn-dark:disabled{opacity:.6;cursor:progress}
.lp-btn-block{width:100%}

/* ── Hero ── */
.lp-hero{background:radial-gradient(120% 90% at 85% 40%,#253042 0%,var(--lp-ink) 62%);color:var(--lp-on-ink);overflow:hidden}
.lp-nav{display:flex;align-items:center;gap:24px;padding-top:22px;padding-bottom:22px}
.lp-brand{display:flex;align-items:center;margin-right:auto}
.lp-brand img{height:33px;width:auto;display:block}
.lp-nav-links{display:none;gap:30px;font-size:16px}
.lp-nav-links a{color:var(--lp-on-ink-2);text-decoration:none}
.lp-nav-links a:hover{color:#fff}
.lp-nav-login{background:none;border:1.5px solid #475569;color:var(--lp-on-ink);border-radius:12px;min-height:44px;padding:0 18px;font:600 16px 'Outfit',system-ui,sans-serif;cursor:pointer}
.lp-nav-login:hover{border-color:var(--lp-on-ink-2)}

.lp-hero-grid{display:grid;gap:40px;padding-top:28px;padding-bottom:0}
.lp-hero-copy h1{font-size:clamp(36px,6.2vw,62px);line-height:1.06;letter-spacing:-.025em;font-weight:700;max-width:15ch;position:relative;padding-top:26px}
.lp-hero-copy h1::before{content:"";position:absolute;top:0;left:0;width:44px;height:5px;border-radius:3px;background:var(--lp-red)}
.lp-lead{font-size:clamp(19px,1.8vw,21px);line-height:1.55;color:var(--lp-on-ink-2);margin-top:22px;max-width:40ch}
.lp-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-size:17px;font-weight:500}
.lp-facts li{display:flex;align-items:center;gap:8px}
.lp-facts svg{width:20px;height:20px;fill:none;stroke:#4ade80;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.lp-stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.lp-store{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid #334155}
.lp-store svg{width:26px;height:26px;fill:none;stroke:var(--lp-on-ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
.lp-store div{display:flex;flex-direction:column;line-height:1.25}
.lp-store strong{font-size:16px;font-weight:600}
.lp-store span{font-size:14px;color:var(--lp-on-ink-3)}

/* Telefon çerçevesi: --w genişliğinden oranla çizilir */
.lp-phone{--w:280px;width:var(--w);flex-shrink:0;padding:calc(var(--w)*.032);border-radius:calc(var(--w)*.15);background:#0b0f17;box-shadow:0 0 0 1px #2f3a4b,0 30px 60px -20px rgba(15,23,42,.45),0 12px 24px -12px rgba(15,23,42,.3)}
.lp-phone img{display:block;width:100%;height:auto;border-radius:calc(var(--w)*.12)}

.lp-hero-devices{position:relative;height:520px;display:flex;justify-content:center}
.lp-hero-devices .lp-phone{position:absolute;bottom:-150px}
.lp-phone-front{--w:270px;left:50%;transform:translateX(-62%);z-index:2;animation:lp-rise 1.1s cubic-bezier(.16,1,.3,1) both}
.lp-phone-back{--w:240px;left:50%;transform:translateX(18%);bottom:-90px!important;opacity:.9;animation:lp-rise-back 1.3s cubic-bezier(.16,1,.3,1) both}
@keyframes lp-rise{from{transform:translate(-62%,48px)}to{transform:translate(-62%,0)}}
@keyframes lp-rise-back{from{transform:translate(18%,72px)}to{transform:translate(18%,0)}}

/* ── Kaydedilebilenler şeridi ── */
.lp-track{padding-top:44px;padding-bottom:20px}
.lp-track-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px 28px;border-bottom:1px solid var(--border);padding-bottom:40px}
.lp-track-list li{display:flex;align-items:center;gap:14px}
.lp-track-list strong{display:block;font-size:18px;font-weight:600;line-height:1.3}
.lp-track-list span:not(.lp-dot){display:block;font-size:15px;color:var(--text-3);line-height:1.35}
.lp-dot{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
/* Koyu temada açık tonlar: açık temanın koyu renkleri grafit zeminde kayboluyordu */
[data-dark="1"] .lp-dot{color:var(--cd);background:color-mix(in srgb,var(--cd) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cd) 28%,transparent)}
@media(prefers-color-scheme:dark){:root:not([data-dark="0"]) .lp-dot{color:var(--cd);background:color-mix(in srgb,var(--cd) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cd) 28%,transparent)}}
.lp-dot svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* Uygulamadaki kategori ikonlarıyla aynı (CategoryIcons.tsx): dolu; ilaçtaki çizgi kutunun zemin rengiyle "kesik" */
.lp-dot svg.lp-fill{fill:currentColor;stroke-width:2}
.lp-dot .lp-cut{stroke:color-mix(in srgb,var(--c) 12%,var(--surface))}
[data-dark="1"] .lp-dot .lp-cut{stroke:color-mix(in srgb,var(--cd) 16%,var(--surface))}
@media(prefers-color-scheme:dark){:root:not([data-dark="0"]) .lp-dot .lp-cut{stroke:color-mix(in srgb,var(--cd) 16%,var(--surface))}}

/* ── Özellik satırları ── */
.lp-feature{display:grid;gap:36px;align-items:center;padding-top:72px;padding-bottom:24px}
.lp-feature-copy h2,.lp-report-copy h2,.lp-test-copy h2,.lp-trust h2,.lp-faq h2{font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.02em;font-weight:700}
.lp-feature-copy p,.lp-report-copy p:not(.lp-small),.lp-test-copy>p{margin-top:16px;color:var(--text-2);max-width:48ch}
.lp-points{list-style:none;margin-top:20px;display:grid;gap:10px}
.lp-points li{position:relative;padding-left:26px;color:var(--text-2)}
.lp-points li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:3px;border-radius:2px;background:var(--lp-red)}
.lp-feature-media{display:flex;justify-content:center;gap:20px}
.lp-feature-media .lp-phone{--w:min(280px,78vw)}
.lp-pair .lp-phone{--w:min(250px,42vw)}
.lp-pair .lp-phone:last-child{margin-top:56px}

/* ── Doktor raporu ── */
.lp-report{background:var(--bg);margin-top:80px;padding:80px 0;overflow:hidden}
.lp-report-grid{display:grid;gap:48px;align-items:center}
.lp-report-copy .lp-btn{margin-top:28px}
.lp-paper{display:block;position:relative;max-width:500px;margin:0 auto;width:100%;transform:rotate(1.5deg);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.lp-paper:hover{transform:rotate(0) translateY(-4px)}
.lp-paper::before,.lp-paper::after{content:"";position:absolute;inset:0;background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(15,23,42,.08),0 10px 30px -10px rgba(15,23,42,.18)}
.lp-paper::before{transform:rotate(-4deg) translate(-14px,10px)}
.lp-paper::after{transform:rotate(-2deg) translate(-6px,4px)}
.lp-paper img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 2px 4px rgba(15,23,42,.08),0 30px 60px -24px rgba(15,23,42,.35)}

/* ── Tablet ── */
.lp-tablet{padding-top:72px;display:flex;justify-content:center}
.lp-ipad{width:min(980px,100%);padding:clamp(8px,1.4vw,16px);border-radius:clamp(18px,3vw,36px);background:#0b0f17;box-shadow:0 0 0 1px #2f3a4b,0 40px 80px -30px rgba(15,23,42,.45)}
.lp-ipad img{display:block;width:100%;height:auto;border-radius:clamp(10px,2vw,22px)}

/* ── Güven ── */
.lp-trust{padding-top:96px;padding-bottom:24px}
.lp-trust-grid{display:grid;gap:28px;margin-top:36px}
.lp-trust-grid>div{border-top:2px solid var(--text);padding-top:18px}
.lp-trust h3{font-size:21px;font-weight:600;line-height:1.3}
.lp-trust-grid p{margin-top:8px;color:var(--text-2)}

/* ── Test kaydı ── */
.lp-test{background:var(--lp-ink);color:var(--lp-on-ink);margin-top:96px;padding:88px 0}
.lp-test-grid{display:grid;gap:44px;align-items:start}
#landing-screen .lp-test-copy>p{color:var(--lp-on-ink-2)}
.lp-steps{list-style:none;counter-reset:s;margin-top:32px;display:grid;gap:22px}
.lp-steps li{counter-increment:s;position:relative;padding-left:56px;color:var(--lp-on-ink-2);max-width:46ch}
.lp-steps li strong{display:block;color:var(--lp-on-ink);font-weight:600}
.lp-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;border:1.5px solid #475569;display:grid;place-items:center;font-weight:600;font-size:17px;color:var(--lp-on-ink)}

.lp-form{background:var(--surface);color:var(--text);border-radius:22px;padding:28px;display:grid;gap:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.lp-platform{border:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-platform legend{font-size:16px;font-weight:600;margin-bottom:10px}
.lp-platform label{position:relative;cursor:pointer}
.lp-platform input{position:absolute;opacity:0;inset:0;cursor:pointer}
.lp-platform span{display:flex;flex-direction:column;min-height:72px;justify-content:center;padding:12px 16px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);transition:border-color .2s,background-color .2s}
.lp-platform strong{font-size:18px;font-weight:600}
.lp-platform small{font-size:14px;color:var(--text-3)}
.lp-platform input:checked+span{border-color:var(--text);background:var(--primary-pale);box-shadow:inset 0 0 0 1px var(--text)}
.lp-platform input:focus-visible+span{outline:3px solid var(--lp-red);outline-offset:2px}
.lp-field{display:grid;gap:8px}
.lp-field>span{font-size:16px;font-weight:600}
.lp-field>span small{font-weight:400;color:var(--text-3);font-size:15px}
.lp-field>small{font-size:14px;color:var(--text-3)}
.lp-field input{font:400 18px 'Outfit',system-ui,sans-serif;min-height:56px;padding:0 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);caret-color:var(--lp-red)}
.lp-field input:focus{outline:none;border-color:var(--text)}
.lp-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lp-consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--text-2);cursor:pointer}
.lp-consent input{width:24px;height:24px;flex-shrink:0;margin-top:1px;accent-color:var(--lp-ink-2)}
.lp-form-msg{font-size:16px;line-height:1.5;min-height:0}
.lp-form-msg:empty{display:none}
.lp-form-msg[data-kind="ok"]{color:var(--t-ok);background:var(--ok-pale);padding:12px 14px;border-radius:12px}
.lp-form-msg[data-kind="error"]{color:var(--t-danger);background:var(--danger-pale);padding:12px 14px;border-radius:12px}
.lp-form-msg[data-kind="warn"]{color:var(--alert-text);background:var(--warn-pale);padding:12px 14px;border-radius:12px}

/* ── SSS ── */
.lp-faq{padding-top:96px;padding-bottom:96px}
.lp-faq>*{max-width:860px}
.lp-faq h2{margin-bottom:28px}
.lp-faq details{border-top:1px solid var(--border)}
.lp-faq details:last-of-type{border-bottom:1px solid var(--border)}
.lp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:14px 0;font-size:20px;font-weight:600;line-height:1.35}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"";width:12px;height:12px;flex-shrink:0;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:translateY(-3px) rotate(45deg);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.lp-faq details[open] summary::after{transform:translateY(3px) rotate(-135deg)}
.lp-faq details p{padding:0 0 22px;color:var(--text-2);max-width:62ch}

/* ── Alt bilgi ── */
.lp-footer{background:var(--lp-ink);color:var(--lp-on-ink-3);padding:48px 0;font-size:15px}
.lp-footer-grid{display:grid;gap:16px}
.lp-footer img{height:26px;width:auto}
.lp-footer p{max-width:70ch}
.lp-footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.lp-footer-links a,.lp-footer-links button{color:var(--lp-on-ink-2);text-decoration:none;background:none;border:none;font:inherit;cursor:pointer;padding:6px 0}
.lp-footer-links a:hover,.lp-footer-links button:hover{color:#fff;text-decoration:underline}

/* ── Geniş ekran ── */
@media(min-width:760px){
  .lp-nav-links{display:flex}
  .lp-trust-grid{grid-template-columns:repeat(3,1fr);gap:36px}
}
@media(min-width:960px){
  .lp-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;padding-top:40px;min-height:640px}
  .lp-hero-copy{padding-bottom:96px}
  .lp-hero-devices{height:640px;align-self:end}
  .lp-hero-devices .lp-phone{bottom:-120px}
  .lp-phone-front{--w:310px}
  .lp-phone-back{--w:270px;bottom:-40px!important}
  .lp-feature{grid-template-columns:1fr 1fr;gap:64px;padding-top:110px}
  .lp-feature-rev .lp-feature-copy{order:2}
  .lp-report-grid{grid-template-columns:1fr 1fr;gap:72px}
  .lp-test-grid{grid-template-columns:1fr 1fr;gap:72px}
}
@media(max-width:520px){
  #landing-screen{font-size:17px}
  .lp-container{padding-inline:20px}
  .lp-hero-grid{padding-top:36px}
  .lp-cta-row .lp-btn{width:100%}
  .lp-hero-devices{height:400px}
  .lp-phone-front{--w:220px}
  .lp-phone-back{--w:190px}
  .lp-form{padding:22px 18px}
  .lp-pair .lp-phone:last-child{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){
  .lp-phone-front,.lp-phone-back{animation:none}
  .lp-paper{transition:none}
}

/* Dil bağlantısı (EN / TR), menüde giriş düğmesinin yanında */
.lp-nav-lang{color:var(--lp-on-ink-2);text-decoration:none;font-size:16px;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
.lp-nav-lang:hover{color:#fff}
@media (max-width:420px){.lp-nav{gap:14px}.lp-nav-login{padding:0 14px}.lp-brand img{height:28px}}