/* AI-Playbook landing — index.html'e GÖMÜLÜ sürüm. Kaynak: docs/landing-yeni.html
 * ⛔ ELLE DÜZENLEME: kaynak landing-new.html'dir; bu dosya `python3 infra/scope_landing.py web/landing-new.html web/css/landing.css` ile üretilir.
 * TÜM seçiciler #landing altına kapsamlı (app'in styles.css'i ile çakışmaz: .btn/.wrap/.brand,
 * :root tema değişkenleri, html/body ve jenerik keyframe adları lp- önekli).
 */
#landing{--paper:#eef1f6; --surface:#ffffff; --surface-2:#f6f8fb;
  --ink:#0f1a2c; --ink-soft:#33415a; --muted:#63708a; --line:#dbe2ee;
  --mor:#4C1D95; --mor-deep:#3b1675; --navy:#1e3a5f; --navy-2:#2f5081; --facet:#5c7ca8;
  --run:#0d9488; --run-soft:#5fd0c2;
  --tmor:#3b1675; --tnavy:#1e3a5f;
  --shadow:0 1px 2px rgba(20,30,60,.06),0 18px 50px rgba(30,45,90,.10);
  --shadow-lg:0 30px 90px rgba(20,35,80,.18);
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
@media (prefers-color-scheme:dark){#landing{--paper:#0c111c;--surface:#141d2e;--surface-2:#1a2536;--ink:#eaf0fa;--ink-soft:#b9c5db;--muted:#8593ac;--line:#26324a;
    --mor:#a78bfa;--mor-deep:#c4b2ec;--navy:#6f9be0;--navy-2:#8fb2ec;--facet:#6f8fb8;--run:#3fb8ac;--run-soft:#6fd0c2;
    --tmor:#c4b2ec;--tnavy:#9db6d6;--shadow:0 1px 2px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.5);--shadow-lg:0 30px 90px rgba(0,0,0,.6);}}
#landing[data-theme="light"]{--paper:#eef1f6;--surface:#fff;--surface-2:#f6f8fb;--ink:#0f1a2c;--ink-soft:#33415a;--muted:#63708a;--line:#dbe2ee;--mor:#4C1D95;--mor-deep:#3b1675;--navy:#1e3a5f;--navy-2:#2f5081;--run:#0d9488;--run-soft:#5fd0c2;--tmor:#3b1675;--tnavy:#1e3a5f;--shadow:0 1px 2px rgba(20,30,60,.06),0 18px 50px rgba(30,45,90,.10);--shadow-lg:0 30px 90px rgba(20,35,80,.18);}
#landing[data-theme="dark"]{--paper:#0c111c;--surface:#141d2e;--surface-2:#1a2536;--ink:#eaf0fa;--ink-soft:#b9c5db;--muted:#8593ac;--line:#26324a;--mor:#a78bfa;--mor-deep:#c4b2ec;--navy:#6f9be0;--navy-2:#8fb2ec;--facet:#6f8fb8;--run:#3fb8ac;--run-soft:#6fd0c2;--tmor:#c4b2ec;--tnavy:#9db6d6;--shadow:0 1px 2px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.5);--shadow-lg:0 30px 90px rgba(0,0,0,.6);}
#landing,#landing *{box-sizing:border-box;margin:0;padding:0}
#landing{scroll-behavior:smooth}
#landing{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
#landing .wrap{max-width:1140px;margin:0 auto;padding:0 26px;width:100%}
#landing h1,#landing h2,#landing h3{letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
#landing a{color:inherit}
#landing .eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
#landing .serif{font-family:var(--serif)}
#landing .i-en{display:none}
#landing[data-lang="en"] .i-tr{display:none}
#landing[data-lang="en"] .i-en{display:inline}
/* topbar */
#landing .top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .2s ease}
#landing .top .wrap{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;transition:padding .2s ease}
#landing .top.compact{box-shadow:var(--shadow)}
#landing .top.compact .wrap{padding-top:7px;padding-bottom:7px}
#landing .brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}
#landing .brand svg{width:28px;height:28px;border-radius:8px;transition:width .2s,height .2s;flex:0 0 auto}
#landing .top.compact .brand{font-size:15px}
#landing .top.compact .brand svg{width:23px;height:23px}
#landing .brand .bn.play{color:var(--mor-deep)}
#landing .brand .bn.run{color:var(--navy-2)}
#landing .barrow{font-size:15px;font-weight:800;background:linear-gradient(90deg,var(--mor),var(--navy-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--mor) 50%,transparent));animation:lp-arrowglow 2.4s ease-in-out infinite;margin:0 2px}
@keyframes lp-arrowglow{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(2px)}}
@media(prefers-reduced-motion:reduce){#landing .barrow{animation:none;opacity:.9}}
#landing .top .sp{flex:1}
#landing .btn{display:inline-block;border:1px solid var(--line);border-radius:11px;padding:9px 16px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;background:var(--surface);color:var(--ink);transition:transform .1s,box-shadow .1s;white-space:nowrap}
#landing .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
#landing .btn.primary{background:var(--mor);color:#fff;border-color:var(--mor)}
#landing[data-theme="dark"] .btn.primary{color:#0c111c}
#landing .tt,#landing .lt{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
#landing .tt button,#landing .lt button{border:0;background:transparent;color:var(--muted);font-size:13px;padding:6px 10px;cursor:pointer;font-weight:700}
#landing .tt button.on,#landing .lt button.on{background:var(--mor);color:#fff}
#landing[data-theme="dark"] .tt button.on,#landing[data-theme="dark"] .lt button.on{color:#0c111c}
/* reveal */
#landing .rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
#landing .rv.in{opacity:1;transform:none}
#landing .rv.d1{transition-delay:.08s}
#landing .rv.d2{transition-delay:.16s}
#landing .rv.d3{transition-delay:.24s}
#landing .rv.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){#landing .rv{opacity:1;transform:none;transition:none}}
#landing section{padding:84px 0;position:relative}
#landing .sec-h{font-size:clamp(28px,4.6vw,46px);font-weight:800;max-width:24ch}
#landing .sec-lead{font-size:17px;color:var(--ink-soft);margin-top:14px;max-width:64ch}
/* HERO */
#landing #lp-hero{padding:70px 0 90px;text-align:center;background:
  radial-gradient(1100px 620px at 82% -12%,color-mix(in srgb,var(--mor) 16%,transparent),transparent 60%),
  radial-gradient(820px 520px at 0% 108%,color-mix(in srgb,var(--navy) 14%,transparent),transparent 55%)}
