
.tn-credits {
  display: none !important;
}
  (function(){
    var k='theme';
    var saved = localStorage.getItem(k);
    var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
    var t = saved || (prefersDark ? 'dark' : 'light');
    document.documentElement.setAttribute('data-theme', t);
  })();




  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}

  :root[data-theme='light']{
    --bg:#FFFFFF; --soft:#F6F7F9; --text:#21262E;
    --primary:#0FA47A; --cta:#FF6236; --cta2:#2F6BFF;
    --jade-50:#EAF8F4; --jade-100:#D5F1E9; --jade-200:#B6E8DB; --jade-600:#0B8E69;
    --border:rgba(0,0,0,.08); --muted:rgba(0,0,0,.70); --card:#FFFFFF;
  }
  :root[data-theme='dark']{
    --bg:#0B0D13; --soft:rgba(255,255,255,.05); --text:#FFFFFF;
    --primary:#0FA47A; --cta:#FF6236; --cta2:#2F6BFF;
    --jade-50:rgba(239,252,247,.08); --jade-100:rgba(239,252,247,.16); --jade-200:rgba(239,252,247,.24); --jade-600:#7DE8C7;
    --border:rgba(255,255,255,.14); --muted:rgba(255,255,255,.72); --card:rgba(255,255,255,.05);
  }

  body{background:var(--bg);color:var(--text)}
  h1,h2,h3{margin:0 0 .6rem 0;line-height:1.2}
  .h1{font-size:clamp(28px,7vw,48px);font-weight:700}
  .h2{font-size:clamp(22px,4.5vw,32px);font-weight:700}
  .h3{font-size:clamp(18px,3.6vw,20px);font-weight:600}
  .lead{max-width:660px;color:var(--muted);font-size:clamp(15px,3.8vw,18px)}
  .small{font-size:12px} .strong{font-weight:600} .accent{color:var(--primary)} .muted{color:var(--muted)}

  .container{max-width:1120px;margin:0 auto;padding:0 16px}
  .container.narrow{max-width:840px}
  .container.wide{max-width:960px}
  .row{display:flex;align-items:center}
  .row.gap{gap:12px}
  .row.space-between{justify-content:space-between;gap:12px}

  .grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
  .grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
  .grid-4{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
  @media (max-width:960px){.grid-3{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}}
  @media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr} .hide-sm{display:none}}

  /* Buttons */
  .btn,button.btn,a.btn{
    -webkit-appearance:none; appearance:none;
    display:inline-flex; align-items:center; justify-content:center;
    padding:12px 16px; font-weight:600; font-size:14px; line-height:1;
    border-radius:12px; border:none; background:transparent;
    color:var(--text);
    transition:background .15s,color .15s,opacity .15s,border-color .15s,transform .15s;
    cursor:pointer;
  }
  .btn--cta{background:var(--cta);color:#fff;border:none;border-radius:12px}
  .btn--cta:hover{opacity:.95}
  .btn--outline{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:12px}
  .btn--outline:hover{background:var(--primary);color:#fff}
  .btn--ghost{background:transparent;border:1px solid var(--border);border-radius:12px;color:var(--text)}
  .btn--ghost:hover{background:var(--soft)}
  .btn:focus,.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
  .btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed}

  /* Switch icons */
  #theme-toggle .icon{width:18px;height:18px;margin-right:8px;display:none}
  #theme-toggle .icon svg{width:100%;height:100%;display:block;fill:currentColor}
  :root[data-theme='light'] #theme-toggle .icon-moon{display:inline-block}
  :root[data-theme='dark']  #theme-toggle .icon-sun{display:inline-block}

  /* Header */
  .header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);
          backdrop-filter:saturate(140%) blur(8px);background:rgba(255,255,255,.85);
          padding-top:env(safe-area-inset-top)}
  :root[data-theme='dark'] .header{background:rgba(0,0,0,.35)}
  .header__row{height:64px;display:flex;align-items:center;justify-content:space-between}
  .brand{display:flex;align-items:center;gap:10px;min-width:0}
  .brand--small .logo{width:24px;height:24px}
  .brand__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}
  @media (max-width:420px){ .brand__name{display:none} }
  .logo{width:32px;height:32px}
  .logo__svg{width:100%;height:100%}
  .nav{display:flex;gap:20px}
  .nav__link{font-size:14px}
  .nav__link:hover{color:var(--primary)}
  .nav__link.active{color:var(--primary);font-weight:600}
  .header__cta{display:flex;gap:8px;align-items:center}
  .hide-md{display:none}
  @media (max-width:960px){.nav{display:none}.hide-md{display:inline-flex}}

  /* Mobile menu */
  .mobile-menu{position:fixed;inset:0;background:rgba(0,0,0,.4)}
  .mobile-menu__panel{position:absolute;right:0;top:0;height:100%;width:min(85vw,320px);background:var(--bg);border-left:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px}
  .mobile-menu__head{display:flex;align-items:center;justify-content:space-between}
  .mobile-menu__nav{display:grid;gap:12px}

  /* Hero */
  .hero{position:relative;overflow:hidden;padding:64px 0}
  .hero__grid{display:grid;gap:24px;grid-template-columns:1.1fr .9fr}
  @media (max-width:960px){.hero__grid{grid-template-columns:1fr}}
  .hero__glow{position:absolute;border-radius:999px;filter:blur(64px);pointer-events:none}
  .hero__glow--a{top:-120px;right:-120px;width:480px;height:480px;background:rgba(15,164,122,.25)}
  .hero__glow--b{bottom:-160px;left:-160px;width:420px;height:420px;background:rgba(47,107,255,.20)}
  @media (max-width:640px){
    .hero{padding:44px 0}
    .hero__glow--a{right:-160px;top:-140px;width:320px;height:320px}
    .hero__glow--b{left:-180px;bottom:-180px;width:300px;height:300px}
  }
  .hero-card{position:relative;padding:20px}
  .hero-card::before{content:"";position:absolute;inset:-4px;border-radius:28px;background:linear-gradient(90deg,var(--primary),var(--cta2));filter:blur(16px);opacity:.3;z-index:-1}
  .hero-card__head{color:var(--muted);font-size:14px}
  .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 0 0}
  .kpi__item{background:var(--jade-50);border:1px solid var(--jade-100);border-radius:14px;padding:14px}
  .kpi .num{color:var(--jade-600);font-weight:700}
  .hero-card__foot{margin-top:16px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--card)}

  /* hero CTA on phones */
  @media (max-width:640px){
    .row.gap.hero-cta{flex-wrap:wrap}
    .row.gap.hero-cta .btn{flex:1 1 100%}
  }

  /* Sections */
  .section{padding:64px 0}
  .section.soft{background:var(--soft)}
  .service{padding:16px}
  .service .ico{width:36px;height:36px;border-radius:12px;background:rgba(15,164,122,.12);margin-bottom:8px}
  .case{padding:16px}
  .case__bar{height:8px;background:linear-gradient(90deg,var(--primary),var(--cta2));border-radius:10px;margin:-16px -16px 12px}
  .step{padding:16px}

  /* Tabs / Plans */
  .tabs{display:inline-flex;background:var(--soft);padding:6px;border-radius:12px;gap:8px;margin-bottom:16px;max-width:100%;overflow:auto}
  .tab{border-radius:10px;padding:8px 12px;font-size:14px;white-space:nowrap}
  .tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px rgba(0,0,0,.08)}
  :root[data-theme='dark'] .tab.active{background:rgba(255,255,255,.12);color:var(--primary)}
  .plan{padding:16px}
  .price{font-size:28px;margin:8px 0 12px;color:var(--primary)}
  .list{padding-left:18px;margin:0 0 16px 0}
  .list li{margin:6px 0}

  /* Testimonials */
  .t-grid{display:grid;gap:24px;grid-template-columns:1fr 1fr}
  @media (max-width:960px){.t-grid{grid-template-columns:1fr}}
  .t-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
  .t-name{font-size:clamp(20px,5.4vw,28px);font-weight:800;margin-bottom:4px}
  .t-role{color:var(--muted);margin-bottom:16px}
  .t-quote{font-size:clamp(17px,4.6vw,20px);line-height:1.55}
  .grad{background:linear-gradient(90deg,#6D5EF6,#9A5CFF);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* Form / FAQ / Footer */
  .form{padding:16px}
  .input{width:100%;border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#fff0;color:var(--text);font:inherit}
  .input:focus{outline:2px solid var(--primary);outline-offset:2px}
  .faq{border-bottom:1px solid var(--border);padding:12px 0}
  .faq>summary{cursor:pointer;font-weight:600}
  .faq>div{color:var(--muted);padding:8px 0 12px}
  .footer{border-top:1px solid var(--border);padding:40px 0}
  .footer__row{display:flex;align-items:center;justify-content:space-between;gap:16px}
  @media (max-width:640px){.footer__row{flex-direction:column;align-items:flex-start}}

  /* Utils */
  .badge{display:inline-flex;align-items:center;border-radius:10px;padding:6px 10px;font-size:12px}
  .badge--jade{background:rgba(15,164,122,.12);color:var(--primary)}
  .skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .skip:focus{left:16px;top:16px;width:auto;height:auto;background:#fff;color:#000;padding:8px 10px;border-radius:8px;z-index:2000}
