*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  :root{
    --primary:#00798C; --primary-dark:#080A2B; --primary-light:#E6F7FA;
    --secondary:#0e9f6e; --secondary-dark:#057a55;
    --wa:#25d366; --wa-dark:#128c7e;
    --ink:#080A2B; --text-1:#111827; --text-2:#4b5563; --text-3:#9ca3af;
    --bg:#ffffff; --bg-soft:#f7f9fc; --bg-dark:#080A2B;
    --border:#e5e7eb; --radius:16px; --radius-lg:24px;
    --shadow-sm:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
    --shadow-md:0 12px 32px -12px rgba(16,24,40,.18);
    --shadow-lg:0 24px 60px -20px rgba(0,121,140,.35);
    --maxw:1180px;
    --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
    --font-h:var(--font);
  }
  html{scroll-behavior:smooth}
  body{font-family:var(--font);color:var(--text-1);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img,svg{display:block;max-width:100%}
  section[id],div[id="iletisim"]{scroll-margin-top:92px}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);padding:7px 16px;border-radius:999px}
  .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--primary)}
  .eyebrow.green{color:var(--secondary-dark);background:#def7ec}
  .eyebrow.green::before{background:var(--secondary)}
  h1,h2,h3{font-family:var(--font-h);line-height:1.12;letter-spacing:-.025em;color:var(--ink)}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font);font-weight:600;font-size:.98rem;padding:14px 28px;border-radius:13px;border:1px solid transparent;cursor:pointer;transition:.2s cubic-bezier(.3,.7,.4,1);white-space:nowrap;position:relative;overflow:hidden}
  .btn-primary{background:var(--primary-dark);color:#fff;box-shadow:0 8px 20px -6px rgba(0,121,140,.55),inset 0 1px 0 rgba(255,255,255,.18)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(0,121,140,.6),inset 0 1px 0 rgba(255,255,255,.18)}
  .btn-primary:active{transform:translateY(0)}
  .btn-ghost{background:#fff;color:var(--text-1);border-color:var(--border);box-shadow:var(--shadow-sm)}
  .btn-ghost:hover{border-color:#7FD5E3;color:var(--primary);background:var(--primary-light)}
  .btn-lg{padding:17px 34px;font-size:1.05rem;border-radius:15px}
  .btn .arr{transition:transform .2s}
  .btn:hover .arr{transform:translateX(3px)}

  /* ── Scroll reveal ── */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0s)}
  .reveal.vis{opacity:1;transform:none}

  /* ── Header ── */
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.75);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid transparent;transition:.25s}
  header.scrolled{border-bottom-color:var(--border);box-shadow:0 4px 20px -8px rgba(16,24,40,.1)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .logo{display:flex;align-items:center}
  .logo-img{height:34px;width:auto;display:block}
  .footer-logo{background:#fff;padding:8px 16px;border-radius:12px;width:fit-content}
  .footer-logo .logo-img{height:28px}
  .nav-links{display:flex;align-items:center;gap:32px}
  .nav-links a{font-size:.94rem;font-weight:500;color:var(--text-2);transition:.15s;position:relative}
  .nav-links a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--primary);border-radius:2px;transition:width .22s}
  .nav-links a:hover{color:var(--primary)}
  .nav-links a:hover::after{width:100%}
  .nav-cta{display:flex;align-items:center;gap:12px}
  .nav-cta .btn{padding:11px 22px;font-size:.92rem}
  .menu-btn{display:none;width:44px;height:44px;background:none;border:1px solid var(--border);border-radius:11px;cursor:pointer;place-items:center}
  .menu-btn svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:2}
  .mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;z-index:49;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 20px 40px -20px rgba(16,24,40,.2);padding:10px 24px 22px;flex-direction:column;gap:2px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.22s}
  .mobile-nav.open{transform:none;opacity:1;pointer-events:auto}
  .mobile-nav a{padding:13px 6px;font-weight:600;font-size:1.02rem;color:var(--text-1);border-bottom:1px solid var(--bg-soft)}
  .mobile-nav .btn{margin-top:14px;border-bottom:0}

  /* ── Hero ── */
  .hero{position:relative;padding:84px 0 96px;overflow:hidden;background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M0 43.5h44M43.5 0v44' stroke='%2300798C' stroke-opacity='.055'/%3E%3C/svg%3E"),
    radial-gradient(1000px 520px at 80% -12%,rgba(0,121,140,.10),transparent 60%),
    radial-gradient(720px 420px at 3% 12%,rgba(14,159,110,.08),transparent 55%)}
  .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;will-change:transform;transform:translateZ(0)}
  .blob.b1{width:480px;height:480px;background:radial-gradient(circle,rgba(0,172,200,.35),transparent 65%);top:-160px;right:-80px}
  .blob.b2{width:380px;height:380px;background:radial-gradient(circle,rgba(14,159,110,.25),transparent 65%);bottom:-120px;left:-100px}
  .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
  .hero-badge{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:var(--primary-dark);background:#fff;border:1px solid #C9EDF3;border-radius:999px;padding:7px 16px 7px 9px;box-shadow:var(--shadow-sm)}
  .hero-badge .pulse{position:relative;width:22px;height:22px;background:var(--primary-light);border-radius:50%;display:grid;place-items:center}
  .hero-badge .pulse::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(0,121,140,.35);animation:ping 2s cubic-bezier(0,0,.2,1) infinite}
  .hero-badge .pulse i{width:8px;height:8px;border-radius:50%;background:var(--primary);display:block}
  @keyframes ping{75%,100%{transform:scale(1.7);opacity:0}}
  .hero h1{font-size:3.35rem;font-weight:800;margin:22px 0 20px}
  .hero h1 .grad{background:linear-gradient(120deg,var(--primary),#00ACC8 55%,var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero h1 .under{position:relative;white-space:nowrap}
  .hero h1 .under::after{content:'';position:absolute;left:0;right:0;bottom:.02em;height:.34em;z-index:-1;background:linear-gradient(90deg,rgba(0,172,200,.22),rgba(14,159,110,.22));border-radius:4px;transform:skewX(-8deg)}
  .hero p.lead{font-size:1.17rem;color:var(--text-2);max-width:560px;margin-bottom:32px}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
  .hero-note{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.9rem;color:var(--text-2)}
  .hero-note span{display:inline-flex;align-items:center;gap:7px;font-weight:500}
  .hero-note svg{width:18px;height:18px;stroke:var(--secondary);fill:none;stroke-width:2.5}

  /* ── Dashboard mock ── */
  .hero-visual{position:relative}
  .mock{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1600px) rotateY(-7deg) rotateX(2.5deg);transition:transform .5s cubic-bezier(.2,.8,.3,1)}
  .hero-visual:hover .mock{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)}
  .mock-top{display:flex;align-items:center;gap:7px;padding:13px 16px;background:linear-gradient(#f8fafc,#f1f5f9);border-bottom:1px solid var(--border)}
  .mock-top i{width:11px;height:11px;border-radius:50%;display:block}
  .mock-top i:nth-child(1){background:#f87171}.mock-top i:nth-child(2){background:#fbbf24}.mock-top i:nth-child(3){background:#34d399}
  .mock-top .url{margin-left:12px;font-size:.72rem;color:var(--text-3);background:#fff;border:1px solid var(--border);border-radius:7px;padding:3px 14px;display:flex;align-items:center;gap:6px}
  .mock-top .url::before{content:'🔒';font-size:.6rem}
  .mock-body{display:flex;min-height:348px}
  .mock-side{width:150px;background:#080A2B;padding:16px 10px;flex-shrink:0}
  .mock-side .ms-logo{color:#fff;font-family:var(--font-h);font-weight:700;font-size:.84rem;padding:6px 8px 16px;letter-spacing:-.02em}
  .mock-side .ms-logo b{color:#5AD4E6}
  .mock-side a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;color:#9ca3af;font-size:.73rem;font-weight:500;margin-bottom:3px}
  .mock-side a.on{background:linear-gradient(135deg,#00798C,#00798C);color:#fff;box-shadow:0 4px 10px -3px rgba(0,121,140,.6)}
  .mock-side a .dot{width:14px;height:14px;border-radius:4px;background:currentColor;opacity:.45;flex-shrink:0}
  .mock-side a.on .dot{opacity:.95}
  .mock-main{flex:1;padding:18px;background:#f7f9fc;overflow:hidden}
  .mock-h{font-family:var(--font-h);font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
  .mock-h .live{font-family:var(--font);font-size:.58rem;font-weight:700;color:var(--secondary-dark);background:#def7ec;padding:3px 9px;border-radius:999px;display:flex;align-items:center;gap:5px}
  .mock-h .live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:ping2 1.6s infinite}
  @keyframes ping2{0%,100%{opacity:1}50%{opacity:.35}}
  .mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
  .kpi{background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px}
  .kpi .lbl{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700;margin-bottom:5px}
  .kpi .val{font-family:var(--font-h);font-size:1.3rem;font-weight:700;color:var(--ink);letter-spacing:-.02em}
  .kpi .val.b{color:var(--primary)}.kpi .val.g{color:var(--secondary-dark)}.kpi .val.r{color:#e02424}
  .mock-row{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}
  .mock-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px}
  .mock-card .ct{font-size:.66rem;font-weight:700;color:var(--text-2);margin-bottom:9px;display:flex;justify-content:space-between}
  .mock-card .ct .pill{font-size:.54rem;background:#fef3c7;color:#b45309;padding:2px 8px;border-radius:999px;font-weight:700}
  .bars{display:flex;align-items:flex-end;gap:6px;height:70px}
  .bars i{flex:1;background:linear-gradient(180deg,#00ACC8,#00798C);border-radius:5px 5px 2px 2px;display:block;transform-origin:bottom;animation:grow .9s cubic-bezier(.25,.9,.35,1.2) backwards}
  .bars i:nth-child(1){animation-delay:.25s}.bars i:nth-child(2){animation-delay:.35s}.bars i:nth-child(3){animation-delay:.45s}
  .bars i:nth-child(4){animation-delay:.55s}.bars i:nth-child(5){animation-delay:.65s}.bars i:nth-child(6){animation-delay:.75s}
  .bars i:last-child{background:linear-gradient(180deg,#34d399,#0e9f6e)}
  @keyframes grow{from{transform:scaleY(0)}}
  .list-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--border);font-size:.65rem;color:var(--text-2);animation:fadeL .5s ease backwards}
  .list-item:nth-child(2){animation-delay:.5s}.list-item:nth-child(3){animation-delay:.7s}.list-item:nth-child(4){animation-delay:.9s}
  @keyframes fadeL{from{opacity:0;transform:translateX(8px)}}
  .list-item:last-child{border-bottom:0}
  .list-item .av{width:20px;height:20px;border-radius:6px;background:var(--primary-light);color:var(--primary);font-size:.54rem;font-weight:800;display:grid;place-items:center;flex-shrink:0}
  .list-item .tag{margin-left:auto;font-size:.54rem;font-weight:700;padding:2px 8px;border-radius:999px}
  .tag.ok{background:#def7ec;color:#057a55}.tag.warn{background:#fef3c7;color:#b45309}

  .float{position:absolute;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);padding:11px 15px;display:flex;align-items:center;gap:11px;font-size:.8rem;font-weight:600}
  .float .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
  .float .ic svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2.5}
  .float small{display:block;font-size:.68rem;color:var(--text-3);font-weight:500}
  .float.f1{top:7%;right:-28px;animation:floaty 5s ease-in-out infinite}
  .float.f2{bottom:-4%;left:-32px;animation:floaty 6s ease-in-out infinite .6s}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

  /* ── Trust ── */
  .trust{padding:30px 0 42px;border-top:1px solid var(--border);background:var(--bg-soft)}
  .trust-inner{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;text-align:center}
  .trust p{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
  .trust .items{display:flex;gap:36px;flex-wrap:wrap;justify-content:center;align-items:center}
  .trust .items span{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-1)}
  .trust .items svg{width:18px;height:18px;stroke:var(--secondary);fill:none;stroke-width:2.5}

  section{padding:96px 0}
  .sec-head{text-align:center;max-width:680px;margin:0 auto 60px}
  .sec-head h2{font-size:2.45rem;font-weight:800;margin:18px 0 14px}
  .sec-head p{font-size:1.1rem;color:var(--text-2)}

  /* ── Problem/Solution ── */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .split h2{font-size:2.2rem;margin:18px 0 16px}
  .pain-list{display:flex;flex-direction:column;gap:16px}
  .pain{display:flex;gap:15px;padding:19px 20px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:.25s}
  .pain:hover{transform:translateX(6px);box-shadow:var(--shadow-md)}
  .pain .x{width:40px;height:40px;border-radius:12px;background:#fde8e8;color:#e02424;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:1.05rem}
  .pain.win{border-color:#bbe9d4;background:linear-gradient(135deg,#fff,#f4fdf9)}
  .pain.win .x{background:#def7ec;color:var(--secondary-dark)}
  .pain h4{font-size:1.02rem;margin-bottom:3px;color:var(--ink)}
  .pain p{font-size:.9rem;color:var(--text-2)}

  /* ── Features ── */
  .features{background:var(--bg-soft)}
  .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .fcard.wide{grid-column:span 2;display:flex;gap:20px;align-items:center}
  .fcard.wide .fc-txt{flex:1;min-width:0}
  .fcard.wide .fic{margin-bottom:14px}
  .mini{width:46%;flex-shrink:0;background:var(--bg-soft);border:1px solid var(--border);border-radius:13px;padding:13px}
  .mini-t{font-size:.66rem;font-weight:700;color:var(--text-2);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:6px}
  .mini-pill{font-size:.54rem;background:#fef3c7;color:#b45309;padding:2px 8px;border-radius:999px;font-weight:700;white-space:nowrap}
  .mini .list-item{font-size:.63rem}
  .mini-bar{height:9px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:12px 0 9px}
  .mini-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#34d399,#0e9f6e);border-radius:999px;animation:fill 1.5s ease .3s backwards}
  @keyframes fill{from{width:0}}
  .mini-ok{font-size:.64rem;color:var(--secondary-dark);font-weight:600}
  .mini .bars{height:46px;margin-top:4px}
  .fcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:.28s cubic-bezier(.2,.7,.3,1);position:relative;overflow:hidden}
  .fcard::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),#00ACC8);opacity:0;transition:.28s}
  .fcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#B5E6EE}
  .fcard:hover::before{opacity:1}
  .fcard.g:hover{border-color:#a7e6cd}.fcard.g::before{background:linear-gradient(90deg,var(--secondary),#34d399)}
  .fcard.o:hover{border-color:#fcd9a0}.fcard.o::before{background:linear-gradient(90deg,#d97706,#fbbf24)}
  .fcard .fic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:var(--primary-light);transition:.28s}
  .fcard:hover .fic{transform:scale(1.08) rotate(-4deg)}
  .fcard .fic svg{width:24px;height:24px;stroke:var(--primary);fill:none;stroke-width:2}
  .fcard.g .fic{background:#def7ec}.fcard.g .fic svg{stroke:var(--secondary-dark)}
  .fcard.o .fic{background:#fef3c7}.fcard.o .fic svg{stroke:#b45309}
  .fcard h3{font-size:1.13rem;margin-bottom:8px}
  .fcard p{font-size:.92rem;color:var(--text-2)}
  .fcard .badge{position:absolute;top:18px;right:18px;font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--secondary-dark);background:#def7ec;padding:4px 10px;border-radius:999px}

  /* ── Steps ── */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s;position:relative}
  .steps::before{content:'';position:absolute;top:2px;left:16%;right:16%;height:2px;background:repeating-linear-gradient(90deg,#B5E6EE 0 8px,transparent 8px 16px)}
  .step{position:relative;padding:32px 24px 26px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);transition:.25s}
  .step:hover{border-color:#B5E6EE;box-shadow:var(--shadow-md)}
  .step::before{counter-increment:s;content:counter(s);position:absolute;top:-22px;left:24px;width:46px;height:46px;background:linear-gradient(135deg,#00798C,var(--primary-dark));color:#fff;border-radius:14px;display:grid;place-items:center;font-family:var(--font-h);font-weight:700;font-size:1.25rem;box-shadow:0 10px 20px -6px rgba(0,121,140,.6),inset 0 1px 0 rgba(255,255,255,.2)}
  .step h3{font-size:1.16rem;margin:16px 0 8px}
  .step p{font-size:.93rem;color:var(--text-2)}

  /* ── Stats band ── */
  .band{position:relative;background:linear-gradient(135deg,#080A2B,#0E1440 55%,#0B3A55);color:#fff;border-radius:var(--radius-lg);padding:56px 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;box-shadow:var(--shadow-lg);overflow:hidden}
  .band::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M0 43.5h44M43.5 0v44' stroke='%23ffffff' stroke-opacity='.05'/%3E%3C/svg%3E")}
  .band .s{position:relative}
  .band .s .n{font-family:var(--font-h);font-size:2.9rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(120deg,#7FE0EE,#6ee7b7);-webkit-background-clip:text;background-clip:text;color:transparent}
  .band .s p{color:#cbd5e1;font-size:.92rem;margin-top:6px}

  /* ── Contact ── */
  .contact{background:var(--bg-soft)}
  .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start}
  .contact-info h2{font-size:2.2rem;margin:18px 0 14px}
  .contact-info p.sub{font-size:1.05rem;color:var(--text-2);margin-bottom:30px}
  .ci-item{display:flex;gap:15px;margin-bottom:20px;align-items:flex-start}
  .ci-item .ic{width:46px;height:46px;border-radius:13px;background:var(--primary-light);display:grid;place-items:center;flex-shrink:0}
  .ci-item .ic svg{width:21px;height:21px;stroke:var(--primary);fill:none;stroke-width:2}
  .ci-item.wa .ic{background:#dcfce7}.ci-item.wa .ic svg{stroke:var(--wa-dark)}
  .ci-item h4{font-size:1.02rem;color:var(--ink);margin-bottom:2px}
  .ci-item p{font-size:.92rem;color:var(--text-2)}
  .ci-item a{color:var(--primary);font-weight:600}
  .lead-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-md)}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:.82rem;font-weight:600;color:var(--text-1);margin-bottom:7px}
  .field label .req{color:#e02424}
  .field input,.field select,.field textarea{width:100%;font-family:var(--font);font-size:.95rem;color:var(--text-1);padding:12px 15px;border:1px solid var(--border);border-radius:11px;background:#fff;transition:.15s}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(0,121,140,.1)}
  .field textarea{resize:vertical;min-height:92px}
  .check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--text-2);margin-bottom:18px}
  .check input{width:17px;height:17px;margin-top:2px;flex-shrink:0;accent-color:var(--primary)}
  .form-status{display:none;padding:13px 15px;border-radius:11px;font-size:.9rem;font-weight:500;margin-bottom:16px}
  .form-status.ok{display:block;background:#def7ec;color:#057a55;border:1px solid #a7f3d0}
  .form-status.err{display:block;background:#fde8e8;color:#b91c1c;border:1px solid #fca5a5}

  /* ── FAQ ── */
  .faq{max-width:780px;margin:0 auto}
  details{background:#fff;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:.2s}
  details[open]{border-color:#B5E6EE;box-shadow:var(--shadow-sm)}
  summary{padding:21px 24px;font-weight:600;font-size:1.02rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink)}
  summary::-webkit-details-marker{display:none}
  summary .chev{width:26px;height:26px;flex-shrink:0;transition:.25s;stroke:var(--primary);fill:none;stroke-width:2.5;background:var(--primary-light);border-radius:8px;padding:4px}
  details[open] summary .chev{transform:rotate(180deg)}
  details .fa-body{padding:0 24px 22px;color:var(--text-2);font-size:.96rem}

  /* ── CTA ── */
  .cta-band{position:relative;background:
    radial-gradient(700px 300px at 82% -10%,rgba(0,172,200,.3),transparent 60%),
    linear-gradient(135deg,#00798C,var(--primary) 45%,var(--primary-dark));border-radius:var(--radius-lg);padding:70px 44px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);overflow:hidden}
  .cta-band::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M0 43.5h44M43.5 0v44' stroke='%23ffffff' stroke-opacity='.07'/%3E%3C/svg%3E")}
  .cta-band>*{position:relative}
  .cta-band h2{color:#fff;font-size:2.4rem;font-weight:800;margin-bottom:14px}
  .cta-band p{font-size:1.12rem;color:#D3F1F6;max-width:560px;margin:0 auto 32px}
  .cta-band .btn-primary{background:#fff;color:var(--primary);box-shadow:0 10px 24px -8px rgba(0,0,0,.35)}
  .cta-band .btn-primary:hover{background:#EAF8FB}
  .cta-band .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
  .cta-band .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}

  /* ── Footer ── */
  footer{background:var(--bg-dark);color:#cbd5e1;padding:68px 0 32px;margin-top:96px}
  .fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.09)}
  footer .fabout{font-size:.9rem;color:#94a3b8;margin:16px 0;max-width:300px}
  .fcol h5{color:#fff;font-family:var(--font-h);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:17px}
  .fcol a{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:11px;transition:.15s}
  .fcol a:hover{color:#fff;transform:translateX(2px)}
  .fbottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:.85rem;color:#64748b;flex-wrap:wrap;gap:12px}

  /* ══ WhatsApp widget ══ */
  .wa-launcher{position:fixed;bottom:24px;right:24px;z-index:60;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#2fe673,var(--wa) 60%);border:none;cursor:pointer;box-shadow:0 10px 28px -6px rgba(37,211,102,.6),inset 0 1px 0 rgba(255,255,255,.3);display:grid;place-items:center;transition:.22s cubic-bezier(.3,.8,.4,1.2)}
  .wa-launcher:hover{transform:scale(1.08)}
  .wa-launcher svg{width:32px;height:32px;fill:#fff}
  .wa-launcher .close-ic{display:none}
  .wa-launcher.active .chat-ic{display:none}
  .wa-launcher.active .close-ic{display:block}
  .wa-launcher .badge-dot{position:absolute;top:2px;right:2px;width:15px;height:15px;background:#ef4444;border:2.5px solid #fff;border-radius:50%;animation:ping2 2s infinite}
  .wa-launcher.active .badge-dot{display:none}

  .wa-nudge{position:fixed;bottom:38px;right:98px;z-index:59;background:#fff;border:1px solid var(--border);border-radius:16px 16px 4px 16px;box-shadow:var(--shadow-md);padding:13px 38px 13px 16px;font-size:.88rem;font-weight:500;color:var(--text-1);max-width:250px;opacity:0;transform:translateY(10px) scale(.95);pointer-events:none;transition:.3s cubic-bezier(.3,.8,.4,1.1);cursor:pointer}
  .wa-nudge.show{opacity:1;transform:none;pointer-events:auto}
  .wa-nudge .nx{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-3);cursor:pointer;font-size:1rem;line-height:1;padding:4px}

  .wa-panel{position:fixed;bottom:98px;right:24px;z-index:60;width:376px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 130px);background:#fff;border-radius:20px;box-shadow:0 28px 70px -14px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(22px) scale(.95);pointer-events:none;transition:.25s cubic-bezier(.3,.8,.4,1.05)}
  .wa-panel.open{opacity:1;transform:none;pointer-events:auto}
  .wa-head{background:linear-gradient(135deg,#0e7c6b,var(--wa-dark));color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
  .wa-head .ava{position:relative;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;flex-shrink:0}
  .wa-head .ava svg{width:24px;height:24px;stroke:var(--wa-dark);fill:none;stroke-width:2.5}
  .wa-head .ava::after{content:'';position:absolute;bottom:0;right:0;width:12px;height:12px;background:#4ade80;border:2px solid var(--wa-dark);border-radius:50%}
  .wa-head .ht{flex:1}
  .wa-head .ht b{font-size:.98rem;display:block}
  .wa-head .ht span{font-size:.76rem;color:#c7f0dd}
  .wa-head button{background:none;border:none;color:#fff;cursor:pointer;opacity:.85;padding:4px}
  .wa-head button:hover{opacity:1}
  .wa-head button svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2.5}
  .wa-messages{flex:1;overflow-y:auto;padding:18px 16px;background:#e7e0d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='12' cy='14' r='2.4' fill='%23000' fill-opacity='.025'/%3E%3Ccircle cx='44' cy='40' r='3' fill='%23000' fill-opacity='.02'/%3E%3Cpath d='M28 50l4-4' stroke='%23000' stroke-opacity='.025' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");display:flex;flex-direction:column;gap:8px}
  .wa-msg{max-width:82%;padding:9px 13px;border-radius:13px;font-size:.9rem;line-height:1.45;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08);animation:pop .22s ease}
  @keyframes pop{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}
  .wa-in{background:#fff;color:#111;align-self:flex-start;border-top-left-radius:4px}
  .wa-out{background:#dcf8c6;color:#111;align-self:flex-end;border-top-right-radius:4px}
  .wa-typing{display:flex;gap:4px;align-items:center;width:auto}
  .wa-typing span{width:7px;height:7px;background:#9ca3af;border-radius:50%;animation:blink 1.2s infinite}
  .wa-typing span:nth-child(2){animation-delay:.2s}.wa-typing span:nth-child(3){animation-delay:.4s}
  @keyframes blink{0%,60%,100%{opacity:.3}30%{opacity:1}}
  .wa-chips{display:flex;flex-wrap:wrap;gap:7px;padding:8px 16px 4px;background:#e7e0d8}
  .wa-chips:empty{padding:0}
  .wa-chip{background:#fff;border:1px solid var(--wa);color:var(--wa-dark);font-size:.8rem;font-weight:600;padding:6px 13px;border-radius:999px;cursor:pointer;transition:.15s;font-family:var(--font)}
  .wa-chip:hover{background:var(--wa);color:#fff}
  .wa-foot{padding:10px 12px;background:#f0f0f0;border-top:1px solid #e0e0e0}
  .wa-form{display:flex;gap:8px;align-items:center}
  .wa-form input{flex:1;border:1px solid #d1d5db;border-radius:999px;padding:11px 16px;font-size:.9rem;font-family:var(--font);outline:none;transition:.15s}
  .wa-form input:focus{border-color:var(--wa);box-shadow:0 0 0 3px rgba(37,211,102,.15)}
  .wa-form button{width:44px;height:44px;border-radius:50%;background:var(--wa);border:none;cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:.15s}
  .wa-form button:hover{background:var(--wa-dark);transform:scale(1.05)}
  .wa-form button svg{width:20px;height:20px;fill:#fff}
  .wa-direct{display:block;text-align:center;font-size:.78rem;color:var(--wa-dark);font-weight:600;padding:9px 0 2px}
  .wa-direct:hover{text-decoration:underline}

  @media (max-width:1040px){
    .nav-links{display:none}
    .menu-btn{display:grid}
    .mobile-nav{display:flex}
  }
  @media (max-width:940px){
    .hero-grid,.split,.contact-grid{grid-template-columns:1fr;gap:44px}
    .hero-visual{order:-1}
    .hero h1{font-size:2.7rem}
    .fgrid,.steps,.pgrid{grid-template-columns:1fr 1fr}
    .steps::before{display:none}
    .band{grid-template-columns:1fr 1fr;gap:34px 20px}
    .fcols{grid-template-columns:1fr 1fr}
    .mock{transform:none}
    .hero-visual:hover .mock{transform:none}
  }
  @media (max-width:640px){
    .nav-cta .btn-ghost{display:none}
    .hero{padding:118px 0 62px}
    .hero h1{font-size:2.25rem}
    .sec-head h2,.cta-band h2{font-size:1.85rem}
    .split h2,.contact-info h2{font-size:1.8rem}
    .fgrid,.steps,.pgrid,.band,.fcols,.frow{grid-template-columns:1fr}
    .fcard.wide{grid-column:span 1;flex-direction:column;align-items:stretch}
    .mini{width:100%}
    .plan.pop{transform:none}
    section{padding:64px 0}
    .float{display:none}
    .band{padding:44px 26px}
    .cta-band{padding:52px 26px}
    .lead-form{padding:26px 20px}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
    html{scroll-behavior:auto}
    .reveal{opacity:1;transform:none}
  }

/* ── Özellik kartı sahneleri ── */
.st{--c:6.5s;position:relative;display:flex;align-items:center;justify-content:center;height:132px;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:#F2F9FB;overflow:hidden}
.fitem:nth-child(3n+2){--o:.5s}.fitem:nth-child(3n){--o:1s}
.st i,.st b,.st em{display:block;font-style:normal}
.st svg{fill:none;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.st .ad0,.st .ad1,.st .ad2,.st .ad3,.st .ad4,.st .ad5,.st .ad6{stroke-dasharray:1}
.st .aw0,.st .aw1,.st .aw2,.st .aw3{transform-origin:left}
.st .ah0,.st .ah1,.st .ah2,.st .ah3,.st .ah4,.st .ah5{transform-origin:bottom}
.ln{height:6px;border-radius:3px;background:#CFE3E9;flex:none}
.pl{font-size:.66rem;font-weight:600;line-height:1;padding:4px 8px;border-radius:999px;white-space:nowrap}
.pl.good{background:#DEF7EC;color:#057A55}.pl.warn{background:#FEF3C7;color:#92590A}.pl.mute{background:#E7EEF1;color:#5B6B73}
.stk{display:flex;flex-direction:column;gap:6px;width:100%;max-width:230px}
.sp{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sp.end{justify-content:flex-end}
.rw{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E1EEF2;border-radius:8px;padding:4px 8px;min-width:0}
.sq{flex:none;width:18px;height:18px;border-radius:5px;background:#E6F7FA;color:#00798C;font-size:.58rem;font-weight:800;display:grid!important;place-items:center}
.sw2{position:relative;margin-left:auto;flex:none}.sw2 .pl+.pl{position:absolute;inset:0;display:grid!important;place-items:center;padding:0}
.tr{position:relative;height:8px;border-radius:4px;background:#DCEBEF}
.fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#00ACC8}.fill.navy{background:#080A2B}
.dot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid #00ACC8}
.stk.wide .tr{margin:2px 0}
.lb small{display:block;font-size:.66rem;color:#5B6B73;margin-bottom:3px}
.file{align-self:flex-start;font-size:.66rem;font-weight:600;color:#057A55;background:#fff;border:1px solid #BBE9D4;border-radius:6px;padding:3px 7px}
.doc{position:relative;display:flex;flex-direction:column;gap:6px;width:92px;height:96px;padding:11px;background:#fff;border:1px solid #DCEBEF;border-radius:8px}
.sig{width:100%;height:22px;stroke:#080A2B;stroke-width:2;margin-top:2px}
.ok{position:absolute;right:-9px;bottom:-5px;width:26px;height:26px;border-radius:50%;background:#0E9F6E;display:grid;place-items:center}
.ok svg{width:15px;height:15px;stroke:#fff;stroke-width:3}
.ph{display:flex;flex-direction:column;gap:7px;width:64px;height:98px;padding:12px 8px;background:#fff;border:2px solid #080A2B;border-radius:12px}
.code{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:5px}
.code b{height:13px;border-radius:3px;background:#00ACC8}
.cols{display:flex;gap:10px;width:100%;max-width:230px}
.col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.av{width:26px;height:26px;border-radius:50%;background:#080A2B;box-shadow:0 0 0 3px #fff}
.firm{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:10px 4px;background:#fff;border:1px solid #E1EEF2;border-radius:8px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%;max-width:210px}
.cal i{height:24px;border-radius:5px;background:#E2EFF2}.cal i.on{background:#00ACC8}
.q{flex:none;width:22px;height:22px;border-radius:50%;background:#00ACC8;display:grid;place-items:center}
.q svg{width:13px;height:13px;stroke:#fff;stroke-width:3}
.mtx{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:100%;max-width:190px}
.mtx i{height:26px;border-radius:5px}
.mtx .h0{background:#BFE8D6}.mtx .h1{background:#E7EDB7}.mtx .h2{background:#F8D98A}.mtx .h3{background:#F2A86B}.mtx .h4{background:#D9563F}
.road{position:absolute;left:0;right:0;bottom:30px;height:2px;background:repeating-linear-gradient(90deg,#B7D3DB 0 12px,transparent 12px 22px)}
.car{position:absolute;left:38%;bottom:7px;width:56px;height:24px;background:#080A2B;border-radius:6px 12px 4px 4px}
.car::before{content:'';position:absolute;right:6px;top:4px;width:14px;height:9px;border-radius:2px 5px 0 0;background:#7FE0EE}
.car b{position:absolute;bottom:-6px;left:8px;width:12px;height:12px;border-radius:50%;background:#00ACC8;border:2px solid #fff}
.car b+b{left:auto;right:8px}
.fitem.play .amv{animation:aCar var(--c) linear var(--o,0s) infinite backwards}
@keyframes aCar{0%{left:-64px}100%{left:100%}}
.amt{margin-left:auto;flex:none;font-size:.72rem;font-weight:700;color:#080A2B}
.msg{display:flex;flex-direction:column;gap:5px;align-self:flex-end;width:72%;padding:7px 9px;background:#DCF8C6;border-radius:9px 9px 2px 9px}
.msg .ln{background:#A9D88D}
.bars2{position:relative;display:flex;align-items:flex-end;gap:7px;width:100%;max-width:200px;height:90px;border-bottom:2px solid #CFE3E9}
.bars2 i{flex:1;border-radius:4px 4px 0 0;background:#BDE7EF}.bars2 i:last-of-type{background:#00ACC8}
.bars2 svg{position:absolute;inset:0;width:100%;height:100%;stroke:#080A2B;stroke-width:2}
.org{display:flex;flex-direction:column;align-items:center;width:100%;max-width:230px}
.org svg{width:100%;height:24px;stroke:#9CC7D2;stroke-width:1.5}
.org .sp{justify-content:space-between;width:100%;flex-wrap:nowrap}
.nd{font-size:.68rem;font-weight:600;padding:6px 8px;border-radius:7px;background:#fff;border:1px solid #DCEBEF;color:#080A2B;white-space:nowrap}
.nd.top{background:#080A2B;color:#fff;border-color:#080A2B}
.ts{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:500;color:#111827;background:#fff;border:1px solid #E1EEF2;border-radius:8px;padding:5px 9px;white-space:nowrap}
.ts i{flex:none;width:8px;height:8px;border-radius:50%}.ts i.w{background:#F0A63A}.ts i.g{background:#0E9F6E}
@media (prefers-reduced-motion:reduce){.fitem.play .st *{animation:none!important}}
@keyframes ai0{0%,0%{opacity:0;transform:translateY(5px)}9%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap0{0%,0%{opacity:0;transform:scale(.4)}7%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw0{0%,0%{transform:scaleX(0)}16%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah0{0%,0%{transform:scaleY(0)}10%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad0{0%,0%{stroke-dashoffset:1}14%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ai1{0%,9%{opacity:0;transform:translateY(5px)}18%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap1{0%,9%{opacity:0;transform:scale(.4)}16%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw1{0%,9%{transform:scaleX(0)}25%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah1{0%,9%{transform:scaleY(0)}19%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad1{0%,9%{stroke-dashoffset:1}23%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ai2{0%,18%{opacity:0;transform:translateY(5px)}27%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap2{0%,18%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw2{0%,18%{transform:scaleX(0)}34%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah2{0%,18%{transform:scaleY(0)}28%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad2{0%,18%{stroke-dashoffset:1}32%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ai3{0%,27%{opacity:0;transform:translateY(5px)}36%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap3{0%,27%{opacity:0;transform:scale(.4)}34%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw3{0%,27%{transform:scaleX(0)}43%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah3{0%,27%{transform:scaleY(0)}37%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad3{0%,27%{stroke-dashoffset:1}41%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ai4{0%,36%{opacity:0;transform:translateY(5px)}45%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap4{0%,36%{opacity:0;transform:scale(.4)}43%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw4{0%,36%{transform:scaleX(0)}52%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah4{0%,36%{transform:scaleY(0)}46%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad4{0%,36%{stroke-dashoffset:1}50%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ai5{0%,45%{opacity:0;transform:translateY(5px)}54%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap5{0%,45%{opacity:0;transform:scale(.4)}52%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw5{0%,45%{transform:scaleX(0)}61%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah5{0%,45%{transform:scaleY(0)}55%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad5{0%,45%{stroke-dashoffset:1}59%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ai6{0%,54%{opacity:0;transform:translateY(5px)}63%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ap6{0%,54%{opacity:0;transform:scale(.4)}61%{opacity:1;transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes aw6{0%,54%{transform:scaleX(0)}70%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ah6{0%,54%{transform:scaleY(0)}64%{transform:none}88%{opacity:1}95%,100%{opacity:0}}
@keyframes ad6{0%,54%{stroke-dashoffset:1}68%{stroke-dashoffset:0}88%{opacity:1}95%,100%{opacity:0}}
.fitem.play .ai0{animation:ai0 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap0{animation:ap0 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw0{animation:aw0 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah0{animation:ah0 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad0{animation:ad0 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ai1{animation:ai1 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap1{animation:ap1 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw1{animation:aw1 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah1{animation:ah1 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad1{animation:ad1 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ai2{animation:ai2 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap2{animation:ap2 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw2{animation:aw2 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah2{animation:ah2 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad2{animation:ad2 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ai3{animation:ai3 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap3{animation:ap3 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw3{animation:aw3 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah3{animation:ah3 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad3{animation:ad3 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ai4{animation:ai4 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap4{animation:ap4 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw4{animation:aw4 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah4{animation:ah4 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad4{animation:ad4 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ai5{animation:ai5 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap5{animation:ap5 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw5{animation:aw5 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah5{animation:ah5 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad5{animation:ad5 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ai6{animation:ai6 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ap6{animation:ap6 var(--c) var(--o,0s) infinite backwards}
.fitem.play .aw6{animation:aw6 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ah6{animation:ah6 var(--c) var(--o,0s) infinite backwards}
.fitem.play .ad6{animation:ad6 var(--c) var(--o,0s) infinite backwards}

/* ── Çok sayfalı yapı ── */
.draft-bar{background:#fff7e0;color:#7a5200;font-size:.82rem;font-weight:600;text-align:center;padding:8px 16px;border-bottom:1px solid #f1dfa8}
.ggrid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.gcard{grid-column:span 2;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px}
.gcard:nth-child(4){grid-column:2/span 2}
.gcard h3{font-size:1.18rem;margin-bottom:6px}
.gcard h3 a:hover{color:var(--primary)}
.gcard p{font-size:.92rem;color:var(--text-2);margin-bottom:14px}
.glinks{display:flex;flex-direction:column;gap:7px}
.glinks a{font-size:.92rem;font-weight:600;color:var(--primary)}
.glinks a:hover{text-decoration:underline}
.center-link{text-align:center;margin-top:34px}
.page-top{padding:56px 0 48px;background:var(--bg-soft);border-bottom:1px solid var(--border)}
.page-top h1{font-size:2.7rem;font-weight:800;margin:16px 0 14px;max-width:760px;text-wrap:balance}
.page-top .lead{font-size:1.12rem;color:var(--text-2);max-width:640px}
.page-top .hero-actions{margin:26px 0 0}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--text-2)}
.crumbs a:hover{color:var(--primary);text-decoration:underline}
.jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.jump a{font-size:.88rem;font-weight:600;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid var(--border)}
.jump a:hover{border-color:var(--primary);color:var(--primary)}
.top-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.side-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-md)}
.side-card .mini-t{font-size:.86rem;margin-bottom:10px}
.side-card .mini-pill{font-size:.68rem}
.side-card .list-item{font-size:.86rem;padding:10px 0}
.side-card .list-item .av{width:28px;height:28px;font-size:.68rem}
.side-card .list-item .tag{font-size:.7rem}
.side-card .mini-ok{font-size:.82rem}
.side-card .shot-note{padding:10px 0 0}
.gblock{padding:56px 0 8px;scroll-margin-top:80px}
.gblock-h{margin-bottom:22px}
.gblock-h h2{font-size:1.75rem;font-weight:800;margin-bottom:6px}
.gblock-h p{color:var(--text-2)}
.fitems{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fitem{display:flex;flex-direction:column;gap:7px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:.2s}
.fitem:hover{border-color:#7FD5E3;box-shadow:var(--shadow-md);transform:translateY(-3px)}
.fitem>b{font-size:1.06rem;color:var(--ink)}
.fitem>span{font-size:.92rem;color:var(--text-2)}
.fitem>em{margin-top:auto;font-style:normal;font-size:.88rem;font-weight:600;color:var(--primary)}
.fitem em .arr{color:inherit;display:inline-block;transition:transform .2s}
.fitem:hover em .arr{transform:translateX(3px)}
section.tight{padding:56px 0}
section.tight.soft{background:var(--bg-soft)}
section.sec-cta{padding:64px 0 0}
footer{margin-top:64px}
.sub-h{font-size:1.6rem;font-weight:800;margin-bottom:24px}
.fcells{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px}
.fcell{min-width:0}
.fcell h3{font-size:1.06rem;margin-bottom:6px}
.fcell p{font-size:.94rem;color:var(--text-2)}
.fcell a{color:var(--primary);font-weight:600}
.wide-shot{margin-top:36px}
.shot{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;min-width:0}
.shot-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--border)}
.shot-h b{color:var(--ink);font-size:.98rem}
.shot-btns{display:flex;gap:8px;flex-wrap:wrap}
.shot-btns em{font-style:normal;font-size:.72rem;font-weight:600;padding:6px 11px;border-radius:9px;background:var(--primary-dark);color:#fff}
.shot-btns em+em{background:#128c7e}
.shot-scroll{overflow-x:auto}
.shot-t{width:100%;border-collapse:collapse;font-size:.82rem;color:var(--text-2)}
.shot-t th{background:var(--bg-soft);text-align:left;font-weight:600;padding:10px 14px;white-space:nowrap;border-bottom:1px solid var(--border)}
.shot-t td{padding:12px 14px;border-bottom:1px solid var(--bg-soft);white-space:nowrap}
.shot-t .c-ad{font-weight:600;color:var(--ink)}
.shot-t .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}
.sw{display:block;width:26px;height:15px;border-radius:999px;background:#d7dde5;position:relative}
.sw::after{content:'';position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff}
.sw.on{background:#00ACC8}
.sw.on::after{left:13px}
.shot-note{font-size:.72rem;color:#6b7280;padding:9px 18px 12px}
.cl-steps{list-style:none;counter-reset:c;display:flex;flex-direction:column;gap:22px}
.cl-steps.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.cl-steps li{counter-increment:c;position:relative;padding-left:50px}
.cl-steps li::before{content:counter(c);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:11px;background:var(--primary-dark);color:#fff;display:grid;place-items:center;font-weight:700}
.cl-steps b{display:block;color:var(--ink);font-size:1.06rem;margin-bottom:4px}
.cl-steps span{font-size:.93rem;color:var(--text-2)}
@media (max-width:940px){
  .ggrid{grid-template-columns:1fr 1fr}
  .gcard,.gcard:nth-child(4){grid-column:auto}
  .top-grid{grid-template-columns:1fr;gap:30px}
  .fitems,.fcells,.cl-steps.cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .ggrid,.fitems,.fcells,.cl-steps.cols{grid-template-columns:1fr}
  .page-top{padding:36px 0}
  .page-top h1{font-size:2rem}
  .shot-t .opt{display:none}
}