#landing .dia3d{width:120px;height:120px;margin:0 auto 26px;perspective:900px;animation:lp-float 6s ease-in-out infinite;filter:drop-shadow(0 20px 38px rgba(76,29,149,.3))}
#landing .dia3d .inner{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;animation:lp-spin 8s linear infinite}
#landing .dia3d .face{position:absolute;inset:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#landing .dia3d .face.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
@keyframes lp-spin{to{transform:rotateY(360deg)}}
@keyframes lp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){#landing .dia3d,#landing .dia3d .inner{animation:none}}
#landing .namemark{display:grid;justify-items:center;min-height:1.2em;margin-bottom:14px}
#landing .namemark>span{grid-area:1/1;animation:8s linear infinite;text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800}
#landing .namemark .n-play{color:var(--tmor);animation-name:lp-showplay}
#landing .namemark .n-run{color:var(--tnavy);animation-name:lp-showrun}
@keyframes lp-showplay{0%,20%{opacity:1}30%,70%{opacity:0}80%,100%{opacity:1}}
@keyframes lp-showrun{0%,20%{opacity:0}30%,70%{opacity:1}80%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){#landing .namemark>span{animation:none}
#landing .namemark .n-run{opacity:0}}
#landing #lp-hero h1{font-size:clamp(34px,6vw,60px);font-weight:800;max-width:18ch;margin:0 auto;color:var(--ink)}
#landing #lp-hero .lead{font-size:clamp(17px,2.3vw,22px);color:var(--ink-soft);margin:16px auto 0;max-width:42ch;font-weight:500}
#landing #lp-hero .desc{font-size:15px;color:var(--muted);margin:14px auto 0;max-width:64ch}
#landing .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
#landing .cta .btn{padding:13px 24px;font-size:15px}
#landing .trust{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:38px}
#landing .trust>span{font-size:12.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
#landing .trust b{color:var(--ink)}
/* WHY */
#landing #why{background:var(--surface)}
#landing .whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
#landing .whycard{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;border-top:3px solid var(--navy-2)}
#landing .whycard .wn{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--navy-2);opacity:.75}
#landing .whycard h4{font-size:17px;font-weight:750;margin:8px 0 8px}
#landing .whycard p{font-size:14px;color:var(--ink-soft);line-height:1.6}
#landing .whycard b{color:var(--ink)}
/* HOW */
#landing #how{background:var(--paper)}
#landing .prods{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
#landing .prod{border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden;background:var(--surface)}
#landing .prod .pico{width:52px;height:52px;margin-bottom:16px}
#landing .prod .step{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#landing .prod h3{font-size:26px;font-weight:800;margin:4px 0 2px}
#landing .prod .verb{font-family:var(--serif);font-style:italic;font-size:20px;margin-bottom:12px}
#landing .prod p{font-size:14.5px;color:var(--ink-soft);line-height:1.6}
#landing .prod ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:7px}
#landing .prod li{font-size:13.5px;color:var(--muted);padding-left:20px;position:relative}
#landing .prod li::before{content:"◆";position:absolute;left:0;font-size:9px;top:4px}
#landing .prod.play{border-top:4px solid var(--mor)}
#landing .prod.play h3,#landing .prod.play .verb,#landing .prod.play li::before{color:var(--tmor)}
#landing .prod.run{border-top:4px solid var(--navy)}
#landing .prod.run h3,#landing .prod.run .verb,#landing .prod.run li::before{color:var(--navy-2)}
#landing .prod .tag{position:absolute;top:22px;right:24px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
#landing .handoff{text-align:center;margin-top:26px;font-size:14.5px;color:var(--ink-soft)}
#landing .handoff b{color:var(--ink)}
/* JOURNEY */
#landing #work{background:var(--surface)}
#landing .journey{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
#landing .jstep{background:var(--surface-2);border:1px solid var(--line);border-radius:15px;padding:20px 16px;text-decoration:none;color:inherit;display:block;transition:transform .12s,box-shadow .12s}
#landing .jstep:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
#landing .jnum{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--mor);color:#fff;font-weight:800;font-size:15px;margin-bottom:12px}
#landing[data-theme="dark"] .jnum{color:#0c111c}
#landing .jstep.end .jnum{background:var(--run)}
#landing .jstep b{font-size:15px;display:block;margin-bottom:6px}
#landing .jstep .d{font-size:12.5px;color:var(--muted);line-height:1.5}
#landing .jstep .go{font-size:11.5px;color:var(--tmor);font-weight:700;margin-top:10px;display:inline-block}
/* FEATURES */
#landing #feat{background:var(--paper)}
#landing .fgroup{margin-top:40px}
#landing .fghead{display:flex;align-items:center;gap:12px;margin-bottom:18px}
#landing .fghead svg{width:34px;height:34px;border-radius:8px}
#landing .fghead b{font-size:19px;font-weight:800}
#landing .fghead.play b{color:var(--tmor)}
#landing .fghead.run b{color:var(--navy-2)}
#landing .fghead .lbl{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 11px}
#landing .feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#landing .feat{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}
#landing .feat.play{border-top:3px solid var(--mor)}
#landing .feat.run{border-top:3px solid var(--navy-2)}
#landing .feat .ic{font-size:26px;display:block;margin-bottom:10px}
#landing .feat b{font-size:14.5px;display:block;margin-bottom:6px}
#landing .feat .d{font-size:12.5px;color:var(--muted);line-height:1.5}
/* WHO */
#landing #lp-who2{background:var(--surface)}
#landing #lp-who2 p{font-size:16px;color:var(--ink-soft);max-width:82ch;margin-top:8px}
/* CLOSE */
#landing #lp-close{text-align:center;color:#eaf0fa;background:linear-gradient(160deg,#2a1063,#4C1D95 55%,#1e3a5f)}
#landing #lp-close h2{font-size:clamp(28px,4.6vw,44px);font-weight:800}
#landing #lp-close p{color:#d8cdf0;margin-top:12px;font-size:16px}
#landing #lp-close .btn.primary{background:#fff;color:var(--mor);border-color:#fff;margin-top:26px;padding:14px 28px;font-size:16px}
#landing footer{background:var(--surface);border-top:1px solid var(--line);padding:34px 0;font-size:13px;color:var(--muted)}
#landing footer .row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}
#landing footer a{color:var(--tmor);text-decoration:none;font-weight:600}
@media (max-width:820px){#landing .whygrid{grid-template-columns:1fr}
#landing .prods{grid-template-columns:1fr}
#landing .journey{grid-template-columns:1fr 1fr}
#landing .feats{grid-template-columns:1fr 1fr}}
@media (max-width:680px){#landing .top .hideS{display:none}}
@media (max-width:480px){#landing .journey,#landing .feats{grid-template-columns:1fr}
#landing .brand .bn.run,#landing .brand .barrow,#landing .brand svg.run{display:none}}
/* app styles.css'ten sızan özelliklerin nötrleştirilmesi (ölçülerek eklendi) */
#landing .brand{letter-spacing:normal}