.fa-solid,.fas,.fa-regular,.far{font-weight:300}
      a:hover .fa-solid,button:hover .fa-solid,.uchip:hover .fa-solid,.cta:hover .fa-solid,
      .nav-link:hover .fa-solid,.sub:hover .fa-solid,.panel-item:hover .fa-solid,
      .svc-head:hover .fa-solid,.soc:hover .fa-solid,.tb-chip:hover .fa-solid,
      .col-head:hover .col-ico .fa-solid,label:hover .fa-solid,.akpanel:hover .fa-solid{font-weight:900}
:root{
        
        --r-pill:999px; --r-sm:10px; --r-lg:18px;
        --r-xs:var(--r-sm); --r-md:var(--r-lg); --r-xl:var(--r-lg);
        --fs-2xs:.62rem; --fs-micro:.72rem; --fs-sm:.88rem; --fs-base:1rem; --fs-lg:1.3rem; --fs-xl:1.7rem;
        --mono:ui-monospace,'SF Mono',Menlo,monospace;
        --t-fast:.2s; --t-base:.4s; --t-slow:var(--t-base);
        --ease:cubic-bezier(.4,0,.2,1);

        --peach:#fcd9c1; --powder:#cde4f0; --sage:#d4e3d0; --lavender:#e0d4f0;
        --cream:#faf3e7; --ink:#0e0e1a; --ink-soft:#1f1f2c; --slate:#3f3f55; --muted:#5b5b70;
        --hairline:rgba(14,14,26,0.08); --canvas:#fbf8f3; --surface:#ffffff;
        --magenta:#8e2a6f; --magenta-soft:#b8478f; --magenta-deep:#6d1f55;
        --eyebrow:#8e2a6f; 
        
        --glass-bg:rgba(255,255,255,0.55); --glass-border:rgba(255,255,255,0.45);
        --glass-blur:saturate(180%) blur(16px); --glass-radius:1rem; --glass-shadow:var(--rail-shadow);

        
        --bg:#f6f0e6;     
        --bg-2:#f2ece1;   
        
        --hero-glow-rgb:251,245,234; --hero-glow2-rgb:239,229,214; --hero-scrim-rgb:246,240,230;
        --text:#0e0e1a;
        --text-soft:#5b5b70;
        --text-faint:#8a8a9c;
        --rail-bg:rgba(255,255,255,0.90);
        --rail-bg-scrolled:rgba(255,255,255,0.95);
        --rail-border:rgba(14,14,26,0.07);
        --rail-shadow:0 8px 30px -12px rgba(14,14,26,0.12);
        --rail-shadow-scrolled:0 14px 40px -16px rgba(110,31,85,0.20);
        --pill:rgba(184,71,143,0.10);
        --pill-text:#6d1f55;
        --chip:rgba(14,14,26,0.04);
        --chip-border:rgba(14,14,26,0.07);
        --divider:rgba(14,14,26,0.10);
        --panel:rgba(255,255,255,0.94);
        --panel-border:rgba(14,14,26,0.08);
        --hero-blob-a:rgba(184,71,143,0.18);
        --hero-blob-b:rgba(205,228,240,0.55);
        --hairline-grad:linear-gradient(90deg, transparent, rgba(142,42,111,0.55), transparent);
        --hairline-vert:linear-gradient(180deg, transparent, rgba(142,42,111,0.30), transparent);
        --mega-bg:rgba(255,255,255,0.97);
        --mega-border:rgba(14,14,26,0.08);
        --mega-shadow:0 30px 80px -28px rgba(20,10,30,0.30);
        --col-hover:rgba(14,14,26,0.025);
        --ai-tint:rgba(184,71,143,0.06);
        --ai-tint-2:rgba(184,71,143,0.10);
        --foot-bg:rgba(184,71,143,0.05);
        --feat-bg:linear-gradient(160deg, rgba(184,71,143,0.10), rgba(184,71,143,0.04));
        --feat-border:rgba(184,71,143,0.20);
        --feat-chip:rgba(184,71,143,0.10);
        --feat-chip-text:#6d1f55;
        --feat-chip-border:rgba(184,71,143,0.18);

        
        --scene:#f3e4ee; --card:#ffffff; --ink:#1c1226; --muted:#6b5f74;
        --line:rgba(28,18,38,.12); --chip:rgba(142,42,111,.07);
        --accent:#8e2a6f; --accent-soft:#b8478f; --accent-deep:#6d1f55;
        --terra:#7d2f23; --night:#163a52; --pine:#1d3d2b;
        
        --bp:#3f7396; --bp-grid:rgba(63,115,150,0.16); --bubble-ai:rgba(14,14,26,0.045); --bubble-user:rgba(142,42,111,0.10); --chip-text:#6d1f55; --code-badge:rgba(142,42,111,0.10); --code-badge-text:#6d1f55; --elev-pop:0 14px 32px -16px rgba(54,40,72,0.32); --gece:#163a52; --gece-text:#163a52; --gece-tint:rgba(22,58,82,0.08); --glow:rgba(184,71,143,0.16); --inset:rgba(14,14,26,0.045); --inset-border:rgba(14,14,26,0.08); --ok:#1d7a4f; --ok-bg:rgba(29,122,79,0.12); --pine-text:#1d3d2b; --pine-tint:rgba(29,61,43,0.08); --shadow-mini:0 18px 38px -18px rgba(60,18,52,0.30); --solid:#ffffff; --term-bg:#16121d; --term-text:#e8e2f0; --terra-text:#7d2f23; --ui-card:#ffffff; --ui-card-border:rgba(14,14,26,0.09); --ui-soft:rgba(14,14,26,0.04); --warn:#a06010; --warn-bg:rgba(190,130,40,0.14);

        
        --ftr-bg:#f5eee3;
        --ftr-bg-2:#efe5d6;
        --ftr-line:rgba(14,14,26,0.10);
        
        --ftr-wm-col:#2a2233; --ftr-wm-op:0.10;   
      }
      html.dark{
        
        --bg:#0a0712;     
        --bg-2:#12121d;   
        
        --glass-bg:rgba(18,18,30,0.42); --glass-border:rgba(255,255,255,0.10);
        --text:#f4f1f7;
        --text-soft:#a6a3b8;
        --text-faint:#9a97ad; 
        --eyebrow:#c65aa1; 
        --rail-bg:rgba(18,18,29,0.55);
        --rail-bg-scrolled:rgba(15,15,24,0.78);
        --rail-border:rgba(255,255,255,0.07);
        --rail-shadow:0 10px 34px -14px rgba(0,0,0,0.6);
        --rail-shadow-scrolled:0 16px 46px -16px rgba(142,42,111,0.34);
        --pill:rgba(184,71,143,0.18);
        --pill-text:#f0c8e2;
        --chip:rgba(255,255,255,0.05);
        --chip-border:rgba(255,255,255,0.08);
        --divider:rgba(255,255,255,0.10);
        --panel:rgba(20,20,32,0.96);
        --panel-border:rgba(255,255,255,0.08);
        --hero-blob-a:rgba(184,71,143,0.26);
        --hero-blob-b:rgba(40,60,90,0.40);
        --hairline-grad:linear-gradient(90deg, transparent, rgba(184,71,143,0.85), transparent);
        --hairline-vert:linear-gradient(180deg, transparent, rgba(184,71,143,0.45), transparent);
        --mega-bg:rgba(17,17,27,0.97);
        --mega-border:rgba(255,255,255,0.08);
        --mega-shadow:0 36px 90px -28px rgba(0,0,0,0.7);
        --col-hover:rgba(255,255,255,0.035);
        --ai-tint:rgba(184,71,143,0.10);
        --ai-tint-2:rgba(184,71,143,0.16);
        --foot-bg:rgba(184,71,143,0.10);
        --feat-bg:linear-gradient(160deg, rgba(184,71,143,0.20), rgba(184,71,143,0.06));
        --feat-border:rgba(184,71,143,0.26);
        --feat-chip:rgba(184,71,143,0.16);
        --feat-chip-text:#f0c8e2;
        --feat-chip-border:rgba(184,71,143,0.26);

        
        --scene:#141420; --card:#161020; --ink:#f3edf7; --muted:#a795b3;
        --line:rgba(243,237,247,.10); --chip:rgba(184,71,143,.14);
        --accent:#e07cba; --accent-soft:#eaa0d2; --accent-deep:#b8478f;
        --terra:#e0876f; --night:#7fb4d8; --pine:#86c39a;
        
        --bp:#7db4d8; --bp-grid:rgba(125,180,216,0.14); --bubble-ai:rgba(255,255,255,0.06); --bubble-user:rgba(184,71,143,0.20); --chip-text:#f0c8e2; --code-badge:rgba(184,71,143,0.16); --code-badge-text:#f0c8e2; --elev-pop:0 16px 34px -16px rgba(0,0,0,0.62); --gece:#163a52; --gece-text:#9cc4e0; --gece-tint:rgba(96,150,190,0.14); --glow:rgba(184,71,143,0.26); --inset:rgba(255,255,255,0.045); --inset-border:rgba(255,255,255,0.09); --ok:#5fd6a0; --ok-bg:rgba(95,214,160,0.14); --pine-text:#9fd0b0; --pine-tint:rgba(96,160,118,0.14); --shadow-mini:0 20px 42px -18px rgba(0,0,0,0.62); --solid:#1b1b28; --term-bg:#0d0a13; --term-text:#e8e2f0; --terra-text:#eba48e; --ui-card:#1b1b28; --ui-card-border:rgba(255,255,255,0.09); --ui-soft:rgba(255,255,255,0.05); --warn:#e8b35a; --warn-bg:rgba(232,179,90,0.14);

        
        --ftr-bg:#0a0a11;
        --ftr-bg-2:#0f0f1a;
        --ftr-line:rgba(255,255,255,0.08);
        
        --ftr-wm-col:#f4f1f7; --ftr-wm-op:0.05;   
      }

      *{ -webkit-tap-highlight-color:transparent; }
      
      body{
        font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif;
        background:var(--bg);
        color:var(--text);
        transition:color var(--t-base) var(--ease);
        
      }
      
      body{ background:var(--bg); }
      .font-display{ font-family:'Ubuntu','Ubuntu Yedek',system-ui,sans-serif; }

      
      .container{ max-width:100% !important; padding-left:1.25rem !important; padding-right:1.25rem !important; }
      @media (min-width:768px){ .container{ padding-left:2rem !important; padding-right:2rem !important; } }
      @media (min-width:1024px){ .container{ padding-left:3rem !important; padding-right:3rem !important; } }
      @media (min-width:1280px){ .container{ max-width:1280px !important; padding-left:2rem !important; padding-right:2rem !important; } }
      @media (min-width:1536px){ .container{ max-width:1536px !important; } }

      [x-cloak]{ display:none !important; }
