/* Techlit V20 - unified static UI */
html,body{cursor:auto!important;background:#02070c!important}
.cursor-layer{display:none!important}
.site-header nav{gap:22px!important}
.site-header nav a{white-space:nowrap!important}
/* team portraits: identical white circular treatment */
.team-card .team-avatar{width:190px!important;height:190px!important;flex:0 0 190px!important;margin:0 auto 24px!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important;box-shadow:0 0 0 2px rgba(71,224,255,.55),0 0 28px rgba(36,211,255,.28)!important}
.team-card .team-avatar-image{background:#fff!important}
.team-card .team-avatar-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;background:#fff!important}
/* legal/simple pages use site background */
.legal-page,.simple-page{min-height:65vh;padding:70px 0 100px!important;background:radial-gradient(circle at 14% 28%,rgba(0,202,255,.10),transparent 28%),radial-gradient(circle at 86% 70%,rgba(0,111,255,.08),transparent 30%),#02070c!important}
/* floating buttons */
.techlit-float{position:fixed;bottom:18px;z-index:10020;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;border:0}
.techlit-float:hover{transform:translateY(-2px)}
.techlit-wa{right:18px;background:#25D366!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 18px rgba(37,211,102,.28)}
.techlit-a11y{left:18px;background:#087ea4!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 18px rgba(35,205,255,.24)}
.techlit-float svg{width:28px;height:28px;display:block}
.techlit-a11y-panel{display:none;position:fixed;left:18px;bottom:82px;width:min(340px,calc(100vw - 36px));z-index:10021;background:rgba(3,12,19,.98);border:1px solid rgba(76,220,255,.34);border-radius:18px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.65);color:#eefaff}
.techlit-a11y-panel.open{display:block}
.techlit-a11y-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.techlit-a11y-head h2{font-size:1.12rem;margin:0}
.techlit-a11y-close{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0b2031;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.techlit-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.techlit-a11y-grid button{border:1px solid #31566b;border-radius:10px;padding:10px;background:#0b2031;color:#e8f8ff;cursor:pointer}
.a11y-large{font-size:118%!important}.a11y-contrast{filter:contrast(1.35)}.a11y-links a{text-decoration:underline!important;outline:1px dotted currentColor}.a11y-stop *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* mobile nav anchored left under hamburger */
.mobile-menu-toggle{display:none;background:rgba(3,12,19,.92);border:1px solid rgba(83,226,255,.45);border-radius:10px;width:44px;height:44px;padding:10px;cursor:pointer;z-index:10002;flex-direction:column;justify-content:center;gap:5px}
.mobile-menu-toggle span{display:block;height:2px;width:100%;background:#63e8ff;border-radius:2px}
@media(max-width:900px){.site-header .header-inner{position:relative!important}.mobile-menu-toggle{display:flex!important;position:absolute!important;left:0!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important}.site-header nav{display:none!important;position:absolute!important;top:calc(50% + 30px)!important;left:0!important;right:auto!important;width:min(290px,calc(100vw - 28px))!important;background:#030b12fa!important;border:1px solid rgba(83,226,255,.28)!important;border-radius:14px!important;padding:8px!important;z-index:10001!important;flex-direction:column!important;gap:0!important;box-shadow:0 20px 40px rgba(0,0,0,.45)!important;align-items:stretch!important}.site-header nav.mobile-open{display:flex!important}.site-header nav a{display:block!important;padding:13px 12px!important;text-align:right!important;border-bottom:1px solid rgba(83,226,255,.12)!important;border-radius:8px!important}.site-header nav a:last-child{border-bottom:0!important}.site-header .header-cta{display:none!important}}
@media(max-width:620px){.team-card .team-avatar{width:180px!important;height:180px!important;flex-basis:180px!important}.techlit-float{bottom:12px;width:48px;height:48px}.techlit-wa{right:12px}.techlit-a11y{left:12px}.techlit-a11y-panel{left:12px;bottom:70px;width:calc(100vw - 24px)}}

/* Techlit V22 cursor — reference-matched T + cyan halo */
@media (hover:hover) and (pointer:fine){
  html,body,body *{cursor:none!important}
  .techlit-cursor-v22{position:fixed;left:0;top:0;width:38px;height:38px;border-radius:50%;z-index:2147483647;pointer-events:none;transform:translate3d(-100px,-100px,0);display:grid;place-items:center;background:#092332;border:1.5px solid rgba(83,232,255,.95);color:#fff;font:700 17px/1 Arial,sans-serif;will-change:transform;box-shadow:0 0 7px rgba(63,229,255,.95),0 0 17px rgba(21,214,255,.78),0 0 34px rgba(0,190,255,.52),0 0 58px rgba(0,174,255,.28)}
  .techlit-cursor-v22::before{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(33,220,255,.30) 0%,rgba(11,199,255,.17) 34%,rgba(0,180,255,.07) 57%,transparent 74%);filter:blur(7px);z-index:-1}
  .techlit-cursor-v22::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(104,239,255,.16);filter:blur(2px);z-index:-1}
}
@media (hover:none),(pointer:coarse){.techlit-cursor-v22{display:none!important}}

/* Techlit V25 — lightweight jellyfish/smoke cloud. Three GPU-transformed wisps only. */
@media (hover:hover) and (pointer:fine){
  .techlit-jelly-v25{
    position:fixed;
    inset:0;
    z-index:2147483645;
    pointer-events:none;
    opacity:0;
    transition:opacity .16s ease;
    overflow:hidden;
  }
  .techlit-jelly-v25.is-on{opacity:1}
  .techlit-jelly-v25 .jelly-wisp{
    position:absolute;
    left:0;
    top:0;
    border-radius:50%;
    transform:translate3d(-200px,-200px,0);
    transform-origin:center;
    will-change:transform,opacity;
  }
  .techlit-jelly-v25 .jelly-wisp::before,
  .techlit-jelly-v25 .jelly-wisp::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
  }
  .techlit-jelly-v25 .w1{
    width:92px;height:68px;
    opacity:.72;
    background:
      radial-gradient(ellipse at 42% 45%,rgba(73,236,255,.25) 0 14%,rgba(26,214,255,.16) 30%,rgba(0,176,255,.07) 53%,transparent 72%),
      radial-gradient(ellipse at 66% 55%,rgba(40,221,255,.13) 0 18%,transparent 62%);
    box-shadow:0 0 24px rgba(0,207,255,.12),0 0 44px rgba(0,174,255,.08);
  }
  .techlit-jelly-v25 .w1::before{
    width:48px;height:42px;left:6px;top:18px;
    background:radial-gradient(circle,rgba(82,238,255,.16),rgba(0,185,255,.05) 55%,transparent 74%);
  }
  .techlit-jelly-v25 .w1::after{
    width:52px;height:38px;right:0;top:8px;
    background:radial-gradient(circle,rgba(29,211,255,.12),transparent 70%);
  }
  .techlit-jelly-v25 .w2{
    width:72px;height:58px;
    opacity:.53;
    background:
      radial-gradient(ellipse at 38% 46%,rgba(65,231,255,.20) 0 16%,rgba(9,194,255,.10) 40%,transparent 70%),
      radial-gradient(ellipse at 70% 58%,rgba(0,189,255,.09),transparent 68%);
    box-shadow:0 0 24px rgba(0,193,255,.08);
  }
  .techlit-jelly-v25 .w3{
    width:54px;height:46px;
    opacity:.38;
    background:radial-gradient(ellipse,rgba(47,223,255,.16) 0 18%,rgba(0,181,255,.07) 45%,transparent 72%);
  }
}
@media (hover:none),(pointer:coarse){.techlit-jelly-v25{display:none!important}}


/* Techlit V26 — FAQ knowledge center */
.faq-page{min-height:65vh;padding:72px 0 105px;background:radial-gradient(circle at 12% 14%,rgba(0,202,255,.12),transparent 26%),radial-gradient(circle at 88% 72%,rgba(0,111,255,.09),transparent 30%),#02070c}
.faq-hero{max-width:900px;margin:0 auto 34px;text-align:center}
.faq-hero .kicker{display:inline-block;margin-bottom:14px;color:#63e8ff;font-weight:700;letter-spacing:.08em}
.faq-hero h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.05;margin:0 0 18px;color:#f5fbff}
.faq-hero p{font-size:1.08rem;line-height:1.9;color:#a9c0cf;margin:0 auto;max-width:820px}
.faq-intro-card{max-width:1000px;margin:0 auto 34px;padding:22px 24px;border:1px solid rgba(89,225,255,.18);border-radius:20px;background:linear-gradient(135deg,rgba(8,27,39,.82),rgba(3,13,21,.94));box-shadow:0 18px 55px rgba(0,0,0,.28)}
.faq-intro-card strong{color:#e9fbff}.faq-intro-card p{margin:0;color:#a9c0cf;line-height:1.85}
.faq-groups{max-width:1000px;margin:0 auto;display:grid;gap:30px}
.faq-group{display:grid;gap:12px}
.faq-group-title{display:flex;align-items:center;gap:12px;margin:0 0 4px;color:#effbff;font-size:1.22rem}
.faq-group-title::before{content:"";width:32px;height:2px;border-radius:3px;background:linear-gradient(90deg,#63e8ff,transparent);box-shadow:0 0 14px rgba(58,226,255,.55)}
.faq-item{border:1px solid rgba(84,213,244,.16);border-radius:16px;background:rgba(4,16,25,.86);overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.18);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.faq-item:hover{border-color:rgba(99,232,255,.34);box-shadow:0 14px 38px rgba(0,0,0,.26),0 0 22px rgba(0,198,255,.05)}
.faq-item[open]{border-color:rgba(99,232,255,.42);background:linear-gradient(180deg,rgba(7,28,41,.96),rgba(3,13,21,.96));box-shadow:0 16px 44px rgba(0,0,0,.3),0 0 26px rgba(0,205,255,.07)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:20px 62px 20px 22px;font-weight:700;font-size:1.03rem;line-height:1.55;color:#edfaff;user-select:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before,.faq-item summary::after{content:"";position:absolute;right:23px;top:50%;width:16px;height:2px;background:#63e8ff;border-radius:2px;transform:translateY(-50%);box-shadow:0 0 9px rgba(99,232,255,.5);transition:transform .2s ease}
.faq-item summary::after{transform:translateY(-50%) rotate(90deg)}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(0deg)}
.faq-answer{padding:0 22px 22px;color:#a9c0cf;line-height:1.9;border-top:1px solid rgba(86,217,247,.10)}
.faq-answer p{margin:16px 0 0}.faq-answer strong{color:#eafaff}
.faq-cta{max-width:1000px;margin:38px auto 0;padding:30px;border-radius:22px;text-align:center;border:1px solid rgba(99,232,255,.25);background:radial-gradient(circle at 50% 0%,rgba(0,204,255,.12),transparent 48%),rgba(3,14,22,.92);box-shadow:0 18px 55px rgba(0,0,0,.3)}
.faq-cta h2{margin:0 0 10px;color:#f4fbff;font-size:1.55rem}.faq-cta p{margin:0 0 20px;color:#a9c0cf;line-height:1.8}.faq-cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.faq-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;text-decoration:none;font-weight:700}
.faq-cta .primary{background:#63e8ff;color:#021018;box-shadow:0 0 24px rgba(51,218,255,.18)}.faq-cta .secondary{border:1px solid rgba(99,232,255,.35);color:#dff9ff;background:rgba(6,28,41,.7)}
@media(max-width:700px){.faq-page{padding:48px 0 84px}.faq-hero{text-align:right}.faq-hero h1{font-size:2.45rem}.faq-intro-card{padding:18px}.faq-item summary{padding:17px 52px 17px 16px;font-size:.98rem}.faq-item summary::before,.faq-item summary::after{right:18px}.faq-answer{padding:0 16px 18px}.faq-cta{padding:24px 18px}.faq-cta-actions{display:grid}.faq-cta a{width:100%}}

/* Techlit V27 — contact form */
.techlit-contact-section{padding:88px 0!important;background:radial-gradient(circle at 12% 18%,rgba(0,202,255,.11),transparent 30%),radial-gradient(circle at 88% 76%,rgba(0,111,255,.08),transparent 32%),#02070c!important}
.techlit-contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}
.techlit-contact-copy{padding:16px 0}
.techlit-contact-copy h2{font-size:clamp(2rem,4.8vw,3.5rem);line-height:1.08;margin:10px 0 16px;color:#f4fbff}
.techlit-contact-copy p{max-width:560px;color:#a9c0cf;line-height:1.85;margin:0 0 24px}
.techlit-contact-direct{display:flex;flex-wrap:wrap;gap:10px}
.techlit-contact-direct a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border:1px solid rgba(99,232,255,.24);border-radius:12px;background:rgba(7,28,41,.72);color:#dff9ff;text-decoration:none;font-weight:700}
.techlit-contact-direct a:hover{border-color:rgba(99,232,255,.52);box-shadow:0 0 18px rgba(49,220,255,.08)}
.techlit-contact-form{position:relative;padding:26px;border:1px solid rgba(99,232,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(7,29,42,.92),rgba(3,13,21,.97));box-shadow:0 20px 60px rgba(0,0,0,.32),0 0 32px rgba(0,190,255,.05)}
.techlit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.techlit-contact-form label{display:grid;gap:7px;color:#dff7ff;font-weight:700;font-size:.92rem}
.techlit-contact-form input,.techlit-contact-form select,.techlit-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(112,202,228,.24);border-radius:12px;background:#06131d;color:#f4fbff;padding:13px 14px;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.techlit-contact-form select{appearance:auto}
.techlit-contact-form textarea{resize:vertical;min-height:126px;line-height:1.65}
.techlit-contact-form input:focus,.techlit-contact-form select:focus,.techlit-contact-form textarea:focus{border-color:#63e8ff;box-shadow:0 0 0 3px rgba(99,232,255,.09),0 0 20px rgba(0,198,255,.06);background:#071824}
.techlit-form-message{margin-bottom:14px}
.techlit-form-consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;font-weight:400!important;font-size:.82rem!important;color:#9db6c5!important;line-height:1.55;margin:0 0 18px}
.techlit-form-consent input{width:16px!important;height:16px;flex:0 0 16px;margin-top:2px;padding:0!important;accent-color:#63e8ff}
.techlit-form-consent a{color:#63e8ff}
.techlit-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.techlit-submit{border:0;cursor:pointer;min-width:150px}
.techlit-submit[disabled]{opacity:.65;cursor:wait}
.techlit-form-status{min-height:24px;margin-top:12px;font-size:.9rem;font-weight:700}
.techlit-form-status.is-success{color:#72f2b0}.techlit-form-status.is-error{color:#ff9e9e}.techlit-form-status.is-sending{color:#bcefff}
@media(max-width:860px){.techlit-contact-grid{grid-template-columns:1fr;gap:22px}.techlit-contact-section{padding:58px 0!important}.techlit-contact-copy{padding:0}.techlit-contact-form{padding:20px}}
@media(max-width:620px){.techlit-form-row{grid-template-columns:1fr}.techlit-contact-form{padding:18px;border-radius:18px}.techlit-contact-direct{display:grid}.techlit-contact-direct a{width:100%}.techlit-submit{width:100%}}
