/* TECH NOXE — September 2026 layer: header, footer, AI entry points, popup, light mode. */

/* ================= AI orb (shared mark) ================= */
.tn-ai-orb{position:relative;display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#fff6d6,#fdb915 45%,#9a6b00 100%);box-shadow:0 0 0 3px #fdb91522,0 0 12px #fdb91599}
.tn-ai-orb:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #fdb91588;border-top-color:transparent;border-bottom-color:transparent;animation:tnOrbSpin 3.2s linear infinite}
@keyframes tnOrbSpin{to{transform:rotate(360deg)}}

.tn-ai-new{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;line-height:1;padding:4px 7px;border-radius:99px;background:#fdb915;color:#17130b;letter-spacing:.2px}

/* ================= Desktop header ================= */
.tn-ai-pill{position:relative;display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 12px;border-radius:99px;font-weight:800;color:#fff;
 background:linear-gradient(#111217,#111217) padding-box,conic-gradient(from var(--tn-a,0deg),#fdb915,#fff1c2 20%,#6b4f0e 45%,#fdb915 70%,#fff1c2 85%,#fdb915) border-box;
 border:1.5px solid transparent;box-shadow:0 0 22px #fdb9151f;animation:tnPillTurn 6s linear infinite;transition:transform .25s,box-shadow .25s;white-space:nowrap}
.tn-ai-pill:hover{transform:translateY(-1px);box-shadow:0 0 30px #fdb91540;color:#fff}
.tn-ai-pill[aria-current]{box-shadow:0 0 0 4px #fdb91514,0 0 26px #fdb91533}
.tn-ai-pill .tn-ai-new{margin-inline-start:2px}
@property --tn-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes tnPillTurn{to{--tn-a:360deg}}

/* Theme toggle */
.tn-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:inherit;font:inherit;background:none;border:0}
.tn-theme-icon{position:relative;width:20px;height:20px;display:inline-block}
.tn-theme-icon svg{position:absolute;inset:0;width:20px;height:20px;transition:opacity .3s,transform .4s}
.tn-theme-icon .tn-i-moon{opacity:0;transform:rotate(-60deg) scale(.6)}
html.tn-light .tn-theme-icon .tn-i-sun{opacity:0;transform:rotate(60deg) scale(.6)}
html.tn-light .tn-theme-icon .tn-i-moon{opacity:1;transform:none}
.tn-theme-icon{} 
.tn-theme-toggle.tn-theme-icon{}
nav .tn-theme-toggle:not(.tn-theme-row){width:38px;height:38px;border-radius:50%;border:1px solid #ffffff26;color:#e9e3d3;transition:border-color .2s,color .2s}
nav .tn-theme-toggle:not(.tn-theme-row):hover{border-color:#fdb915;color:#fdb915}
.tn-theme-row{width:100%;justify-content:flex-start;gap:16px;padding:16px;border-radius:12px;color:#e5e7eb;font-weight:700;font-size:18px;border-bottom:1px solid #ffffff0d}
.tn-theme-row .tn-theme-icon{color:#fdb915}
.tn-theme-pill{padding:8px 16px;border-radius:99px;border:1px solid #ffffff22;color:#d8d2c4;font-size:13px;font-weight:600;background:#ffffff06}
.tn-theme-pill:hover{border-color:#fdb91588;color:#fff}
.tn-theme-pill .tn-theme-icon,.tn-theme-pill .tn-theme-icon svg{width:16px;height:16px}
html.tn-theme-anim *,html.tn-theme-anim *:before,html.tn-theme-anim *:after{transition:background-color .35s,color .35s,border-color .35s!important}

/* ================= Mobile header ================= */
.tn-ai-ribbon{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 16px;font-size:13.5px;color:#f3ead4;
 background:linear-gradient(90deg,transparent,#fdb9151f 30%,#fdb9151f 70%,transparent),#0b0c10;border-top:1px solid #fdb91533;position:relative;overflow:hidden}
.tn-ai-ribbon b{color:#fdb915;font-weight:800}
.tn-ai-ribbon svg{width:15px;height:15px;color:#fdb915}
.tn-ai-ribbon:after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-40%;background:linear-gradient(90deg,transparent,#fff3cf22,transparent);animation:tnRibbon 5.5s ease-in-out infinite}
@keyframes tnRibbon{0%,40%{left:-40%}100%{left:120%}}
@media(min-width:1024px){.tn-ai-ribbon{display:none!important}}
.tn-ai-mitem{color:#fff;background:linear-gradient(120deg,#fdb91514,transparent 70%);border:1px solid #fdb91540!important}
.tn-ai-mitem .tn-ai-new{margin-inline-start:auto}

/* ================= Footer ================= */
.tn-foot-ai{display:flex;align-items:center;gap:16px;margin:0 0 48px;padding:18px 22px;border-radius:20px;border:1px solid #fdb91540;
 background:radial-gradient(ellipse at 90% 0%,#fdb9151c,transparent 60%),linear-gradient(120deg,#1b1a16,#0e0f13);color:#e9e3d3;transition:border-color .25s,transform .25s}
.tn-foot-ai:hover{border-color:#fdb915;transform:translateY(-2px)}
.tn-foot-ai .tn-ai-orb{width:18px;height:18px}
.tn-foot-ai-text{flex:1;font-size:15px;line-height:1.6}
.tn-foot-ai-text b{display:inline-block;margin-inline-end:8px;color:#17130b;background:#fdb915;border-radius:99px;padding:1px 9px;font-size:12px}
.tn-foot-ai-cta{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#fdb915;white-space:nowrap}
.tn-foot-ai-cta svg{width:17px;height:17px}
.tn-foot-tools{display:flex;justify-content:center;margin:0 0 22px}
.tn-glass .tn-motion{margin:6px auto 0}
@media(max-width:767px){
 .tn-foot-ai{flex-wrap:wrap;gap:10px 12px;padding:16px;margin-bottom:36px}
 .tn-foot-ai-text{flex:1 1 calc(100% - 40px);font-size:14px}
 .tn-foot-ai-cta{width:100%;justify-content:center;padding-top:10px;border-top:1px solid #ffffff12}
}

/* ================= AI announcement popup ================= */
.tn-ai-pop{position:fixed;z-index:9995;left:24px;bottom:96px;width:min(390px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:24px;overflow:hidden;
 background:linear-gradient(160deg,#1f1d18f5,#0d0e12fa);border:1px solid #fdb91555;box-shadow:0 30px 90px #000b,inset 0 1px #fff3cf26;color:#f4f1e9;
 opacity:0;transform:translateY(24px) scale(.97);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.tn-ai-pop.is-open{opacity:1;transform:none}
.tn-ai-pop[hidden]{display:none}
.tn-ai-pop-x{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0008;border:1px solid #ffffff22;color:#ddd;cursor:pointer}
.tn-ai-pop-x svg{width:16px;height:16px}
.tn-ai-pop-visual{position:relative;height:128px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 120%,#fdb91540,transparent 65%),#0b0c0f;border-bottom:1px solid #fdb91526;overflow:hidden}
.tn-ai-pop-visual i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid #fdb91566}
.tn-ai-pop-visual i:nth-child(1){width:70px;height:70px;border-top-color:#fff1c2;animation:tnOrbSpin 4s linear infinite}
.tn-ai-pop-visual i:nth-child(2){width:120px;height:120px;border-color:#fdb91533;border-bottom-color:#fdb915aa;animation:tnOrbSpin 7s linear infinite reverse}
.tn-ai-pop-visual i:nth-child(3){width:180px;height:180px;border-color:#fdb9151c}
.tn-ai-pop-visual span{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;color:#17130b;background:radial-gradient(circle at 35% 30%,#fff3cf,#fdb915 55%,#b88200);box-shadow:0 0 30px #fdb91599}
.tn-ai-pop-body{padding:20px 22px 22px}
.tn-ai-pop h3{font-size:21px;font-weight:900;line-height:1.3;margin:10px 0 8px;color:#fff}
.tn-ai-pop p{font-size:14.5px;line-height:1.7;color:#c9c3b6;margin:0}
.tn-ai-pop-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.tn-ai-pop-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;background:#fdb915;color:#17130b;font-weight:800;font-size:15px}
.tn-ai-pop-cta svg{width:17px;height:17px}
.tn-ai-pop-cta:hover{background:#eeb01c}
.tn-ai-pop-later{background:none;border:0;color:#a8a296;font:inherit;font-size:13.5px;padding:6px;cursor:pointer}
.tn-ai-pop-later:hover{color:#fff}
html[dir=ltr] .tn-ai-pop{left:auto;right:24px}
@media(max-width:1023px){
 .tn-ai-pop,html[dir=ltr] .tn-ai-pop{left:12px;right:12px;bottom:88px;width:auto;max-width:440px;margin-inline:auto}
 .tn-ai-pop-visual{height:96px}
 .tn-ai-pop h3{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.tn-ai-orb:after,.tn-ai-pill,.tn-ai-ribbon:after,.tn-ai-pop-visual i{animation:none!important}}
.tn-paused .tn-ai-orb:after,.tn-paused .tn-ai-pill,.tn-paused .tn-ai-ribbon:after{animation-play-state:paused!important}

/* =====================================================================
   LIGHT MODE — white with soft blues and violets
   ===================================================================== */
html.tn-light{
 --lm-bg:#fdfeff;--lm-surface:#ffffff;--lm-surface2:#f4f7fb;--lm-text:#0f1b3d;--lm-text2:#24314f;--lm-muted:#50607f;--lm-soft:#71809c;
 --lm-line:#e4e9f1;--lm-line2:#d3dceb;--lm-accent:#0b74e5;--lm-violet:#3d8bff;--lm-blue:#3b82f6;
 --lm-grad:linear-gradient(120deg,#0f78ea,#2d93ff 60%,#4aa8ff);--lm-shadow:0 1px 2px #0f1b3d0d,0 10px 30px #1d4ed814;
 color-scheme:light;
}
html.tn-light body,html.tn-light body.tn-glass{background:var(--lm-bg)!important;color:var(--lm-text)!important}
html.tn-light ::-webkit-scrollbar-track{background:var(--lm-bg)}
html.tn-light ::-webkit-scrollbar-thumb{background:#c9cfe6;border-color:var(--lm-bg)}
html.tn-light #preloader{background:var(--lm-bg)!important}
html.tn-light #scrollProgress{background:var(--lm-grad)!important;box-shadow:0 0 10px #3d8bff66!important}
html.tn-light .tn-ambience:before{background:radial-gradient(ellipse,#8fb3ff33,transparent 65%)}
html.tn-light .tn-ambience:after{background:radial-gradient(ellipse,#c9d9f52e,transparent 66%)}
html.tn-light .tn-ambience canvas{opacity:.18!important;filter:hue-rotate(200deg) saturate(2)}

/* Text & utility colours */
html.tn-light .text-white,html.tn-light .text-white\/90,html.tn-light h1,html.tn-light h2,html.tn-light h3,html.tn-light h4{color:var(--lm-text)!important}
html.tn-light .text-gray-200,html.tn-light .text-gray-300{color:var(--lm-text2)!important}
html.tn-light .text-gray-400,html.tn-light .tn-glass main .text-gray-400{color:var(--lm-muted)!important}
html.tn-light .text-gray-500,html.tn-light .tn-glass main .text-gray-500{color:var(--lm-soft)!important}
html.tn-light .text-gray-600{color:#6b7190!important}
html.tn-light .text-brand{color:var(--lm-accent)!important}
html.tn-light .text-shimmer{background:none!important;color:var(--lm-text)!important;-webkit-text-fill-color:var(--lm-text)}
html.tn-light .border-brand{border-color:var(--lm-accent)!important}
html.tn-light .border-brand\/20,html.tn-light .border-brand\/25{border-color:#3d8bff40!important}
html.tn-light .bg-brand\/5,html.tn-light .bg-brand\/10{background-color:#3d8bff14!important}
html.tn-light .bg-white\/5{background-color:#0b74e50a!important}
html.tn-light .bg-white\/10{background-color:#0b74e512!important}
html.tn-light .border-white\/5{border-color:#e7ecf6!important}
html.tn-light .border-white\/10,html.tn-light .border-white\/15,html.tn-light .border-white\/18,html.tn-light .border-white\/30{border-color:var(--lm-line)!important}
html.tn-light .bg-\[\#111\],html.tn-light .bg-\[\#121212\],html.tn-light .bg-\[\#080808\],html.tn-light .bg-\[\#050505\],html.tn-light [class*="bg-ink"]{background-color:var(--lm-surface)!important}
html.tn-light .from-\[\#1f1f1f\],html.tn-light .from-\[\#1a1a1a\]{background-image:none!important;background-color:var(--lm-surface)!important}
html.tn-light .tn-sep{background:var(--lm-grad)!important;box-shadow:none!important}
html.tn-light .tn-home .tn-sep{background:#c7d4ee!important}
html.tn-light .tn-home .tn-sep:after{background:var(--lm-violet)!important;box-shadow:0 0 12px #3d8bff80!important}

/* Buttons */
html.tn-light .tn-glass .btn-primary,html.tn-light .tn-glass a.bg-brand,html.tn-light .tn-glass button.bg-brand,html.tn-light .tn-glass .tn-sheen,html.tn-light .tn-glass .tn-ai .cta,html.tn-light .bg-brand{
 background:var(--lm-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px #5b5bf033!important}
html.tn-light .tn-glass .btn-primary:hover,html.tn-light .tn-glass a.bg-brand:hover,html.tn-light .tn-glass .tn-ai .cta:hover{background:linear-gradient(120deg,#0a66cc,#1f86f5)!important}
html.tn-light .bg-brand *,html.tn-light .btn-primary *{color:#fff!important}
html.tn-light a:focus-visible,html.tn-light button:focus-visible{outline-color:var(--lm-violet)!important}

/* Header */
html.tn-light .tn-glass nav.glass,html.tn-light nav.glass{background:#ffffffd9!important;border-bottom:1px solid var(--lm-line)!important;box-shadow:0 8px 30px #2a2f6a0d!important}
html.tn-light nav .text-gray-300,html.tn-light nav .text-gray-200{color:var(--lm-text2)!important}
html.tn-light nav .hover\:text-brand:hover{color:var(--lm-accent)!important}
html.tn-light nav .lg\:hidden.bg-\[\#050505\]{background:#fff!important}
html.tn-light nav .text-white svg,html.tn-light nav button svg{color:var(--lm-text)}
html.tn-light .from-\[\#1a1a1a\].to-\[\#000\] span{color:var(--lm-text)!important}
html.tn-light nav .tn-theme-toggle:not(.tn-theme-row){border-color:var(--lm-line2);color:var(--lm-text2)}
html.tn-light nav .tn-theme-toggle:not(.tn-theme-row):hover{border-color:var(--lm-violet);color:var(--lm-violet)}
html.tn-light .tn-theme-row{color:var(--lm-text2);border-bottom-color:#e7ecf6}
html.tn-light .tn-theme-row .tn-theme-icon{color:var(--lm-violet)}
html.tn-light .tn-lang-label,html.tn-light .lang-btn{color:var(--lm-text2)!important}
html.tn-light .tn-mobile-divider{background:var(--lm-line)!important}
html.tn-light .tn-ai-orb{background:radial-gradient(circle at 35% 30%,#fff,#4c9eff 45%,#3b4fd8 100%);box-shadow:0 0 0 3px #3d8bff1f,0 0 12px #3d8bff80}
html.tn-light .tn-ai-orb:after{border-color:#3d8bff99;border-top-color:transparent;border-bottom-color:transparent}
html.tn-light .tn-ai-new{background:var(--lm-grad);color:#fff}
html.tn-light .tn-ai-pill{color:var(--lm-text)!important;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--tn-a,0deg),#0b74e5,#dfeaf8 20%,#5b9dff 45%,#0b74e5 70%,#e8f0fb 85%,#0b74e5) border-box;box-shadow:0 6px 20px #0b74e51f}
html.tn-light .tn-ai-ribbon{background:linear-gradient(90deg,#eff6fe,#f0f5ff);color:var(--lm-text2);border-top-color:var(--lm-line)}
html.tn-light .tn-ai-ribbon b,html.tn-light .tn-ai-ribbon svg{color:var(--lm-accent)}
html.tn-light .tn-ai-ribbon:after{background:linear-gradient(90deg,transparent,#ffffffcc,transparent)}
html.tn-light .tn-ai-mitem{color:var(--lm-text);background:linear-gradient(120deg,#eff6fe,#fff)!important;border-color:#c8d6f3!important}

/* Cards and surfaces */
html.tn-light .tn-glass .card,html.tn-light .tn-glass .solution-card,html.tn-light .tn-glass .testimonial-card,html.tn-light .tn-glass .tn-stats-inline,html.tn-light .tn-glass #contact form,
html.tn-light .tn-home .card,html.tn-light .tn-home .solution-card,html.tn-light .tn-home .testimonial-card,html.tn-light .tn-home .tn-stats-inline,html.tn-light .card{
 background:radial-gradient(420px circle at var(--tn-x,85%) var(--tn-y,0%),#8a7bff12,transparent 65%),#fff!important;border:1px solid var(--lm-line)!important;box-shadow:var(--lm-shadow)!important;backdrop-filter:none!important}
html.tn-light .tn-glass .card:hover,html.tn-light .tn-glass .solution-card:hover,html.tn-light .tn-glass .testimonial-card:hover{border-color:#b6c8ee!important;box-shadow:0 18px 44px #3b3f8a1f!important}
html.tn-light .tn-home .card:after,html.tn-light .tn-home .solution-card:after,html.tn-light .tn-home .testimonial-card:after{background:linear-gradient(115deg,transparent 25%,#3d8bff0d 44%,#3d8bff14 46%,transparent 48%)}
html.tn-light .tn-home #about .card svg{border-color:#d4dbf5;background:#eff6fe;color:var(--lm-accent);box-shadow:none}
html.tn-light .tn-glass .tn-client-logo,html.tn-light .tn-home .tn-client-logo{background:#fff!important;border-color:var(--lm-line)!important;box-shadow:var(--lm-shadow)!important}
html.tn-light .tn-glass .field,html.tn-light .tn-glass .field input,html.tn-light .tn-glass .field textarea{background:var(--lm-surface2)!important;border-color:var(--lm-line)!important}
html.tn-light .tn-glass .field input,html.tn-light .tn-glass .field textarea,html.tn-light input,html.tn-light textarea,html.tn-light select{color:var(--lm-text)!important}
html.tn-light input::placeholder,html.tn-light textarea::placeholder{color:#8a90ab!important}
html.tn-light .tn-glass .field input:focus,html.tn-light .tn-glass .field textarea:focus{border-color:var(--lm-violet)!important}
html.tn-light .tn-glass #faq .space-y-2>div,html.tn-light .tn-glass #faq .space-y-2\.5>div{background:#fff!important;border-color:var(--lm-line)!important;box-shadow:0 1px 2px #1a1f4a0a}
html.tn-light .tn-glass .tn-modal,html.tn-light .tn-glass #cookieConsent,html.tn-light .tn-glass #promoModal,html.tn-light .tn-glass .acc-panel,html.tn-light .tn-modal,html.tn-light #cookieConsent,html.tn-light #promoModal,html.tn-light .acc-panel{
 background:#fff!important;border-color:var(--lm-line)!important;box-shadow:0 30px 80px #2a2f6a33!important;color:var(--lm-text)!important}
html.tn-light .tn-modal *:not(.bg-brand):not(.btn-primary){border-color:var(--lm-line)}
html.tn-light .tn-motion{background:#fff!important;color:var(--lm-accent)!important;border-color:var(--lm-line2)!important}

/* Home hero */
html.tn-light .tn-glass #top,html.tn-light .tn-home #top{background:radial-gradient(ellipse at 50% 30%,#edf4fd,transparent 60%),radial-gradient(ellipse at 85% 80%,#eff6fe,transparent 55%),var(--lm-bg)!important}
html.tn-light .tn-home #top>.max-w-5xl{text-shadow:none}
html.tn-light .tn-glass #top .tn-hero-video,html.tn-light .tn-home #top .tn-hero-video{opacity:.06!important;filter:grayscale(1)}
html.tn-light .tn-glass #top .tn-hero-overlay,html.tn-light .tn-home #top .tn-hero-overlay{background:radial-gradient(ellipse at center,#f6f7fc66 20%,#f6f7fc99 55%,var(--lm-bg) 95%)!important}
html.tn-light .hero-bg{background-color:transparent!important;background-image:linear-gradient(#0b74e50d 1px,transparent 1px),linear-gradient(90deg,#0b74e50d 1px,transparent 1px)!important}
html.tn-light .tn-liquid-stage:after{background:linear-gradient(0deg,var(--lm-bg),transparent 25%,transparent 85%,var(--lm-bg))}
html.tn-light .tn-liquid-ring{border-color:#4c9eff66;background:linear-gradient(130deg,#ffffff80,transparent 25%,#e1ebf833 55%,#ffffff66);box-shadow:inset 2px 3px 6px #ffffff,inset -8px -8px 18px #9ab6ff33,0 0 45px #4c9eff1a}
html.tn-light .tn-liquid-ring:nth-child(2){border-color:#60a5fa40}
html.tn-light .tn-liquid-ring:nth-child(3){border-color:#4c9eff26}
html.tn-light .tn-orbit-dot{background:#4c9eff;box-shadow:0 0 10px #4c9eff,0 0 24px #60a5fa}
html.tn-light .tn-home #about:before,html.tn-light .tn-home #solutions:before,html.tn-light .tn-home #contact:before{background:radial-gradient(ellipse at 10% 45%,#dde8f740,transparent 45%),radial-gradient(ellipse at 95% 70%,#edf3fc40,transparent 40%)}
html.tn-light .tn-home #solutions{border-color:var(--lm-line)!important;background-image:linear-gradient(#0b74e508 1px,transparent 1px),linear-gradient(90deg,#0b74e508 1px,transparent 1px)!important}
html.tn-light .tn-home #clients{background:transparent!important}
html.tn-light .tn-home .tn-stats-inline:after{background:linear-gradient(90deg,transparent,#4c9eff,transparent)}
html.tn-light .tn-glass .tn-ai-entry,html.tn-light .tn-home .tn-ai-entry{background:radial-gradient(ellipse at 85% 100%,#e1ebf866,transparent 65%),linear-gradient(120deg,#ffffff,#f0f5ff)!important;border-color:var(--lm-line)!important}
html.tn-light .tn-ai-entry p{color:var(--lm-muted)!important}
html.tn-light .tn-ai-entry small{color:var(--lm-accent)!important}
html.tn-light .tn-ai-entry a{background:var(--lm-grad)!important;color:#fff!important;border-color:transparent!important}
html.tn-light .tn-home .tn-ai-entry:before{border-color:#4c9eff1f;box-shadow:inset 2px 3px 3px #ffffff,0 0 70px #4c9eff1a}

/* Footer */
html.tn-light .tn-glass footer,html.tn-light footer{background:#eef1fa!important;border-top:1px solid var(--lm-line)!important}
html.tn-light .footer-bg{background-image:linear-gradient(#0b74e508 1px,transparent 1px),linear-gradient(90deg,#0b74e508 1px,transparent 1px)!important}
html.tn-light footer a:hover{color:var(--lm-accent)!important}
html.tn-light .tn-foot-ai{background:radial-gradient(ellipse at 90% 0%,#e8f0fb,transparent 60%),#fff;border-color:var(--lm-line2);color:var(--lm-text2);box-shadow:var(--lm-shadow)}
html.tn-light .tn-foot-ai:hover{border-color:var(--lm-violet)}
html.tn-light .tn-foot-ai-text b{background:var(--lm-grad);color:#fff}
html.tn-light .tn-foot-ai-cta{color:var(--lm-accent)}
html.tn-light .tn-theme-pill{border-color:var(--lm-line2);color:var(--lm-text2);background:#fff}
html.tn-light .tn-theme-pill:hover{border-color:var(--lm-violet);color:var(--lm-accent)}

/* Popup */
html.tn-light .tn-ai-pop{background:#fff;border-color:var(--lm-line2);color:var(--lm-text);box-shadow:0 30px 80px #2a2f6a38}
html.tn-light .tn-ai-pop h3{color:var(--lm-text)}
html.tn-light .tn-ai-pop p{color:var(--lm-muted)}
html.tn-light .tn-ai-pop-visual{background:radial-gradient(ellipse at 50% 120%,#93b4ff66,transparent 65%),linear-gradient(180deg,#eff6fe,#f6f3ff);border-bottom-color:var(--lm-line)}
html.tn-light .tn-ai-pop-visual i{border-color:#3d8bff66}
html.tn-light .tn-ai-pop-visual i:nth-child(1){border-top-color:#0b74e5}
html.tn-light .tn-ai-pop-visual i:nth-child(2){border-color:#3d8bff33;border-bottom-color:#0b74e5aa}
html.tn-light .tn-ai-pop-visual span{color:#fff;background:radial-gradient(circle at 35% 30%,#bcd2ff,#2d93ff 55%,#0b6bd6);box-shadow:0 0 30px #3d8bff80}
html.tn-light .tn-ai-pop-x{background:#ffffffcc;border-color:var(--lm-line);color:var(--lm-text2)}
html.tn-light .tn-ai-pop-cta{background:var(--lm-grad);color:#fff}
html.tn-light .tn-ai-pop-later{color:var(--lm-soft)}
html.tn-light .tn-ai-pop-later:hover{color:var(--lm-text)}

/* Light mode — page-specific text fixes */
html.tn-light [class*="text-gray-300\/"],html.tn-light [class*="text-gray-400\/"]{color:var(--lm-muted)!important}
html.tn-light .solution-bullets li,html.tn-light .solution-detail-text{color:var(--lm-text2)!important}
html.tn-light .tn-stat-inline-label{color:var(--lm-muted)!important}
html.tn-light .tn-stat-num .tn-counter,html.tn-light .tn-counter{color:var(--lm-accent)!important;background:var(--lm-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.tn-light a.btn[style],html.tn-light .tn-ai .contact form a.btn{background:#fff!important;color:var(--lm-text)!important;border:1px solid var(--lm-line2)!important}
html.tn-light a.btn[style]:hover{border-color:var(--lm-violet)!important}
html.tn-light .acc-panel *{color:var(--lm-text2)}
html.tn-light .acc-panel .acc-btn,html.tn-light .acc-panel button{background:var(--lm-surface2)!important;border-color:var(--lm-line)!important}
html.tn-light .field span,html.tn-light .field>span{color:var(--lm-muted)!important}
html.tn-light footer .text-gray-600{color:#6b7190!important}

/* ================= Light mode — AI page ================= */
html.tn-light .tn-ai{--page:#f6f7fc;--surface:#fff;--surface2:#eef1fb;--text:#171b34;--muted:#5a617f;--accent:#0b74e5;--line:#dde2f2;--button:#0b74e5;--buttontext:#fff;--lp-cyan:#2d93ff;--lp-violet:#5b9dff;
 background:radial-gradient(ellipse at 12% 8%,#dfe5ff,transparent 42%),radial-gradient(ellipse at 90% 40%,#ece4ff,transparent 40%),var(--lm-bg)!important;color:var(--lm-text)!important}
html.tn-light .tn-ai p,html.tn-light .tn-ai .section-lead,html.tn-light .tn-ai .hero p,html.tn-light .tn-ai .solution p,html.tn-light .tn-ai .step p,html.tn-light .tn-ai .faq p,html.tn-light .tn-ai .contact p{color:var(--lm-muted)!important}
html.tn-light .tn-ai .hero h1{color:var(--lm-text)!important;text-shadow:none}
html.tn-light .tn-ai h2,html.tn-light .tn-ai h3,html.tn-light .tn-ai .faq summary{color:var(--lm-text)!important}
html.tn-light .tn-ai .index,html.tn-light .tn-ai .hero .eyebrow{color:var(--lm-accent)!important}
html.tn-light .tn-ai .hero .eyebrow{background:#fff;border-color:var(--lm-line2);box-shadow:var(--lm-shadow)}
html.tn-light .tn-ai a{color:var(--lm-accent)}
html.tn-light .tn-ai .hero-points{color:var(--lm-text2)}
html.tn-light .tn-ai .hero-points svg{color:var(--lm-violet)}
html.tn-light .tn-ai .hero-hint{color:var(--lm-soft)!important}
html.tn-light .tn-ai .cta{background:var(--lm-grad)!important;color:#fff!important;border-color:transparent!important}
/* portal */
html.tn-light .tn-ai .lp-shadow{background:#4c9eff33}
html.tn-light .tn-ai .lp-stage:before{border-color:#4c9eff33;box-shadow:0 0 0 35px #4c9eff08,0 0 0 36px #4c9eff1a,0 0 90px #4c9eff1f}
html.tn-light .tn-ai .lp-portal{filter:drop-shadow(0 12px 40px #2d93ff33)}
html.tn-light .tn-ai .lp-r1{border-color:#4c9eff55;box-shadow:0 0 25px #4c9eff1a}
html.tn-light .tn-ai .lp-r1:after{background:#fff;box-shadow:0 0 16px 4px #4c9eff}
html.tn-light .tn-ai .lp-r2{border-color:transparent #60a5faaa #8cc2ff77;box-shadow:0 0 0 6px #4c9eff0a}
html.tn-light .tn-ai .lp-r3{border-color:#c8d6f3;box-shadow:inset 3px 5px 12px #fff,0 0 0 9px #4c9eff0d}
html.tn-light .tn-ai .lp-r4{border-color:#c9d0ff66 #2d93ffaa #8cc2ff88}
html.tn-light .tn-ai .lp-lens{border-color:#fff;background:radial-gradient(circle at 33% 20%,#ffffffcc,transparent 35%),linear-gradient(145deg,#e0ecff,#c9c2ff 70%);box-shadow:inset 5px 8px 17px #fff,inset -10px -15px 22px #4c9eff40,0 0 35px #4c9eff33}
html.tn-light .tn-ai .lp-lens:before{background:conic-gradient(from 20deg,transparent,#60a5fa26,transparent 14%,#8cc2ff26,transparent 31%)}
html.tn-light .tn-ai .lp-lens:after{background:radial-gradient(circle at 30% 20%,#2d93ff,#0a5bb8 85%);box-shadow:inset 0 2px 6px #ffffff66,0 0 25px #2d93ff55}
html.tn-light .tn-ai .lp-label b,html.tn-light .tn-ai .lp-label small{color:#fff!important}
html.tn-light .tn-ai .lp-label em{color:#dbeafe!important}
html.tn-light .tn-ai .lp-chip{background:linear-gradient(135deg,#ffffffee,#f2f6ffee)!important;border-color:var(--lm-line2)!important;box-shadow:0 14px 34px #3b3f8a1f!important}
html.tn-light .tn-ai .lp-chip:hover,html.tn-light .tn-ai .lp-chip:focus{border-color:var(--lm-violet)!important}
html.tn-light .tn-ai .lp-chip b{color:var(--lm-text)!important}
html.tn-light .tn-ai .lp-chip small{color:var(--lm-accent)!important}
html.tn-light .tn-ai .lp-chip .detail span{color:var(--lm-muted)!important}
/* sections */
html.tn-light .tn-ai .section-border{border-color:var(--lm-line)!important}
html.tn-light .tn-ai .glass,html.tn-light .tn-ai .solution.featured,html.tn-light .tn-ai .contact,html.tn-light .tn-ai .solution{background:#fff!important;border-color:var(--lm-line)!important;box-shadow:var(--lm-shadow)!important}
html.tn-light .tn-ai .solution.featured{background:radial-gradient(ellipse at 50% 30%,#ebf3fe,transparent 65%),#fff!important}
html.tn-light .tn-ai .glass:before{background:radial-gradient(400px circle at var(--x,50%) var(--y,0%),#4c9eff14,transparent 62%)}
html.tn-light .tn-ai .glass:after{background:linear-gradient(100deg,transparent,#ffffff99,transparent)}
html.tn-light .tn-ai .mini-ring{color:var(--lm-accent);border-color:#4c9eff66;background:radial-gradient(circle at 30% 20%,#fff,#eff6fe);box-shadow:0 0 0 13px #4c9eff0a,0 0 0 14px #4c9eff26,0 0 50px #4c9eff26}
html.tn-light .tn-ai .mini-ring:before{border-top-color:#2d93ff99;border-bottom-color:#8cc2ff99}
html.tn-light .tn-ai .stack div,html.tn-light .tn-ai .stack div:nth-child(2){background:#fff!important;border-color:var(--lm-line)!important;box-shadow:var(--lm-shadow)!important;color:var(--lm-text)}
html.tn-light .tn-ai .stack div:nth-child(2){border-color:#9cc6f6!important}
html.tn-light .tn-ai .stack b{color:var(--lm-text)}
html.tn-light .tn-ai .stack small{color:var(--lm-muted)}
html.tn-light .tn-ai .step .number{color:var(--lm-violet)!important;text-shadow:none}
html.tn-light .tn-ai .faq details{border-color:var(--lm-line)!important}
html.tn-light .tn-ai .faq details[open]{background:#fff!important;border-color:var(--lm-line)!important;box-shadow:var(--lm-shadow)}
html.tn-light .tn-ai .faq summary:after{color:var(--lm-violet)}
html.tn-light .tn-ai .contact form .field{background:var(--lm-surface2)!important}
html.tn-light .tn-ai .contact form .field input,html.tn-light .tn-ai .contact form .field textarea{color:var(--lm-text)!important}
html.tn-light .tn-ai .contact form .text-xs,html.tn-light .tn-ai .contact form label{color:var(--lm-muted)!important}
html.tn-light .tn-ai .contact form a.text-brand{color:var(--lm-accent)!important}
html.tn-light .tn-ai .contact form input[type=checkbox]{accent-color:var(--lm-violet)}
html.tn-light .tn-ai .contact p[style],html.tn-light .tn-ai .contact p[style] span{color:var(--lm-soft)!important}
/* in practice */
html.tn-light .tn-ai .ux-goal{background:#fff;border-color:var(--lm-line);color:var(--lm-text);box-shadow:0 1px 2px #1a1f4a0a}
html.tn-light .tn-ai .ux-goal:hover{border-color:#b6c8ee}
html.tn-light .tn-ai .ux-goal-icon{background:#eff6fe;border-color:#d3e0f8;color:var(--lm-accent)}
html.tn-light .tn-ai .ux-goal-text small{color:var(--lm-muted)}
html.tn-light .tn-ai .ux-goal[aria-selected=true]{border-color:#4c9eff;background:radial-gradient(circle at 15% 0%,#eaf3fe,transparent 70%),#fff;box-shadow:0 14px 36px #0b74e51f,0 0 0 3px #4c9eff1f}
html.tn-light .tn-ai .ux-goal[aria-selected=true] .ux-goal-icon{background:var(--lm-grad);color:#fff;border-color:transparent}
html.tn-light .tn-ai .ux-case{background:#fff;border-color:var(--lm-line);box-shadow:var(--lm-shadow)}
html.tn-light .tn-ai .ux-ind-icon{background:#eff6fe;border-color:#dbe5f8;color:var(--lm-accent)}
html.tn-light .tn-ai .ux-ind{color:var(--lm-muted)}
html.tn-light .tn-ai .ux-before{background:#f6f7fc;border-color:#d3d8ec}
html.tn-light .tn-ai .ux-before .ux-tag{color:var(--lm-soft)}
html.tn-light .tn-ai .ux-before p{color:var(--lm-muted)!important}
html.tn-light .tn-ai .ux-after{background:linear-gradient(150deg,#eff6fe,#f0f5ff);border-color:#c6dcf7}
html.tn-light .tn-ai .ux-after .ux-tag{color:var(--lm-accent)}
html.tn-light .tn-ai .ux-after p{color:var(--lm-text2)!important}
html.tn-light .tn-ai .ux-node:before{border-color:#4c9eff88}
html.tn-light .tn-ai .ux-node span{background:var(--lm-grad);color:#fff;box-shadow:0 0 0 5px #4c9eff1f}
html.tn-light .tn-ai .ux-gain{border-top-color:#eceef8;color:var(--lm-text)}
html.tn-light .tn-ai .ux-gain svg{background:var(--lm-grad);color:#fff}
html.tn-light .tn-ai .ux-foot p{color:var(--lm-soft)!important}
html.tn-light .tn-ai .ux-cta{color:var(--lm-accent);border-bottom-color:#9cc6f6}
html.tn-light .tn-ai .contact form,html.tn-light .tn-glass .tn-ai .contact form{background:none!important;border:0!important;box-shadow:none!important}
html.tn-light .tn-ai .lp-lens:after{background:radial-gradient(circle at 30% 20%,#ffffff,#e9e6ff 85%);box-shadow:inset 0 2px 6px #fff,0 0 0 1px #c7d7fe,0 0 25px #2d93ff40}
html.tn-light .tn-ai .lp-label b{color:#0f1d44!important}
html.tn-light .tn-ai .lp-label em{color:var(--lm-accent)!important}
html.tn-light .tn-ai .lp-label small{color:#4c4f7a!important}
html.tn-light [style*="#2a2a2a"],html.tn-light [style*="#1a1a1a"]{background:linear-gradient(145deg,#eff6fe,#fff)!important;border-color:var(--lm-line2)!important;box-shadow:var(--lm-shadow)!important}
html.tn-light [style*="#2a2a2a"] svg,html.tn-light [style*="#1a1a1a"] svg{color:var(--lm-accent)!important}
html.tn-light .solution-card svg{color:var(--lm-accent)!important}
html.tn-light .tn-client-logo img{filter:none}
html.tn-light .tn-modal-title{color:var(--lm-text)!important}
html.tn-light #tnModalBody,html.tn-light #tnModalBody p,html.tn-light #tnModalBody li{color:var(--lm-text2)!important}
html.tn-light #tnModalBackdrop a:not(.bg-brand):not(.btn-primary),html.tn-light #tnModalBackdrop a:not(.bg-brand) span{color:var(--lm-accent)!important}
html.tn-light #tnModalBackdrop button[aria-label],html.tn-light .tn-modal-close{color:var(--lm-text2)!important}
html.tn-light .modal-cta-btn{background:var(--lm-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px #0b74e533!important}
html.tn-light .modal-cta-btn *{color:#fff!important}
html.tn-light .tn-modal .tn-modal-header,html.tn-light .tn-modal-header{background:linear-gradient(135deg,#eff6fe,#f2f6ff)!important;border-color:var(--lm-line)!important}
html.tn-light .tn-ai .glass:after{display:none}
html.tn-light .tn-mobile-actionbar{background:#ffffffe6!important;border-color:var(--lm-line)!important;box-shadow:0 10px 30px #2a2f6a26!important}
html.tn-light .tn-mobile-actionbar a:not(.tn-cta-call){background-color:#fff!important;border-color:var(--lm-line)!important}
html.tn-light .tn-mobile-actionbar a:not(.tn-cta-call) svg{color:var(--lm-text2)!important}
html.tn-light .tn-mobile-actionbar a.tn-cta-wa{background:#25D366!important;border-color:#25D366!important}
html.tn-light .tn-mobile-actionbar a.tn-cta-wa svg{color:#fff!important}

/* Stats bar — four equal columns that fill the bar (desktop/tablet) */
@media(min-width:768px){
 .tn-glass .tn-stats-inline{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;padding:26px 12px!important;align-items:center}
 .tn-glass .tn-stats-inline>.tn-stat-inline{width:auto!important;max-width:none!important;flex:none!important;text-align:center;position:relative}
 .tn-glass .tn-stats-inline>.tn-stat-inline+.tn-stat-inline:before{content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;width:1px;background:linear-gradient(180deg,transparent,#e5d3a840,transparent)}
 html.tn-light .tn-glass .tn-stats-inline>.tn-stat-inline+.tn-stat-inline:before{background:linear-gradient(180deg,transparent,var(--lm-line2),transparent)}
}

/* ================= Utility pages (404 / thank-you) ================= */
/* The entrance classes were used without definitions, so the thank-you text stayed invisible. */
.animate-fade-in{animation:tnFadeIn .7s ease forwards}
.animate-scale-up{animation:tnScaleUp .6s cubic-bezier(.2,.8,.2,1) both}
.animate-bounce-slow{animation:tnBounceSlow 4s ease-in-out infinite}
@keyframes tnFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes tnScaleUp{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes tnBounceSlow{50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-scale-up{animation:none!important;opacity:1!important}.animate-bounce-slow{animation:none!important}}
/* Motion button: fixed corner instead of a flex sibling of the page content */
body>.tn-motion{position:fixed!important;left:20px!important;bottom:20px!important;margin:0!important;z-index:50}
html[dir=ltr] body>.tn-motion{left:auto!important;right:20px!important}
/* Floating theme switch next to the language button */
.tn-theme-float{position:fixed;top:20px;z-index:50;width:38px;height:38px;border-radius:50%;border:1px solid #fdb9154d;background:#fdb9151a;color:#fdb915}
html[dir=rtl] .tn-theme-float{left:auto;right:20px}
html[dir=ltr] .tn-theme-float{left:20px}
html[dir=rtl] body>.lang-switcher{left:20px}
html.tn-light .tn-theme-float{border-color:var(--lm-line2);background:#fff;color:var(--lm-accent);box-shadow:var(--lm-shadow)}
html.tn-light .lang-btn{background:#fff!important;border-color:var(--lm-line2)!important;color:var(--lm-accent)!important;box-shadow:var(--lm-shadow)}
html.tn-light .bg-pattern{background-image:radial-gradient(#2d93ff 1px,transparent 1px)!important;opacity:.12!important}
html.tn-light .text-brand\/20{color:#2d93ff26!important}
html.tn-light body .btn:not(.btn-primary):not([style]){background:var(--lm-grad)!important;color:#fff!important;box-shadow:0 8px 22px #0b74e533}
html.tn-light .bg-brand\/10.rounded-full{background:#eff6fe!important;border-color:#c7d7fe!important;box-shadow:0 0 30px #3d8bff26!important}
html.tn-light body>.tn-motion{background:#fff!important}

/* ================= Header — compact on scroll + sliding indicator (20260926d) ================= */
@media(min-width:1024px){
 .tn-glass nav.glass>div:first-child{transition:min-height .35s ease,padding .35s ease}
 .tn-glass nav.glass>div:first-child>a:first-child>div:first-child{transition:width .35s ease,height .35s ease}
 .tn-glass nav.glass.tn-scrolled>div:first-child{min-height:64px!important;padding-top:6px!important;padding-bottom:6px!important}
 .tn-glass nav.glass.tn-scrolled>div:first-child>a:first-child>div:first-child{width:44px!important;height:44px!important}
 .tn-glass nav.glass.tn-scrolled>div:first-child>a:first-child>div:first-child span{font-size:18px!important}
}
/* living edge: a thin light line that tracks reading progress */
.tn-glass nav.glass:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#fdb915 20%,#fff1c2 50%,#fdb915 80%,transparent);background-size:200% 100%;
 transform-origin:var(--tn-origin,right);transform:scaleX(var(--tn-progress,0));opacity:.9;transition:transform .15s linear}
html[dir=ltr] .tn-glass nav.glass:after{--tn-origin:left}
html.tn-light .tn-glass nav.glass:after{background:linear-gradient(90deg,transparent,#0b74e5 20%,#60a5fa 50%,#5b9dff 80%,transparent)}
.tn-glass #scrollProgress{display:none!important}
/* sliding indicator behind the desktop links */
.tn-nav-links{position:relative}
.tn-nav-ind{position:absolute;top:50%;height:36px;left:0;width:0;transform:translate(var(--x,0),-50%);border-radius:99px;pointer-events:none;z-index:0;
 background:#ffffff0d;border:1px solid #fdb91540;box-shadow:inset 0 1px #ffffff14,0 0 18px #fdb91514;opacity:0;
 transition:transform .38s cubic-bezier(.3,.8,.2,1),width .38s cubic-bezier(.3,.8,.2,1),opacity .25s}
.tn-nav-ind.on{opacity:1}
.tn-nav-links>a{position:relative;z-index:1}
.tn-nav-links>a.tn-nav-active:not(.tn-ai-pill){color:#fdb915}
html.tn-light .tn-nav-ind{background:#eff6fe;border-color:#c6dcf7;box-shadow:0 4px 14px #0b74e51a}
html.tn-light .tn-nav-links>a.tn-nav-active:not(.tn-ai-pill){color:var(--lm-accent)!important}
@media(prefers-reduced-motion:reduce){.tn-nav-ind,.tn-glass nav.glass:after{transition:none}}

/* Stats bar: same width as the cards below */
.tn-glass #stats>.max-w-6xl{max-width:80rem}

/* Category icons (support, continuity, security…) — outline style in light mode */
html.tn-light #solutions .group-wrapper>.flex>div.rounded-full{background:#fff!important;border:1.5px solid #c6dcf7!important;box-shadow:0 6px 16px #0b6bd61a!important}
html.tn-light #solutions .group-wrapper>.flex>div.rounded-full svg{color:var(--lm-accent)!important}

/* Ideas block — light */
html.tn-light .tn-ai .ux-ideas{background:#fff;border-color:var(--lm-line);box-shadow:var(--lm-shadow)}
html.tn-light .tn-ai .ux-ideas h3{color:var(--lm-text)!important}
html.tn-light .tn-ai .ux-idea{background:#f5f8ff;border-color:#d7e2f6;color:var(--lm-text2)!important}
html.tn-light .tn-ai .ux-idea svg{color:var(--lm-accent)}
html.tn-light .tn-ai .ux-idea:hover{border-color:#8fb3ff;background:#eff6fe}

/* ================= 20260927a ================= */
/* Subtle AI link in the desktop header */
.tn-ai-link{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#e9e3d3;padding:4px 2px;transition:color .2s;white-space:nowrap}
.tn-ai-link:hover,.tn-ai-link[aria-current]{color:#fdb915}
.tn-ai-link .tn-ai-orb{width:9px;height:9px;box-shadow:0 0 0 2px #fdb9151a,0 0 8px #fdb91580}
.tn-ai-link .tn-ai-orb:after{inset:-4px}
.tn-ai-sup{font-size:10px;font-weight:700;color:#fdb915;vertical-align:super;margin-inline-start:-2px;letter-spacing:.2px}
html.tn-light .tn-ai-link{color:var(--lm-text2)!important}
html.tn-light .tn-ai-link:hover,html.tn-light .tn-ai-link[aria-current]{color:var(--lm-accent)!important}
html.tn-light .tn-ai-sup{color:var(--lm-accent)}

/* Stats: open layout, no card */
.tn-glass .tn-stats-inline,.tn-home .tn-stats-inline,html.tn-light .tn-glass .tn-stats-inline,html.tn-light .tn-home .tn-stats-inline{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.tn-glass .tn-stats-inline:before,.tn-glass .tn-stats-inline:after,.tn-home .tn-stats-inline:before,.tn-home .tn-stats-inline:after{display:none!important}

/* Modern buttons: soft rectangle instead of a pill */
.tn-glass a.tn-sheen:not(.tn-cta-call),.tn-glass .btn,.tn-glass .btn-primary,.tn-ai .cta,.tn-ai-pop-cta,.modal-cta-btn,.tae-cta,.tn-glass .lang-btn{border-radius:14px!important}
.tn-glass a.tn-sheen:not(.tn-cta-call),.tn-glass .btn-primary,.tn-ai .cta,.modal-cta-btn,.tae-cta{box-shadow:inset 0 1px 0 #ffffff40,0 10px 26px -10px #fdb91599!important}
.tn-glass a.tn-sheen:not(.tn-cta-call) svg,.tn-ai .cta svg,.modal-cta-btn svg,.tae-cta svg,.tn-ai-pop-cta svg{transition:transform .25s}
html[dir=rtl] .tn-glass a.tn-sheen:not(.tn-cta-call):hover svg,html[dir=rtl] .modal-cta-btn:hover svg,html[dir=rtl] .tae-cta:hover svg,html[dir=rtl] .tn-ai-pop-cta:hover svg{transform:translateX(-4px)}
html[dir=ltr] .tn-glass a.tn-sheen:not(.tn-cta-call):hover svg,html[dir=ltr] .modal-cta-btn:hover svg,html[dir=ltr] .tae-cta:hover svg,html[dir=ltr] .tn-ai-pop-cta:hover svg{transform:translateX(4px)}
html.tn-light .tn-glass a.tn-sheen:not(.tn-cta-call),html.tn-light .tn-glass .btn-primary,html.tn-light .tn-ai .cta,html.tn-light .modal-cta-btn,html.tn-light .tae-cta{box-shadow:inset 0 1px 0 #ffffff55,0 10px 24px -10px #0b74e5aa!important}

/* ---------- Home: TECHNOXE AI feature card (calm version) ---------- */
.tae{width:min(1280px,calc(100% - 48px));margin:56px auto;position:relative}
.tae-frame{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding:52px 56px;border-radius:26px;
 border:1px solid #ffffff14;background:linear-gradient(160deg,#18181a,#0e0f12);box-shadow:inset 0 1px #ffffff0d,0 30px 70px -40px #000}
.tae-frame:before{content:"";position:absolute;top:-1px;inset-inline:18%;height:1px;background:linear-gradient(90deg,transparent,#fdb91599,transparent)}
.tae-frame:after{content:"";position:absolute;width:520px;height:520px;inset-inline-end:-160px;top:-220px;border-radius:50%;background:radial-gradient(circle,#fdb91512,transparent 65%);pointer-events:none}
.tae-copy,.tae-panel{position:relative;z-index:1}
.tae-label{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#fdb915;letter-spacing:.2px}
.tae-label i{width:7px;height:7px;border-radius:50%;background:#fdb915;box-shadow:0 0 0 4px #fdb9151f}
.tae h2{font-size:clamp(26px,2.8vw,38px)!important;line-height:1.25!important;font-weight:800!important;margin:14px 0 14px!important;color:#fff!important;letter-spacing:-.01em}
.tae h2 span{display:block;color:#b9b2a3;font-weight:700}
.tae p{font-size:16px!important;line-height:1.8!important;color:#b9b3a5!important;max-width:540px;margin:0!important}
.tae-tags{list-style:none;padding:0;margin:22px 0 28px;display:flex;flex-wrap:wrap;gap:8px 20px}
.tae-tags li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#e6e0d2}
.tae-tags svg{width:14px;height:14px;color:#fdb915}
.tae-cta{display:inline-flex!important;align-items:center;gap:10px;padding:13px 22px!important;font-weight:800;font-size:15.5px;color:#17130b!important;background:#fdb915!important;border:0!important;box-shadow:inset 0 1px 0 #ffffff40!important}
.tae-cta:hover{background:#ffc93b!important}
.tae-cta svg{width:17px;height:17px}
/* live agent panel */
.tae-panel{border-radius:18px;border:1px solid #ffffff14;background:#0a0b0dcc;box-shadow:0 24px 50px -24px #000,inset 0 1px #ffffff0a;overflow:hidden}
.tae-bar{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #ffffff0f;font-size:13px}
.tae-mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:10.5px;font-weight:900;color:#17130b;background:#fdb915}
.tae-bar b{color:#e9e3d3;font-weight:700}
.tae-bar em{margin-inline-start:auto;font-style:normal;display:inline-flex;align-items:center;gap:6px;color:#8fd49b;font-size:12px;font-weight:600}
.tae-bar em i{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:taeLive 1.6s ease-in-out infinite}
@keyframes taeLive{50%{opacity:.3}}
.tae-body{padding:18px 18px 8px;min-height:212px}
.tae-scn{animation:taeIn .45s ease both}
.tae-scn[hidden]{display:none}
@keyframes taeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tae-scn-title{font-size:15px;font-weight:800;color:#fff;margin-bottom:14px}
.tae-scn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tae-scn li{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#ffffff05;border:1px solid #ffffff0d;font-size:14px;color:#8d887e;transition:color .3s,border-color .3s,background .3s}
.tae-st{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid #ffffff26;position:relative}
.tae-st svg{width:12px;height:12px;color:#17130b;opacity:0;transform:scale(.5);transition:.25s}
.tae-scn li.run{color:#e6e0d2;border-color:#fdb91533}
.tae-scn li.run .tae-st{border-color:#fdb915;border-top-color:transparent;animation:tnOrbSpin .8s linear infinite}
.tae-scn li.ok{color:#e6e0d2}
.tae-scn li.ok .tae-st{background:#fdb915;border-color:#fdb915}
.tae-scn li.ok .tae-st svg{opacity:1;transform:none}
.tae-done{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;color:#8fd49b;opacity:0;transition:opacity .3s}
.tae-done svg{width:13px;height:13px}
.tae-scn.fin .tae-done{opacity:1}
.tae-dots{display:flex;justify-content:center;gap:6px;padding:4px 0 14px}
.tae-dots i{width:6px;height:6px;border-radius:99px;background:#ffffff26;transition:width .3s,background .3s}
.tae-dots i.on{width:18px;background:#fdb915}
@media(max-width:900px){
 .tae{width:calc(100% - 32px);margin:36px auto}
 .tae-frame{grid-template-columns:1fr;padding:28px 20px;gap:26px;border-radius:22px}
 .tae p{font-size:15px!important}
 .tae-tags{gap:8px 16px;margin:18px 0 22px}
 .tae-cta{width:100%;justify-content:center}
 .tae-body{min-height:200px}
}
@media(prefers-reduced-motion:reduce){.tae *{animation:none!important;transition:none!important}}
/* light */
html.tn-light .tae-frame{border-color:var(--lm-line)!important;background:linear-gradient(160deg,#ffffff,#f7faff)!important;box-shadow:0 1px 2px #0f1b3d0a,0 24px 60px -34px #0b74e540!important}
html.tn-light .tae-frame:before{background:linear-gradient(90deg,transparent,#2d93ff99,transparent)}
html.tn-light .tae-frame:after{background:radial-gradient(circle,#2d93ff12,transparent 65%)}
html.tn-light .tae-label{color:var(--lm-accent)}
html.tn-light .tae-label i{background:var(--lm-accent);box-shadow:0 0 0 4px #0b74e51f}
html.tn-light .tae h2{color:var(--lm-text)!important}
html.tn-light .tae h2 span{color:#5e6b85}
html.tn-light .tae p{color:var(--lm-muted)!important}
html.tn-light .tae-tags li{color:var(--lm-text2)}
html.tn-light .tae-tags svg{color:var(--lm-accent)}
html.tn-light .tae-cta{background:var(--lm-grad)!important;color:#fff!important}
html.tn-light .tae-panel{background:#fff;border-color:var(--lm-line);box-shadow:0 20px 44px -26px #0f1b3d40}
html.tn-light .tae-bar{border-bottom-color:#edf1f7}
html.tn-light .tae-mark{background:var(--lm-grad);color:#fff}
html.tn-light .tae-bar b{color:var(--lm-text)}
html.tn-light .tae-bar em{color:#15803d}
html.tn-light .tae-bar em i{background:#22c55e}
html.tn-light .tae-scn-title{color:var(--lm-text)}
html.tn-light .tae-scn li{background:#f7f9fc;border-color:#e8edf5;color:#8591a8}
html.tn-light .tae-st{border-color:#cdd6e4}
html.tn-light .tae-st svg{color:#fff}
html.tn-light .tae-scn li.run,html.tn-light .tae-scn li.ok{color:var(--lm-text2)}
html.tn-light .tae-scn li.run{border-color:#bcd8f7}
html.tn-light .tae-scn li.run .tae-st{border-color:var(--lm-accent);border-top-color:transparent}
html.tn-light .tae-scn li.ok .tae-st{background:var(--lm-accent);border-color:var(--lm-accent)}
html.tn-light .tae-done{color:#15803d}
html.tn-light .tae-dots i{background:#d5deeb}
html.tn-light .tae-dots i.on{background:var(--lm-accent)}

/* Preloader in light mode */
html.tn-light #preloader img{content:url(logo-light.webp)}
html.tn-light #preloader .text-brand{color:var(--lm-accent)!important}
html.tn-light .tn-home #top .text-gray-500,html.tn-light #top [class*="text-gray-500"]{color:var(--lm-soft)!important}
html.tn-light .tn-ai{background:radial-gradient(ellipse at 12% 8%,#eaf4ff,transparent 45%),radial-gradient(ellipse at 90% 40%,#f2f8ff,transparent 40%),var(--lm-bg)!important}
html.tn-light .tn-ai:before,html.tn-light .tn-ai:after{filter:hue-rotate(-25deg) saturate(.6);opacity:.5}

/* Footer: theme + motion as quiet text links (no buttons) */
.tn-foot-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:12.5px}
.tn-foot-links .tn-theme-text,.tn-foot-links .tn-motion,.tn-glass footer .tn-foot-links .tn-motion{all:unset;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:500 12.5px Heebo,Arial,sans-serif;color:#7f7a6f;transition:color .2s;position:static!important;margin:0!important;padding:2px 0!important;border:0!important;background:none!important;box-shadow:none!important;width:auto!important}
.tn-foot-links .tn-theme-text:hover,.tn-foot-links .tn-motion:hover{color:#fdb915}
.tn-foot-links .tn-theme-text:focus-visible,.tn-foot-links .tn-motion:focus-visible{outline:2px solid #fdb915;outline-offset:3px;border-radius:4px}
.tn-foot-links .tn-theme-icon,.tn-foot-links .tn-theme-icon svg{width:13px;height:13px}
.tn-foot-sep{color:#4a4740}
html.tn-light .tn-foot-links .tn-theme-text,html.tn-light .tn-foot-links .tn-motion{color:#7a869c!important;background:none!important}
html.tn-light .tn-foot-links .tn-theme-text:hover,html.tn-light .tn-foot-links .tn-motion:hover{color:var(--lm-accent)!important}
html.tn-light .tn-foot-sep{color:#c3ccda}
html.tn-light .acc-panel .acc-state{color:var(--lm-muted)!important;background:#eef3fa!important;border-color:var(--lm-line)!important}
html.tn-light #promoModal a[href="#contact"]{background:var(--lm-grad)!important;color:#fff!important;border-color:transparent!important}
html.tn-light .acc-panel .acc-ic{background:#eaf3fe!important;border-color:#c6dcf7!important;color:var(--lm-accent)!important}
html.tn-light .acc-panel .acc-ic svg{color:var(--lm-accent)!important}

/* Mobile: the bottom action bar already has WhatsApp — hide the extra floating one */
@media(max-width:1023px){.float-btn.left-5{display:none!important}}
/* Keep white icons/text on coloured floating buttons in light mode */
html.tn-light .float-btn.text-white,html.tn-light .float-btn.text-white svg,html.tn-light .bg-blue-600.text-white svg,
html.tn-light .tn-cta-wa,html.tn-light .tn-cta-wa svg,html.tn-light .tn-cta-call,html.tn-light .tn-cta-call svg,html.tn-light [class*="bg-[#25D366]"].text-white{color:#fff!important}