/*
Theme Name: Nexa Support
Theme URI: https://nexasupport.us
Author: Nexa Support
Description: Green and black 3D theme for Nexa Support with a 3D character hero, BPO projects, IT services and an inquiry form.
Version: 1.0.9
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: nexa-support
*/

:root{--g1:#b6f23a;--g2:#6cc417;--g3:#2f8a0b;--g4:#0f4d1d;--bg:#f1fbe4;--card:#fff;--ink:#14301a;--mut:#4b6652;--line:#d3ecb8;--sh:rgba(20,80,20,.28);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b2a12;--card:#12391b;--ink:#eaffd6;--mut:#a9cf9a;--line:#1f5a2a;--sh:rgba(0,0,0,.5)}}
:root[data-theme="dark"]{--bg:#0b2a12;--card:#12391b;--ink:#eaffd6;--mut:#a9cf9a;--line:#1f5a2a;--sh:rgba(0,0,0,.5)}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Nunito,system-ui,sans-serif}
h1,h2,h3{font-family:'Baloo 2',Nunito,system-ui,sans-serif;line-height:1.1;margin:0 0 .4em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800}h2{font-size:clamp(1.8rem,4vw,2.6rem)}h3{font-size:1.3rem}
p{margin:0 0 1em}a{color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:9;background:var(--card);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav{display:flex;align-items:center;gap:16px;padding:8px 20px;max-width:1100px;margin:0 auto;flex-wrap:wrap}
.nav img{height:38px;display:block}.nav nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.nav nav a{text-decoration:none;font-weight:700;padding:6px 12px;border-radius:99px}
.nav nav a.on,.nav nav a:hover{background:var(--g1);color:var(--g4)}
.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;font:700 1rem 'Baloo 2',Nunito,sans-serif;padding:10px 24px;border-radius:99px;color:#0c3a0c;background:linear-gradient(180deg,#d8ff7a,var(--g1) 45%,var(--g2));box-shadow:inset 0 3px 3px rgba(255,255,255,.9),inset 0 -5px 8px rgba(30,100,0,.35),0 6px 0 var(--g3),0 12px 18px var(--sh);transition:filter .15s,box-shadow .15s}
.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:inset 0 3px 3px rgba(255,255,255,.9),inset 0 -5px 8px rgba(30,100,0,.35),0 3px 0 var(--g3),0 6px 10px var(--sh)}.btn:focus-visible,.nav a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--g4)}
.btn.alt{background:linear-gradient(180deg,#fff,#e6f7cf);box-shadow:inset 0 -4px 6px rgba(30,100,0,.2),0 6px 0 #9bc874,0 12px 18px var(--sh)}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 500px at 80% 10%,#8fe02a 0,transparent 60%),linear-gradient(160deg,#3da611,#17621a 55%,#0b3a14);padding:70px 0 90px}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.hero p.lead{font-size:1.2rem;max-width:34em;color:#e6ffc8}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.stage{position:relative;height:340px}
.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4ffcf 0,#b6f23a 25%,#4fb10f 65%,#1c6a0a);box-shadow:inset -10px -14px 24px rgba(0,60,0,.45),0 24px 30px rgba(0,40,0,.4);animation:fl 5s ease-in-out infinite}
.pill{position:absolute;border-radius:99px;background:linear-gradient(180deg,#e4ff95,#8edb1f 50%,#3f9a0c);box-shadow:inset 0 5px 6px rgba(255,255,255,.8),inset 0 -8px 12px rgba(0,70,0,.4),0 22px 28px rgba(0,40,0,.4);animation:fl 6s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.orb,.pill{animation:none}}
.chat{position:absolute;left:8%;top:42%;width:62%;background:#fff;color:#14301a;border-radius:22px;padding:14px 16px;box-shadow:0 24px 40px rgba(0,40,0,.45);font-size:.95rem}
.chat b{color:var(--g3)}
section{padding:60px 0}.sub{color:var(--mut);max-width:40em}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 10px 0 var(--line),0 18px 26px var(--sh)}
.ico{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;margin-bottom:12px;background:linear-gradient(180deg,#e4ff95,#7fd01c);box-shadow:inset 0 3px 3px #fff,inset 0 -5px 7px rgba(0,80,0,.35)}
.tag{display:inline-block;font-size:.8rem;font-weight:700;background:var(--line);color:var(--ink);border-radius:99px;padding:2px 12px;margin-right:6px}
.price{font:800 2rem 'Baloo 2',sans-serif;color:var(--g3)}@media (prefers-color-scheme:dark){.price{color:var(--g1)}}
.band{background:linear-gradient(160deg,#3da611,#0f4d1d);color:#fff;border-radius:34px;padding:40px;text-align:center;box-shadow:0 12px 0 #0a3a12,0 24px 30px var(--sh)}
.steps{counter-reset:s}.steps .card{position:relative;padding-top:50px}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:20px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 1.3rem 'Baloo 2';color:#0c3a0c;background:radial-gradient(circle at 30% 25%,#f4ffcf,#8edb1f 60%,#3f9a0c);box-shadow:0 6px 10px var(--sh)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.chips button{cursor:pointer;border:2px solid var(--g2);background:var(--card);color:var(--ink);font:700 .95rem Nunito;border-radius:99px;padding:6px 16px}.chips button.on{background:var(--g1);color:var(--g4)}
table{border-collapse:collapse;width:100%}td,th{padding:10px;border-bottom:1px solid var(--line);text-align:left}
details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
label{display:block;font-weight:700;margin:12px 0 4px}input,select,textarea{width:100%;font:inherit;padding:10px 14px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink)}
.two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.ok{background:var(--g1);color:var(--g4);border-radius:16px;padding:12px 16px;font-weight:700;margin-top:14px}
footer{background:#0b3a14;color:#d6f5b8;padding:40px 0;margin-top:40px}footer a{margin-right:14px}
dialog{border:0;border-radius:26px;padding:26px;max-width:440px;background:var(--card);color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.5)}
@media (max-width:760px){.hero .wrap,.two{grid-template-columns:1fr}.stage{height:260px}.nav nav{margin-left:0}}
.card{transition:border-color .25s}.card:hover{border-color:var(--g2)}
.ico{width:64px;height:64px;font-size:1.9rem;border-radius:50%;box-shadow:inset 0 4px 4px #fff,inset 0 -8px 10px rgba(0,80,0,.4),0 10px 14px var(--sh)}
.chipx{display:inline-block;margin:4px 6px 4px 0;padding:6px 16px;border-radius:99px;font-weight:700;color:#0c3a0c;background:linear-gradient(180deg,#e4ff95,#8edb1f 55%,#4fb10f);box-shadow:inset 0 3px 3px rgba(255,255,255,.9),inset 0 -4px 6px rgba(0,80,0,.35),0 5px 0 #2f8a0b,0 9px 12px var(--sh)}
.dark3d{background:radial-gradient(700px 300px at 15% 0,#2f8a0b 0,transparent 70%),linear-gradient(160deg,#0f4d1d,#072a0e);color:#eaffd6;margin:20px 0}.dark3d h2,.dark3d .sub{color:#eaffd6}
.code3d{position:absolute;right:0;top:12%;width:54%;background:#0b2a12;color:#c9f27a;border-radius:18px;padding:14px 16px;font:600 .8rem/1.5 ui-monospace,Menlo,monospace;transform:perspective(700px) rotateY(-20deg) rotateX(6deg);box-shadow:-18px 26px 40px rgba(0,30,0,.55),inset 0 2px 2px rgba(255,255,255,.2)}
.chat{left:0;top:58%;width:66%}
.pin{height:340vh;position:relative}.pinin{position:sticky;top:0;height:100vh;overflow:hidden;color:#fff;background:radial-gradient(900px 520px at 75% 20%,#8fe02a 0,transparent 60%),linear-gradient(160deg,#3da611,#17621a 55%,#0b3a14)}
#cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.msgs{position:absolute;left:max(20px,calc((100vw - 1100px)/2 + 20px));top:50%;width:min(460px,86vw);height:0;z-index:2}
.m{position:absolute;left:0;bottom:0;transform:translateY(60%);opacity:0;transition:opacity .5s,transform .5s;pointer-events:none;text-shadow:0 2px 14px rgba(0,40,0,.55)}.m.on{opacity:1;transform:translateY(50%);pointer-events:auto}
.m p{font-size:1.2rem;color:#e6ffc8;margin:.5em 0 1em}
.hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-weight:700;transition:opacity .3s}
.fallback,.nofx .pin{display:none}.nofx .fallback{display:block}
.flow{display:flex;flex-direction:column}.flow>.dark3d{order:-1}.flow>section:nth-last-child(3){order:9}
@media (max-width:760px){.msgs{top:auto;bottom:80px}.m{transform:translateY(20px)}.m.on{transform:none}}

.nav img{width:auto}.nav nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}.nav nav .current-menu-item>a,.nav nav .current-menu-ancestor>a{background:var(--g1);color:var(--g4)}
.chips a{text-decoration:none;border:2px solid var(--g2);background:var(--card);color:var(--ink);font:700 .95rem Nunito,sans-serif;border-radius:99px;padding:6px 16px}.chips a.on{background:var(--g1);color:var(--g4)}
.admin-bar header{top:32px}.admin-bar .pinin{top:32px;height:calc(100vh - 32px)}@media (max-width:782px){.admin-bar header{top:46px}.admin-bar .pinin{top:46px;height:calc(100vh - 46px)}}
.entry>*{max-width:70ch}.entry img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-9999px}

.sw{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:7px 11px;box-shadow:0 8px 18px var(--sh)}
.sw button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:inset 0 3px 3px rgba(255,255,255,.7),inset 0 -4px 5px rgba(0,0,0,.25),0 2px 4px var(--sh)}.sw button.on{outline:3px solid var(--ink);outline-offset:1px}#site{transition:filter .4s}

:root[data-theme='dark']{color-scheme:dark;--bg:#06130a;--card:#0e2113;--ink:#eaffd6;--mut:#9fc58f;--line:#1c4a27;--sh:rgba(0,0,0,.6)}
[data-theme='dark'] .price{color:var(--g1)}
[data-theme='dark'] .pinin,[data-theme='dark'] .hero{background:radial-gradient(900px 520px at 75% 20%,rgba(130,230,40,.32) 0,transparent 60%),linear-gradient(160deg,#0a2a10,#06150a 60%,#030a05)}
[data-theme='dark'] .band{background:radial-gradient(600px 240px at 50% 0,rgba(130,230,40,.3) 0,transparent 70%),linear-gradient(160deg,#0f3a17,#07190c);border:1px solid var(--line);box-shadow:0 12px 0 #030a05,0 24px 40px rgba(0,0,0,.6)}
[data-theme='dark'] .dark3d{background:radial-gradient(700px 300px at 15% 0,rgba(90,190,30,.35) 0,transparent 70%),linear-gradient(160deg,#0a2a10,#040d06)}
[data-theme='dark'] footer{background:#030a05;border-top:1px solid var(--line)}
[data-theme='dark'] .card{box-shadow:0 10px 0 #05100a,0 20px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(180,255,120,.08)}
[data-theme='dark'] .btn.alt{background:linear-gradient(180deg,#1e4a28,#12301a);color:#eaffd6;box-shadow:inset 0 2px 2px rgba(180,255,120,.25),inset 0 -4px 6px rgba(0,0,0,.4),0 6px 0 #07140b,0 12px 18px rgba(0,0,0,.5)}
[data-theme='dark'] .chat{background:#0e2113;color:#eaffd6}

/*mode*/
:root[data-theme='dark'][data-bg='black']{--bg:#000;--card:#070c08;--line:#143019;--sh:rgba(0,0,0,.8)}
[data-theme='dark'][data-bg='black'] .pinin,[data-theme='dark'][data-bg='black'] .hero{background:radial-gradient(800px 480px at 75% 20%,rgba(130,230,40,.25) 0,transparent 60%),#000}
[data-theme='dark'][data-bg='black'] .dark3d{background:radial-gradient(700px 300px at 15% 0,rgba(90,190,30,.25) 0,transparent 70%),#000}
[data-theme='dark'][data-bg='black'] footer{background:#000}
.sw #tm{background:var(--card);color:var(--ink);font-size:14px;line-height:1;display:grid;place-items:center;border-color:var(--line)}

/*mobilemenu*/
.hb{display:none;margin-left:auto;background:none;border:0;padding:6px;cursor:pointer;flex-direction:column;gap:5px;position:relative;z-index:12;color:var(--ink)}
.hb i{display:block;width:24px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}
header.open .hb{color:#fff}header.open .hb i:nth-child(1){transform:translateY(7px) rotate(45deg)}header.open .hb i:nth-child(2){opacity:0}header.open .hb i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:767px){.hb{display:flex}.nav nav{position:absolute;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;padding:0 32px;margin-left:0;opacity:0;pointer-events:none;transition:opacity .3s;z-index:11}header.open .nav nav{opacity:1;pointer-events:auto}.nav nav ul{flex-direction:column;gap:24px}.nav nav a{font-size:32px;color:#fff;font-weight:500}}

.nx-msg:empty{display:none}.nx-msg.err{background:#ffd7d7;color:#7a1010;border-radius:16px;padding:12px 16px;font-weight:700;margin-top:14px}