/* PigeonPro — tanıtım sayfası ve QR paylaşım sayfası */

/* ─── Genel ─── */
.lp{overflow-x:clip}
.lp h1,.lp h2,.lp h3{color:var(--slate-ink);letter-spacing:-.01em}
.lp-band{padding:56px 0}
.lp-head{max-width:640px;margin-bottom:28px}
.lp-head h2,.lp-band h2{font-size:clamp(30px,6.4vw,46px);line-height:1.04;margin:0 0 10px;font-weight:700}
.lp-head p,.lp-sub{color:var(--ink-2);font-size:17px;line-height:1.6;margin:0;max-width:36em}
.lp-sub{margin-bottom:18px}

/* ─── Kahraman ─── */
.lp-hero{padding:30px 0 34px;background:
  radial-gradient(900px 420px at 85% 10%,rgb(36 64 95/.09),transparent 70%),
  linear-gradient(180deg,#fff 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.lp-hero-grid{display:grid;gap:34px;align-items:center}
.lp-hero h1{font-size:clamp(40px,10.4vw,72px);line-height:.98;font-weight:700;margin:0;max-width:11.5em;text-wrap:balance}
.lp-lead{font-size:18px;line-height:1.6;color:var(--ink-2);max-width:34em;margin:20px 0 26px}
.lp-cta{display:flex;flex-wrap:wrap;gap:10px}
.lp-proof{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--ink-2);font-size:14.5px}
.lp-proof li{display:flex;align-items:center;gap:7px}
.lp-proof li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--neck-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%2323766a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media (min-width:980px){
  .lp-hero{padding:72px 0 76px}
  .lp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px}
}

/* ─── Pedigree kâğıdı (imza öğe) ─── */
.lp-sheet{position:relative;margin:0;background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:16px 14px 14px;
  box-shadow:0 1px 0 #fff inset,0 28px 60px -24px rgb(24 34 46/.35),0 6px 16px -8px rgb(24 34 46/.18);
  transform:rotate(-.6deg)}
.lp-sheet::before{content:"";position:absolute;inset:6px;border:1px solid #e9edf1;border-radius:3px;pointer-events:none}
.lp-sheet-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 6px 12px;position:relative}
.lp-sheet-loft{font-family:var(--display);font-weight:700;font-size:18px;color:var(--slate-ink)}
.lp-sheet-gen{font-size:12px;color:var(--ink-3)}

.t-tree{position:relative;container-type:inline-size;line-height:1.25}
.t-tree>.t-node{--gap:2.4cqi;--w0:24cqi;--w1:22cqi;--w2:22cqi;--w3:17cqi;font-size:clamp(8px,2.15cqi,11.5px)}
.t-node{display:flex;align-items:center;position:relative}
.t-kids{display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,1cqi,6px);position:relative;padding-left:calc(var(--gap) * 2)}
/* ebeveyne giden yatay çizgi */
.t-kids::before{content:"";position:absolute;left:0;top:50%;width:var(--gap);border-top:1.4px solid var(--ink-3);transform-origin:left;
  animation:lpX .35s ease-out both;animation-delay:calc(var(--d,0) * .55s + .5s)}
/* her çocuğun dikey ve yatay kolu */
.t-kids>.t-node::before{content:"";position:absolute;left:calc(var(--gap) * -1);width:var(--gap);border-top:1.4px solid var(--ink-3);top:50%;transform-origin:left;
  animation:lpX .3s ease-out both;animation-delay:calc(var(--d) * .55s + .2s)}
.t-kids>.t-node::after{content:"";position:absolute;left:calc(var(--gap) * -1);border-left:1.4px solid var(--ink-3);
  animation:lpY .3s ease-out both;animation-delay:calc(var(--d) * .55s)}
.t-kids>.t-node:first-child::after{top:50%;bottom:-3px;transform-origin:top}
.t-kids>.t-node:last-child::after{top:-3px;bottom:50%;transform-origin:bottom}
.t-box{flex:none;width:var(--w2);min-width:0;border:1px solid #b9c2cc;border-radius:3px;background:#fff;padding:5px 7px;box-shadow:1.5px 2px 0 #d6dce2;
  animation:lpIn .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d) * .55s + .15s)}
