/*
Theme Name: ChatNEX Studio
Author: ENEX MB
Description: Accessible bilingual ChatNEX product website.
Version: 1.0.1
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
:root{--ink:#202023;--muted:#64636b;--paper:#f8f7f3;--purple:#6435e9;--line:#deded9;--lime:#d9ff87;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center;gap:10px;line-height:1}.brand small{font-size:10px;letter-spacing:1.7px;display:block;font-weight:600;margin-top:7px;color:var(--muted)}.brandmark{width:35px;height:35px;background:var(--purple);border-radius:12px 12px 12px 3px;color:white;display:grid;place-items:center;font-size:24px;font-weight:500}.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav a:hover,.footer a:hover{color:var(--purple)}.lang{border-left:1px solid var(--line);padding-left:22px;display:flex;gap:10px}.lang [aria-current]{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--purple);color:white;border:1px solid var(--purple);border-radius:9px;padding:16px 22px;font-size:15px;font-weight:700;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#4e21c6;transform:translateY(-2px)}.button.small{padding:12px 17px;font-size:13px}.button.light{background:white;color:var(--ink);border-color:var(--line)}.button.light:hover{border-color:var(--ink)}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.arrow{font-size:21px;line-height:1}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:transparent}.hero{padding:76px 0 65px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:55px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 24px}.dot{width:7px;height:7px;display:inline-block;background:var(--purple);border-radius:100%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.5vw,68px);font-weight:600;letter-spacing:-3.2px;line-height:1.04;margin-bottom:26px}h1 em,h2 em{font-style:normal;color:var(--purple)}.hero .lead{font-size:18px;max-width:490px;line-height:1.7;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fine{font-size:12px;line-height:1.6;color:var(--muted);margin:17px 0 0}.trustline{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:30px;color:#48474e}.trustline span:before{content:'✓';color:var(--purple);margin-right:7px}.product-scene{position:relative;background:#e9e4f5;border-radius:28px;padding:32px 23px 55px;min-height:480px;isolation:isolate}.scene-orbit{position:absolute;inset:50px 30px;border:1px solid #d2c8e8;border-radius:50%;transform:rotate(-20deg);z-index:-1}.browser-demo{background:white;border:1px solid #d5cfe1;border-radius:12px;box-shadow:0 20px 55px #46356b12;overflow:hidden;min-height:385px}.browser-bar{height:35px;background:#fafafa;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 13px;gap:5px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#d5d4d9}.browser-bar span{font-size:9px;color:#8b8792;flex:1;text-align:center}.mockshop{padding:18px 20px;font-size:11px}.mocknav{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:12px}.mocknav strong{letter-spacing:2px}.mock-title{font-family:Georgia,serif;font-size:32px;line-height:1.1;max-width:150px;margin:24px 0 12px}.mock-gallery{display:flex;gap:9px}.mock-object{width:105px;height:120px;background:#f3eee8;border-radius:3px;display:grid;place-items:center}.mock-object svg{width:60px;height:85px}.chat-preview{position:absolute;right:4px;top:132px;width:270px;border:1px solid #d9d4e6;border-radius:15px;background:white;box-shadow:0 18px 35px #2d214c1c;overflow:hidden}.chat-head{padding:14px 16px;background:var(--purple);color:white;display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.4}.chat-avatar{border:1px solid #ffffff50;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:22px}.chat-head small{display:block;font-size:9px;color:#e2d8ff}.chat-body{padding:15px;font-size:11px;line-height:1.6;min-height:150px}.chat-bubble{padding:10px 12px;border-radius:10px;background:#f2f0f7;margin-bottom:10px}.chat-bubble.user{background:#ede6ff;margin-left:34px}.chat-footer{border-top:1px solid #eee;padding:12px 15px;color:#96909e;display:flex;justify-content:space-between;font-size:10px}.scene-note{position:absolute;bottom:18px;left:23px;right:23px;display:flex;align-items:center;gap:10px;font-size:10px;color:#645979}.floating-label{position:absolute;top:11px;right:-12px;background:var(--lime);padding:8px 13px;border-radius:7px;font-size:11px;transform:rotate(4deg);font-weight:700}.strip{padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.strip p{margin:0;font-size:12px;color:var(--muted)}.strip strong{font-size:17px;letter-spacing:-.4px;font-weight:600}.section{padding:95px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:42px}.section-head h2{max-width:640px;margin-bottom:0}h2{font-size:clamp(32px,3.1vw,46px);line-height:1.12;font-weight:500;letter-spacing:-1.8px}h3{font-size:22px;font-weight:600;letter-spacing:-.6px;line-height:1.3}.section-head>p{max-width:340px;color:var(--muted);font-size:15px;margin:0}.features{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px}.feature{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:290px;display:flex;flex-direction:column}.feature.primary{background:#eeebf8;border-color:#e0d8f0}.feature p{font-size:15px;color:var(--muted);margin-bottom:22px}.feature .symbol{font-size:25px;color:var(--purple);margin-bottom:34px;font-weight:500}.textlink{font-size:13px;font-weight:700;color:var(--purple);margin-top:auto}.dark-section{background:#24222c;color:white;border-radius:30px;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.dark-section p{color:#bab7c6;font-size:16px}.dark-section .eyebrow{color:var(--lime)}.dark-section h2 em{color:var(--lime)}.steps{display:grid;gap:26px}.step{border-bottom:1px solid #ffffff20;padding-bottom:22px;display:grid;grid-template-columns:35px 1fr;gap:18px}.step:last-child{border:0;padding:0}.step>b{font-size:12px;color:var(--lime);margin-top:6px}.step h3{font-size:19px;margin:0 0 7px}.step p{font-size:14px;margin:0}.demo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.demo-questions{display:grid;gap:10px;margin-top:25px}.demo-q{border:1px solid var(--line);background:transparent;text-align:left;padding:15px 18px;border-radius:9px;font-size:14px;display:flex;justify-content:space-between;gap:15px}.demo-q[aria-pressed=true]{background:#eee7ff;border-color:#bba6fa;color:#5425ca}.demo-window{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #25202e05}.demo-window .chat-head{padding:22px;font-size:15px}.demo-window .chat-head small{font-size:11px}.demo-conversation{padding:28px;min-height:280px;font-size:14px}.demo-conversation .chat-bubble{padding:18px}.demo-window .chat-footer{font-size:11px;padding:17px 25px}.usecases{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.usecase{padding:30px 28px 12px 0}.usecase+.usecase{padding-left:28px;border-left:1px solid var(--line)}.usecase small{font-size:11px;color:var(--purple)}.usecase h3{margin-top:20px}.usecase p{font-size:14px;color:var(--muted)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{border:1px solid var(--line);background:white;padding:30px;border-radius:20px;display:flex;flex-direction:column;position:relative}.price.featured{border:2px solid var(--purple);background:#f1ebff}.price .tag{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--purple);margin-bottom:19px;text-transform:uppercase}.price h3{font-size:19px;margin-bottom:20px}.amount{font-size:58px;font-weight:600;letter-spacing:-3px;line-height:1.1}.amount span{font-size:14px;font-weight:400;letter-spacing:0}.price p{font-size:13px;color:var(--muted)}.price ul{list-style:none;padding:20px 0;margin:0 0 25px;border-top:1px solid var(--line);font-size:13px}.price li{margin:10px 0}.price li:before{content:'✓';color:var(--purple);margin-right:9px}.price .button{margin-top:auto}.pricing-note{font-size:12px;color:var(--muted);max-width:900px;margin:24px auto 0;text-align:center}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout p{color:var(--muted);font-size:15px}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;list-style:none;font-size:17px;font-weight:600;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--purple);font-size:22px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:16px 35px 0 0;font-size:14px}.final-cta{background:var(--purple);border-radius:25px;padding:58px 60px;color:white;display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:80px}.final-cta h2{max-width:630px;margin:0 0 14px}.final-cta p{color:#ded0ff;font-size:14px;margin:0}.footer{border-top:1px solid var(--line);padding:50px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer p{max-width:300px;font-size:13px;color:var(--muted);margin-top:20px}.footer h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px}.footer-links{display:grid;gap:10px;font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.article-head{padding:70px 0 45px;max-width:920px}.article-head h1{font-size:56px}.article-head .lead{font-size:20px;max-width:780px;color:var(--muted)}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:35px}.breadcrumbs a{color:var(--purple)}.article-content{max-width:800px;padding-bottom:80px}.article-content h2{font-size:30px;margin-top:45px;letter-spacing:-1px}.article-content h3{font-size:21px;margin-top:30px}.article-content p,.article-content li{font-size:17px;color:#55535e}.article-content a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.article-content .button{color:white;text-decoration:none;margin-top:20px}.article-content ol,.article-content ul{padding-left:24px}.article-content li{padding-left:8px;margin-bottom:15px}.callout{padding:25px;background:#eee8fb;border-left:3px solid var(--purple);border-radius:0 12px 12px 0;margin:30px 0}.callout p:last-child{margin-bottom:0}.related{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.related a{font-size:13px;border:1px solid var(--line);border-radius:8px;padding:10px 15px;text-decoration:none}.not-found{padding:100px 0}.nojs-note{padding:15px;background:#fff;font-size:13px}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:85px}h1{font-size:72px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav{gap:17px}.hero{gap:25px}h1{font-size:52px}.product-scene{padding-left:15px;padding-right:15px}.chat-preview{right:-5px;width:245px}.features{gap:12px}.feature{padding:24px}.dark-section{padding:45px;gap:35px}.demo-grid,.faq-layout{gap:40px}.price{padding:24px}.topbar .button{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{height:76px}.brand{font-size:25px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);z-index:20;padding:25px;border-bottom:1px solid var(--line);flex-wrap:wrap}.nav.open{display:flex}.nav .lang{border:0;padding:0}.hero{grid-template-columns:1fr;padding:45px 0 35px;gap:40px}.hero h1{font-size:clamp(42px,10.5vw,65px);letter-spacing:-2.5px;max-width:580px}.hero .lead{font-size:17px}.eyebrow{font-size:10px;margin-bottom:22px}.product-scene{max-width:540px;width:100%;margin:auto;min-height:440px;padding:25px 20px 55px}.browser-demo{min-height:350px}.chat-preview{right:5px;top:105px;width:255px}.floating-label{right:12px}.strip{flex-wrap:wrap;gap:16px}.strip p{width:100%}.strip strong{font-size:14px}.section{padding:60px 0}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px}.features,.price-grid{grid-template-columns:1fr}.feature{min-height:220px}.feature .symbol{margin-bottom:20px}.dark-section{grid-template-columns:1fr;padding:30px 25px;gap:35px;border-radius:20px}.demo-grid,.faq-layout{grid-template-columns:1fr;gap:30px}.demo-conversation{padding:18px;min-height:260px}.usecases{grid-template-columns:1fr}.usecase+.usecase{border-left:0;border-top:1px solid var(--line);padding-left:0}.price{padding:28px}.price ul{margin-bottom:20px}.final-cta{display:block;padding:32px 25px;margin-bottom:50px}.final-cta .button{margin-top:25px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:10px}.article-head{padding-top:40px}.article-head h1{font-size:42px;letter-spacing:-2px}.article-head .lead{font-size:18px}.article-content p,.article-content li{font-size:16px}h2{font-size:34px}.trustline{gap:10px;font-size:11px}.button{gap:12px;padding:15px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.article-content:has(.price-grid){max-width:none}.article-content .price p{font-size:13px}.article-content .price li{font-size:13px;padding-left:0}.article-content .price ul{padding-left:0}.article-content .price .button{margin-top:auto}.article-content .price-grid{margin-top:40px}
.product-scene{overflow:hidden}.floating-label{right:12px}.article-content>p,.article-content>h2,.article-content>h3,.article-content>ol,.article-content>ul{max-width:800px}.article-content .price h3{margin-top:0}.article-content .price .amount{color:var(--ink)}

.chat-footer{color:#625b6d}
.brand-logo{display:block;width:190px;height:auto;max-height:82px;object-fit:contain;border-radius:7px;background:#000}.brand{flex-shrink:0;letter-spacing:normal}.footer .brand-logo{width:240px;max-height:none}.hero h1{font-size:clamp(44px,4.1vw,64px)}
@media(max-width:760px){.brand-logo{width:148px;max-height:64px}.footer .brand-logo{width:220px}.hero h1{font-size:clamp(40px,10vw,60px)}}