:root{
    --purple:#7358C4; --purple-700:#5C44A6; --purple-100:#EAE5F7; --purple-50:#F4F1FB;
    --slate:#779BBF; --slate-600:#5F82A6;
    --ink:#0F172A; --gray-600:#5B6476; --gray-200:#E6E6E6; --gray-50:#F7F8FB;
    --success:#22C55E; --success-bg:#EAF9F0;
    --warn:#B45309; --warn-bg:#FEF5E7;
    --amber:#F0A62B;
    --hw:#1B2233; --hw-edge:#2C3650;
    --ease:cubic-bezier(.22,.8,.3,1);
    --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    --font-display:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  }
  *{box-sizing:border-box}
  html,body{margin:0; overflow-x:clip}
  html{scroll-behavior:smooth}
  body{font:16px/1.5 var(--font); color:var(--ink); background:#fff;}
  button{font-family:inherit}
  svg{display:block}
  a{color:inherit}
  [id]{scroll-margin-top:84px}
  :focus-visible{outline:3px solid var(--purple); outline-offset:2px; border-radius:10px;}
  .skip{position:absolute; left:-9999px; top:0; z-index:100; background:#fff; color:var(--purple-700);
    font-weight:600; padding:10px 16px; border-radius:0 0 12px 0;}
  .skip:focus{left:0}

  /* ================= header (home 1:1) ================= */
  .bar{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.86); backdrop-filter:blur(14px);
       -webkit-backdrop-filter:blur(14px); border-bottom:1px solid var(--gray-200);}
  .bar-in{max-width:1200px; margin:0 auto; padding:0 20px; height:70px; display:flex; align-items:center; gap:10px;}
  .logo{display:inline-flex; align-items:center; flex:none; text-decoration:none;
    font-family:var(--font-display); font-weight:700; font-size:21px; letter-spacing:-.2px;}
  .logo .kasa{color:var(--purple)} .logo .go{color:var(--gray-600)}
  .logo .logomark,.flogo .logomark{display:block; height:40px; width:auto;}
  .navlinks{display:flex; align-items:center; gap:2px; margin-left:auto;}
  .nlink, .ddbtn{display:inline-flex; align-items:center; gap:6px; height:42px; padding:0 14px; border-radius:12px;
    color:var(--ink); font-weight:500; font-size:15px; text-decoration:none; background:none; border:none; cursor:pointer;
    transition:background .18s var(--ease);}
  .nlink:hover, .ddbtn:hover{background:var(--purple-50)}
  .ddbtn svg{opacity:.6; transition:transform .18s var(--ease)}
  .dd{position:relative}
  .dd.open .ddbtn svg{transform:rotate(180deg)}
  .ddpanel{position:absolute; top:100%; right:0; padding-top:12px; display:none; z-index:60;}
  .dd.open .ddpanel{display:block}
  .ddcard{background:#fff; border:1px solid var(--gray-200); border-radius:18px; padding:10px;
    width:min(580px,92vw); box-shadow:0 24px 50px -24px rgba(15,23,42,.28);
    animation:fadeUp .22s var(--ease);}
  @keyframes fadeUp{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
  .ddhead{padding:6px 10px 10px; font-size:12px; font-weight:600; color:var(--gray-600);}
  .ddgrid{display:grid; grid-template-columns:1fr 1fr; gap:2px;}
  .dditem{display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:12px; text-decoration:none;
    transition:background .18s var(--ease);}
  .dditem:hover{background:var(--purple-50)}
  .dtile{width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex:none;
    background:var(--it); color:var(--ic);}
  .dtxt{display:flex; flex-direction:column; gap:2px;}
  .dtxt b{font-weight:600; font-size:15px; color:var(--ink);}
  .dtxt span{font-size:13px; color:var(--gray-600); line-height:1.35;}
  a.buy{display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 20px; margin-left:8px;
    border-radius:999px; background:var(--purple); color:#fff; font-weight:600; font-size:15px; text-decoration:none;
    white-space:nowrap; box-shadow:0 10px 20px -12px rgba(115,88,196,.6);
    transition:background .18s var(--ease), transform .2s var(--ease);}
  a.buy:hover{background:var(--purple-700); transform:translateY(-1px)}
  .menubtn{display:none; margin-left:auto; width:44px; height:44px; border:1px solid var(--gray-200); border-radius:12px;
    background:#fff; color:var(--ink); cursor:pointer;}
  .mpanel{display:none; border-top:1px solid var(--gray-200); background:#fff; padding:10px 20px 22px;
    max-height:calc(100vh - 70px); overflow-y:auto;}
  .mpanel .mlink{display:flex; align-items:center; gap:10px; height:52px; padding:0 8px; border-radius:12px;
    color:var(--ink); font-weight:600; font-size:17px; text-decoration:none;}
  .mpanel .mlink svg{opacity:.7}
  .msolbtn{width:100%; display:flex; align-items:center; justify-content:space-between; height:52px; padding:0 8px;
    border-radius:12px; background:none; border:none; color:var(--ink); font-weight:600; font-size:17px; cursor:pointer;}
  .msolbtn svg{opacity:.6; transition:transform .18s var(--ease)}
  .msolbtn[aria-expanded="true"] svg{transform:rotate(180deg)}
  .msol{display:none; flex-direction:column; gap:2px; padding:2px 0 8px 8px;}
  .msol.open{display:flex}
  .msol a{display:flex; align-items:center; gap:11px; padding:9px 12px; border-radius:10px; text-decoration:none;}
  a.mbuy{display:flex; align-items:center; justify-content:center; height:52px; margin-top:10px; border-radius:999px;
    background:var(--purple); color:#fff; font-weight:600; font-size:16px; text-decoration:none;}
  a.mbuy:active{background:var(--purple-700)}
  a.mbuy svg{flex:none}
  @media (max-width:899px){
    .navlinks{display:none}
    .menubtn{display:grid; place-items:center}
    .bar.open .mpanel{display:block}
  }

  /* ================= landing hero ================= */
  .lhero{position:relative; background:linear-gradient(180deg,var(--purple-50) 0%,#FBFAFE 46%,#fff 100%); padding:40px 20px 64px; overflow:hidden;}
  .lhero::before{content:""; position:absolute; width:520px; height:420px; right:-8%; top:-24%; border-radius:50%;
    background:radial-gradient(circle at 50% 50%, rgba(119,155,191,.22), transparent 68%); filter:blur(10px); z-index:0; pointer-events:none;}
  .lhero::after{content:""; position:absolute; width:360px; height:300px; left:-6%; bottom:-30%; border-radius:50%;
    background:radial-gradient(circle at 50% 50%, rgba(115,88,196,.12), transparent 70%); filter:blur(10px); z-index:0; pointer-events:none;}
  .lhero-in{position:relative; z-index:1; max-width:1180px; margin:0 auto;
    display:grid; grid-template-columns:1fr 1.06fr; gap:52px; align-items:center;}
  @media (max-width:940px){ .lhero-in{grid-template-columns:1fr; gap:34px} }

  .crumbs{display:flex; align-items:center; gap:8px; font-size:13px; color:var(--gray-600); margin-bottom:18px;}
  .crumbs a{color:var(--gray-600); text-decoration:none;}
  .crumbs a:hover{color:var(--purple-700)}
  .crumbs .sep{opacity:.5}
  .crumbs .cur{color:var(--ink); font-weight:600;}

  .eyebrow{display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--ic,var(--purple-700));
    background:var(--it,var(--purple-50)); border:1px solid rgba(15,23,42,.06); padding:7px 13px 7px 10px; border-radius:999px; margin-bottom:20px;}
  .eyebrow .eyeic{width:16px; height:16px; display:grid; place-items:center; flex:none;}
  h1{font-family:var(--font-display); font-weight:700; font-size:clamp(33px,4.3vw,49px); line-height:1.1; margin:0 0 18px; letter-spacing:-.6px;}
  .sub{color:var(--gray-600); font-size:17px; max-width:46ch; margin:0 0 26px;}
  .cta-row{display:flex; gap:12px; flex-wrap:wrap; align-items:center;}
  a.cta{display:inline-flex; align-items:center; gap:9px; height:52px; padding:0 24px; border-radius:999px;
       background:var(--purple); color:#fff; font-weight:600; font-size:16px; border:none; cursor:pointer; text-decoration:none;
       box-shadow:0 12px 24px -12px rgba(115,88,196,.55);
       transition:background .2s var(--ease), transform .2s var(--ease);}
  a.cta:hover{background:var(--purple-700); transform:translateY(-1px)}
  a.ghost{display:inline-flex; align-items:center; gap:9px; height:52px; padding:0 22px; border-radius:999px;
       background:#fff; color:var(--purple-700); font-weight:600; font-size:16px; border:1px solid var(--gray-200); cursor:pointer;
       text-decoration:none; transition:background .2s var(--ease);}
  a.ghost:hover{background:var(--purple-50)}
  .ticks{display:flex; gap:18px; flex-wrap:wrap; margin-top:20px; font-size:14px; color:var(--gray-600);}
  .ticks span{display:inline-flex; gap:6px; align-items:center}
  .tick{color:var(--success); font-weight:700}

  /* hero görsel: gerçek uygulama ekranı, koded çerçeve (kanon §8.1) */
  .lvis{position:relative;}
  .frame-wrap{position:relative; width:min(560px,100%); margin:0 auto;}
  .frame-wrap::after{content:""; position:absolute; left:10%; right:10%; bottom:-20px; height:26px; z-index:-1;
    background:radial-gradient(50% 100% at 50% 0%, rgba(10,8,25,.42), transparent 70%); filter:blur(8px);}
  .sframe{background:var(--ink); border-radius:26px; padding:12px; position:relative;
    box-shadow:0 34px 54px -26px rgba(30,22,14,.42), inset 0 1px 0 rgba(255,255,255,.14);}
  .sframe::before{content:""; position:absolute; top:6px; left:50%; transform:translateX(-50%);
    width:5px; height:5px; border-radius:50%; background:#33405E;}
  .shot{display:block; width:100%; height:auto; border-radius:14px; background:#fff;}
  .frametag{position:absolute; top:-14px; left:16px; z-index:6; display:inline-flex; align-items:center; gap:7px;
    background:#fff; color:var(--gray-600); border:1px solid var(--gray-200); font-weight:700; font-size:12px;
    padding:6px 12px; border-radius:999px; box-shadow:0 12px 26px -14px rgba(15,23,42,.25); white-space:nowrap;}
  .frametag .fdot{width:7px; height:7px; border-radius:50%; background:var(--success); flex:none;}

  /* "Çok yakında" modülü için: uydurma arayüz yok, koded yer tutucu (kanon §8.1 / §19) */
  .soonframe{position:relative; width:min(560px,100%); margin:0 auto; background:var(--gray-50);
    border:1.5px dashed #CDBCEF; border-radius:26px; padding:44px 34px; min-height:340px;
    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:16px;}
  .soonframe .sfic{width:76px; height:76px; border-radius:22px; display:grid; place-items:center;
    background:var(--purple-50); color:var(--purple-700);}
  .soonframe h2,.soonframe h3{font-family:var(--font-display); font-weight:600; font-size:19px; margin:0; letter-spacing:-.2px;}
  .soonframe p{margin:0; color:var(--gray-600); font-size:14.5px; line-height:1.6; max-width:34ch;}
  .soonchip{display:inline-flex; align-items:center; font-size:11.5px; font-weight:700; color:var(--purple-700);
    background:var(--purple-50); border:1px solid var(--purple-100); padding:4px 11px; border-radius:999px;}
  .hidden{display:none !important;}

  /* reveal-on-scroll — JS yoksa içerik her zaman görünür */
  .js .rv{opacity:0; transform:translateY(16px);}
  .js .rv.in{opacity:1; transform:none; transition:opacity .6s var(--ease), transform .6s var(--ease);}
  @media (prefers-reduced-motion: reduce){ .js .rv{opacity:1; transform:none} }

  /* ================= shared section heads (sonraki turlar için) ================= */
  .sec-head{max-width:680px; margin:0 auto 44px; text-align:center;}
  .eyebrow2{display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--gray-600);
    background:#EFF4F9; border:1px solid #DFE9F2; padding:6px 12px; border-radius:999px; margin-bottom:16px;}
  h2{font-family:var(--font-display); font-weight:700; font-size:clamp(26px,3.2vw,36px); line-height:1.15; margin:0; letter-spacing:-.4px;}
  .secsub{color:var(--gray-600); font-size:16.5px; margin:14px auto 0; line-height:1.6; max-width:56ch;}

  /* ================= footer (home 1:1) ================= */
  .site-footer{background:var(--ink); color:#fff; font-size:15px;}
  .f-in{max-width:1180px; margin:0 auto; padding:56px 20px 26px;}
  .fgrid{display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:36px;}
  @media (max-width:880px){ .fgrid{grid-template-columns:1fr 1fr} }
  @media (max-width:520px){ .fgrid{grid-template-columns:1fr} }
  .flogo{font-family:var(--font-display); font-weight:700; font-size:21px; text-decoration:none; display:inline-flex;}
  .flogo .kasa{color:#9F8BDB} .flogo .go{color:#8FB0CE}
  .blurb{max-width:340px; margin:16px 0 0; line-height:1.6; font-size:15px; color:rgba(255,255,255,.6);}
  .mailchip{display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 16px; margin-top:20px;
    border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
    color:#fff; font-weight:600; font-size:14.5px; text-decoration:none; transition:background .2s var(--ease);}
  .mailchip:hover{background:rgba(255,255,255,.12)}
  .socials{display:flex; gap:10px; margin-top:16px;}
  .socials a{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px;
    background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.72);
    transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);}
  .socials a:hover{color:#fff; border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.12);}
  .ftitle{color:#fff; font-weight:600; font-size:14px; margin:0 0 15px;}
  .fcol ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px;}
  .fcol a{color:rgba(255,255,255,.66); text-decoration:none; transition:color .2s var(--ease);}
  .fcol a:hover{color:#fff}
  .fcol .plain{color:rgba(255,255,255,.5)}
  .fbottom{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px;
    margin-top:48px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); font-size:13px; color:rgba(255,255,255,.5);}
  .fbottom .legal{display:flex; flex-wrap:wrap; gap:20px;}
  .fbottom a{color:rgba(255,255,255,.5); text-decoration:none; transition:color .2s var(--ease);}
  .fbottom a:hover{color:#fff}
  .site-footer :focus-visible{outline-color:#fff}

  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation:none !important; transition:none !important}
    html{scroll-behavior:auto}
  }
  /* ===== bölüm: tanıdık geldi mi (pains) ===== */
  .pains{background:#fff; padding:84px 20px;}
  .pn-in{max-width:1120px; margin:0 auto;}
  .pngrid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:8px;}
  @media(max-width:860px){ .pngrid{grid-template-columns:1fr; max-width:520px; margin-inline:auto;} }
  .pncard{background:var(--gray-50); border:1px solid var(--gray-200); border-radius:18px; padding:22px;}
  .pnic{width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:#FBECEC; color:#B4453F; margin-bottom:14px;}
  .pncard h3{font-family:var(--font-display); font-weight:600; font-size:16.5px; margin:0 0 6px; letter-spacing:-.2px;}
  .pncard p{margin:0; color:var(--gray-600); font-size:14.5px; line-height:1.6;}

  /* ===== bölüm: offline kanıtı (interaktif) ===== */
  .offx{background:var(--gray-50); padding:84px 20px;}
  .ox-in{max-width:1120px; margin:0 auto;}
  .odemo{position:relative; max-width:560px; margin:0 auto;}
  .otag{position:absolute; top:-13px; left:50%; transform:translateX(-50%); z-index:4; white-space:nowrap;
    display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--gray-200);
    color:var(--gray-600); font-weight:700; font-size:12px; padding:5px 12px; border-radius:999px;
    box-shadow:0 10px 22px -14px rgba(15,23,42,.25); transition:border-color .3s var(--ease), color .3s var(--ease);}
  .otag .odot{width:8px; height:8px; border-radius:50%; background:var(--success);}
  .otag.flash{border-color:#22C55E; color:#166534;}
  .opanel{background:#fff; border:1px solid var(--gray-200); border-radius:22px; padding:20px;
    box-shadow:0 30px 60px -34px rgba(30,22,70,.18);}
  .ostat{display:flex; align-items:center; gap:8px; font-size:14px; padding:10px 12px; border-radius:12px; margin-bottom:14px;}
  .ostat .sdot{width:9px; height:9px; border-radius:50%;}
  .ostat.online{background:var(--success-bg); color:#166534;} .ostat.online .sdot{background:#22C55E;}
  .ostat.offline{background:#FBECEC; color:#B4453F;} .ostat.offline .sdot{background:#E4574C;}
  .ostat small{color:inherit; opacity:.82; font-weight:500;}
  .ocur{display:flex; align-items:center; justify-content:space-between; padding:0 2px 12px;
    border-bottom:1px dashed var(--gray-200); font-size:14px; color:var(--gray-600);}
  .ocur b{color:var(--ink); font-variant-numeric:tabular-nums;}
  .oprods{display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:14px 0;}
  .oprod{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px;
    border:1px solid var(--gray-200); border-radius:12px; background:#fff; cursor:pointer; font-size:14.5px;
    font-family:inherit; transition:transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);}
  .oprod:hover{border-color:var(--purple); background:var(--purple-50);}
  .oprod.tap{transform:scale(.96); background:var(--purple-50);}
  .oprod .opn{font-weight:600; color:var(--ink);}
  .oprod .opp{color:var(--gray-600); font-variant-numeric:tabular-nums;}
  .orow{display:flex; gap:9px; margin-top:4px;}
  .obtn{flex:1; height:46px; border-radius:12px; font-weight:600; font-size:14.5px; font-family:inherit;
    cursor:pointer; border:1px solid transparent; transition:filter .2s var(--ease), transform .15s var(--ease), border-color .2s var(--ease), color .2s var(--ease);}
  .obtn.done{background:var(--purple); color:#fff;}
  .obtn.done:disabled{background:#D9D3EC; color:#fff; cursor:default;}
  .obtn.done:not(:disabled):hover{filter:brightness(1.06);}
  .obtn.cut{background:#fff; border-color:var(--gray-200); color:var(--ink);}
  .obtn.cut:hover{border-color:#E4574C; color:#B4453F;}
  .obtn.back{background:var(--ink); color:#fff;}
  .obtn.back:hover{filter:brightness(1.15);}
  .oqueue{margin-top:14px; border-top:1px dashed var(--gray-200); padding-top:12px;}
  .oqhead{font-size:13px; font-weight:700; color:var(--gray-600); margin-bottom:8px;}
  .oqchips{display:flex; flex-wrap:wrap; gap:7px;}
  .oqchip{display:inline-flex; align-items:center; gap:5px; background:#FBECEC; color:#B4453F; border:1px solid #F3D6D3;
    font-weight:700; font-size:12.5px; padding:4px 10px; border-radius:999px; font-variant-numeric:tabular-nums;
    transition:background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);}
  .oqchip.synced{background:var(--success-bg); color:#166534; border-color:#CDEBD9;}
  .ohub{text-align:center; margin:26px auto 0; font-size:14.5px; color:var(--gray-600);}
  .ohub a{color:var(--purple-700); font-weight:600; text-decoration:none;}
  .ohub a:hover{text-decoration:underline;}

  /* ===== bölüm: özellikler ===== */
  .features{background:#fff; padding:84px 20px;}
  .ft-in{max-width:1120px; margin:0 auto;}
  .ftgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; max-width:840px; margin:8px auto 0;}
  @media(max-width:640px){ .ftgrid{grid-template-columns:1fr; max-width:460px;} }
  .ftcard{background:var(--gray-50); border:1px solid var(--gray-200); border-radius:18px; padding:22px;
    transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);}
  .ftcard:hover{transform:translateY(-3px); border-color:#DCD4F0; box-shadow:0 22px 40px -26px rgba(30,22,70,.16);}
  .ftic{width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:var(--it); color:var(--ic); margin-bottom:14px;}
  .ftcard h3{font-family:var(--font-display); font-weight:600; font-size:16.5px; margin:0 0 6px; letter-spacing:-.2px;}
  .ftcard p{margin:0; color:var(--gray-600); font-size:14.5px; line-height:1.6;}
  .ftsoon{display:flex; justify-content:center; margin-top:22px;}
  .ftsoon:empty{display:none;}
  .soon{display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--gray-600);
    background:var(--gray-50); border:1px solid var(--gray-200); padding:9px 16px; border-radius:999px;}

  /* ===== bölüm: ilgili çözümler ===== */
  .related{background:var(--gray-50); padding:84px 20px;}
  .rl-in{max-width:1120px; margin:0 auto;}
  .rlgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:8px;}
  @media(max-width:860px){ .rlgrid{grid-template-columns:1fr; max-width:520px; margin-inline:auto;} }
  .rlcard{display:flex; align-items:center; gap:13px; background:#fff; border:1px solid var(--gray-200);
    border-radius:16px; padding:16px 18px; text-decoration:none;
    transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);}
  .rlcard:hover{transform:translateY(-2px); border-color:#DCD4F0; box-shadow:0 18px 34px -26px rgba(30,22,70,.16);}
  .rlic{width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--purple-50); color:var(--purple-700); flex:none;}
  .rltx{flex:1; min-width:0;} .rltx b{display:block; font-family:var(--font-display); font-weight:600; font-size:15px; color:var(--ink); letter-spacing:-.2px;}
  .rltx span{display:block; font-size:13px; color:var(--gray-600); margin-top:1px;}
  .rlar{color:var(--gray-600); flex:none;}

  /* ===== bölüm: sss ===== */
  .sss{background:#fff; padding:84px 20px;}
  .faq-in{max-width:760px; margin:0 auto;}
  .faq{display:flex; flex-direction:column; gap:10px; margin-top:8px;}
  .faq details{background:var(--gray-50); border:1px solid var(--gray-200); border-radius:16px;
    transition:border-color .25s var(--ease), box-shadow .25s var(--ease);}
  .faq details[open]{border-color:#DCD4F0; box-shadow:0 18px 36px -26px rgba(30,22,70,.18);}
  .faq summary{cursor:pointer; padding:16px 18px; font-weight:600; font-size:15.5px;
    display:flex; justify-content:space-between; align-items:center; gap:12px; list-style:none;}
  .faq summary::-webkit-details-marker{display:none;}
  .fplus{width:26px; height:26px; flex:none; border-radius:8px; display:grid; place-items:center;
    background:var(--purple-50); color:var(--purple-700); font-weight:700; transition:transform .25s var(--ease);}
  .faq details[open] .fplus{transform:rotate(45deg);}
  .faq .ans{padding:0 18px 16px; color:var(--gray-600); font-size:14.5px; line-height:1.65;}

  /* ===== bölüm: kapanış CTA (koyu) ===== */
  .ctaband{background:var(--gray-50); padding:20px 20px 90px;}
  .cb-in{max-width:1120px; margin:0 auto;}
  .cbcard{position:relative; background:var(--ink); border-radius:28px; overflow:hidden; isolation:isolate;
    padding:clamp(44px,6vw,76px) clamp(24px,5vw,64px); text-align:center;}
  .cbcard::before{content:""; position:absolute; width:520px; height:420px; left:-8%; top:-30%; border-radius:50%; filter:blur(70px); background:rgba(115,88,196,.5); z-index:-1;}
  .cbcard::after{content:""; position:absolute; width:440px; height:360px; right:-6%; bottom:-32%; border-radius:50%; filter:blur(70px); background:rgba(119,155,191,.32); z-index:-1;}
  .cbcard h2{color:#fff;}
  .cbcard .secsub{color:rgba(255,255,255,.78);}
  .cbrow{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:28px;}
  .ghostd{display:inline-flex; align-items:center; gap:9px; height:52px; padding:0 22px; border-radius:999px;
    background:transparent; color:#fff; font-weight:600; font-size:16px; border:1px solid rgba(255,255,255,.4);
    text-decoration:none; transition:background .2s var(--ease);}
  .ghostd:hover{background:rgba(255,255,255,.12);}
  @media(max-width:520px){ .cbrow .cta,.cbrow .ghostd{width:100%; justify-content:center;} }

  /* ===== yer tutucu görseller (placeholder — gerçek görsel sonra) ===== */
  .ph{width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center;
    background:linear-gradient(180deg,#FAFAFE,#F2F0FA); border:1.5px dashed #CFC7EA; border-radius:12px; padding:24px; color:var(--gray-600);}
  .ph-shot{aspect-ratio:3/2;}
  .ph-wide{aspect-ratio:16/10;}
  .ph-ic{width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:var(--purple-50); color:var(--purple-700); margin-bottom:2px;}
  .ph-t{font-family:var(--font-display); font-weight:600; font-size:15px; color:var(--ink);}
  .ph-s{font-size:13.5px;}
  .ph-d{font-size:12px; font-weight:700; color:var(--purple-700); background:var(--purple-50); border:1px solid var(--purple-100);
    padding:3px 10px; border-radius:999px; font-variant-numeric:tabular-nums; margin-top:2px;}
  .ph-s .soonchip{margin-right:4px;}

  /* hero: offline rozeti (koded aksesuar, uydurma UI değil) */
  .ofbadge{position:absolute; bottom:-13px; right:18px; z-index:6; display:inline-flex; align-items:center; gap:7px;
    background:#fff; border:1px solid var(--gray-200); color:#166534; font-weight:700; font-size:12.5px; padding:6px 12px; border-radius:999px;
    box-shadow:0 12px 26px -14px rgba(15,23,42,.28);}
  .ofbadge .ofdot{width:8px; height:8px; border-radius:50%; background:#22C55E;}

  /* ===== offline akış diyagramı (koded — uydurma arayüz yok) ===== */
  .oflow{display:flex; align-items:stretch; justify-content:center; max-width:920px; margin:8px auto 0;}
  .ofstep{flex:1 1 190px; min-width:168px; background:#fff; border:1px solid var(--gray-200); border-radius:18px; padding:24px 18px;
    text-align:center; display:flex; flex-direction:column; align-items:center; gap:5px;
    box-shadow:0 22px 44px -34px rgba(30,22,70,.16);}
  .ofnode{width:52px; height:52px; border-radius:15px; display:grid; place-items:center; background:var(--t); color:var(--c); margin-bottom:6px;}
  .ofttl{font-family:var(--font-display); font-weight:600; font-size:16px; letter-spacing:-.2px;}
  .ofsub{font-size:13.5px; color:var(--gray-600);}
  .ofchips{display:flex; gap:5px; margin-top:9px; flex-wrap:wrap; justify-content:center;}
  .ofchips span{background:#FEF5E7; color:#B45309; border:1px solid #F4E3C6; font-weight:700; font-size:12px;
    padding:3px 9px; border-radius:999px; font-variant-numeric:tabular-nums;}
  .oflink{flex:0 0 72px; align-self:center; display:flex; align-items:center; justify-content:center; position:relative; padding:0 8px;}
  .oflink::before{content:""; height:2px; width:100%; background:var(--slate); border-radius:2px;}
  .oflink.ofbreak::before{height:0; background:none; border-top:2px dashed #E4574C;}
  .oflbl{position:absolute; top:-20px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:10.5px; font-weight:700;
    color:var(--gray-600); background:var(--gray-50); padding:1px 8px; border-radius:999px;}
  .oflink.ofbreak .oflbl{color:#B4453F;}
  @media(max-width:760px){
    .oflow{flex-direction:column; align-items:center; max-width:340px;}
    .ofstep{width:100%;}
    .oflink{flex-basis:auto; width:auto; height:36px; padding:0;}
    .oflink::before{width:2px; height:100%;}
    .oflbl{top:50%; left:auto; right:calc(100% + 8px); transform:translateY(-50%);}
    .oflink.ofbreak .oflbl{right:auto; left:calc(100% + 8px);}
  }

  /* ===== showcase (ürün · varyanta göre) ===== */
  .showcase{background:#fff; padding:84px 20px;}
  .sh-in{max-width:1120px; margin:0 auto;}
  .shrow{display:grid; grid-template-columns:1.02fr .98fr; gap:clamp(32px,5vw,60px); align-items:center;}
  @media(max-width:900px){ .shrow{grid-template-columns:1fr; gap:30px;} }
  .shvis .frame-wrap{width:100%; max-width:none; margin:0;}
  .shtxt .eyebrow2{margin-bottom:2px;}
  .shtxt h2{margin:8px 0 0; text-align:left;}
  .shtxt .secsub{margin:12px 0 0; text-align:left; max-width:46ch;}
  .shlist{list-style:none; margin:20px 0 0; padding:0; display:flex; flex-direction:column; gap:12px;}
  .shlist li{position:relative; padding-left:30px; font-size:15px; color:var(--ink); line-height:1.5;}
  .shlist li::before{content:"\2713"; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:6px; display:grid; place-items:center;
    background:var(--purple-50); color:var(--purple-700); font-size:12px; font-weight:800;}
  .shlink{display:inline-flex; align-items:center; gap:7px; margin-top:22px; color:var(--purple-700); font-weight:600; font-size:15px; text-decoration:none;}
  .shlink:hover{text-decoration:underline;}



/* KG-CHROME-SHIM v03 (Command #03, W-50) — new chrome classes on the self-contained page; full consolidation = ROADMAP T14 */
.i-cafe{--ic:#8A5A2B;--it:#F5EADC}.i-restoran{--ic:#8D6230;--it:#F9F0E2}.i-adisyon{--ic:#5C44A6;--it:#F4F1FB}.i-qr{--ic:#356D91;--it:#E4F1F9}.i-dijital{--ic:#307361;--it:#E4F3EE}.i-stok{--ic:#935D16;--it:#FBEEDB}.i-online{--ic:#3F586F;--it:#EAF1F7}.i-fiyatlar{--ic:#5C44A6;--it:#F4F1FB}.i-chart{--ic:#356D91;--it:#E4F1F9}
.dtxt .soon{display:inline-block;font-size:11px;font-weight:700;color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-100);padding:2px 8px;border-radius:999px;line-height:1.3;}
.site-footer .soon{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#CBBEF0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:2px 7px;border-radius:999px;vertical-align:middle;}
.mpanel .mmail{display:flex;align-items:center;min-height:44px;padding:8px;margin-top:4px;color:var(--gray-600);font-size:15px;text-decoration:none;word-break:break-all;}
.mpanel .mmail:hover{color:var(--purple-700)}
.msol a{min-height:44px}
.ftrial{margin:18px 0 0;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82);}
.fcol ul{gap:4px}.fcol li a{display:inline-flex;align-items:center;min-height:40px;line-height:1.3;}