:root{
    --purple-900:#0c1f3d;
    --purple-800:#123058;
    --purple-700:#155091;
    --purple-600:#0d8fe0;
    --violet:#00c2f0;
    --blue-accent:#00d8f4;
    --tech-cyan:#00c8ff;
    --tech-cyan-light:#6fe8ff;
    --bg:#f7f9fc;
    --card:#ffffff;
    --line:#e5e8ef;
    --text-900:#0f1b2e;
    --text-600:#5c6a7c;
    --text-400:#93a1b0;
    --green:#1fb37a;
    --amber:#f5a524;
    --red:#f0506e;
    --radius-lg:20px;
    --radius-md:14px;
    --radius-sm:10px;
    --shadow-soft:0 20px 45px -20px rgba(12,31,61,0.22);
    --shadow-card:0 10px 30px -12px rgba(12,31,61,0.14);
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:var(--bg);
    color:var(--text-900);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit; cursor:pointer; border:none;}
  .container{max-width:1280px; margin:0 auto; padding:0 32px;}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:13px 24px;
    border-radius:12px;
    font-weight:600;
    font-size:15px;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
    color:#fff;
    box-shadow:0 12px 24px -10px rgba(13,143,224,0.45);
  }
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 30px -10px rgba(13,143,224,0.55);}
  .btn-outline{
    background:#fff;
    color:var(--text-900);
    border:1.5px solid var(--line);
  }
  .btn-outline:hover{border-color:var(--purple-600); color:var(--purple-600);}
  .btn-ghost{
    background:transparent;
    color:var(--purple-700);
    font-weight:600;
    font-size:14px;
    padding:8px 4px;
  }

  /* ---------- Navbar ---------- */
  header.nav{
    position:sticky; top:0; z-index:100;
    background:rgba(247,247,251,0.85);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 32px;
    max-width:1280px; margin:0 auto;
  }
  .logo{
    font-size:21px; font-weight:800; letter-spacing:-0.02em;
    display:flex; align-items:center; gap:9px;
  }
  .logo-mark{width:auto; height:28px; flex-shrink:0; display:block; object-fit:contain;}
  .logo-text{display:flex; align-items:baseline;}
  .logo-text .light{color:var(--text-400); font-weight:700;}
  .dash-logo .logo-mark{width:auto; height:14px;}
  .dash-logo{display:flex; align-items:center; gap:7px;}
  .footer-brand .logo-mark{width:auto; height:30px;}
  header.nav .logo .logo-mark{width:auto; height:32px;}
  .nav-links{
    display:flex; gap:34px;
    font-size:14.5px; font-weight:600; color:var(--text-600);
  }
  .nav-links a{transition:color .15s ease;}
  .nav-links a:hover{color:var(--purple-700);}
  .nav-actions{display:flex; align-items:center; gap:14px;}
  .nav-toggle{
    display:none; flex-direction:column; justify-content:center; gap:5px;
    width:38px; height:38px; flex-shrink:0;
    background:transparent; border-radius:8px;
  }
  .nav-toggle span{
    display:block; width:20px; height:2px; margin:0 auto;
    background:var(--text-900); border-radius:2px;
    transition:transform .2s ease, opacity .2s ease;
  }
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.open span:nth-child(2){opacity:0;}
  .nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav-actions .btn-outline{padding:11px 20px;}
  .nav-actions .btn-primary{padding:11px 22px;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    padding:76px 0 60px;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute; top:-120px; right:-160px;
    width:640px; height:640px;
    background:radial-gradient(circle, rgba(0,200,255,0.14), transparent 70%);
    z-index:0;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:0.95fr 1.15fr;
    gap:56px;
    align-items:center;
    position:relative; z-index:1;
  }
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    background:#e6f5fb;
    color:var(--purple-700);
    font-size:12.5px; font-weight:700;
    padding:7px 14px;
    border-radius:100px;
    margin-bottom:22px;
    letter-spacing:0.01em;
  }
  .eyebrow .spark{color:var(--violet);}
  h1.hero-title{
    font-size:52px;
    line-height:1.08;
    font-weight:800;
    letter-spacing:-0.025em;
    color:var(--text-900);
    margin-bottom:22px;
  }
  h1.hero-title .grad{
    background:linear-gradient(100deg,var(--purple-600),var(--violet) 60%, var(--blue-accent));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .hero-desc{
    font-size:16.5px;
    line-height:1.65;
    color:var(--text-600);
    max-width:480px;
    margin-bottom:34px;
  }
  .hero-cta{display:flex; gap:14px; margin-bottom:34px;}
  .badge-strip{
    display:grid; grid-template-columns:repeat(4,1fr);
    gap:12px;
  }
  .badge-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:14px 14px 13px;
    display:flex; flex-direction:column; gap:10px;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .badge-card:hover{transform:translateY(-3px); box-shadow:var(--shadow-card); border-color:#b9e3f2;}
  .badge-card .bic{
    width:32px; height:32px; border-radius:9px;
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 16px -8px rgba(13,143,224,0.45);
  }
  .badge-card .bic svg{width:16px; height:16px;}
  .badge-card .bt{font-size:12.5px; font-weight:700; color:var(--text-900); line-height:1.3;}

  /* ---------- Dashboard mock ---------- */
  .mock-wrap{position:relative;}
  .dash{
    background:#fff;
    border-radius:22px;
    box-shadow:var(--shadow-soft);
    border:1px solid var(--line);
    overflow:hidden;
    position:relative; z-index:2;
  }
  .dash-top{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 22px;
    border-bottom:1px solid var(--line);
  }
  .dash-logo span.logo-text{font-weight:800; font-size:15px;}
  .dash-icons{display:flex; align-items:center; gap:14px; color:var(--text-400);}
  .dash-icons svg{width:17px; height:17px;}
  .dash-avatar{
    width:28px; height:28px; border-radius:50%;
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
  }
  .dash-body{display:grid; grid-template-columns:150px 1fr; min-height:420px;}
  .dash-side{
    border-right:1px solid var(--line);
    padding:14px 10px;
    display:flex; flex-direction:column; gap:2px;
  }
  .dash-side .item{
    display:flex; align-items:center; gap:9px;
    padding:9px 12px;
    border-radius:9px;
    font-size:12.5px; font-weight:600;
    color:var(--text-600);
  }
  .dash-side .item.active{
    background:#e2f3fc; color:var(--purple-700);
  }
  .dash-side .dot16{
    width:14px; height:14px; border-radius:4px;
    background:currentColor; opacity:.18; flex-shrink:0;
  }
  .dash-main{padding:20px 22px 24px;}
  .dash-h2{font-size:16px; font-weight:800; margin-bottom:16px;}
  .stat-row{
    display:grid; grid-template-columns:repeat(4,1fr);
    gap:14px; margin-bottom:16px;
  }
  .stat-card{
    background:#fafafe;
    border:1px solid var(--line);
    border-radius:13px;
    padding:13px 14px;
  }
  .stat-label{font-size:11px; color:var(--text-400); font-weight:600; margin-bottom:8px;}
  .stat-value{font-size:19px; font-weight:800; display:flex; align-items:baseline; gap:5px;}
  .stat-value small{font-size:10.5px; font-weight:700; color:var(--green);}
  .stat-sub{font-size:10.5px; color:var(--text-400); margin-top:2px;}
  .stat-sub.risk{color:var(--red); font-weight:700;}

  .panel-row{display:grid; grid-template-columns:1.3fr 1fr; gap:14px;}
  .panel{
    background:#fafafe;
    border:1px solid var(--line);
    border-radius:13px;
    padding:14px 16px;
  }
  .panel-title{font-size:12px; font-weight:700; margin-bottom:10px; color:var(--text-900);}
  .fake-chart{height:80px; position:relative;}
  .fake-chart svg{width:100%; height:100%;}
  .donut-wrap{display:flex; align-items:center; gap:14px;}
  .legend{display:flex; flex-direction:column; gap:6px; font-size:10.5px; font-weight:600; color:var(--text-600);}
  .legend span.sw{width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:6px;}

  .float-card{
    position:absolute;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:var(--shadow-card);
    padding:14px 16px;
    z-index:3;
    font-size:12.5px;
  }
  .float-ai{
    bottom:-30px; left:-18px;
    width:230px;
  }
  .float-ai .ai-badge{
    display:flex; align-items:center; gap:8px;
    font-weight:700; margin-bottom:8px; color:var(--purple-700);
  }
  .float-ai .ai-dot{
    width:20px; height:20px; border-radius:7px;
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
  }
  .float-ai p{color:var(--text-600); line-height:1.5; margin-bottom:8px;}
  .float-ai a{color:var(--purple-700); font-weight:700; font-size:11.5px;}
  .float-savings{
    top:-26px; right:-24px;
    text-align:left;
  }
  .float-savings .fs-label{color:var(--text-400); font-weight:600; font-size:11px; margin-bottom:4px;}
  .float-savings .fs-value{
    font-size:22px; font-weight:800; color:var(--text-900);
    display:flex; align-items:center; gap:6px;
  }
  .float-savings .fs-value .up{color:var(--green); font-size:16px;}
  .float-savings .fs-sub{font-size:10.5px; color:var(--green); font-weight:700; margin-top:2px;}

  /* ---------- Process section ---------- */
  .section{padding:70px 0;}
  .section-head{text-align:center; max-width:600px; margin:0 auto 48px;}
  .section-eyebrow{
    font-size:12.5px; font-weight:700; letter-spacing:0.1em;
    color:var(--purple-700); text-transform:uppercase; margin-bottom:12px;
  }
  .section-title{font-size:32px; font-weight:800; letter-spacing:-0.02em; margin-bottom:12px;}
  .section-desc{color:var(--text-600); font-size:15.5px; line-height:1.6;}

  .process-row{
    display:grid; grid-template-columns:repeat(4,1fr);
    gap:20px; position:relative;
  }
  .process-card{
    background:#fff; border:1px solid var(--line); border-radius:18px;
    padding:28px 22px; text-align:center;
    position:relative;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .process-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card);}
  .process-icon{
    width:54px; height:54px; border-radius:15px;
    background:linear-gradient(135deg,#e6f5fb,#dcf1fa);
    color:var(--purple-700);
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 16px;
  }
  .process-icon svg{width:24px; height:24px;}
  .process-num{
    font-size:11px; font-weight:800; letter-spacing:0.08em;
    color:var(--violet); margin-bottom:6px;
  }
  .process-name{font-size:16px; font-weight:700; margin-bottom:8px;}
  .process-desc{font-size:13.5px; color:var(--text-600); line-height:1.5;}
  .process-arrow{
    position:absolute; top:27px; right:-30px;
    color:var(--text-400); font-size:18px; z-index:2;
  }

  /* ---------- Feature grid ---------- */
  .feature-grid{
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  .feature-card{
    background:#fff; border:1px solid var(--line); border-radius:18px;
    padding:24px; min-height:280px;
    display:flex; flex-direction:column;
    position:relative; overflow:hidden;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .feature-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card); border-color:#b9e3f2;}
  .feature-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;}
  .feature-icon{
    width:38px; height:38px; border-radius:11px;
    background:linear-gradient(135deg,#e6f5fb,#dcf1fa);
    color:var(--purple-700);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .feature-icon svg{width:18px; height:18px;}
  .feature-tag{
    font-size:10.5px; font-weight:700; color:var(--purple-700);
    background:#e6f6fc; padding:4px 10px; border-radius:100px;
    letter-spacing:.02em;
  }
  .feature-visual{
    height:108px; border-radius:12px;
    background:#fafafe; border:1px solid var(--line);
    padding:14px;
    margin-bottom:18px;
    position:relative; overflow:hidden;
  }
  .feature-name{font-size:16px; font-weight:700; margin-bottom:6px;}
  .feature-desc{font-size:13px; color:var(--text-600); line-height:1.5;}

  .mini-heat{display:grid; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(4,1fr); gap:4px; height:100%;}
  .mini-heat div{border-radius:3px;}

  .kpi-gauges{display:flex; align-items:center; justify-content:space-around; height:100%;}
  .kpi-gauge{text-align:center;}
  .kpi-gauge svg{width:64px; height:64px;}
  .kpi-gauge .kg-label{font-size:10px; color:var(--text-400); font-weight:600; margin-top:2px;}

  .risk-matrix{display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr); gap:3px; height:100%;}
  .risk-matrix div{border-radius:3px;}

  /* ---------- Süreç haritası (Gözlemle) ---------- */
  .module-visual.flow{
    background:radial-gradient(circle at 30% 20%, #eef8fd 0%, #f7fbfe 55%, #ffffff 100%);
    position:relative; overflow:hidden;
  }
  .flow-live{
    position:absolute; top:14px; left:14px; z-index:2;
    display:flex; align-items:center; gap:7px;
    background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-card);
    padding:6px 12px 6px 10px; border-radius:100px;
    font-size:10.5px; font-weight:700; color:var(--purple-700); letter-spacing:0.03em;
  }
  .flow-live .dot{
    width:7px; height:7px; border-radius:50%; background:var(--green);
    animation:flowPulse 1.8s infinite;
  }
  @keyframes flowPulse{
    0%{box-shadow:0 0 0 0 rgba(31,179,122,0.45);}
    70%{box-shadow:0 0 0 7px rgba(31,179,122,0);}
    100%{box-shadow:0 0 0 0 rgba(31,179,122,0);}
  }
  .flow-delay-badge{
    position:absolute; bottom:14px; right:14px; z-index:2; max-width:78%;
    background:#fff; border:1px solid #f8c8d2; box-shadow:var(--shadow-card);
    color:#c0264a; font-size:10.5px; font-weight:700; line-height:1.4;
    padding:6px 12px; border-radius:100px; white-space:nowrap;
  }
  @media (max-width:520px){
    .flow-delay-badge{white-space:normal; border-radius:12px; text-align:right;}
  }

  .ai-chip{
    display:inline-flex; align-items:center; gap:5px;
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
    color:#fff; font-size:10px; font-weight:700;
    padding:4px 9px; border-radius:100px; margin-bottom:10px;
  }
  .ai-skeleton{display:flex; flex-direction:column; gap:7px;}
  .ai-skeleton div{height:7px; border-radius:4px; background:#d9eef8;}

  .see-all{text-align:center; margin-top:32px;}
  .see-all .btn-outline{padding:12px 26px; font-size:14px;}

  /* ---------- AI Engine ---------- */
  .ai-section{
    background:linear-gradient(135deg,var(--purple-900),var(--purple-700) 60%, var(--violet));
    color:#fff;
    border-radius:28px;
    margin:0 32px;
    padding:60px 50px;
    position:relative; overflow:hidden;
  }
  .ai-section::before{
    content:""; position:absolute; inset:0;
    background:radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08), transparent 60%);
  }
  .ai-grid{display:grid; grid-template-columns:0.85fr 0.5fr 1fr; gap:40px; align-items:center; position:relative; z-index:1;}
  .ai-eyebrow{font-size:12px; font-weight:700; letter-spacing:0.12em; color:var(--tech-cyan-light); text-transform:uppercase; margin-bottom:14px;}
  .ai-title{font-size:30px; font-weight:800; line-height:1.2; margin-bottom:16px; letter-spacing:-0.02em;}
  .ai-desc{font-size:14.5px; line-height:1.6; color:#bfe8f7; margin-bottom:26px;}
  .ai-cta{
    background:#fff; color:var(--purple-800);
    padding:12px 22px; border-radius:12px; font-weight:700; font-size:14px;
    display:inline-flex; align-items:center; gap:8px;
  }
  .brain-orb{
    width:100%; aspect-ratio:1/1;
    max-width:260px;
    margin:0 auto;
    border-radius:50%;
    background:radial-gradient(circle at 42% 38%, rgba(255,255,255,0.22), rgba(255,255,255,0.01) 68%);
    display:flex; align-items:center; justify-content:center;
    position:relative;
  }
  .brain-orb svg{width:78%; height:78%; filter:drop-shadow(0 8px 26px rgba(0,0,0,0.35));}
  .brain-orb .node{animation:pulseNode 2.6s ease-in-out infinite;}
  .brain-orb .node:nth-child(2n){animation-delay:.5s;}
  .brain-orb .node:nth-child(3n){animation-delay:1s;}
  .brain-orb .ring{
    position:absolute; inset:6%;
    border:1px dashed rgba(255,255,255,0.18);
    border-radius:50%;
    animation:spinSlow 30s linear infinite;
  }
  @keyframes pulseNode{
    0%,100%{opacity:.65; r:2.6;}
    50%{opacity:1; r:4;}
  }
  @keyframes spinSlow{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
  }
  @media (prefers-reduced-motion: reduce){
    .brain-orb .node, .brain-orb .ring{animation:none;}
    .flow-live .dot{animation:none;}
  }
  .ai-feature-list{display:grid; grid-template-columns:1fr 1fr; gap:22px 28px;}
  .ai-feature{display:flex; gap:12px;}
  .ai-feature .ic{
    width:36px; height:36px; border-radius:10px; flex-shrink:0;
    background:rgba(255,255,255,0.12);
    display:flex; align-items:center; justify-content:center;
  }
  .ai-feature .ic svg{width:17px; height:17px;}
  .ai-feature .name{font-weight:700; font-size:14px; margin-bottom:3px;}
  .ai-feature .desc{font-size:12.5px; color:#b0e0f2; line-height:1.45;}

  /* ---------- Integrations ---------- */
  .integrations-row{
    display:grid; grid-template-columns:repeat(4,1fr);
    gap:14px; margin-bottom:30px;
  }
  .int-card{
    background:#fff; border:1px solid var(--line); border-radius:14px;
    height:78px; display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:14px; color:var(--text-600);
    transition:box-shadow .2s ease, transform .2s ease;
  }
  .int-card:hover{box-shadow:var(--shadow-card); transform:translateY(-2px);}
  .int-more{text-align:center;}
  .int-more a{font-weight:700; color:var(--purple-700); font-size:14px;}

  /* ---------- Stats bar ---------- */
  .stats-bar{
    background:#e2f3fa;
    border-radius:24px;
    margin:0 32px;
    padding:36px 20px;
    display:grid; grid-template-columns:repeat(6,1fr);
  }
  .stat-item{text-align:center; border-right:1px solid #cdeaf5;}
  .stat-item:last-child{border-right:none;}
  .stat-item .big{font-size:26px; font-weight:800; color:var(--purple-800); margin-bottom:4px;}
  .stat-item .small{font-size:12px; color:var(--text-600); font-weight:600; line-height:1.3;}

  /* ---------- CTA banner ---------- */
  .cta-banner{
    background:linear-gradient(120deg,var(--purple-700),var(--violet));
    border-radius:26px;
    margin:70px 32px;
    padding:44px 50px;
    display:flex; align-items:center; justify-content:space-between;
    color:#fff;
    flex-wrap:wrap; gap:20px;
  }
  .cta-banner h3{font-size:26px; font-weight:800; margin-bottom:8px;}
  .cta-banner p{font-size:14.5px; color:#d3eefa;}
  .cta-banner .btn-primary{background:#fff; color:var(--purple-800); box-shadow:none;}

  /* ---------- Footer ---------- */
  footer{padding:60px 0 26px; background:#fff; border-top:1px solid var(--line);}
  .footer-grid{
    display:grid; grid-template-columns:1.6fr repeat(4,1fr);
    gap:24px; margin-bottom:44px;
  }
  .footer-brand p{font-size:13.5px; color:var(--text-600); margin:14px 0 18px; max-width:230px; line-height:1.55;}
  .footer-social{display:flex; gap:10px;}
  .footer-social a{
    width:34px; height:34px; border-radius:9px; background:#eaf4f9;
    display:flex; align-items:center; justify-content:center; color:var(--text-600);
    transition:background .15s ease, color .15s ease;
  }
  .footer-social a svg{width:15px; height:15px;}
  .footer-social a:hover{background:var(--purple-700); color:#fff;}
  .footer-col h4{font-size:12.5px; font-weight:800; letter-spacing:0.06em; margin-bottom:16px; color:var(--text-900);}
  .footer-col li{margin-bottom:11px;}
  .footer-col a{font-size:13.5px; color:var(--text-600);}
  .footer-col a:hover{color:var(--purple-700);}
  .footer-newsletter form{display:flex; margin-top:6px; border:1px solid var(--line); border-radius:11px; overflow:hidden;}
  .footer-newsletter input{flex:1; border:none; padding:11px 12px; font-size:13px; outline:none;}
  .footer-newsletter button{
    background:var(--purple-700); color:#fff; padding:0 16px; font-weight:700;
  }
  .footer-bottom{
    display:flex; align-items:center; justify-content:space-between;
    padding-top:22px; border-top:1px solid var(--line);
    font-size:12.5px; color:var(--text-400); flex-wrap:wrap; gap:12px;
  }
  .footer-bottom-links{display:flex; gap:22px;}

  /* ---------- Responsive ---------- */
  @media (max-width:1080px){
    .hero-grid{grid-template-columns:minmax(0,1fr);}
    .hero-copy, .mock-wrap{min-width:0;}
    .mock-wrap{order:-1;}
    .process-row{grid-template-columns:repeat(2,1fr);}
    .process-arrow{display:none;}
    .feature-grid{grid-template-columns:repeat(2,1fr);}
    .ai-grid{grid-template-columns:1fr; text-align:center;}
    .ai-feature-list{grid-template-columns:1fr 1fr;}
    .brain-orb{max-width:220px; margin:0 auto;}
    .integrations-row{grid-template-columns:repeat(4,1fr);}
    .pricing-grid{grid-template-columns:1fr; max-width:420px; margin:0 auto;}
    .stats-bar{grid-template-columns:repeat(3,1fr); row-gap:24px;}
    .stat-item{border-right:none;}
    .footer-grid{grid-template-columns:1fr 1fr 1fr;}
  }
  @media (max-width:720px){
    .nav-inner{padding:14px 16px; gap:10px;}
    .nav-actions{gap:8px;}
    .nav-actions .btn{padding:10px 14px; font-size:13.5px;}
    .nav-toggle{display:flex;}
    .nav-links{
      display:none; flex-direction:column; gap:2px;
      position:absolute; top:100%; left:0; right:0;
      background:#fff; border-bottom:1px solid var(--line);
      box-shadow:var(--shadow-card);
      padding:6px 16px 16px;
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:12px 4px; border-bottom:1px solid var(--line);}
    .nav-links a:last-child{border-bottom:none;}
    h1.hero-title{font-size:36px;}
    .badge-strip{grid-template-columns:repeat(2,1fr);}
    .stat-row{grid-template-columns:repeat(2,1fr);}
    .panel-row{grid-template-columns:1fr;}
    .dash-body{grid-template-columns:1fr;}
    .dash-side{display:none;}
    .process-row{grid-template-columns:1fr;}
    .feature-grid{grid-template-columns:1fr;}
    .ai-section{padding:40px 24px; margin:0 16px;}
    .integrations-row{grid-template-columns:repeat(2,1fr);}
    .stats-bar{grid-template-columns:repeat(2,1fr); margin:0 16px;}
    .cta-banner{margin:50px 16px; flex-direction:column; text-align:center; justify-content:center;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .float-ai, .float-savings{display:none;}
    .page-hero h1{font-size:34px;}
    .demo-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
  }

  /* ---------- Interior page hero ---------- */
  .page-hero{
    position:relative; overflow:hidden;
    padding:64px 0 56px;
    text-align:center;
  }
  .page-hero::before{
    content:"";
    position:absolute; top:-140px; left:50%; transform:translateX(-50%);
    width:720px; height:520px;
    background:radial-gradient(ellipse, rgba(0,200,255,0.12), transparent 70%);
    z-index:0;
  }
  .page-hero .inner{position:relative; z-index:1; max-width:700px; margin:0 auto;}
  .page-hero h1{font-size:44px; font-weight:800; letter-spacing:-0.02em; line-height:1.12; margin-bottom:16px;}
  .page-hero p{font-size:16px; color:var(--text-600); line-height:1.65;}

  /* ---------- Nav active state ---------- */
  .nav-links a.active{color:var(--purple-700);}

  /* ---------- Ürün page: module rows ---------- */
  .module-row{
    display:grid; grid-template-columns:1fr 1fr;
    gap:56px; align-items:center;
    padding:56px 0;
    border-bottom:1px solid var(--line);
  }
  .module-row:last-child{border-bottom:none;}
  .module-row.reverse .module-copy{order:2;}
  .module-row.reverse .module-visual{order:1;}
  .module-eyebrow{
    font-size:12px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--purple-700); margin-bottom:12px;
  }
  .module-title{font-size:26px; font-weight:800; letter-spacing:-0.01em; margin-bottom:14px;}
  .module-desc{font-size:15px; color:var(--text-600); line-height:1.7; margin-bottom:20px;}
  .module-list{display:flex; flex-direction:column; gap:11px;}
  .module-list li{display:flex; gap:10px; align-items:flex-start; font-size:14px; color:var(--text-600); font-weight:500;}
  .module-list .chk{
    width:20px; height:20px; border-radius:50%; flex-shrink:0; margin-top:1px;
    background:#e9f9f1; color:var(--green);
    display:flex; align-items:center; justify-content:center;
  }
  .module-list .chk svg{width:11px; height:11px;}
  .module-visual{
    background:#fff; border:1px solid var(--line); border-radius:20px;
    box-shadow:var(--shadow-card); padding:26px; min-height:260px;
    display:flex; align-items:center; justify-content:center;
    position:relative;
  }
  @media (max-width:900px){
    .module-row, .module-row.reverse{grid-template-columns:minmax(0,1fr); gap:32px; padding:40px 0;}
    .module-row .module-copy, .module-row.reverse .module-copy{order:2;}
    .module-row .module-visual, .module-row.reverse .module-visual{order:1;}
    .module-title{font-size:22px;}
  }

  /* ---------- Özellikler page ---------- */
  .cat-tabs{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:44px;}
  .cat-tab{
    padding:9px 18px; border-radius:100px; font-size:13.5px; font-weight:700;
    background:#fff; border:1.5px solid var(--line); color:var(--text-600);
  }
  .cat-tab.active{background:var(--purple-700); border-color:var(--purple-700); color:#fff;}
  .features-grid-full{
    display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  }
  @media (max-width:1080px){.features-grid-full{grid-template-columns:repeat(2,1fr);} .value-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:720px){.features-grid-full{grid-template-columns:1fr;} .value-grid{grid-template-columns:1fr;}}

  /* ---------- Hikayemiz (Story timeline) ---------- */
  .story-timeline{position:relative; max-width:860px; margin:0 auto;}
  .story-timeline::before{
    content:""; position:absolute; left:50%; top:6px; bottom:6px; width:2px;
    background:linear-gradient(180deg, transparent, var(--line) 8%, var(--line) 92%, transparent);
    transform:translateX(-50%);
  }
  .story-entry{position:relative; width:50%; padding-bottom:52px;}
  .story-entry:last-child{padding-bottom:0;}
  .story-entry:nth-child(odd){padding-right:52px; text-align:right;}
  .story-entry:nth-child(even){padding-left:52px; text-align:left; margin-left:50%;}
  .story-dot{
    position:absolute; top:0; width:38px; height:38px; border-radius:50%;
    background:linear-gradient(135deg,var(--purple-600),var(--violet)); color:#fff;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 0 0 6px var(--bg); z-index:1;
  }
  .story-entry:nth-child(odd) .story-dot{right:-19px;}
  .story-entry:nth-child(even) .story-dot{left:-19px;}
  .story-dot svg{width:17px; height:17px;}
  .story-year{
    font-size:42px; font-weight:800; letter-spacing:-0.02em; line-height:1; margin-bottom:8px;
    background:linear-gradient(100deg,var(--purple-600),var(--violet));
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .story-entry h4{font-size:16.5px; font-weight:700; margin-bottom:6px; color:var(--text-900);}
  .story-entry p{font-size:13.5px; color:var(--text-600); line-height:1.6;}
  @media (max-width:720px){
    .story-timeline::before{left:19px;}
    .story-entry, .story-entry:nth-child(odd), .story-entry:nth-child(even){
      width:100%; margin-left:0; padding-left:56px; padding-right:0; text-align:left;
    }
    .story-entry:nth-child(odd) .story-dot, .story-entry:nth-child(even) .story-dot{left:1px; right:auto;}
    .story-year{font-size:32px;}
  }

  /* ---------- Değerler (Values) ---------- */
  .value-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .value-card{
    background:#fff; border:1px solid var(--line); border-radius:18px;
    padding:30px 24px 26px; position:relative; overflow:hidden;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .value-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card); border-color:#b9e3f2;}
  .value-card::after{
    content:attr(data-num);
    position:absolute; top:-6px; right:8px;
    font-size:64px; font-weight:800; color:var(--purple-600);
    opacity:0.05; line-height:1; pointer-events:none;
  }
  .value-card .vicon{
    width:50px; height:50px; border-radius:14px;
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
    color:#fff; display:flex; align-items:center; justify-content:center;
    margin-bottom:18px; box-shadow:0 10px 20px -10px rgba(17,112,199,0.55);
    position:relative; z-index:1;
  }
  .value-card .vicon svg{width:23px; height:23px;}
  .value-card h3{font-size:17px; font-weight:700; margin-bottom:8px; position:relative; z-index:1;}
  .value-card p{font-size:13.5px; color:var(--text-600); line-height:1.6; position:relative; z-index:1;}

  /* ---------- Hologram display ---------- */
  .module-visual.holo{
    background:radial-gradient(circle at 50% 55%, #eef8fd 0%, #f7fbfe 55%, #ffffff 100%);
    position:relative; overflow:hidden;
  }
  .module-visual.holo::before{
    content:""; position:absolute; inset:10%;
    border:1px dashed rgba(13,143,224,0.18); border-radius:50%;
    animation:spinSlow 34s linear infinite;
  }
  .holo-stage{position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
  .holo-stage img{
    width:78%; max-width:230px; position:relative; z-index:1;
    filter:drop-shadow(0 16px 30px rgba(13,143,224,0.35));
  }
  .holo-tag{
    position:absolute; bottom:10px; left:50%; transform:translateX(-50%); z-index:2;
    background:#fff; box-shadow:var(--shadow-card);
    color:var(--purple-700); font-size:11px; font-weight:700; letter-spacing:0.04em;
    padding:6px 14px; border-radius:100px; border:1px solid var(--line);
    white-space:nowrap;
  }
  /* dark-section variant (AI Engine orb) */
  .holo-orb-wrap{
    width:100%; aspect-ratio:1/1; max-width:260px; margin:0 auto;
    position:relative; display:flex; align-items:center; justify-content:center;
  }
  .holo-orb-wrap::before{
    content:""; position:absolute; inset:8%;
    border:1px dashed rgba(255,255,255,0.2); border-radius:50%;
    animation:spinSlow 30s linear infinite;
  }
  .holo-orb-wrap img{
    width:82%; position:relative; z-index:1;
    filter:drop-shadow(0 12px 34px rgba(0,200,255,0.5));
  }
  @media (prefers-reduced-motion: reduce){
    .module-visual.holo::before, .holo-orb-wrap::before{animation:none;}
  }

  /* ---------- Fiyatlandırma (Pricing) ---------- */
  .pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch;}
  .price-card{
    background:#fff; border:1.5px solid var(--line); border-radius:20px;
    padding:32px 28px; display:flex; flex-direction:column;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }
  .price-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-card);}
  .price-card.featured{
    border-color:var(--purple-600);
    background:linear-gradient(180deg,#fff, #f3fafd);
    box-shadow:0 20px 45px -20px rgba(17,112,199,0.35);
    position:relative;
  }
  .price-badge{
    position:absolute; top:-13px; left:28px;
    background:linear-gradient(135deg,var(--purple-600),var(--violet));
    color:#fff; font-size:11px; font-weight:700; letter-spacing:0.03em;
    padding:5px 14px; border-radius:100px;
  }
  .price-plan{font-size:13px; font-weight:700; color:var(--purple-700); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px;}
  .price-value{display:flex; align-items:baseline; gap:6px; margin-bottom:6px;}
  .price-value .amount{font-size:34px; font-weight:800; color:var(--text-900); letter-spacing:-0.02em;}
  .price-value .period{font-size:13px; color:var(--text-400); font-weight:600;}
  .price-desc{font-size:13.5px; color:var(--text-600); line-height:1.55; margin-bottom:24px;}
  .price-feature-list{display:flex; flex-direction:column; gap:12px; margin-bottom:28px; flex:1;}
  .price-feature-list li{display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:var(--text-600); font-weight:500;}
  .price-feature-list .chk{
    width:19px; height:19px; border-radius:50%; flex-shrink:0; margin-top:1px;
    background:#e6f5fb; color:var(--purple-600);
    display:flex; align-items:center; justify-content:center;
  }
  .price-feature-list .chk svg{width:10px; height:10px;}

  /* ---------- FAQ ---------- */
  .faq-list{display:flex; flex-direction:column; gap:12px; max-width:760px; margin:0 auto;}
  .faq-item{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 22px;}
  .faq-item .q{font-size:14.5px; font-weight:700; color:var(--text-900); margin-bottom:6px; display:flex; gap:10px; align-items:flex-start;}
  .faq-item .q .qmark{color:var(--purple-600); flex-shrink:0;}
  .faq-item .a{font-size:13.5px; color:var(--text-600); line-height:1.6; padding-left:24px;}

  /* ---------- Integrations (redesigned) ---------- */
  .int-card{
    background:#fff; border:1px solid var(--line); border-radius:14px;
    height:88px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
    font-weight:700; font-size:12.5px; color:var(--text-600);
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  }
  .int-card:hover{box-shadow:var(--shadow-card); transform:translateY(-2px); border-color:#b9e3f2;}
  .int-card .int-ic{
    width:30px; height:30px; border-radius:8px;
    background:linear-gradient(135deg,#e6f5fb,#dcf1fa); color:var(--purple-600);
    display:flex; align-items:center; justify-content:center;
  }
  .int-card .int-ic svg{width:15px; height:15px;}

  .demo-section{padding:20px 0 90px;}
  .demo-grid{
    display:grid; grid-template-columns:1fr 1.15fr; gap:0;
    background:#fff; border:1px solid var(--line); border-radius:24px;
    overflow:hidden; box-shadow:var(--shadow-soft);
  }
  .demo-side{
    background:linear-gradient(150deg,var(--purple-900),var(--purple-700) 65%, var(--violet));
    color:#fff; padding:48px 40px;
    display:flex; flex-direction:column; justify-content:space-between;
  }
  .demo-side h3{font-size:23px; font-weight:800; margin-bottom:12px; line-height:1.3;}
  .demo-side p{font-size:14px; color:#bfe8f7; line-height:1.65; margin-bottom:28px;}
  .demo-perks{display:flex; flex-direction:column; gap:16px;}
  .demo-perk{display:flex; gap:12px; align-items:flex-start;}
  .demo-perk .ic{
    width:32px; height:32px; border-radius:9px; flex-shrink:0;
    background:rgba(255,255,255,0.14);
    display:flex; align-items:center; justify-content:center;
  }
  .demo-perk .ic svg{width:15px; height:15px;}
  .demo-perk .tt{font-weight:700; font-size:13.5px; margin-bottom:2px;}
  .demo-perk .dd{font-size:12.5px; color:#b0e0f2; line-height:1.5;}
  .demo-quote{
    margin-top:28px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.14);
    font-size:13px; color:#d3eefa; line-height:1.6; font-style:italic;
  }
  .demo-form-wrap{padding:48px 44px;}
  .demo-form-wrap h2{font-size:24px; font-weight:800; margin-bottom:6px;}
  .demo-form-wrap .sub{font-size:14px; color:var(--text-600); margin-bottom:28px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
  .field{margin-bottom:16px;}
  .field label{display:block; font-size:12.5px; font-weight:700; color:var(--text-900); margin-bottom:7px;}
  .field input, .field select, .field textarea{
    width:100%; border:1.5px solid var(--line); border-radius:10px;
    padding:11px 13px; font-size:14px; font-family:inherit; color:var(--text-900);
    background:#fafafe; outline:none;
    transition:border-color .15s ease, background .15s ease;
  }
  .field input:focus, .field select:focus, .field textarea:focus{border-color:var(--purple-600); background:#fff;}
  .field textarea{resize:vertical; min-height:88px;}
  .form-submit{width:100%; justify-content:center; margin-top:6px; font-size:15.5px; padding:14px;}
  .form-note{font-size:11.5px; color:var(--text-400); margin-top:12px; text-align:center; line-height:1.5;}