html:not(.dark) body{ background:linear-gradient(180deg, #eef2f7 0%, #dbe4ef 10%, #eef2f7 22%, #cdd9e8 38%, #eef2f7 52%, #dbe4ef 68%, #eef2f7 82%, #cdd9e8 100%) !important; background-attachment:scroll !important; background-repeat:no-repeat !important; background-size:100% 100% !important; }
      html.dark body{ background:linear-gradient(180deg, #0a0a11 0%, #15151f 11%, #0a0a11 24%, #111119 40%, #0a0a11 55%, #15151f 70%, #0a0a11 84%, #111119 100%) !important; background-attachment:scroll !important; background-repeat:no-repeat !important; background-size:100% 100% !important; }
      
      body::before{ content:""; position:fixed; top:50%; left:50%; width:95vmax; height:95vmax; margin:-47.5vmax 0 0 -47.5vmax; z-index:-2; pointer-events:none; background:radial-gradient(closest-side, rgba(150,172,200,.16), transparent 70%); filter:blur(22px); animation:tbAuroraA 30s ease-in-out infinite; will-change:transform; }
      html.dark body::before{ background:radial-gradient(closest-side, rgba(70,86,120,.22), transparent 70%); }
      body::after{ content:""; position:fixed; top:50%; left:50%; width:85vmax; height:85vmax; margin:-42.5vmax 0 0 -42.5vmax; z-index:-2; pointer-events:none; background:radial-gradient(closest-side, rgba(168,184,208,.14), transparent 70%); filter:blur(30px); animation:tbAuroraB 42s ease-in-out infinite; will-change:transform; }
      html.dark body::after{ background:radial-gradient(closest-side, rgba(60,76,112,.20), transparent 70%); }
      @keyframes tbAuroraA{ 0%{transform:translate3d(-24%,-15%,0) scale(1)} 50%{transform:translate3d(22%,17%,0) scale(1.12)} 100%{transform:translate3d(-24%,-15%,0) scale(1)} }
      @keyframes tbAuroraB{ 0%{transform:translate3d(26%,16%,0) scale(1.06)} 50%{transform:translate3d(-22%,-18%,0) scale(1.2)} 100%{transform:translate3d(26%,16%,0) scale(1.06)} }
      @media (prefers-reduced-motion: reduce){ body::before,body::after{ animation:none; } }
[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}
.rail-wrap{ transition:padding var(--t-base) var(--ease); }
  .rail{
    background:var(--glass-bg);     
    border:1px solid var(--glass-border);
    box-shadow:var(--glass-shadow);
    -webkit-backdrop-filter:var(--glass-blur);
    backdrop-filter:var(--glass-blur);
    transition:background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease),
               backdrop-filter var(--t-base) var(--ease), border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);
  }
  html.dark .rail{ background:rgba(18,18,30,0.42); border-color:rgba(255,255,255,0.10); }
  .rail.scrolled{
    background:rgba(255,255,255,0.68);
    box-shadow:var(--rail-shadow-scrolled);
    -webkit-backdrop-filter:saturate(190%) blur(22px);
    backdrop-filter:saturate(190%) blur(22px);
    transform:scale(.985);
  }
  html.dark .rail.scrolled{ background:rgba(12,12,20,0.6); }
  .rail::after{
    content:""; position:absolute; left:14%; right:14%; bottom:-1px; height:1px;
    background:var(--hairline-grad); opacity:.35;
    transition:opacity var(--t-base) var(--ease), left var(--t-base) var(--ease), right var(--t-base) var(--ease);
    pointer-events:none;
  }
  .rail.scrolled::after{ opacity:1; left:6%; right:6%; }

  
  .nav-rail{ position:relative; }
  .nav-indicator{
    position:absolute; top:50%; left:0; height:34px; transform:translateY(-50%) translateX(0);
    width:0; border-radius:var(--r-pill); background:var(--pill); opacity:0;
    transition:transform .34s cubic-bezier(.34,1.56,.64,1), width .34s cubic-bezier(.34,1.56,.64,1), opacity var(--t-base) var(--ease), background var(--t-base) var(--ease);
    pointer-events:none; z-index:0;
  }
  .nav-indicator.on{ opacity:1; }
  .nav-link{
    position:relative; z-index:1; color:var(--text-soft);
    transition:color var(--t-base) var(--ease); white-space:nowrap;
  }
  .nav-link:hover, .nav-link.active{ color:var(--text); }
  .nav-link[data-on="true"]{ color:var(--pill-text); }
  
  html:not(.dark) .nav-link{ color:#23232f; }
  html:not(.dark) .uchip{ color:#33333f; }

  
  .cta{
    position:relative; background:var(--magenta); color:#fff;
    transition:background var(--t-base) var(--ease); overflow:hidden;
  }
  .cta > *{ position:relative; z-index:1; }
  .cta::after{
    content:""; position:absolute; top:0; left:-60%; width:45%; height:100%; z-index:0;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
    transform:skewX(-18deg); pointer-events:none;
    transition:left var(--t-base) var(--ease);
  }
  .cta:hover{ background:var(--magenta-deep); }
  .cta:hover::after{ left:120%; }
  .cta .cta-arrow{ transition:transform .3s cubic-bezier(.34,1.56,.64,1); }
  .cta:hover .cta-arrow{ transform:translateX(4px); }

  
  .uchip{
    position:relative; z-index:1;
    background:transparent; border:1px solid transparent; color:var(--text-soft);
    transition:color var(--t-base) var(--ease);
  }
  .uchip:hover{ color:var(--text); }
  .uchip-rail{ position:relative; }
  .uchip-indicator{
    position:absolute; top:50%; left:0; height:36px; transform:translateY(-50%) translateX(0);
    width:0; border-radius:var(--r-pill); background:var(--pill); opacity:0;
    transition:transform .34s cubic-bezier(.34,1.56,.64,1), width .34s cubic-bezier(.34,1.56,.64,1), opacity var(--t-base) var(--ease);
    pointer-events:none; z-index:0;
  }
  .uchip-indicator.on{ opacity:1; }
  .vdiv{ width:1px; height:22px; background:var(--divider); }

  
  .panel{
    background:var(--panel); border:1px solid var(--panel-border);
    -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    box-shadow:0 24px 60px -22px rgba(20,10,30,0.45);
  }
  .panel-item{ color:var(--text); transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
  .panel-item:hover{ background:var(--pill); }
  
  .panel-item.is-active{ background:var(--pill); color:var(--magenta-soft); font-weight:600; }
  .panel-item.is-active:hover{ background:var(--pill); }
  .panel-item:hover .pi-ico{ color:var(--magenta-soft); }
  .pi-ico{ color:var(--text-faint); transition:color var(--t-fast) var(--ease); }

  
  .fx-rail{ position:relative; }
  
  .uchip-rail .panel.fx-rail{ position:absolute; }
  .fx-ind{ position:absolute; top:0; left:0; width:0; height:0; border-radius:var(--r-md);
    background:var(--pill); opacity:0; pointer-events:none; z-index:0; will-change:transform,width,height;
    transition:transform .34s cubic-bezier(.34,1.56,.64,1), width .34s cubic-bezier(.34,1.56,.64,1), height .34s cubic-bezier(.34,1.56,.64,1), opacity var(--t-base) var(--ease); }
  .fx-item{ position:relative; z-index:1; }
  
  .fx-rail .panel-item:hover{ background:transparent; }
  .fx-rail .panel-item.is-active{ background:transparent; } 
  .fx-rail .msvc:hover{ background:transparent; }
  .fx-rail .mega-tab:hover, .fx-rail .mega-tab.is-on{ background:transparent; box-shadow:none; }

  
  .tb-corp-pop > .panel{ min-width:340px; } 
  .corp-grid{ display:flex; flex-direction:column; gap:2px; }
  .corp-item{ position:relative; z-index:1; display:flex; gap:12px; align-items:center; padding:10px 12px; border-radius:var(--r-md); text-decoration:none; }
  .corp-ico{ width:36px; height:36px; flex-shrink:0; border-radius:11px; display:grid; place-items:center; background:var(--chip); color:var(--magenta-soft); font-size:.9rem; transition:background var(--t-base) var(--ease), color var(--t-base) var(--ease); }
  .corp-item:hover .corp-ico{ background:linear-gradient(145deg,var(--magenta-soft),var(--magenta)); color:#fff; }
  .corp-txt{ display:flex; flex-direction:column; min-width:0; line-height:1.22; }
  .corp-title{ font-size:.95rem; font-weight:600; color:var(--text); letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .corp-desc{ font-size:.735rem; color:var(--text-faint); line-height:1.35; margin-top:2px; }
  
  
  .corp-apps{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:6px; padding:10px 12px 2px; border-top:1px solid var(--panel-border); }
  .corp-apps-lbl{ grid-column:1 / -1; font-size:.6rem; letter-spacing:.09em; text-transform:uppercase; font-weight:700; color:var(--text-faint); margin-bottom:3px; }
  .corp-app{ display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:var(--r-md); text-decoration:none; border:1px solid var(--panel-border); transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease); }
  .corp-app:hover{ border-color:var(--magenta-soft); background:var(--chip); }
  .corp-app-ico{ width:28px; height:28px; flex-shrink:0; border-radius:9px; display:grid; place-items:center; background:var(--chip); color:var(--magenta-soft); font-size:.95rem; }
  .corp-app:hover .corp-app-ico{ background:linear-gradient(145deg,var(--magenta-soft),var(--magenta)); color:#fff; }
  .corp-app-txt{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
  
  .corp-app-t{ font-size:.8rem; font-weight:600; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .corp-app-d{ font-size:.68rem; color:var(--text-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

  .corp-legal{ display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; margin-top:6px; padding:12px 12px 5px; border-top:1px solid var(--panel-border); }
  .corp-legal-lbl{ grid-column:1 / -1; font-size:.6rem; letter-spacing:.09em; text-transform:uppercase; font-weight:700; color:var(--text-faint); margin-bottom:1px; }
  .corp-legal-lnk{ font-size:.79rem; color:var(--text-soft); text-decoration:none; transition:color var(--t-fast) var(--ease); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .corp-legal-lnk:hover{ color:var(--magenta-soft); }

  
  
  .mega{
    background:var(--panel); border:1px solid var(--panel-border);
    -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
    box-shadow:0 24px 60px -22px rgba(20,10,30,0.45);
  }
  
  .tb-megalayer{ position:relative; }
  .tb-megapanel{ position:absolute; left:0; right:0; top:0; }
  .mega-vsplit{ display:grid; grid-template-columns:1fr; gap:0; }
  @media (min-width:1280px){ .mega-vsplit{ grid-template-columns:300px minmax(0,1fr) 280px; } }
  
  .mega-rail{ display:flex; flex-direction:column; gap:6px; padding:15px; border-right:1px solid var(--panel-border); }
  .mega-tab{ position:relative; display:flex; align-items:center; gap:13px; width:100%; text-align:left; padding:12px 13px; border-radius:var(--r-md); background:transparent; border:1px solid transparent; color:var(--text-soft); cursor:pointer; text-decoration:none; transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
  a.mega-pane-title{ text-decoration:none; }
  .mega-tab:hover{ color:var(--text); background:color-mix(in srgb, var(--pill) 55%, transparent); }
  .mega-tab.is-on{ background:var(--pill); color:var(--text); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--magenta-soft) 30%, transparent); }
  .mega-tab .col-ico{ width:40px; height:40px; flex-shrink:0; font-size:1.02rem; border-radius:11px; }
  .mega-tab.is-on .col-ico, .mega-tab.flag .col-ico{ background:linear-gradient(145deg, var(--magenta-soft), var(--magenta)); color:#fff; }
  .mega-tab-txt{ display:flex; flex-direction:column; line-height:1.18; min-width:0; }
  .mega-tab-title{ font-size:1.04rem; font-weight:700; color:var(--text); line-height:1.2; letter-spacing:-.01em; white-space:nowrap; }
  .mega-tab.is-on .mega-tab-title{ color:var(--text); }
  .mega-tab-desc{ font-size:.71rem; color:var(--text-faint); line-height:1.3; margin-top:2px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .mega-tab-chev{ margin-left:auto; font-size:9px; color:var(--magenta-soft); opacity:0; transform:translateX(-3px); transition:opacity var(--t-fast) var(--ease), transform var(--t-fast) var(--ease); }
  .mega-tab.is-on .mega-tab-chev{ opacity:1; transform:translateX(0); }
  .mega-tab.flag::before{ content:""; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:var(--r-pill); background:linear-gradient(180deg, var(--magenta-soft), var(--magenta)); }
  .mega-content{ padding:34px 26px 18px; min-height:322px; } 
  .mega-pane-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; padding-bottom:15px; border-bottom:1px solid var(--panel-border); }
  .mega-pane-headL{ display:flex; align-items:center; gap:14px; min-width:0; }
  .mega-pane-ico{ width:48px; height:48px; flex-shrink:0; border-radius:14px; display:grid; place-items:center; color:#fff; font-size:1.25rem; background:linear-gradient(145deg, var(--magenta-soft), var(--magenta)); box-shadow:0 6px 16px -6px rgba(142,42,111,.5); }
  .mega-pane-headTxt{ display:flex; flex-direction:column; min-width:0; }
  .mega-pane-title{ font-size:1.42rem; font-weight:700; color:var(--text); line-height:1.12; letter-spacing:-.015em; }
  .mega-pane-sub{ font-size:.82rem; color:var(--text-faint); line-height:1.3; margin-top:3px; }
  .mega-keshfet{ font-size:var(--fs-sm); font-weight:600; color:var(--magenta-soft); display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
  .mega-keshfet i{ font-size:.6rem; transition:transform .3s var(--ease); }
  .mega-keshfet:hover i{ transform:translateX(3px); }
  .mega-svc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px 26px; }
  .msvc{ display:flex; gap:12px; padding:11px 12px; border-radius:var(--r-md); transition:background var(--t-fast) var(--ease); }
  .msvc:hover{ background:var(--pill); }
  .msvc-ico{ width:30px; height:30px; flex-shrink:0; border-radius:9px; display:grid; place-items:center; background:var(--chip); color:var(--magenta-soft); font-size:.82rem; transition:background var(--t-base) var(--ease), color var(--t-base) var(--ease); }
  .msvc:hover .msvc-ico{ background:linear-gradient(145deg, var(--magenta-soft), var(--magenta)); color:#fff; }
  .msvc-txt{ min-width:0; display:flex; flex-direction:column; }
  
  .msvc-title{ font-size:.92rem; font-weight:600; color:var(--text); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .msvc-desc{ font-size:.75rem; color:var(--text-faint); line-height:1.4; margin-top:3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:calc(1.4em * 2); }
  .mega-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 18px; border-top:1px solid var(--panel-border); background:var(--ai-tint); }
  .mega-foot-txt{ font-size:var(--fs-sm); color:var(--text-soft); font-weight:500; }
  .mega-foot-cta{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 18px; border-radius:12px; font-size:.9rem; font-weight:500; }
  .mega-foot-cta .cta-arrow{ font-size:.66rem; }
  .mega-left{ padding:14px; }
  .mega-right{ position:relative; padding:14px; }
  @media (max-width:1279px){ .mega-right{ display:none; } }
  @media (min-width:1280px){
    .mega-right::before{
      content:""; position:absolute; left:0; top:14px; bottom:14px; width:1px;
      background:var(--hairline-vert); pointer-events:none; z-index:2;
    }
  }
  
  
  @media (min-width:1280px) and (max-height:760px){
    .msvc-desc{ display:none; }                         
    .mega-pane-sub{ display:none; }                     
    .mega-content{ min-height:0; padding:18px 26px 12px; }
    .mega-pane-head{ margin-bottom:12px; padding-bottom:11px; }
    .mega-svc-grid{ gap:5px 26px; }
    .msvc{ padding:8px 12px; }
    .mega-rail{ padding:10px; gap:4px; }
    .mega-tab{ padding:8px 13px; }
    .mega-tab .col-ico{ width:34px; height:34px; font-size:.95rem; }
    .mega-foot{ padding:8px 18px; }
    .mega-foot-cta{ height:34px; }
  }
  
  @media (min-width:1280px) and (max-height:580px){
    .mega-rail, .mega-content, .mega-right{ max-height:calc(100vh - 150px); overflow-y:auto; overscroll-behavior:contain; }
    .mega-rail{ scrollbar-width:thin; }
  }
  .mega-col{
    position:relative; border-radius:var(--r-md); padding:14px 14px 16px;
    transition:background var(--t-base) var(--ease);
  }
  .mega-col.flag{ background:var(--ai-tint); }
  .mega-col.flag:hover{ background:var(--ai-tint-2); }
  .mega-col.flag::before{
    content:""; position:absolute; left:0; top:14px; bottom:14px; width:3px;
    border-radius:var(--r-pill);
    background:linear-gradient(180deg, var(--magenta-soft), var(--magenta));
  }
  .col-ico{
    width:40px; height:40px; border-radius:var(--r-md); display:grid; place-items:center;
    background:var(--pill); color:var(--magenta-soft); font-size:var(--fs-base);
    transition:background var(--t-base) var(--ease), color var(--t-base) var(--ease), transform var(--t-base) var(--ease);
  }
  .mega-col:hover .col-ico{
    background:linear-gradient(145deg, var(--magenta-soft), var(--magenta)); color:#fff;
  }
  .flag .col-ico{
    background:linear-gradient(145deg, var(--magenta-soft), var(--magenta)); color:#fff;
    box-shadow:0 4px 12px -4px rgba(142,42,111,0.55);
  }
  .flag:hover .col-ico{ color:#fff; }
  .col-title{ font-size:1.05rem; font-weight:600; color:var(--text); letter-spacing:-0.01em; }
  .flag .col-title{ color:var(--text); }

  .sub{
    display:flex; align-items:center; gap:9px; padding:6px 9px; border-radius:var(--r-sm);
    font-size:.96rem; font-weight:400; color:var(--text-soft); line-height:1.3;
    transition:color var(--t-fast) var(--ease);
  }
  .sub-ico{
    width:16px; flex-shrink:0; text-align:center; font-size:var(--fs-micro);
    color:var(--text-faint); transition:color var(--t-fast) var(--ease);
  }
  .sub:hover{ color:var(--magenta-soft); }
  .sub:hover .sub-ico{ color:var(--magenta-soft); }

  
  .feat{
    position:relative; height:100%; min-height:340px; border-radius:var(--r-lg);
    overflow:hidden; isolation:isolate; background:var(--feat-bg); border:1px solid var(--feat-border);
  }
  .feat-img{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;
    transition:opacity var(--t-base) var(--ease); will-change:opacity; z-index:0;
  }
  .feat-img.show{ opacity:1; }
  @keyframes kenburns{ 0%{ transform:scale(1); } 100%{ transform:scale(1.05); } }
  .feat-img.show{ animation:kenburns 8s ease-out forwards; }
  
  .feat-img{ inset:12px 12px auto 12px; height:176px; object-fit:contain; border-radius:14px; background:transparent; animation:none !important; }
  .feat-cap{ top:200px; bottom:auto; padding:0 18px; }
  .feat-shade{
    position:absolute; inset:0; z-index:1; pointer-events:none;
    background:linear-gradient(180deg, rgba(10,6,14,0) 30%, rgba(109,31,85,0.35) 62%, rgba(109,31,85,0.86) 100%);
  }
  html.dark .feat-shade{
    background:linear-gradient(180deg, rgba(5,3,8,0) 28%, rgba(109,31,85,0.45) 60%, rgba(8,4,12,0.92) 100%);
  }
  .feat-overlay{
    position:absolute; inset:0; z-index:2; display:flex; flex-direction:column;
    justify-content:flex-end; padding:18px 18px 18px;
  }
  .feat-cap{
    position:absolute; left:0; right:0; bottom:0; padding:18px; opacity:0;
    transition:opacity var(--t-base) var(--ease), transform var(--t-base) var(--ease);
    transform:translateY(6px); pointer-events:none;
  }
  .feat-cap.show{ opacity:1; transform:translateY(0); pointer-events:auto; }
  .feat-kicker{ font-size:var(--fs-micro); letter-spacing:.06em; text-transform:uppercase; font-weight:600; color:#f6cfe6; }
  .feat-title{
    font-size:var(--fs-lg); font-weight:700; color:#ffffff; letter-spacing:-0.015em; line-height:1.1;
    margin-top:6px; text-shadow:0 2px 14px rgba(0,0,0,0.45);
  }
  .feat-text{
    font-size:var(--fs-sm); line-height:1.5; color:rgba(255,255,255,0.88); margin-top:8px; max-width:30ch;
    text-shadow:0 1px 8px rgba(0,0,0,0.45);
  }
  .feat-explore{
    margin-top:12px; display:inline-flex; align-items:center; gap:7px;
    font-size:var(--fs-sm); font-weight:600; color:#ffffff;
    transition:gap var(--t-base) var(--ease), color var(--t-base) var(--ease);
  }
  .feat-explore i{ font-size:var(--fs-micro); transition:transform .3s cubic-bezier(.34,1.56,.64,1); color:#f6cfe6; }
  .feat-explore:hover{ color:#f6cfe6; }
  .feat-explore:hover i{ transform:translateX(4px); }
  .mega-hairline{ height:1px; background:var(--hairline-grad); opacity:.6; }

  
  
  .mega{ background:rgba(20,20,32,0.985); }
  html:not(.dark) .mega{ background:rgba(255,255,255,0.985); }
  
  .feat{ background:linear-gradient(160deg, rgba(184,71,143,0.20), rgba(184,71,143,0.06)), rgb(16,12,22); } 
  html:not(.dark) .feat{ background:linear-gradient(160deg, rgba(184,71,143,0.16), rgba(184,71,143,0.05)), rgb(250,246,252); }
  
  .feat-img{ transition:opacity .18s var(--ease) !important; }

  
  
  
  
  .mega-pane{ animation: tbPaneIn .2s cubic-bezier(.16,1,.3,1) both; }
  @keyframes tbPaneIn{ from{ opacity:0; transform:translateY(7px) } to{ opacity:1; transform:translateY(0) } }
  @media (prefers-reduced-motion: reduce){ .mega, .mega-pane{ animation:none !important } }

  
  .ticon{ transition:opacity var(--t-base) var(--ease), transform .45s cubic-bezier(.34,1.56,.64,1); }

  
  a:focus-visible, button:focus-visible{
    outline:2px solid var(--magenta-soft); outline-offset:3px; border-radius:var(--r-sm);
  }
  @media (prefers-reduced-motion: reduce){ .feat-img.show{ animation:none !important; } }

  
  @media (min-width:1280px){
    header .rail{ display:grid !important; grid-template-columns:25% 50% 25%; align-items:center; gap:0; }
    header .rail > .nav-rail{ justify-content:center; }   
    header .rail > .tb-util{ justify-content:flex-end; }  
  }

  
  
  .cta-contact{ width:122px; flex:0 0 auto; transition:background var(--t-base) var(--ease); }
  .cta-contact.cta{ padding-left:14px; padding-right:14px; }
  .cta-contact .cc-label, .cta-contact .cc-phone{
    position:absolute; top:50%; left:50%; transform-origin:center center;
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap; line-height:1;
    transition:transform .42s var(--ease), opacity .3s var(--ease);
  }
  .cta-contact .cc-phone{ font-size:.8rem; letter-spacing:-.01em; }
  
  .cta-contact .cc-label{ transform:translate(-50%,-50%) scaleY(1); opacity:1; }
  .cta-contact .cc-phone{ transform:translate(-50%,-50%) scaleY(0); opacity:0; }
  
  .cta-contact:hover .cc-label{ transform:translate(-50%,-50%) scaleY(0); opacity:0; }
  .cta-contact:hover .cc-phone{ transform:translate(-50%,-50%) scaleY(1); opacity:1; }
  @media (prefers-reduced-motion:reduce){
    .cta-contact .cc-label, .cta-contact .cc-phone{ transform:translate(-50%,-50%) !important; transition:opacity .2s linear; }
  }

  
  .tip{ position:relative; }
  .tip::after{
    content:attr(data-tip); position:absolute; top:calc(100% + 11px); left:50%;
    transform:translateX(-50%) translateY(4px) scale(.96); transform-origin:top center;
    white-space:nowrap; font-size:.74rem; font-weight:500; line-height:1; color:var(--text);
    background:var(--panel); border:1px solid var(--panel-border); border-radius:10px; padding:8px 11px;
    box-shadow:0 16px 34px -14px rgba(20,10,30,.45); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    opacity:0; pointer-events:none; transition:opacity .2s var(--ease), transform .2s var(--ease); z-index:60;
  }
  .tip::before{
    content:""; position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-50%) rotate(45deg);
    width:9px; height:9px; background:var(--panel); border-left:1px solid var(--panel-border); border-top:1px solid var(--panel-border);
    opacity:0; transition:opacity .2s var(--ease); z-index:61;
  }
  .tip:hover::after, .tip:focus-visible::after{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
  .tip:hover::before, .tip:focus-visible::before{ opacity:1; }
  
  .tip.tip-end::after{ left:auto; right:0; transform:translateY(4px) scale(.96); }
  .tip.tip-end:hover::after{ transform:translateY(0) scale(1); }
  .tip.tip-end::before{ left:auto; right:14px; }

  
  .mode-ic{ position:relative; width:1em; height:1em; display:grid; place-items:center; }
  .mode-ic i{ position:absolute; transition:opacity .3s var(--ease), transform .45s cubic-bezier(.34,1.56,.64,1); }
  
  .mode-ic .mi-fun{ background:linear-gradient(135deg,#b8478f 0%,#e0719f 26%,#7db4d8 60%,#f0a92c 100%);
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
  html[data-mode="fun"] .mode-ic .mi-pro{ opacity:0; transform:scale(.4) rotate(-90deg); }
  html[data-mode="fun"] .mode-ic .mi-fun{ opacity:1; transform:none; }
  html[data-mode="pro"] .mode-ic .mi-fun{ opacity:0; transform:scale(.4) rotate(90deg); }
  html[data-mode="pro"] .mode-ic .mi-pro{ opacity:1; transform:none; }
  

  
  .tb-funimg{ transition:filter .55s var(--ease); }
  html[data-mode="pro"] .tb-funimg{ filter:contrast(1.03) saturate(1.06); }

  
  .mode-toast{ position:fixed; left:50%; bottom:94px; transform:translateX(-50%) translateY(18px) scale(.95); z-index:70;
    display:flex; align-items:center; gap:13px; padding:10px 14px 10px 11px; border-radius:16px; max-width:calc(100vw - 32px);
    background:var(--panel); border:1px solid var(--panel-border); color:var(--text);
    box-shadow:0 24px 56px -18px rgba(20,10,30,.55), inset 0 1px 0 rgba(255,255,255,.5);
    -webkit-backdrop-filter:blur(22px) saturate(180%); backdrop-filter:blur(22px) saturate(180%);
    opacity:0; pointer-events:none; transition:opacity .32s var(--ease), transform .46s cubic-bezier(.34,1.56,.64,1); }
  html.dark .mode-toast{ box-shadow:0 24px 56px -18px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.06); }
  .mode-toast.on{ opacity:1; transform:translateX(-50%) translateY(0) scale(1); }
  .mode-toast .mt-ic{ width:40px; height:40px; flex:none; border-radius:12px; display:grid; place-items:center; color:#fff; font-size:1rem;
    background:linear-gradient(145deg,var(--magenta-soft),var(--magenta)); box-shadow:0 8px 18px -6px rgba(142,42,111,.6); }
  .mode-toast .mt-txt{ display:flex; flex-direction:column; line-height:1.18; min-width:0; padding-right:2px; }
  .mode-toast .mt-txt b{ font-weight:700; font-size:.96rem; letter-spacing:-.01em; white-space:nowrap; }
  .mode-toast .mt-sub{ font-size:.72rem; color:var(--text-faint); margin-top:1px; }
  .mode-toast .mt-check{ width:24px; height:24px; flex:none; border-radius:50%; display:grid; place-items:center; margin-left:4px;
    font-size:.6rem; color:#fff; background:linear-gradient(145deg, #2bbf7e, #18a566); box-shadow:0 4px 10px -3px rgba(24,165,102,.55); }

  
  .dm-label{ font-size:.6rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--magenta-soft); padding:13px 8px 5px; display:flex; align-items:center; gap:7px; }
  .dm-row{ display:flex; align-items:center; gap:12px; padding:10px 8px; border-radius:10px; text-decoration:none; color:var(--text-soft); transition:background .15s var(--ease); }
  .dm-row:hover, .dm-row:active{ background:var(--pill); }
  .dm-row .di{ width:20px; text-align:center; font-size:.85rem; color:var(--magenta-soft); flex:0 0 auto; }
  .dm-row .dt{ flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.9rem; font-weight:500; }
  .dm-row .dc{ font-size:.6rem; color:var(--text-faint); flex:0 0 auto; }
  .dm-row.pri .dt{ font-family:'Plus Jakarta Sans',system-ui,sans-serif; font-weight:700; font-size:1rem; color:var(--text); }
  .dm-row.pri .di{ font-size:.95rem; }
  .dm-row.cat .dt{ color:var(--text-soft); opacity:.88; }
  .dm-row.cat .di{ font-size:.78rem; opacity:.82; }
  .dm-lang{ display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border-radius:10px; background:var(--chip); border:1px solid var(--panel-border); font-size:.8rem; font-weight:600; color:var(--text-soft); cursor:pointer; }
  .dm-lang .fa-globe{ color:var(--magenta-soft); font-size:.78rem; }
  .dm-langmenu{ position:absolute; right:0; bottom:calc(100% + 8px); min-width:160px; background:var(--panel); border:1px solid var(--panel-border); border-radius:12px; padding:6px; box-shadow:0 -12px 34px -12px rgba(0,0,0,.55); z-index:5; }
  .dm-langmenu a, .dm-langmenu button{ display:flex; align-items:center; gap:9px; width:100%; padding:8px 10px; border-radius:8px; font-size:.86rem; color:var(--text-soft); text-decoration:none; background:transparent; border:0; cursor:pointer; text-align:left; font-family:inherit; }
  .dm-langmenu a:hover, .dm-langmenu button:hover{ background:var(--pill); }
  .dm-langmenu .on{ background:var(--pill); color:var(--text); }
  
  .dm-scroll{ } 
  .dm-scroll::-webkit-scrollbar{ width:5px; }
  .dm-scroll::-webkit-scrollbar-thumb{ background:color-mix(in srgb, var(--magenta-soft) 45%, transparent); border-radius:6px; }
  .dm-scroll::-webkit-scrollbar-track{ background:transparent; }

  
  .tb-drawer{ position:fixed; inset:0; z-index:60; pointer-events:none; }
  .tb-drawer.open{ pointer-events:auto; }
  .tb-bd{ position:absolute; inset:0; background:rgba(5,5,12,.55); -webkit-backdrop-filter:blur(0); backdrop-filter:blur(0); opacity:0; transition:opacity .4s ease, backdrop-filter .5s ease; }
  .tb-drawer.open .tb-bd{ opacity:1; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
  
  .tb-panel{ position:absolute; right:0; top:0; height:100%; width:100%; will-change:transform,opacity;
    transform:scale(.55); opacity:0; transform-origin:50% 45%;
    transition:transform .55s cubic-bezier(.22,1,.36,1), opacity .4s ease; }
  .tb-drawer.open .tb-panel{ transform:scale(1); opacity:1; }
  
  @keyframes dmIn{ from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }
  .tb-drawer.open .dm-scroll nav > *{ animation:dmIn .5s cubic-bezier(.22,1,.36,1) both; }
  .tb-drawer.open .dm-scroll nav > *:nth-child(1){animation-delay:.10s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(2){animation-delay:.14s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(3){animation-delay:.18s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(4){animation-delay:.22s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(5){animation-delay:.26s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(6){animation-delay:.30s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(7){animation-delay:.34s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(8){animation-delay:.38s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(9){animation-delay:.42s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(10){animation-delay:.46s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(11){animation-delay:.50s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(12){animation-delay:.54s}
  .tb-drawer.open .dm-scroll nav > *:nth-child(n+13){animation-delay:.58s}
  
  .dm-row{ position:relative; overflow:hidden; }
  .dm-row::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, color-mix(in srgb,var(--magenta-soft) 18%, transparent), transparent); transform:translateX(-100%); transition:transform .4s cubic-bezier(.22,1,.36,1); z-index:0; }
  .dm-row > *{ position:relative; z-index:1; }
  .dm-row:hover::before{ transform:translateX(0); }
  .dm-row:hover .di{ transform:scale(1.2) rotate(-6deg); }
  .dm-row:hover .dc{ transform:translateX(4px); color:var(--magenta-glow); }
  .dm-row:active{ transform:scale(.985); }
.tb-logoL{display:block}.tb-logoD{display:none}html.dark .tb-logoL{display:none}html.dark .tb-logoD{display:block}
.tb-logo3d{display:inline-flex;align-items:center;gap:7px;line-height:0}
  .tb-logo3d{--sld:#353A35;--sll:#4A504A;--mg:#9E1972}
  html.dark .tb-logo3d{--sld:#ECEEF0;--sll:#D3D8DC;--mg:#9E1972}
  
  .tb-b3d{position:relative;width:30px;height:35px;flex:none;transform:translateY(-1px)}
  @media(min-width:640px){.tb-b3d{width:33px;height:39px}}
  .tb-b3d canvas{display:block;width:100%!important;height:100%!important}
  .tb-bflat{position:absolute;inset:0;width:100%;height:100%}
  .tb-b3d.ready .tb-bflat{opacity:0}
  .tb-bflat [data-layer="magenta"]{fill:var(--mg)}
  .tb-bflat [data-layer="slate-dark"]{fill:var(--sld)}
  .tb-bflat [data-layer="slate-light"]{fill:var(--sll)}
  .tb-wm{display:block;height:28px;width:auto}
  @media(min-width:640px){.tb-wm{height:31px}}
  .tb-wm [data-layer="slate-dark"]{fill:var(--sld)}
  .tb-wm [data-layer="slate-light"]{fill:var(--sll)}
@property --bdeg{ syntax:'<angle>'; initial-value:0deg; inherits:false; }
  .gsnk{ position:relative; }
  .gsnk::after{ content:''; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; z-index:6; filter:drop-shadow(0 0 5px var(--magenta-soft,#b8478f));
    background:conic-gradient(from var(--bdeg), transparent 0deg, var(--magenta-soft,#b8478f) 48deg, var(--magenta,#8e2a6f) 88deg, transparent 150deg, transparent 360deg);
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
            mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude;
    opacity:0; transition:opacity .35s ease; }
  .gsnk:hover::after{ opacity:1; animation:bspin 5s linear infinite; }
  @keyframes bspin{ to{ --bdeg:360deg; } }
  @media(prefers-reduced-motion:reduce){ .gsnk:hover::after{ animation:none; } }

  
  .tba-panel{ display:flex; flex-direction:column; height:593px; max-height:calc(100dvh - 92px); overflow:hidden; }
  .tba-grid{ position:relative; display:grid; grid-template-columns:4fr minmax(0,8fr) 4fr; flex:1 1 auto; min-height:0; }
  
  .tba-grid::before, .tba-grid::after{ content:""; position:absolute; top:16px; bottom:16px; width:1px; background:var(--hairline-vert); pointer-events:none; z-index:4; }
  .tba-grid::before{ left:25%; }
  .tba-grid::after{ right:25%; }
  .tba-col{ min-width:0; min-height:0; }
  .tba-side{ padding:16px; min-height:0; overflow-y:auto; }
  .tba-side::-webkit-scrollbar{ width:7px } .tba-side::-webkit-scrollbar-thumb{ background:var(--magenta-soft); opacity:.35; border-radius:8px }
  .tba-side.r{ position:relative; overflow:hidden; }
  .tba-lbl{ font-size:10px; font-weight:700; letter-spacing:.09em; color:var(--text-faint); margin:0 0 8px 2px; }
  
  .tba-fb{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; text-align:left;
    padding:8px 11px; border-radius:var(--r-md); font-size:.86rem; font-weight:500; color:var(--text-soft); background:transparent; border:0; cursor:pointer;
    transition:color .2s var(--ease); white-space:nowrap; }
  .tba-fb .n{ font-size:.7rem; opacity:.7; }
  .tba-fb:hover{ color:var(--text); }
  .tba-fb.on{ color:#fff; }
  .tba-fb.on .n{ opacity:.85; }
  .tba-fb.on::before{ content:''; position:absolute; inset:0; z-index:-1; border-radius:var(--r-md); background:var(--magenta); }

  
  .tba-feed{ height:100%; overflow-y:auto; overscroll-behavior:contain; padding:6px; }
  .tba-feed::-webkit-scrollbar{ width:8px; } .tba-feed::-webkit-scrollbar-thumb{ background:var(--magenta-soft); opacity:.4; border-radius:8px; }
  .tba-dayhead{ position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:8px; padding:8px 10px 6px; background:var(--panel); }
  .tba-dayhead .d{ font-weight:700; font-size:.9rem; color:var(--text); font-family:'Sora',sans-serif; }
  .tba-dayhead .dt{ font-size:.74rem; color:var(--text-faint); }
  .tba-dayhead .c{ margin-inline-start:auto; font-size:.7rem; font-weight:600; color:var(--magenta-soft); }
  .tba-row{ position:relative; z-index:1; display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:16px; text-decoration:none; }
  .tba-thumb{ width:60px; height:60px; border-radius:12px; overflow:hidden; flex:0 0 auto; background:var(--chip); display:grid; place-items:center; color:var(--magenta-soft); }
  .tba-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
  .tba-cat{ display:inline-flex; align-items:center; font-size:.62rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--magenta-soft);
    background:var(--pill); padding:2px 7px; border-radius:99px; }
  .tba-title{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-family:'Sora',sans-serif; font-weight:700; font-size:1.1rem; line-height:1.28; color:var(--text); margin-top:4px; }
  .tba-meta{ display:inline-flex; align-items:center; gap:6px; font-size:.71rem; font-weight:600; color:var(--magenta-soft); margin-top:3px; white-space:nowrap; }
  
  .tba-rcat{ font-size:.6rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--text-faint); }
  .tba-rmeta{ display:inline-flex; align-items:center; gap:6px; font-size:.72rem; font-weight:500; color:var(--text-faint); margin-top:4px; white-space:nowrap; }
  .tba-rmeta b{ font-weight:600; color:var(--text-soft); }
  .tba-row-ico{ width:52px; height:52px; border-radius:14px; display:grid; place-items:center; background:var(--pill); color:var(--magenta-soft); font-size:1.55rem; flex:0 0 auto; }
  .tba-empty{ padding:38px 12px; text-align:center; color:var(--text-faint); font-size:.86rem; }

  
  .tba-feat{ display:block; border-radius:18px; overflow:hidden; text-decoration:none; }
  .tba-feat-img{ position:relative; aspect-ratio:16/10; background:var(--chip); border-radius:16px; overflow:hidden; display:grid; place-items:center; color:var(--magenta-soft); font-size:1.6rem; }
  .tba-feat-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .tba-feat-badge{ position:absolute; top:10px; inset-inline-start:10px; display:inline-flex; align-items:center; gap:6px;
    font-size:.7rem; font-weight:700; color:#fff; background:rgba(10,7,18,.66); padding:4px 10px; border-radius:99px; }
  .tba-rdesc{ font-size:.82rem; line-height:1.5; color:var(--text-soft); margin-top:8px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .tba-datecard{ margin-top:12px; border-radius:16px; padding:13px 14px; background:var(--chip); border:1px solid var(--panel-border); }
  .tba-datecard .k{ font-size:10px; font-weight:700; letter-spacing:.09em; color:var(--text-faint); }
  .tba-datecard .big{ font-family:'Sora',sans-serif; font-weight:800; font-size:1.28rem; line-height:1.05; color:var(--text); margin-top:3px; }
  .tba-read{ margin-top:12px; display:flex; align-items:center; justify-content:center; gap:8px; height:44px; border-radius:12px;
    background:var(--magenta); color:#fff; font-weight:600; font-size:.86rem; text-decoration:none; transition:background .3s var(--ease); }
  .tba-read:hover{ background:var(--magenta-deep); }

  
  .tba-pop-wrap{ display:flex; flex-direction:column; height:100%; gap:12px; }
  .tba-pop2{ position:relative; flex:1 1 0; min-height:0; border-radius:16px; overflow:hidden; display:block; background:var(--chip); text-decoration:none; }
  .tba-pop2-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .tba-pop2-icon{ position:absolute; inset:0; display:grid; place-items:center; color:var(--magenta-soft); font-size:2rem; }
  .tba-pop2-scrim{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to top,rgba(0,0,0,.90) 0%,rgba(0,0,0,.58) 24%,rgba(0,0,0,.16) 48%,transparent 68%); }
  html:not(.dark) .tba-pop2-scrim{ background:linear-gradient(to top,rgba(255,255,255,.93) 0%,rgba(255,255,255,.62) 24%,rgba(255,255,255,.16) 48%,transparent 68%); }
  .tba-pop2-text{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:14px 15px; display:flex; flex-direction:column; gap:3px; }
  .tba-pop2-cat{ font-size:.62rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--magenta-soft); text-shadow:0 1px 2px rgba(0,0,0,.5); }
  html:not(.dark) .tba-pop2-cat{ color:var(--magenta); text-shadow:0 1px 2px rgba(255,255,255,.6); }
  .tba-pop2-title{ font-family:'Sora',sans-serif; font-weight:700; font-size:1.02rem; line-height:1.24; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.6);
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  html:not(.dark) .tba-pop2-title{ color:#0e0e1a; text-shadow:0 1px 2px rgba(255,255,255,.7); }
  .tba-pop2-date{ display:inline-flex; align-items:center; gap:5px; font-size:.68rem; font-weight:600; color:rgba(255,255,255,.82); text-shadow:0 1px 2px rgba(0,0,0,.5); margin-top:2px; }
  html:not(.dark) .tba-pop2-date{ color:var(--text-soft); text-shadow:none; }
  .tba-catlink{ flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; justify-content:center; font-size:.8rem; font-weight:600; color:var(--magenta-soft); text-decoration:none; padding:8px 0 2px; }

  
  .tba-dot{ width:8px; height:8px; border-radius:99px; background:var(--magenta-soft); position:relative; flex:0 0 auto; }
  .tba-dot.w{ background:#fff; }
  .tba-dot.live::after{ content:''; position:absolute; inset:-4px; border-radius:99px; border:2px solid var(--magenta-soft); animation:tbaPulse 1.9s ease-out infinite; opacity:0; }
  .tba-dot.w.live::after{ border-color:#fff; }
  @keyframes tbaPulse{ 0%{ transform:scale(.55); opacity:.8 } 100%{ transform:scale(2); opacity:0 } }

  
  .tba-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 18px; border-bottom:1px solid var(--line); }
  .tba-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 18px; border-top:1px solid var(--line); background:var(--chip); flex-wrap:wrap; }
  .tba-fade > *{ animation:tbaFade .35s ease both; } @keyframes tbaFade{ from{ opacity:0; transform:translateY(6px) } to{ opacity:1; transform:none } }
.cs-wrap{ --cs-r:16px; position:relative; }
  .cs-modal{ --cs-r:16px; }
  .cs-wrap *, .cs-modal *{ box-sizing:border-box; }
  .cs-kicker{ text-align:center; font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--text-faint); margin:0 0 .85rem; font-weight:600; }
  .cs-kicker i{ color:var(--magenta-soft); margin-right:.45rem; }

  
  .cs-shell{ position:relative; max-width:720px; margin:0 auto; }
  
  .cs-bar{ display:flex; align-items:center; gap:.65rem; padding:.5rem .55rem .5rem .95rem;
    background:rgba(255,255,255,.30); border:1px solid rgba(255,255,255,.55); border-radius:var(--cs-r);
    -webkit-backdrop-filter:blur(22px) saturate(185%); backdrop-filter:blur(22px) saturate(185%);
    box-shadow:0 8px 30px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(255,255,255,.18);
    transition:box-shadow .25s; }
  html.dark .cs-bar{ background:rgba(22,20,30,.30); border-color:rgba(255,255,255,.14);
    box-shadow:0 8px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.04); }
  .cs-shell:focus-within .cs-bar, .cs-modal .cs-bar:focus-within{ box-shadow:var(--rail-shadow-scrolled, 0 14px 44px rgba(0,0,0,.16)); }
  
  .cs-spark{ width:22px; flex-shrink:0; display:grid; place-items:center; background:none; color:var(--text); opacity:.5; }
  .cs-field{ flex:1; min-width:0; position:relative; }
  .cs-input{ width:100%; background:transparent; border:0; color:var(--text); font-family:inherit; padding:.2rem 0;
    font-size:clamp(15px, 2.2vw, 17px); -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:transparent; }
  .cs-input:focus, .cs-input:focus-visible{ outline:none !important; box-shadow:none !important; border:0 !important; }
  .cs-input::placeholder{ color:transparent; }
  .cs-ph{ position:absolute; inset:0; display:flex; align-items:center; pointer-events:none; color:var(--text-faint);
    font-size:clamp(15px, 2.2vw, 17px); white-space:nowrap; overflow:hidden; transition:opacity .28s ease; }
  .cs-ph.cs-fade{ opacity:0; }
  .cs-caret{ display:inline-block; width:2px; height:1.05em; background:var(--magenta-soft); margin-left:1px; vertical-align:-2px; border-radius:2px; animation:csBlink 1.05s step-end infinite; }
  @keyframes csBlink{ 50%{ opacity:0; } }
  .cs-kbd{ display:flex; align-items:center; gap:.25rem; background:var(--chip); border:1px solid var(--chip-border); border-radius:7px; padding:.22rem .45rem; font-size:11px; color:var(--text-faint); flex-shrink:0; }
  @media (max-width:640px){ .cs-kbd{ display:none; } }
  
  .cs-go{ width:40px; height:40px; border-radius:12px; display:grid; place-items:center; color:var(--text); flex-shrink:0; border:0; cursor:pointer;
    background:rgba(255,255,255,.40); border:1px solid rgba(255,255,255,.6);
    -webkit-backdrop-filter:blur(8px) saturate(160%); backdrop-filter:blur(8px) saturate(160%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55); transition:background .2s; }
  html.dark .cs-go{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.10); }
  .cs-go:hover{ background:rgba(255,255,255,.6); }
  html.dark .cs-go:hover{ background:rgba(255,255,255,.14); }
  .cs-go.ghost{ background:rgba(255,255,255,.04); }
  html.dark .cs-go.ghost{ background:rgba(255,255,255,.05); }

  
  .cs-panel{ position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + 10px); width:min(720px, 96vw); z-index:50;
    background:rgba(255,255,255,.94); border:1px solid rgba(14,14,26,.08); border-radius:var(--cs-r); overflow:hidden;
    -webkit-backdrop-filter:blur(20px) saturate(150%); backdrop-filter:blur(20px) saturate(150%);
    box-shadow:0 30px 80px -28px rgba(20,10,30,.4), inset 0 1px 0 rgba(255,255,255,.9); }
  html.dark .cs-panel{ background:rgba(20,17,28,.95); border-color:rgba(255,255,255,.10); box-shadow:0 30px 80px -28px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.08); }
  .cs-phead{ display:flex; align-items:center; gap:.7rem; padding:.8rem 1rem; border-bottom:1px solid var(--divider); }
  .cs-phead .dot{ width:24px; height:24px; border-radius:999px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg, var(--magenta), var(--magenta-soft)); }
  .cs-pbody{ max-height:60vh; overflow-y:auto; padding:.95rem 1rem 1rem; }
  .cs-sec-label{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--text-faint); margin:0 0 .55rem; display:flex; align-items:center; gap:.4rem; font-weight:600; }
  .cs-sec-label.mt{ margin-top:1.1rem; }

  .cs-sols{ display:grid; grid-template-columns:1fr; gap:.5rem; }
  @media (min-width:560px){ .cs-sols{ grid-template-columns:1fr 1fr; } }
  .cs-sol{ display:flex; align-items:center; gap:.7rem; padding:.65rem .75rem; border-radius:var(--r-md, 14px); text-decoration:none;
    background:var(--chip); border:1px solid var(--chip-border); color:var(--text); transition:border-color .2s, background .2s; }
  .cs-sol:hover{ border-color:var(--magenta-soft); background:var(--ai-tint); }
  .cs-sol .ic{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; color:#fff; font-size:14px; }
  .cs-sol .tx{ min-width:0; flex:1; }
  .cs-sol .nm{ display:block; font-size:13.5px; font-weight:600; line-height:1.2; }
  .cs-sol .ar{ display:block; font-size:11.5px; color:var(--text-faint); margin-top:1px; }
  .cs-sol .best{ font-size:10px; background:var(--pill); color:var(--pill-text); border-radius:999px; padding:.12rem .5rem; flex-shrink:0; font-weight:700; }
  .cs-sol .arrow{ font-size:11px; color:var(--text-faint); flex-shrink:0; }

  .cs-erow{ display:flex; align-items:center; gap:.65rem; padding:.45rem .55rem; border-radius:10px; text-decoration:none; color:var(--text-soft); transition:background .18s; }
  .cs-erow:hover{ background:var(--ai-tint); color:var(--text); }
  .cs-erow .ethumb{ width:32px; height:32px; border-radius:8px; object-fit:cover; flex-shrink:0; background:var(--chip); }
  .cs-erow .eic{ width:32px; height:32px; border-radius:8px; display:grid; place-items:center; flex-shrink:0; background:var(--chip); color:var(--magenta-soft); font-size:12px; }
  .cs-erow .etx{ min-width:0; flex:1; }
  .cs-erow .enm{ display:block; font-size:12.6px; font-weight:500; line-height:1.25; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .cs-erow .ety{ display:block; font-size:10.5px; color:var(--text-faint); }

  .cs-empty{ display:grid; grid-template-columns:1fr; gap:.5rem; }
  @media (min-width:560px){ .cs-empty{ grid-template-columns:1fr 1fr; } }
  .cs-ecard{ display:flex; align-items:center; gap:.65rem; padding:.65rem .75rem; border-radius:var(--r-md, 14px); text-align:left; cursor:pointer;
    background:var(--chip); border:1px solid var(--chip-border); color:var(--text); transition:border-color .2s, background .2s; width:100%; }
  .cs-ecard:hover{ border-color:var(--magenta-soft); background:var(--ai-tint); }
  .cs-ecard .ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; background:var(--ai-tint); }

  .cs-acts{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.1rem; }
  .cs-act{ display:inline-flex; align-items:center; gap:.5rem; border-radius:999px; padding:.5rem .9rem; font-size:12.5px; text-decoration:none; transition:filter .2s, border-color .2s; }
  .cs-act-pri{ color:#fff; background:linear-gradient(120deg, var(--magenta), var(--magenta-soft)); }
  .cs-act-pri:hover{ filter:brightness(1.1); }
  .cs-act-sec{ background:var(--chip); border:1px solid var(--chip-border); color:var(--text); }
  .cs-act-sec:hover{ border-color:var(--magenta-soft); }

  
  
  .cs-modal{ position:fixed; inset:0; z-index:300; display:flex; align-items:flex-start; justify-content:center; padding:var(--hs-top,92px) 1rem 16px; }
  .cs-modal-bg{ position:absolute; inset:0; background:rgba(8,4,12,.55); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
  .cs-modal-card{ position:relative; width:100%; max-width:600px; }
  
  .cs-modal-card .cs-bar{ height:54px; padding:0 .55rem 0 .95rem; background:rgba(255,255,255,.94); border-color:rgba(14,14,26,.08);
    box-shadow:0 10px 30px -8px rgba(14,14,26,.18), inset 0 1px 0 rgba(255,255,255,.9); }
  html.dark .cs-modal-card .cs-bar{ background:rgba(24,21,32,.95); border-color:rgba(255,255,255,.12);
    box-shadow:0 10px 30px -8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.10); }
  .cs-modal-body{ margin-top:10px; background:rgba(255,255,255,.94); border:1px solid rgba(14,14,26,.08); border-radius:var(--cs-r); overflow:hidden;
    -webkit-backdrop-filter:blur(20px) saturate(150%); backdrop-filter:blur(20px) saturate(150%);
    box-shadow:0 30px 80px -28px rgba(10,4,18,.45), inset 0 1px 0 rgba(255,255,255,.9); }
  html.dark .cs-modal-body{ background:rgba(20,17,28,.95); border-color:rgba(255,255,255,.10); box-shadow:0 30px 80px -28px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.08); }
  .cs-modal-body .inner{ max-height:62vh; overflow-y:auto; padding:.95rem 1rem 1rem; }

  [x-cloak]{ display:none !important; }
  @media (prefers-reduced-motion:reduce){ .cs-caret{ animation:none; } }
.tb-logo3d{display:inline-flex;align-items:center;gap:7px;line-height:0}
  
  .tb-logo3d{--sld:#353A35;--sll:#4A504A}
  html.dark .tb-logo3d{--sld:#ECEEF0;--sll:#D3D8DC} 
  .tb-wm{display:block;height:28px;width:auto}
  @media(min-width:640px){.tb-wm{height:31px}}
  .tb-wm [data-layer="slate-dark"]{fill:var(--sld)}
  .tb-wm [data-layer="slate-light"]{fill:var(--sll)}
.tb-logo-b{height:35px;width:auto;display:block;flex:none;transform:translateY(-1px)} @media(min-width:640px){.tb-logo-b{height:39px}}
.ftr .flink{ color:var(--text-soft); transition:color var(--t-fast) var(--ease); position:relative; }
  .ftr .flink:hover{ color:var(--text); }
  .ftr .flink.mag:hover{ color:var(--magenta-soft); }
  .ftr .ftlang-item{ transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease); }
  .ftr .ftlang-item:hover{ background:rgba(158,25,114,.10); color:var(--text) !important; }

  
  .ftr .svc-head{
    color:var(--text); font-weight:600; font-size:.96rem;
    display:flex; align-items:center; gap:.6rem; width:100%; text-align:left;
  }
  .ftr .svc-head i.svc-ico{ color:var(--magenta-soft); width:1.15rem; text-align:center; flex:none; }
  .ftr .svc-head > span.t{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ftr .svc-chevron{ flex:none; font-size:.7rem; color:var(--magenta-soft); transition:transform .3s var(--ease); }
  .ftr .svc-block.is-open .svc-chevron{ transform:rotate(180deg); }

  
  .ftr .svc-wrap{ overflow:hidden; max-height:0; opacity:0; transition:max-height .4s var(--ease), opacity .3s var(--ease); }
  .ftr .svc-block.is-open .svc-wrap{ max-height:34rem; opacity:1; }

  
  @media (max-width:1023px){
    .ftr .svc-head{ padding:.95rem .1rem; }
    .ftr .svc-block{ border-bottom:1px solid color-mix(in srgb, var(--ftr-line) 55%, transparent); }
    .ftr .svc-block:first-child{ border-top:1px solid color-mix(in srgb, var(--ftr-line) 55%, transparent); }
    .ftr .svc-wrap > ul{ padding:0 0 .9rem 1.75rem; }
  }
  
  @media (min-width:1024px){
    .ftr .svc-chevron{ display:none; }
    .ftr .svc-wrap{ max-height:none !important; opacity:1 !important; overflow:visible; }
    .ftr .svc-head{ cursor:default; padding-bottom:.15rem; }
  }

  
  .ftr .sub-link{
    color:var(--text-soft); font-size:.8rem; line-height:1.3;
    display:flex; align-items:center; gap:.45rem;
    transition:color var(--t-fast) var(--ease);
  }
  .ftr .sub-link .sub-ico{ width:1rem; flex:none; text-align:center; font-size:.82rem; color:var(--magenta-soft); font-weight:300 !important; transition:color var(--t-fast) var(--ease), font-weight var(--t-fast) var(--ease); }
  .ftr .sub-link:hover .sub-ico{ font-weight:900 !important; }   
  
  .ftr .sub-link span{ min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .ftr .sub-link:hover{ color:var(--magenta-soft); }

  
  .ftr .soc{
    color:var(--text-soft); background:var(--chip); border:1px solid var(--chip-border);
    transition:transform .25s cubic-bezier(.34,1.56,.64,1), color var(--t-base) var(--ease), background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
  }
  .ftr .soc:hover{
    color:var(--magenta-soft); transform:translateY(-3px);
    box-shadow:0 10px 22px -12px rgba(142,42,111,0.45);
  }

  
  .ftr .hair{ height:1px; background:var(--hairline-grad); }
  
  @media (max-width:640px){ .ftr .ftr-top{ border-bottom:none !important; padding-bottom:1.25rem; } }
  /* alt bilgi içeriği menüdeki logonun başladığı çizgide: çubuğun dış boşluğu (24 px) + çubuğun iç boşluğu (16 px), sınır 1280 + 2×24 —
     geniş ekranda eskisiyle aynı yer, daralınca çubuğun dışına taşmaz */
  @media (min-width:640px){
    .ftr .ftr-top, .ftr .ftr-main, .ftr .ftr-ek, .tb-legal-bar{ max-width:calc(80rem + 3rem); padding-left:2.5rem; padding-right:2.5rem; }
  }

  
  @media (max-width:1023px){
    .ftr #tbFoot3D{ display:none !important; }             
    .ftr .ftr-wm{ display:none !important; }               
    .ftr .ftr-ek{ padding-bottom:1.75rem !important; }     
    .ftr .ftr-main{ padding-top:1.5rem !important; }       
    .ftr .ftr-rightcol{ display:none !important; }          
  }
  
  @media (max-width:640px){
    .ftr .ftr-langsel{ flex-basis:100%; display:flex; justify-content:center; margin-top:.4rem; }
  }

  
  
  .ftr .ftr-stores{ display:flex; flex-direction:column; gap:.6rem; }
  @media(min-width:640px) and (max-width:1023px){ .ftr .ftr-stores{ flex-direction:row; } .ftr .ftr-store{ flex:1 1 0; } }
  .ftr .ftr-store{ display:flex; align-items:center; gap:.7rem; padding:.7rem .85rem; border-radius:14px;
                   border:1px solid var(--ftr-line); text-decoration:none;
                   transition:border-color .28s var(--ease,ease), background .28s var(--ease,ease); }
  .ftr .ftr-store:hover{ border-color:var(--magenta-soft); background:rgba(184,71,143,.06); }
  .ftr .ftr-store-ic{ width:34px; height:34px; flex:0 0 34px; border-radius:11px; display:grid; place-items:center;
                      background:rgba(184,71,143,.10); color:var(--magenta-soft); font-size:1.05rem; }
  .ftr .ftr-store:hover .ftr-store-ic{ background:linear-gradient(145deg,var(--magenta-soft),var(--magenta)); color:#fff; }
  .ftr .ftr-store-tx{ display:flex; flex-direction:column; line-height:1.25; min-width:0; }
  .ftr .ftr-store-tx .t{ font-size:.86rem; font-weight:600; color:var(--text); }
  .ftr .ftr-store-tx .d{ font-size:.72rem; color:var(--text-faint); }

  .ftr .ftr-col-title{ color:var(--text-faint); font-size:var(--fs-micro); letter-spacing:.12em; text-transform:uppercase; font-weight:600; }

  
  .ftr a.flink.wi{ display:inline-flex; align-items:center; gap:.5rem; }
  .ftr a.flink.wi > i{ width:1rem; flex:none; text-align:center; font-size:.82rem; color:var(--magenta-soft); font-weight:300 !important; transition:color var(--t-fast) var(--ease), font-weight var(--t-fast) var(--ease); }
  .ftr a.flink.wi:hover > i{ font-weight:900 !important; }   

  
  .ftr .ftr-wm{
    position:absolute; left:50%; bottom:0; transform:translateX(-50%);
    width:100%; max-width:80rem; padding:0 1rem; height:100%;
    display:flex; align-items:flex-end; justify-content:center;
    overflow:hidden; pointer-events:none; user-select:none;
  }
  .ftr .ftr-wm .tb-foot-wm{
    width:106%; max-width:none;
    transform:translateY(var(--ftr-wm-shift, 34%));   
    color:var(--ftr-wm-col); opacity:var(--ftr-wm-op);   
    
    -webkit-mask-image:linear-gradient(to bottom, transparent 4%, #000 48%, #000 100%);
    mask-image:linear-gradient(to bottom, transparent 4%, #000 48%, #000 100%);
  }
  
  .ftr .tb-foot3d{ touch-action:pan-y; }
  .ftr .tb-foot3d canvas{ display:block; width:100%!important; height:100%!important; cursor:inherit; touch-action:pan-y; }
  .ftr .tb-foot3d .tb-foot-flat{ position:absolute; inset:0; margin:auto; width:82%; height:92%; opacity:1; transition:opacity .4s var(--ease); pointer-events:none; }
  .ftr .tb-foot3d.ready .tb-foot-flat{ opacity:0; }
  
  .ftr .tb-foot-wm{ display:block; width:100%; height:auto; }
@media(max-width:640px){ .tb-legal-bar{ padding-bottom:100px !important; } }
.ai-corp .be-card.tb-glow > div::before{ background:none !important; animation:none !important; padding:0 !important; }
  .ai-corp .be-card.tb-glow > div{ border:1px solid rgba(233,166,207,.16) !important; }
  .ai-corp .be-card{ box-shadow:none !important; }
  
  .ai-corp .be-card .be-wrap,
  .ai-corp .be-card .be-wrap-colorful,
  .ai-corp .be-card .be-glass-card{ background:#120c1b !important; border-color:rgba(233,166,207,.14) !important; }
  html:not(.dark) .ai-corp .be-card .be-wrap,
  html:not(.dark) .ai-corp .be-card .be-wrap-colorful,
  html:not(.dark) .ai-corp .be-card .be-glass-card{ background:#ffffff !important; border-color:rgba(142,42,111,.14) !important; }
  
  .ai-corp .be-card .gem,
  .ai-corp .be-card .gem-soft,
  .ai-corp .be-card .be-iconbtn-on,
  .ai-corp .be-card .be-user-violet{ background:#9E1972 !important; animation:none !important; }
  .ai-corp .be-card .gem-text,
  .ai-corp .be-card .be-hint-text{ background:none !important; -webkit-text-fill-color:#c07aa6 !important; color:#c07aa6 !important; animation:none !important; }
  
  .ai-corp .be-card .be-spark,
  .ai-corp .be-card .be-hint-static,
  .ai-corp .be-card .be-ai-av{ color:#b8478f !important; }
  html:not(.dark) .ai-corp .be-card .be-spark,
  html:not(.dark) .ai-corp .be-card .be-hint-static{ color:#9E1972 !important; }
  .ai-corp .be-card .be-dot{ background:#b8478f !important; }
  .ai-corp .be-card .be-ai-av{ background:rgba(158,25,114,.14) !important; }
  
  .ai-corp .be-card .be-input-focus{ border-color:#b8478f !important; }
  .ai-corp .be-card .be-chip{ background:rgba(158,25,114,.10) !important; border-color:rgba(158,25,114,.30) !important; color:#d99bc0 !important; }
  html:not(.dark) .ai-corp .be-card .be-chip{ color:#8e2a6f !important; }
  .ai-corp .be-card a{ color:#e07cba !important; }
  html:not(.dark) .ai-corp .be-card a{ color:#9E1972 !important; }
  .ai-corp .be-card .be-msgs::-webkit-scrollbar-thumb{ background:rgba(158,25,114,.45) !important; }
  
  .ai-corp .be-hint{ display:none !important; }
  
  .ai-corp .be-card .be-msgs{ min-height:140px !important; padding-top:1rem !important; padding-bottom:.55rem !important; }
#aiOverlay{position:fixed;inset:0;z-index:120;display:none;align-items:flex-start;justify-content:center;padding:5vh 1rem 1rem;background:rgba(5,3,10,.74);backdrop-filter:blur(7px);overflow-y:auto;}
  #aiOverlay.on{display:flex;}
  #aiOverlay .aiPanel{width:100%;max-width:720px;position:relative;animation:aiPop .32s cubic-bezier(.2,.9,.3,1);}
  #aiOverlay .aiClose{position:absolute;top:-14px;right:-4px;z-index:3;width:36px;height:36px;border-radius:50%;background:#9E1972;color:#fff;border:0;cursor:pointer;font-size:15px;box-shadow:0 10px 22px -6px rgba(0,0,0,.6);}
  @keyframes aiPop{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){#aiOverlay .aiPanel{animation:none}}
  
  #aiOverlay .be-scope{display:none !important}
.ai-lang{display:flex;align-items:center;flex-wrap:wrap;gap:.28rem .45rem;margin-top:.4rem;opacity:.62;transition:opacity .2s}
.ai-lang:hover{opacity:1}
.ai-lang-ic{color:#8e2a6f;font-size:10px;flex-shrink:0}
.dark .ai-lang-ic{color:#e07cba}
.ai-lang-note{font-size:11px;line-height:1.45;color:#6b7280;margin:0}
.dark .ai-lang-note{color:#9aa0ad}
.ai-lang-link{display:inline-flex;align-items:center;gap:.22rem;background:transparent;border:0;padding:0;margin:0;cursor:pointer;
  font-size:11px;font-weight:600;color:#8e2a6f;line-height:1.45}
.dark .ai-lang-link{color:#e07cba}
.ai-lang-link:hover{text-decoration:underline}
.ai-lang-link i{font-size:8.5px;opacity:.8}
.ai-lang-link::before{content:"·";margin-right:.32rem;color:#9aa0ad;opacity:.65;font-weight:400}
@keyframes beGeminiFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes beBlob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(16px,-14px) scale(1.15)}66%{transform:translate(-12px,10px) scale(.92)}}
@keyframes beDot{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-5px);opacity:1}}

@keyframes tbBorderHue{0%{border-color:#8e2a6f}25%{border-color:#c2356f}50%{border-color:#d96aa8}75%{border-color:#b8478f}100%{border-color:#8e2a6f}}

@property --tbang{syntax:'<angle>';initial-value:0deg;inherits:false}
.be-card.tb-glow > div{position:relative;border:0 !important;border-radius:16px}
.be-card.tb-glow > div::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2.5px;pointer-events:none;z-index:5;
  background:conic-gradient(from var(--tbang),#2f63d8,#5b3fd4,#9a2fc7,#c2356f,#9a2fc7,#5b3fd4,#2f63d8);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:tbGlowSpin 5s linear infinite}
@keyframes tbGlowSpin{to{--tbang:360deg}}
@media (prefers-reduced-motion: reduce){.be-card.tb-glow > div::before{animation:none}}

.be-card .gem{background:linear-gradient(115deg,#2f63d8,#5b3fd4,#9a2fc7,#c2356f,#2f63d8);background-size:300% 300%;animation:beGeminiFlow 9s ease infinite}
.be-card .gem-soft{background:linear-gradient(115deg,#3b6fe0,#7b4ae0,#b23ccf);background-size:300% 300%;animation:beGeminiFlow 9s ease infinite}
.be-card .gem-text{background:linear-gradient(115deg,#2f63d8,#9a2fc7);-webkit-background-clip:text;background-clip:text;color:transparent}
.dark .be-card .gem-text{background:linear-gradient(115deg,#7eb0ff,#e0a8ff);-webkit-background-clip:text;background-clip:text}
.be-hdr{position:relative}.be-hdr::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22));pointer-events:none}.be-hdr>*{position:relative;z-index:1}.be-hdr,.be-hdr *{text-shadow:0 1px 3px rgba(0,0,0,.40)}
.be-blob{position:absolute;border-radius:9999px;filter:blur(38px);opacity:.5;animation:beBlob 14s ease-in-out infinite}
.be-dot{width:6px;height:6px;border-radius:50%;background:#9a2fc7;animation:beDot 1.2s infinite ease-in-out}.be-dot:nth-child(2){animation-delay:.18s}.be-dot:nth-child(3){animation-delay:.36s}

.be-card .be-wrap{background:#ffffff;border:1px solid #e7e9ee}.dark .be-card .be-wrap{background:#0e0e14;border-color:rgba(255,255,255,.08)}

.be-card .be-wrap-colorful{border:1px solid #e7e9ee;background:
  radial-gradient(120% 85% at 0% 0%, rgba(66,133,244,.16), transparent 55%),
  radial-gradient(120% 85% at 100% 100%, rgba(217,70,239,.16), transparent 55%),
  radial-gradient(90% 60% at 100% 0%, rgba(255,107,157,.10), transparent 55%),
  #ffffff}
.dark .be-card .be-wrap-colorful{border-color:rgba(255,255,255,.08);background:
  radial-gradient(120% 85% at 0% 0%, rgba(66,99,216,.34), transparent 55%),
  radial-gradient(120% 85% at 100% 100%, rgba(194,53,111,.30), transparent 55%),
  radial-gradient(90% 60% at 100% 0%, rgba(154,47,199,.24), transparent 55%),
  #0c0a14}
.be-card .be-glass-card{background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.dark .be-card .be-glass-card{background:rgba(11,11,19,.85)}
.be-card .be-title{color:#0f172a}.dark .be-card .be-title{color:#ffffff}
.be-card .be-sub{color:#64748b}.dark .be-card .be-sub{color:#94a3b8}
.be-card .be-online{color:#059669}.dark .be-card .be-online{color:#34d399}
.be-card .be-online-dot{background:#10b981;box-shadow:0 0 0 2px #fff}.dark .be-card .be-online-dot{box-shadow:0 0 0 2px #0e0e14}
.be-card .be-online-pill{background:rgba(16,185,129,.15);color:#059669}.dark .be-card .be-online-pill{color:#34d399}
.be-card .be-hdr-divider{border-bottom:1px solid #eef0f4}.dark .be-card .be-hdr-divider{border-bottom-color:rgba(255,255,255,.08)}
.be-card .be-divider{border-top:1px solid #eef0f4}.dark .be-card .be-divider{border-top-color:rgba(255,255,255,.08)}
.be-card .be-input{background:#f1f4f9;border:1px solid #e2e6ee;color:#0f172a}.be-card .be-input::placeholder{color:#94a3b8}.dark .be-card .be-input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#fff}
.be-card .be-input-focus{border-color:#9a2fc7}.dark .be-card .be-input-focus{border-color:#c4a8ff}

.be-card .be-spark{display:block;margin:0 auto;font-size:1.7rem;line-height:1;color:#9a2fc7;animation:beSpark 2.4s ease-in-out infinite}
.dark .be-card .be-spark{color:#d9b3ff}

.be-card .be-hint-static{color:#7c3aed}.dark .be-card .be-hint-static{color:#c4b5fd}
@keyframes beSpark{0%,100%{transform:scale(1) rotate(-6deg);opacity:.78}50%{transform:scale(1.3) rotate(12deg);opacity:1}}
.be-card .be-hint-text{background:linear-gradient(115deg,#2f63d8,#5b3fd4,#9a2fc7,#c2356f,#2f63d8);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:beGeminiFlow 7s ease infinite}
.dark .be-card .be-hint-text{background:linear-gradient(115deg,#7eb0ff,#b58cff,#e0a8ff,#ff9ec9,#7eb0ff);background-size:300% 300%;-webkit-background-clip:text;background-clip:text}
.be-card .be-ai-soft{background:#f4f2ff;color:#1f2430}.dark .be-card .be-ai-soft{background:rgba(255,255,255,.06);color:#eef0f6}
.be-card .be-ai-bordered{background:#ffffff;border:1px solid #e7e9ee;color:#1f2430}.dark .be-card .be-ai-bordered{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#eef0f6}
.be-card .be-ai-glass{background:rgba(255,255,255,.72);color:#1f2430}.dark .be-card .be-ai-glass{background:rgba(255,255,255,.1);color:#eef0f6}
.be-card .be-ai-av{background:#ede9fe;color:#7c3aed}.dark .be-card .be-ai-av{background:rgba(255,255,255,.1);color:#c4a8ff}
.be-card .be-user-violet{background:#7c3aed}
.be-card .be-av-user{background:#94a3b8;color:#fff}.dark .be-card .be-av-user{background:#475569}
.be-card .be-chip{background:#f4f2ff;border:1px solid #ddd6fe;color:#6d28d9}.be-card .be-chip:hover{background:#ede9fe}.dark .be-card .be-chip{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.35);color:#c4b5fd}
.be-card .be-chip-day{background:#e2e8f0;color:#64748b}.dark .be-card .be-chip-day{background:rgba(255,255,255,.06);color:#94a3b8}

.be-card .be-iconbtn{background:#f1f4f9;color:#64748b;border:1px solid #e2e6ee}.dark .be-card .be-iconbtn{background:rgba(255,255,255,.06);color:#cbd5e1;border-color:rgba(255,255,255,.1)}
.be-card .be-iconbtn:hover{filter:brightness(.97)}
.be-card .be-iconbtn-on{background:linear-gradient(115deg,#3b6fe0,#9a2fc7);color:#fff;border-color:transparent}
.be-card .be-iconbtn-rec{background:#ef4444;color:#fff;border-color:transparent;animation:bePulse 1.1s infinite}
@keyframes bePulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}
.be-card a{color:#7c3aed;text-decoration:underline}.dark .be-card a{color:#c4a8ff}

.be-card .be-md p{margin:0 0 .45em}.be-card .be-md p:last-child{margin-bottom:0}
.be-card .be-md ul,.be-card .be-md ol{margin:.3em 0;padding-left:1.15em}
.be-card .be-md li{margin:.12em 0}
.be-card .be-md h2,.be-card .be-md h3,.be-card .be-md h4{font-size:13.5px;font-weight:700;margin:.5em 0 .2em;line-height:1.3}
.be-card .be-md br{line-height:1.2}
.be-card .be-msgs::-webkit-scrollbar{width:7px}.be-card .be-msgs::-webkit-scrollbar-thumb{background:#9a2fc7aa;border-radius:6px}

.be-card .be-msgact{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#94a3b8;background:transparent;border:0;cursor:pointer;transition:color .2s,background .2s}
.be-card .be-msgact:hover{color:#9a2fc7;background:rgba(154,47,199,.08)}
.dark .be-card .be-msgact{color:#8b8397}.dark .be-card .be-msgact:hover{color:#c4a8ff;background:rgba(255,255,255,.06)}
.be-card .be-msgact-wa:hover{color:#25c765;background:rgba(37,199,101,.1)}

.be-card .be-msgact-on{color:#9a2fc7!important;background:rgba(154,47,199,.14)!important}
.dark .be-card .be-msgact-on{color:#e0a8ff!important;background:rgba(196,168,255,.16)!important}

.be-card .be-qchips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 0}
.be-card .be-qchip{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:5px 11px;border-radius:999px;cursor:pointer;color:#9a2fc7;background:rgba(154,47,199,.08);border:1px solid rgba(154,47,199,.25);transition:background .2s,border-color .2s;line-height:1.2}
.be-card .be-qchip:hover{background:rgba(154,47,199,.16)}
.be-card .be-qchip i{font-size:9px;opacity:.55}
.dark .be-card .be-qchip{color:#e0a8c9;background:rgba(158,25,114,.12);border-color:rgba(158,25,114,.3)}
.dark .be-card .be-qchip:hover{background:rgba(158,25,114,.2)}

.be-card .be-scope{margin-top:.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.28rem .45rem;padding:0;border:0;background:transparent;opacity:.62;transition:opacity .2s}
.be-card .be-scope:hover{opacity:1}
.be-card .be-scope-ic{color:#8e2a6f;font-size:9.5px;flex-shrink:0}
.dark .be-card .be-scope-ic{color:#e07cba}
.be-card .be-scope-note{font-size:11px;line-height:1.45;color:#6b7280;margin:0}
.dark .be-card .be-scope-note{color:#9aa0ad}
.be-card .be-scope-note strong{color:#6b7280;font-weight:600}
.dark .be-card .be-scope-note strong{color:#c9ced8}

.be-card .be-scope-link{display:inline-flex;align-items:center;gap:.22rem;background:transparent;border:0;padding:0;margin:0;cursor:pointer;
  font-size:11px;font-weight:600;white-space:nowrap;line-height:1.45;color:#8e2a6f;text-decoration:none;text-underline-offset:2px;transition:color .2s}
.dark .be-card .be-scope-link{color:#e07cba}
.be-card .be-scope-link:hover{text-decoration:underline}
.be-card .be-scope-link i{font-size:8.5px;opacity:.8}

.be-card .be-scope-link::before{content:"·";margin-right:.32rem;color:#9aa0ad;opacity:.65;font-weight:400}
@media (prefers-reduced-motion: reduce){.be-card .gem,.be-card .gem-soft,.be-blob,.be-dot,.be-card .be-spark,.be-card .be-hint-text{animation:none}}
html:not(.dark){
        --bg:#eef2f7; --bg-2:#e2e8f0; --canvas:#f8fafc; --cream:#eef2f7;
        --surface:#ffffff; --card:#ffffff; --solid:#ffffff; --ui-card:#ffffff;
        --scene:#f5f8fc; --ftr-bg:#e6edf4; --ftr-bg-2:#dbe4ef;
        --hero-glow-rgb:230,237,246; --hero-glow2-rgb:226,232,240; --hero-scrim-rgb:238,242,247;
        --text-soft:#475569; --text-faint:#5b6675; 
        --hairline:rgba(30,41,59,.10); --divider:rgba(30,41,59,.10); --line:rgba(30,41,59,.10);
        --chip-border:rgba(30,41,59,.10); --rail-border:rgba(30,41,59,.08);
        --panel-border:rgba(30,41,59,.10); --ui-card-border:rgba(30,41,59,.11); --inset-border:rgba(30,41,59,.10);
      }
      html:not(.dark) #zk-bridge{ --zk-surface:#ffffff; --zk-surface-alt:#f5f8fb; --zk-cell:#e6edf6; --cream:#eef2f7; --zk-hairline:rgba(30,41,59,.10); --zk-muted:#64748b; }
      html:not(.dark) #ak-strip{ --ak-surface:#ffffff; --ak-surface-alt:#f5f8fb; --ak-p1:#e6edf6; --ak-p2:#eef2f7; --ak-p3:#e2e8f0; --ak-p4:#f0f4f9; --ak-p5:#e6edf6; --ak-muted:#64748b; }
      html:not(.dark) #tbGlobeHero .tb-mobile-scrim{background:linear-gradient(180deg, rgba(238,242,247,.97) 0%, rgba(238,242,247,.78) 42%, rgba(238,242,247,.5) 64%, rgba(238,242,247,0) 84%)}
      
      .svc5 .sec:nth-of-type(odd){background:var(--bg)!important}
      html:not(.dark) .svc5 .sec:nth-of-type(even){background:#e6edf4!important}
      html.dark .svc5 .sec:nth-of-type(even){background:#141420!important}
      
      .svc5 .js-svc-hero{
        background:
          radial-gradient(58% 108% at 86% 44%, rgba(184,71,143,.28), transparent 60%),
          radial-gradient(42% 66% at 14% 6%, rgba(124,21,96,.14), transparent 60%),
          linear-gradient(118deg,#0a0610 0%,#160c1d 48%,#0b0a15 100%); }
      
      .svc-related-card,.tblist-card,.tbblog-rel-card,.author-card,.tb-rel-card,.howto-step-card,
      .svc5 .bcard,.svc5 .ncard,.svc5 .scard,.svc5 .kc,.svc5 .svc-card{
        border-radius:var(--glass-radius)!important;border:1px solid var(--glass-border)!important;
        background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;
        box-shadow:var(--glass-shadow)!important;
      }
      
      .svc5 .sbento .bcard,.svc5 .sbento .ncard,.svc5 .sbento .scard,.svc5 .sbento .kc{
        -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
      }
      
      html:not(.dark) .sbento .grad,html:not(.dark) .sbento .gradL,html:not(.dark) .content-body .grad,html:not(.dark) .content-body .gradL{background:linear-gradient(100deg,#334155,#64748b 50%,#334155)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
      
      html:not(.dark) .svc5 .js-svc-hero .gradL{background:linear-gradient(100deg,#8e2a6f,#c0398a,#8e2a6f)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
      
      html:not(.dark) .content-body .blog-tldr{border-color:rgba(71,85,105,.25)!important;background:rgba(71,85,105,.05)!important}
      html:not(.dark) .content-body .blog-tldr-title i,html:not(.dark) .content-body .blog-tldr i,html:not(.dark) .content-body .blog-callout>i,html:not(.dark) .content-body .blog-stat i,html:not(.dark) .content-body .blog-iconlist>li>i:first-child,html:not(.dark) .content-body .howto-step-ico,html:not(.dark) .content-body .bad-label{color:#475569!important}
      html:not(.dark) .content-body .blog-tldr li::before,html:not(.dark) .content-body ul li::marker,html:not(.dark) .content-body ol.blog-steps>li::before{color:#475569!important}
      html:not(.dark) .content-body .blog-takeaway,html:not(.dark) .content-body .blog-svc-ad-0,html:not(.dark) .content-body .blog-svc-ad-1,html:not(.dark) .content-body .blog-svc-ad-2,html:not(.dark) .content-body .blog-svc-ad-3,html:not(.dark) .content-body .blog-svc-img .bsi-media.bsi-noimg,html:not(.dark) .content-body .howto-step-num,html:not(.dark) .content-body .faq-deco,html:not(.dark) .content-body .howto-deco,html:not(.dark) .content-body .brp-img-ph{background:linear-gradient(135deg,#475569,#64748b)!important;border-color:rgba(71,85,105,.25)!important}
      html:not(.dark) .content-body table thead th{background:rgba(71,85,105,.08)!important;border-color:rgba(71,85,105,.2)!important;color:#334155!important}
      html:not(.dark) .content-body .brp-card:hover,html:not(.dark) .content-body .tb-rel-card:hover,html:not(.dark) #nasil-yapilir .howto-step.group:hover .howto-step-card{border-color:rgba(71,85,105,.3)!important}
      html:not(.dark) .content-body .bad-line{background:rgba(71,85,105,.25)!important}
      
      html:not(.dark) .text-fuchsia-600,html:not(.dark) .text-fuchsia-500{color:#475569!important}
      html:not(.dark) .bg-fuchsia-600{background-color:#475569!important}
      html:not(.dark) .border-fuchsia-300{border-color:rgba(71,85,105,.4)!important}
      html:not(.dark) .from-fuchsia-600{--tw-gradient-from:#475569 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(71,85,105,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
      html:not(.dark) .via-purple-600{--tw-gradient-to:rgba(100,116,139,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),#64748b var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
      html:not(.dark) .to-pink-600{--tw-gradient-to:#334155 var(--tw-gradient-to-position)!important}
      
      html:not(.dark) .text-fuchsia-700,html:not(.dark) .text-purple-600,html:not(.dark) .text-purple-700{color:#475569!important}
      html:not(.dark) .bg-fuchsia-500,html:not(.dark) .bg-fuchsia-700,html:not(.dark) .bg-purple-600,html:not(.dark) .bg-purple-700{background-color:#475569!important}
      html:not(.dark) .to-fuchsia-400,html:not(.dark) .to-fuchsia-300{--tw-gradient-to:#64748b var(--tw-gradient-to-position)!important}
      html:not(.dark) .gradient-icon,html:not(.dark) .gradient-text-pro{background:linear-gradient(90deg,#475569,#334155,#475569)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
      html:not(.dark) .content-body .blog-svc-img .bsi-panel{background:linear-gradient(135deg,#475569 0%,#64748b 45%,#334155 100%)!important}
      
      .content-body .blog-tldr,.content-body .blog-callout,.content-body .blog-callout:is(.warn,.blog-warn),.content-body .blog-stat,.content-body .blog-svc-img,.be-wrap,.contact-widget-card{
        background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important;
        -webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important;
      }
      .content-body .blog-tldr{border-left:4px solid #64748b!important}
      .content-body .blog-callout,.content-body .blog-callout:is(.warn,.blog-warn){border-left:3px solid #64748b!important}
      html:not(.dark) .content-body .blog-callout>i,html:not(.dark) .content-body .blog-callout:is(.warn,.blog-warn)>i,html:not(.dark) .content-body .blog-tldr-title i,html:not(.dark) .content-body .blog-stat i{color:#475569!important}
      
      html:not(.dark) .blog-detail-root [style*="linear-gradient(135deg,#8e2a6f"]{background:linear-gradient(135deg,#475569,#334155)!important}
      html:not(.dark) .content-body .blog-ad-divider .bad-label{background:rgba(71,85,105,.08)!important;color:#475569!important}
      html:not(.dark) #nasil-yapilir .howto-step-num,html:not(.dark) .content-body .brp-img-ph{background:linear-gradient(135deg,#475569,#334155)!important}
      html:not(.dark) #nasil-yapilir .howto-timeline::before{background:linear-gradient(to bottom,#64748b,rgba(71,85,105,.12))!important}
      html:not(.dark) #nasil-yapilir .howto-deco,html:not(.dark) #sik-sorulan-sorular .faq-deco{color:rgba(71,85,105,.1)!important}
      html:not(.dark) .bg-fuchsia-50{background-color:rgba(71,85,105,.07)!important}
      html:not(.dark) .border-fuchsia-200{border-color:rgba(71,85,105,.3)!important}
      
      
      .content-body .blog-inline-image{ max-width:100% !important; margin:2rem auto !important; }
      .content-body .blog-inline-image img{ width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important; display:block !important; border-radius:.85rem; }
      
      .content-body{ font-size:1.05rem !important; line-height:1.8 !important; }
      .content-body p,.content-body li{ font-size:1.05rem !important; line-height:1.8 !important; }
      
      .content-body h2{ font-size:1.85rem !important; line-height:1.25 !important; font-weight:800 !important; margin:2.6rem 0 .9rem !important; }
      .content-body h3{ font-size:1.45rem !important; line-height:1.3 !important; font-weight:700 !important; margin:2rem 0 .65rem !important; }
      .content-body h4{ font-size:1.2rem !important; line-height:1.4 !important; font-weight:700 !important; margin:1.6rem 0 .5rem !important; }
      @media(min-width:768px){
        .content-body h2{ font-size:2.1rem !important; }
        .content-body h3{ font-size:1.6rem !important; }
        .content-body h4{ font-size:1.25rem !important; }
      }
      
      #nasil-yapilir .howto-step{ padding-left:3.85rem !important; padding-bottom:1.75rem !important; }
      #nasil-yapilir .howto-step-num{ width:2.6rem !important; height:2.6rem !important; font-size:1.12rem !important; box-shadow:0 6px 16px -6px rgba(71,85,105,.5) !important; }
      #nasil-yapilir .howto-step-card{ padding:1.2rem 1.5rem 1.3rem !important; border-radius:var(--glass-radius) !important; }
      #nasil-yapilir .howto-step-title{ font-size:1.35rem !important; line-height:1.3 !important; font-weight:800 !important; margin-bottom:.55rem !important; }
      #nasil-yapilir .howto-step-ico{ font-size:1.25rem !important; }
      @media(min-width:768px){ #nasil-yapilir .howto-step-title{ font-size:1.5rem !important; } }
      
      .blog-detail-root .grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4{ gap:1rem !important; }
      #diger-yazilar .tb-rel-card{ box-shadow:var(--glass-shadow) !important; border-color:var(--glass-border) !important; }
      
      .contact-widget-card .animate-gradient{ display:none !important; }
      
      
      html:not(.dark) .from-fuchsia-600,html:not(.dark) .from-fuchsia-500,html:not(.dark) .from-purple-600,html:not(.dark) .from-pink-600{--tw-gradient-from:#475569 var(--tw-gradient-from-position)!important;--tw-gradient-to:#475569 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
      html:not(.dark) .via-purple-600,html:not(.dark) .via-purple-500,html:not(.dark) .via-fuchsia-500{--tw-gradient-stops:var(--tw-gradient-from),#475569 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
      html:not(.dark) .to-fuchsia-400,html:not(.dark) .to-fuchsia-300,html:not(.dark) .to-fuchsia-500,html:not(.dark) .to-purple-600,html:not(.dark) .to-pink-600{--tw-gradient-to:#475569 var(--tw-gradient-to-position)!important}
      
      html:not(.dark) #nasil-yapilir .howto-step-num,html:not(.dark) .content-body .brp-img-ph,html:not(.dark) .content-body .blog-takeaway,html:not(.dark) .content-body .blog-svc-img .bsi-panel,html:not(.dark) .content-body .blog-svc-ad-0,html:not(.dark) .content-body .blog-svc-ad-1,html:not(.dark) .content-body .blog-svc-ad-2,html:not(.dark) .content-body .blog-svc-ad-3{background:#475569!important}
      html:not(.dark) #nasil-yapilir .howto-timeline::before{background:#cbd5e1!important}
      html:not(.dark) .content-body .brp-head::after{background:#475569!important}
      
      html:not(.dark) .gradient-icon,html:not(.dark) .gradient-text-pro,html:not(.dark) .content-body .grad,html:not(.dark) .content-body .gradL{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#334155!important;color:#334155!important}
      
      html:not(.dark) #sik-sorulan-sorular [class~="dark:bg-gray-800"],html:not(.dark) #nasil-yapilir .howto-step-card{background:rgba(255,255,255,.55)!important;border-color:rgba(255,255,255,.45)!important}
      html.dark #sik-sorulan-sorular [class~="dark:bg-gray-800"],html.dark #nasil-yapilir .howto-step-card{background:rgba(18,18,30,.42)!important;border-color:transparent!important}
      
      
      html:not(.dark) #sik-sorulan-sorular summary:hover{background:rgba(71,85,105,.06)!important}
      html.dark #sik-sorulan-sorular summary:hover{background:rgba(255,255,255,.04)!important}
      html:not(.dark) #sik-sorulan-sorular .group:hover h3{color:#334155!important}
      html.dark #sik-sorulan-sorular .group:hover h3{color:#ffffff!important}
      
      html.dark #sik-sorulan-sorular [class*="from-fuchsia"]{background-image:linear-gradient(135deg,#b8478f,#8e2a6f)!important}
      
      #sik-sorulan-sorular .prose,#sik-sorulan-sorular .prose p,#sik-sorulan-sorular .prose li,#nasil-yapilir .howto-step-text{font-size:1.05rem!important;line-height:1.8!important}
      
      #nasil-yapilir .howto-step-card,#sik-sorulan-sorular [class~="dark:bg-gray-800"],.svc-related-card,.tblist-card,.tbblog-rel-card,.author-card,.tb-rel-card{transition:border-color .35s var(--ease,ease),box-shadow .35s var(--ease,ease)!important}
      html:not(.dark) #nasil-yapilir .howto-step-card:hover,html:not(.dark) #sik-sorulan-sorular [class~="dark:bg-gray-800"]:hover,html:not(.dark) .svc-related-card:hover,html:not(.dark) .tblist-card:hover,html:not(.dark) .tbblog-rel-card:hover,html:not(.dark) .author-card:hover,html:not(.dark) .tb-rel-card:hover{border-color:rgba(15,23,42,.22)!important;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.75)!important}
      html.dark #nasil-yapilir .howto-step-card:hover,html.dark #sik-sorulan-sorular [class~="dark:bg-gray-800"]:hover,html.dark .svc-related-card:hover,html.dark .tblist-card:hover,html.dark .tbblog-rel-card:hover,html.dark .author-card:hover,html.dark .tb-rel-card:hover{border-color:rgba(255,255,255,.24)!important;box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.15)!important}
      
      .tb-review-acc > section{padding:1rem .75rem .5rem!important}
      @media(min-width:768px){.tb-review-acc > section{padding:1.25rem 1.25rem .75rem!important}}
      
      .svc5 .catlink{border-radius:var(--glass-radius)!important;border:1px solid var(--glass-border)!important;background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important}
      
      .tl-cell:hover,.ser-chip:hover,.svc-related-card:hover,.svc5 .catlink:hover,.svc5 .bcard:hover,.svc5 .ncard:hover,.svc5 .scard:hover,.svc5 .kc:hover,.svc5 .svc-card:hover,.tblist-card:hover,.tbblog-rel-card:hover,.content-body .blog-related-box:hover,.content-body .author-card:hover,.content-body .brp-card:hover,.content-body .tb-rel-card:hover,.content-body .howto-step-card:hover,.howto-step:hover .howto-step-card,.hover\:-translate-y-1:hover,.hover\:-translate-y-2:hover,.hover\:scale-105:hover{transform:none!important}
.tb-kbclose{ display:none; position:fixed; right:14px; bottom:calc(var(--tb-kb-h,0px) + 66px); z-index:10001;
    width:38px; height:38px; border-radius:50%; align-items:center; justify-content:center;
    background:#334155; color:#fff; border:0; cursor:pointer; font-size:15px;
    box-shadow:0 8px 20px -6px rgba(0,0,0,.6); }
  
  @media (max-width:640px){ body.tb-kb-open .tb-kbclose{ display:flex; } }
  @media (min-width:641px){ .tb-kbclose{ display:none !important; } }
@media (max-width:1023px){ #aiBubbleLottie.tb-bot-hide-mobile{ opacity:0 !important; } }
.ai-brand-magenta [class*="from-indigo-6"],.ai-brand-magenta [class*="from-blue-5"],.ai-brand-magenta [class*="from-blue-6"],.ai-brand-magenta [class*="from-purple-"]{--tw-gradient-from:#8e2a6f var(--tw-gradient-from-position)!important;--tw-gradient-to:rgb(142 42 111/0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via,var(--tw-gradient-to))!important}
.ai-brand-magenta [class*="via-purple-6"]{--tw-gradient-via:#a8328a!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to)!important}
.ai-brand-magenta [class*="to-pink-6"],.ai-brand-magenta [class*="to-indigo-6"],.ai-brand-magenta [class*="to-indigo-7"],.ai-brand-magenta [class*="to-blue-6"],.ai-brand-magenta [class*="to-blue-7"]{--tw-gradient-to:#b8478f!important}
.ai-brand-magenta .bg-blue-600{background-color:#8e2a6f!important}
.ai-brand-magenta .bg-blue-700,.ai-brand-magenta .hover\:bg-blue-700:hover{background-color:#6d1f55!important}
.ai-brand-magenta .text-blue-600,.ai-brand-magenta .text-blue-700{color:#8e2a6f!important}
.ai-brand-magenta .text-blue-400,.ai-brand-magenta .text-blue-300{color:#e07cba!important}
.ai-brand-magenta .ring-blue-500,.ai-brand-magenta .ring-blue-600,.ai-brand-magenta .focus\:ring-blue-500:focus{--tw-ring-color:#b8478f!important}

html:not(.dark) .ai-brand-magenta .from-blue-50{--tw-gradient-from:#fbeef6 var(--tw-gradient-from-position)!important}
html:not(.dark) .ai-brand-magenta .to-indigo-50{--tw-gradient-to:#f6eefb!important}
html:not(.dark) .ai-brand-magenta .bg-blue-50{background-color:#fbeef6!important}

.dark .ai-brand-magenta .from-blue-50{--tw-gradient-from:#161020 var(--tw-gradient-from-position)!important}
.dark .ai-brand-magenta .to-indigo-50{--tw-gradient-to:#0b0b13!important}
.dark .ai-brand-magenta .bg-blue-50{background-color:#161020!important}
.ai-brand-magenta .bg-blue-900{background-color:#3a1230!important}

.dark .ai-brand-magenta .dark\:bg-gray-900{background-color:#0b0b13!important}  
.dark .ai-brand-magenta .dark\:bg-gray-800{background-color:#161020!important}  
.dark .ai-brand-magenta .dark\:bg-gray-700{background-color:#1d1530!important}
.dark .ai-brand-magenta .dark\:border-gray-700{border-color:#241a33!important}
.dark .ai-brand-magenta .dark\:border-gray-600{border-color:#241a33!important}

html:not(.dark) .ai-brand-magenta .tb-usermsg{background:#eceef1!important}
html:not(.dark) .ai-brand-magenta .tb-usermsg,html:not(.dark) .ai-brand-magenta .tb-usermsg *{color:#111827!important}
.dark .ai-brand-magenta .tb-usermsg{background:#241a33!important}
.dark .ai-brand-magenta .tb-usermsg,.dark .ai-brand-magenta .tb-usermsg *{color:#ffffff!important}
html:not(.dark) .ai-brand-magenta .tb-botmsg,html:not(.dark) .ai-brand-magenta .tb-botmsg *:not(a){color:#1f2937!important}
.dark .ai-brand-magenta .tb-botmsg,.dark .ai-brand-magenta .tb-botmsg *:not(a){color:#e8e6ef!important}

.tb-bot-bubble{
  background:linear-gradient(140deg, rgba(255,255,255,0.16) 0%, transparent 34%), rgba(52,10,42,0.42);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,0.34);
  box-shadow:0 8px 26px rgba(0,0,0,0.35), inset 0 2px 0 rgba(255,255,255,0.42), inset 0 -22px 32px -26px rgba(158,25,114,0.6), 0 0 26px -8px rgba(158,25,114,0.55);
}

.tb-bot-pill{
  position:relative; z-index:1;
  background:rgba(52,10,42,0.60) !important;
  -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,0.30);
  color:#fff !important; text-shadow:0 1px 3px rgba(0,0,0,.45) !important;
  box-shadow:0 12px 30px -8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.40), 0 0 26px -8px rgba(158,25,114,0.60);
}


@media (max-width:640px){
  .tb-bot-launch,.tb-bot-launch #aiBubbleLottie{width:96px!important;height:96px!important}
  .tb-bot-bubble{width:92px!important;height:92px!important}   
}


.tb-bot-fallback{ display:none; }
@media (max-width:1023px){
  .tb-bot-fallback{ display:grid; place-items:center; width:100%; height:100%; border-radius:9999px;
    font-size:40px; color:#fff;
    background:radial-gradient(circle at 50% 38%, rgba(158,25,114,.92), rgba(52,10,42,.9));
    box-shadow:0 10px 30px -8px rgba(158,25,114,.55), inset 0 1px 0 rgba(255,255,255,.15);
    backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
}
#aiBubbleLottie[data-lottie-init="1"] .tb-bot-fallback{ display:none !important; }   

@media (max-width:640px){
  .tb-chatwin{
    position:fixed !important; left:0 !important; top:0 !important; right:0 !important; bottom:auto !important;
    width:100vw !important; height:var(--tb-vvh, 100dvh) !important;
    max-width:none !important; max-height:none !important;
    border-radius:0 !important; margin:0 !important; z-index:9999 !important;
    transition:height .18s ease !important;
  }
  body.tb-chat-lock{ overflow:hidden !important; }
  
  .tb-kbclose{ display:none; position:fixed; right:14px; bottom:calc(var(--tb-kb-h,0px) + 66px); z-index:10001;
    width:38px; height:38px; border-radius:50%; align-items:center; justify-content:center;
    background:#9E1972; color:#fff; border:0; cursor:pointer; font-size:15px;
    box-shadow:0 8px 20px -6px rgba(0,0,0,.6); }
  .tb-kb-open .tb-kbclose{ display:flex; }
}
@media (min-width:641px){ .tb-kbclose{ display:none !important; } }

.tb-topicsep{ display:flex; align-items:center; gap:10px; margin:6px 2px; }
.tb-topicsep span{ flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(158,25,114,.35),transparent); }
.tb-topicsep b{ font-size:10.5px; font-weight:700; letter-spacing:.04em; color:#9E1972; white-space:nowrap; text-transform:uppercase; }
.dark .tb-topicsep b{ color:#e07cba; }
.dark .tb-topicsep span{ background:linear-gradient(90deg,transparent,rgba(224,124,186,.3),transparent); }

.ai-brand-magenta .tb-notemsg{ display:block!important; width:auto; max-width:94%; margin:12px auto!important; padding:10px 14px!important; font-size:12.5px!important; line-height:1.55!important; text-align:center; border-radius:12px; color:#64748b!important; background:rgba(148,163,184,.09); border:1px dashed rgba(148,163,184,.32); }
.dark .ai-brand-magenta .tb-notemsg{ color:#9aa3b2!important; background:rgba(148,163,184,.07); border-color:rgba(148,163,184,.22); }
.ai-brand-magenta .tb-notemsg *{ color:inherit!important; }
.ai-brand-magenta .tb-notemsg strong{ color:#9E1972!important; font-weight:700; }
.dark .ai-brand-magenta .tb-notemsg strong{ color:#e9a8ff!important; }
.ai-brand-magenta .tb-notemsg p{ margin:0!important; }
:root{ --tb-dock-w: clamp(360px, 26vw, 440px); }

  
  @media (max-width:1279px){
    .ai-chat-root .tb-mode-btn{ display:none !important; }
  }

  @media (min-width:1280px){
    
    html.tb-dock body{ padding-right:var(--tb-dock-w); }
    html.tb-dock.tb-dock-anim body{ transition:padding-right .34s cubic-bezier(.4,0,.2,1); }
    @media (prefers-reduced-motion:reduce){ html.tb-dock.tb-dock-anim body{ transition:none; } }

    
    html.tb-dock .ai-chat-root .tb-chatwin{
      position:fixed !important;
      top:0 !important; right:0 !important; bottom:0 !important; left:auto !important;
      width:var(--tb-dock-w) !important; max-width:var(--tb-dock-w) !important;
      height:100vh !important; max-height:100vh !important;
      border-radius:0 !important;
      border-top:0 !important; border-right:0 !important; border-bottom:0 !important;
      box-shadow:-26px 0 64px -34px rgba(0,0,0,.55) !important;
      z-index:200 !important;
    }
    html.tb-dock .ai-chat-root{ z-index:200; }

    
    html.tb-dock   .ai-chat-root .tb-mode-btn::after{ content:"Pencereye al" !important; }
    html:not(.tb-dock) .ai-chat-root .tb-mode-btn::after{ content:"Sağa sabitle" !important; }
    
    html.tb-dock .ai-chat-root .tb-mode-btn svg:nth-of-type(1){ display:none !important; }
    html.tb-dock .ai-chat-root .tb-mode-btn svg:nth-of-type(2){ display:block !important; }

    
    html.tb-dock header.fixed{ right:var(--tb-dock-w) !important; }
    html.tb-dock #hSearchRow{ right:var(--tb-dock-w) !important; }
    html.tb-dock #tb-vmode{ right:calc(var(--tb-dock-w) + 14px) !important; }
    html.tb-dock .mode-toast{ left:calc(50% - var(--tb-dock-w) / 2) !important; }
    html.tb-dock .tb-progbar{ width:auto !important; right:var(--tb-dock-w) !important; }

    
    html.tb-dock .tbh{ width:100% !important; margin-left:0 !important; }
    html.tb-dock body.akh-on #ak-strip .akpanel{ width:calc(100vw - var(--tb-dock-w)) !important; }
  }
.tb-fabs{ position:fixed; left:24px; bottom:29px; z-index:40; display:flex; flex-direction:row; align-items:center; gap:12px; }
  @media (min-width:640px){ .tb-fabs{ left:24px; bottom:29px; gap:13px; } }
  .tb-fab{ position:relative; width:52px; height:52px; border-radius:9999px; display:flex; align-items:center; justify-content:center; cursor:pointer; text-decoration:none; overflow:hidden; transition:background .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease, transform .3s ease; }
  .tb-fab i{ line-height:1; position:relative; z-index:1; }
  
  .tb-fab-glass, .tb-fab-wa{
    background:rgba(52,10,42,0.40);
    -webkit-backdrop-filter:blur(14px) saturate(160%); backdrop-filter:blur(14px) saturate(160%);
    border:1px solid rgba(255,255,255,0.28);
    box-shadow:0 8px 22px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.42), 0 0 22px -8px rgba(158,25,114,0.55);
  }
  .tb-fab-glass::before, .tb-fab-wa::before{ content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
    background:linear-gradient(125deg, rgba(255,255,255,.22) 0%, transparent 34%); box-shadow:inset 0 -14px 20px -16px rgba(158,25,114,.5); }
  .tb-fab-glass:hover, .tb-fab-wa:hover{ background:rgba(52,10,42,0.56); border-color:rgba(255,255,255,0.55); box-shadow:0 10px 26px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.5), 0 0 30px -6px rgba(158,25,114,0.7); }
  .tb-fab-glass{ color:#fff; }
  .tb-fab-glass i{ font-size:15px; }
  
  .tb-fab-wa{ color:#fff;
    background:linear-gradient(150deg,#2be070 0%,#20b95c 52%,#12a37e 100%);
    border-color:rgba(255,255,255,0.5);
    box-shadow:0 8px 22px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.55), 0 0 26px -6px rgba(37,211,102,0.6); }
  .tb-fab-wa::before{ box-shadow:inset 0 -14px 20px -16px rgba(18,140,126,0.5); }
  .tb-fab-wa:hover{ background:linear-gradient(150deg,#33ea7a 0%,#25c765 52%,#15b78c 100%); border-color:rgba(255,255,255,0.72);
    box-shadow:0 10px 26px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.62), 0 0 34px -4px rgba(37,211,102,0.78); }
  .tb-fab-wa i{ font-size:24px; color:#fff; filter:drop-shadow(0 1px 2px rgba(0,0,0,.28)); }   
  .tb-fab-glass i{ font-size:18px; }
  .tb-fabs [x-cloak]{ display:none !important; }
  
  .wa-en{ transition:opacity .42s ease, transform .42s cubic-bezier(.34,1.56,.64,1); }
  .wa-en-s{ opacity:0; transform:translateY(22px); }
  .wa-en-e{ opacity:1; transform:translateY(0); }
  .wa-lv{ transition:opacity .25s ease, transform .25s ease; }
  .wa-lv-s{ opacity:1; transform:translateY(0); }
  .wa-lv-e{ opacity:0; transform:translateY(22px); }
  
  
  @media (max-width:640px){ .tb-fabs{ left:24px; bottom:calc(35px + env(safe-area-inset-bottom,0px)); } .tb-fabs .tb-fab-glass{ display:none !important; } .tb-fab{ width:50px; height:50px; } .tb-fab-wa i{ font-size:23px; } }
.js-svc-hero .svc-ptext,.js-svc-hero .hero-tx{will-change:transform,opacity}

/* Sağdan sola (Arapça): sohbet penceresi kaynaktaki gibi SAĞDA kalır. Kaynakta «sağa sabitle» Arapçada da sağdır
   (html.tb-dock body{padding-right}, .tb-chatwin{right:0}); robot düğmesi de sağda (stil.css). Ürün bileşeni yönü dilden
   alıp pencereyi sola açıyordu — sayfanın sabit üst çubuğu ve arama satırı sağa çekili kaldığından solda açılan pencere
   «İletişim» düğmesinin ve arama kutusunun üstüne biniyordu. Sayfanın daralması da sağdan olur. */
@media (min-width:40.0625rem){
  /* özgüllük ürünün :root[data-kp-bot-sabit] ve :root:not([data-kp-bot-kapali]) kurallarından yüksek; pay yalnız pencere
     sabitken tanımlı --kp-bot-dock kadar */
  html:root[dir="rtl"][lang]{ padding-left:0; padding-right:var(--kp-bot-dock,0px); }
  html[dir="rtl"] #kp-bot .kp-bot-panel{ left:auto; right:1rem; }
  html[dir="rtl"] #kp-bot[data-sabit] .kp-bot-panel,
  html[dir="rtl"] #kp-bot .kp-bot-panel.kp-bot-yer{ left:auto; right:0; border-right:0; border-left:1px solid var(--kp-kenar); }
}

/* Yön bildiren oklar (ileri/geri düğmeleri, «devamı» okları, sayfalama, menü ve kırıntı ayraçları) Arapçada okuma yönüne
   döner — kaynakta Arapçada da sağı gösteriyorlardı. Yukarı/aşağı, döngü ve grafik okları dokunulmaz. «scale» ayrı özellik:
   simgenin kendi transform'u (açılırda 90° dönüş, üzerine gelince kayma) korunur, dikey oklar dikey kalır. */
html[dir="rtl"] :is(.fa-arrow-right,.fa-arrow-left,.fa-chevron-right,.fa-chevron-left,.fa-angle-right,.fa-angle-left,.fa-angles-right,.fa-angles-left,.fa-arrow-right-long,.fa-arrow-left-long,.fa-long-arrow-right,.fa-long-arrow-left,.fa-caret-right,.fa-caret-left){ scale:-1 1; }

/* Kahraman görseli metin sütununa girmez — iki yönde de (Türkçede görsel sağda, Arapçada solda). Sohbet paneli sağa sabit
   açıkken sayfa panel kadar daralır (1280 → 920 px, 1440 → 1066 px) ama ekran genişliği değişmez; kaynağın ekrana göre
   kurulan ölçüleri (başlık 5vw, görsel kutusu %55/%46) bu yüzden dar içerikte üst üste biniyordu. Görseldeki süsler
   (büyüteç, form kartı, kilit, pencere) görselin kendi pikselleridir; yerleri tek tek değil, görsel kutusunun
   genişliğiyle denetlenir. Ölçüler kahramanın KENDİ genişliğinden (kapsayıcı birimi cqi): metin sütunu başlangıç
   tarafındaki %54'te (iç boşluk dahil) kalır, görsel kutusu bitiş tarafındaki %46'dan aradaki pay kadar dar olur.
   Başlık ve açıklama boyu da ekrana değil kahramana göre ölçeklenir (panel kapalıyken eskisiyle aynı). Yalnız masaüstü
   düzeni: dar ekranda (hizmet ≤768, sayfa ≤860/960 px) görsel zaten metnin arkasında soluk zemindir, dokunulmaz. */
@media (min-width:769px){
  html body .svc5 .js-svc-hero{
    container:kahraman/inline-size;
    /* metnin başladığı iç boşluk (max-w-7xl + px-6) ve metin sütununun en geniş hâli — çocuklarda çözülür */
    --kh-pay:max(1.5rem, (100cqi - 80rem) / 2 + 1.5rem);
    --kh-metin:calc(54cqi - var(--kh-pay));
  }
  html body .svc5 .js-svc-hero :is(.svc-ptext,.hero-tx) h1{ max-width:min(20ch, var(--kh-metin)) !important; }
  html body .svc5 .js-svc-hero :is(.svc-ptext,.hero-tx) .lead{ max-width:min(56ch, var(--kh-metin)) !important; }
  html body .svc5:not(.kr-p-genel,.kr-p-iletisim,.kr-p-sizi-arayalim,.kr-p-teklif-al,.kr-p-hakkimizda,.kr-p-yapayzeka) .js-svc-hero .svc-ptext h1{ font-size:clamp(1.9rem,5cqi,3.9rem) !important; }
  html body .svc5:is(.kr-p-hakkimizda,.kr-p-iletisim,.kr-p-sizi-arayalim,.kr-p-teklif-al) .js-svc-hero .svc-ptext h1{ font-size:clamp(1.9rem,5cqi,3.7rem) !important; }
  html body .svc5.kr-p-genel .js-svc-hero .svc-ptext h1{ font-size:clamp(1.9rem,5cqi,3.6rem) !important; }
  html body .svc5 .js-svc-hero .svc-ptext .lead{ font-size:clamp(1rem,2cqi,1.2rem) !important; }

  /* hizmet (profesyonel ikiz görsel): kutu %55 (Arapçada %50) ya da kahramanın %46'sından pay kadar dar */
  html.tb-vmode-pro body .svc5.svc-pro .js-svc-hero .svc-pcover{ width:min(55%, calc(46cqi - 3rem)) !important; }
  html[dir="rtl"] body .svc5.svc-pro .js-svc-hero .svc-pcover{ width:min(50%, calc(46cqi - 3rem)) !important; }
}
@media (min-width:861px){
  /* hakkımızda · yapay zekâ · görsel kutulu genel sayfalar: kutu bitiş kenarından %3 içeride, %46 */
  html body .svc5:is(.kr-p-genel,.kr-p-iletisim,.kr-p-sizi-arayalim,.kr-p-teklif-al,.kr-p-hakkimizda) .js-svc-hero .svc-pcover,
  html body .svc5.kr-p-yapayzeka .js-svc-hero .hero-art{ width:min(46%, calc(43cqi - 3rem)) !important; }
}
@media (min-width:961px){
  /* genel sayfa · iletişim · sizi arayalım · teklif al: köşedeki figür (yükseklik tam, genişlik görselden) — bitiş
     kenarından %3–7 dışarı taşar; genişliği metin sütununa varmayacak kadar sınırlanır, görsel köşeye yaslı küçülür */
  html body .svc5 .js-svc-hero .hero-fig img{ max-width:calc(46cqi - max(0px, (100cqi - 80rem) / 2) + 3% - 3rem) !important; }
}