.t-box b{display:block;font-family:var(--display);font-weight:700;color:var(--ring);font-size:1.12em;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-nm{display:block;font-weight:600;color:var(--ink)}
.t-nt{display:block;color:var(--ink-2);font-size:.92em}
.t-node[style*="--d:0"]>.t-box{width:var(--w0);font-size:1.12em;border-color:var(--slate);box-shadow:2px 3px 0 var(--slate-soft)}
.t-box.lp-m{border-left:3px solid var(--male)}
.t-box.lp-f{border-left:3px solid var(--female)}
.t-node[style*="--d:1"]>.t-box{width:var(--w1)}
.t-node[style*="--d:3"]>.t-box{width:var(--w3);padding:3px 6px}
.t-node[style*="--d:3"]>.t-box b{font-size:1em}
/* okunan halkanın kısa vurgusu */
.t-box b{animation:lpHit 1.1s ease-out both;animation-delay:calc(var(--d) * .55s + .35s)}
@keyframes lpIn{from{opacity:0;transform:translateX(-8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes lpX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lpY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes lpHit{0%{background:#fff2c2;box-shadow:0 0 0 2px #fff2c2}100%{background:transparent;box-shadow:0 0 0 2px transparent}}

/* 4. nesil küçük ekranda gizlenir */
@media (max-width:560px){
  .t-node[style*="--d:2"]>.t-kids{display:none}
  .t-tree>.t-node{--gap:2.8cqi;--w0:30cqi;--w1:27cqi;--w2:27cqi;font-size:clamp(8px,2.9cqi,11.5px)}
}

.lp-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 4px 0;position:relative}
.lp-stamp{display:flex;align-items:center;gap:8px;color:var(--slate-ink);flex:none;
  animation:lpStamp .5s cubic-bezier(.3,1.5,.5,1) both;animation-delay:2.4s}
.lp-stamp svg{width:58px;height:58px;padding:3px;background:#fff;border:1px solid var(--line-2);border-radius:4px;color:#0f1720}
.lp-stamp span{font-size:11.5px;font-weight:700;max-width:64px;line-height:1.2}
@keyframes lpStamp{from{opacity:0;transform:scale(1.6) rotate(-10deg)}to{opacity:1;transform:rotate(-3deg)}}
.lp-sheet-status{margin:0;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--neck);
  animation:lpFade .5s ease-out both;animation-delay:2.1s}
.lp-tick{flex:none;width:18px;height:18px;border-radius:50%;background:var(--neck);position:relative}
.lp-tick::after{content:"";position:absolute;left:5px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
@keyframes lpFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ─── Adımlar (gerçek bir sıra) ─── */
.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.lp-steps li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.lp-n{flex:none;font-family:var(--display);font-weight:700;font-size:44px;line-height:.9;color:var(--ring);width:36px;font-variant-numeric:tabular-nums}
.lp-steps h3{font-size:24px;margin:0 0 4px}
.lp-steps p{margin:0;color:var(--ink-2);line-height:1.6;max-width:30em}
@media (min-width:900px){
  .lp-steps{grid-template-columns:repeat(3,1fr);border-top:0;gap:28px}
  .lp-steps li{flex-direction:column;gap:10px;padding:22px 0 0;border-bottom:0;border-top:2px solid var(--slate-ink)}
}

/* ─── QR bölümü ─── */
.lp-qr{background:var(--slate-ink);color:#d9e3ee}
.lp-qr h2{color:#fff;max-width:13em;text-wrap:balance}
.lp-qr p{color:#c3d1e0;font-size:17px;line-height:1.65;max-width:34em;margin:0 0 20px}
.lp-qr-grid{display:grid;gap:40px;align-items:center}
.lp-checks{list-style:none;padding:0;margin:0;display:grid;gap:12px;max-width:34em}
.lp-checks li{position:relative;padding-left:28px;line-height:1.55;color:#e6edf5}
.lp-checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:rgb(255 255 255/.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.lp-phone{justify-self:center;width:min(300px,86vw);aspect-ratio:9/16;border-radius:38px;background:#0c141d;padding:10px;box-shadow:0 30px 70px -20px rgb(0 0 0/.6),inset 0 0 0 1.5px #2b3b4d}
.lp-phone-scr{height:100%;border-radius:30px;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;color:var(--ink)}
.lp-ph-top{text-align:center;font-size:11px;color:var(--ink-3);padding:14px 0 8px;background:#fff;border-bottom:1px solid var(--line)}
.lp-ph-body{padding:16px 14px;display:flex;flex-direction:column;flex:1}
.lp-ph-body small{color:var(--ink-3);font-size:12px}
.lp-ph-ring{font-family:var(--display);font-size:28px;color:var(--ring);line-height:1.1}
.lp-ph-nm{font-weight:700;margin-bottom:12px}
.lp-ph-rows{display:grid;gap:6px}
.lp-ph-rows div{display:grid;grid-template-columns:6px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 9px;font-size:12.5px}
.lp-ph-rows i{width:6px;height:22px;border-radius:3px}
.lp-ph-rows i.lp-m{background:var(--male)}.lp-ph-rows i.lp-f{background:var(--female)}
.lp-ph-rows span{font-family:var(--display);font-weight:700;font-size:14px}
.lp-ph-rows em{font-style:normal;color:var(--ink-3);font-size:11px}
.lp-ph-more{font-size:12px;color:var(--ink-3);text-align:center;margin-top:8px}
.lp-ph-btn{margin-top:auto;background:var(--slate);color:#fff;text-align:center;font-weight:700;border-radius:12px;padding:12px;font-size:14px}
@media (min-width:900px){.lp-qr-grid{grid-template-columns:1.2fr .8fr;gap:56px}.lp-qr{padding:84px 0}}

/* ─── Özellikler (tanım listesi) ─── */
.lp-feats{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.lp-feats>div{padding:20px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}
.lp-feats dt{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:22px;color:var(--slate-ink)}
.lp-feats dt svg{width:22px;height:22px;color:var(--slate)}
.lp-feats dd{margin:0;color:var(--ink-2);line-height:1.6;max-width:32em}
@media (min-width:760px){.lp-feats{grid-template-columns:1fr 1fr;column-gap:40px}}
@media (min-width:1080px){.lp-feats{grid-template-columns:repeat(3,1fr)}}

/* ─── Canlı ─── */
.lp-live{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lp-live-grid{display:grid;gap:44px}
.lp-live h2{font-size:clamp(28px,5.6vw,38px)}
@media (min-width:1000px){.lp-live-grid{grid-template-columns:1fr 1fr;gap:48px}}

/* ─── SSS ve kapanış ─── */
.lp-faq{display:grid;gap:18px}
@media (min-width:960px){.lp-faq{grid-template-columns:.8fr 1.2fr;gap:48px}}
.lp-end{background:var(--slate);color:#fff;border-radius:20px;padding:34px 24px;display:grid;gap:14px;justify-items:start}
.lp-end h2{color:#fff;margin:0}
.lp-end p{color:#cfdbea;margin:0;max-width:34em;line-height:1.6}
.lp-end .btn{background:#fff;color:var(--slate)}
@media (min-width:900px){.lp-end{padding:52px 48px}}

/* Hareket azaltma */
@media (prefers-reduced-motion:reduce){
  .t-box,.t-box b,.t-kids::before,.t-kids>.t-node::before,.t-kids>.t-node::after,.lp-stamp,.lp-sheet-status{animation:none!important}
  .lp-stamp{transform:rotate(-3deg)}
}

/* ─── QR paylaşım sayfası ─── */
.sp{padding-bottom:140px}
.sp-head{padding:28px 0 18px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--neck);background:var(--neck-soft);border-radius:99px;padding:5px 11px}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--neck)}
.sp-head h1{font-family:var(--display);font-size:clamp(34px,8vw,52px);color:var(--ring);margin:12px 0 4px;line-height:1}
.sp-head h1 span{color:var(--slate-ink)}
.sp-sub{color:var(--ink-2);margin:0}
.sp-tree{display:grid;gap:18px}
.sp-col{display:grid;gap:8px;align-content:start}
.sp-col-h{font-weight:700;color:var(--ink-2);font-size:14px;margin-top:4px}
.sp-bird{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.sp-bird[data-pos$="1"]{border-left:3px solid var(--male)}
.sp-bird[data-pos$="2"]{border-left:3px solid var(--female)}
.sp-bird[data-pos="R"]{border:1.5px solid var(--slate)}
.sp-empty{color:var(--ink-3);font-size:13px;border-style:dashed;background:transparent}
.sp-rel{color:var(--ink-3);font-size:12px}
.sp-ring{font-family:var(--display);font-size:19px;color:var(--ring);display:flex;gap:6px;align-items:center}
.sx{font-style:normal;font-size:15px}.sx-m{color:var(--male)}.sx-f{color:var(--female)}
.sp-name{font-weight:600}
.sp-meta{color:var(--ink-2);font-size:14px}
.sp-notes{color:var(--ink-2);font-size:13.5px;line-height:1.45;margin-top:2px}
@media (min-width:900px){
  .sp-tree{grid-template-columns:repeat(var(--gens),minmax(200px,1fr));overflow-x:auto;padding-bottom:8px}
  .sp-col{align-content:space-around}
}
.sp-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgb(255 255 255/.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:12px 0 calc(12px + var(--safe-b))}
.sp-cta .wrap{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.sp-cta p{margin:0;color:var(--ink-2);font-size:14.5px;flex:1 1 260px}
.sp-cta-btns{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:560px){.sp-cta .btn{flex:1}.sp-cta-btns{flex:1}}