/*
Theme Name: EasyStaff Lite
Theme URI: https://easystaff.io/
Author: ChatGPT
Description: Легковесная SEO-friendly тема в стиле EasyStaff (не копируя). WP 6.x compatible.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: easystaff-lite
*/

:root{
  --es-navy:#0B2330;
  --es-teal:#103645;
  --es-lime:#B9FF4A;
  --es-cyan:#54D7FF;
  --es-bg:#F6F8FB;
  --es-card:#FFFFFF;
  --es-text:#0E1A22;
  --es-muted:#5B6B76;
  --es-border:rgba(14,26,34,.12);
  --es-shadow:0 14px 40px rgba(11,35,48,.10);
  --es-shadow-soft:0 10px 24px rgba(11,35,48,.08);
  --es-radius:20px;
  --es-radius-sm:14px;
  --es-container:1120px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:var(--es-text);
  background:var(--es-bg);
  line-height:1.55;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:18px}
h1,h2,h3{margin:0 0 12px;line-height:1.15}
h1{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.02em}
h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.015em}
h3{font-size:clamp(18px,2vw,22px)}
small{color:var(--es-muted)}
.es-sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}

.es-container{
  width:min(var(--es-container), calc(100% - 32px));
  margin-inline:auto;
}
.es-section{padding:clamp(34px,4.5vw,72px) 0}
.es-section--tight{padding:clamp(26px,3.6vw,54px) 0}
.es-section--dark{
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(84,215,255,.20), transparent 55%),
    radial-gradient(900px 420px at 80% 20%, rgba(185,255,74,.18), transparent 55%),
    linear-gradient(180deg, var(--es-navy), #071A24);
  color:#EAF4FA;
}
.es-section--dark .es-muted{color:rgba(234,244,250,.78)}
.es-section--dark .es-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.es-section--dark a{color:#EAF4FA}

.es-grid{display:grid;gap:18px;min-width:0}
.es-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.es-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.es-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 960px){
  .es-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 720px){
  .es-grid--2,.es-grid--3,.es-grid--4{grid-template-columns:1fr}
}

.es-card{
  background:var(--es-card);
  border:1px solid var(--es-border);
  border-radius:var(--es-radius);
  box-shadow:var(--es-shadow-soft);
  padding:18px;
  min-width:0;
}
.es-card--flat{box-shadow:none}
.es-card__title{font-weight:750;margin:0 0 6px}
.es-card__meta{color:var(--es-muted);font-size:14px}
.es-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid var(--es-border);
  background:rgba(255,255,255,.60);
  backdrop-filter:saturate(160%) blur(8px);
  font-size:13px;color:var(--es-muted);
}
.es-badge__dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--es-lime),var(--es-cyan))}
.es-kpi{
  display:flex;flex-direction:column;gap:6px;
  padding:16px;border-radius:var(--es-radius);
  border:1px solid var(--es-border);background:#fff;box-shadow:var(--es-shadow-soft);
}
.es-kpi strong{font-size:clamp(20px,2.3vw,28px)}
.es-kpi span{color:var(--es-muted);font-size:13px}

.es-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  border:1px solid var(--es-border);
  background:#fff;color:var(--es-text);
  text-decoration:none;font-weight:700;
  box-shadow:var(--es-shadow-soft);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.es-btn:hover{transform:translateY(-1px);box-shadow:var(--es-shadow)}
.es-btn:active{transform:translateY(0)}
.es-btn--primary{
  border-color:rgba(185,255,74,.45);
  background:linear-gradient(135deg, rgba(185,255,74,.95), rgba(84,215,255,.70));
}
.es-btn--dark{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
  color:#EAF4FA;
  box-shadow:none;
}
.es-btn--ghost{
  background:transparent;border-color:rgba(255,255,255,.18);color:#EAF4FA;box-shadow:none;
}
.es-btn svg{width:16px;height:16px}

.es-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(14,26,34,.25)}
.es-section--dark .es-link{border-bottom-color:rgba(234,244,250,.35)}
.es-link:hover{border-bottom-color:transparent}

.es-header{
  position:sticky;top:0;z-index:50;
  background:rgba(246,248,251,.78);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid rgba(14,26,34,.08);
}
.es-header__row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 0;
}
.es-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.es-brand__logo{width:34px;height:34px;border-radius:12px;overflow:hidden;flex:0 0 auto}
.es-brand__name{font-weight:860;letter-spacing:-.02em;white-space:nowrap}
.es-brand__tag{font-size:12px;color:var(--es-muted);white-space:nowrap}
.es-nav{display:flex;align-items:center;gap:14px}
.es-nav a{text-decoration:none;color:var(--es-muted);font-weight:650;font-size:14px}
.es-nav a:hover{color:var(--es-text)}
.es-header__cta{display:flex;align-items:center;gap:10px}

.es-burger{
  display:none;
  width:44px;height:44px;border-radius:14px;
  border:1px solid var(--es-border);
  background:#fff;box-shadow:var(--es-shadow-soft);
  align-items:center;justify-content:center;
}
.es-burger span{display:block;width:18px;height:2px;background:var(--es-text);position:relative}
.es-burger span::before,.es-burger span::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:var(--es-text);transition:transform .15s ease, top .15s ease, opacity .15s ease
}
.es-burger span::before{top:-6px}
.es-burger span::after{top:6px}

@media (max-width: 960px){
  .es-burger{display:inline-flex}
  .es-nav{display:none}
  body.es-nav-open .es-nav{
    display:flex;flex-direction:column;align-items:flex-start;
    position:absolute;left:16px;right:16px;top:64px;
    background:#fff;border:1px solid var(--es-border);
    border-radius:var(--es-radius);padding:14px;
    box-shadow:var(--es-shadow);
  }
  body.es-nav-open .es-burger span{background:transparent}
  body.es-nav-open .es-burger span::before{top:0;transform:rotate(45deg)}
  body.es-nav-open .es-burger span::after{top:0;transform:rotate(-45deg)}
}

.es-hero{
  display:grid;gap:18px;align-items:center;
  grid-template-columns: 1.2fr .8fr;
  min-width:0;
}
@media (max-width: 960px){.es-hero{grid-template-columns:1fr}}
.es-hero__title{margin:12px 0 10px}
.es-hero__lead{color:var(--es-muted);font-size:clamp(15px,1.6vw,18px);max-width:60ch}
.es-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.es-hero__panel{
  border-radius:var(--es-radius);
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(500px 260px at 30% 20%, rgba(84,215,255,.20), transparent 55%),
    radial-gradient(520px 260px at 80% 10%, rgba(185,255,74,.18), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  padding:18px;
  min-width:0;
}
.es-hero__mock{
  display:grid;gap:12px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (max-width:520px){.es-hero__mock{grid-template-columns:1fr}}
.es-mini{
  padding:14px;border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(0,0,0,.12);
}
.es-mini strong{display:block;font-size:14px}
.es-mini span{display:block;color:rgba(234,244,250,.78);font-size:12px}

.es-hr{
  height:1px;background:rgba(14,26,34,.10);margin:18px 0
}
.es-section--dark .es-hr{background:rgba(255,255,255,.14)}

.es-feature{
  display:flex;gap:12px;align-items:flex-start;min-width:0
}
.es-ico{
  width:40px;height:40px;border-radius:14px;flex:0 0 auto;
  display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(185,255,74,.95), rgba(84,215,255,.65));
  border:1px solid rgba(14,26,34,.08);
}
.es-ico svg{width:18px;height:18px}
.es-feature p{margin:0;color:var(--es-muted);font-size:14px}

.es-faq{display:grid;gap:10px}
.es-acc{
  border-radius:var(--es-radius);
  border:1px solid var(--es-border);
  background:#fff;
  overflow:hidden;
}
.es-acc__btn{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;background:transparent;border:0;cursor:pointer;
  text-align:left;font-weight:780;font-size:15px;color:var(--es-text);
}
.es-acc__btn span{min-width:0;overflow-wrap:anywhere}
.es-acc__btn i{
  width:26px;height:26px;border-radius:10px;
  border:1px solid var(--es-border);
  display:grid;place-items:center;flex:0 0 auto;color:var(--es-muted);
}
.es-acc__panel{padding:0 16px 14px;color:var(--es-muted);font-size:14px}
.es-acc__panel[hidden]{display:none}

.es-form{
  display:grid;gap:10px
}
.es-input{
  width:100%;
  padding:12px 14px;border-radius:14px;
  border:1px solid var(--es-border);
  background:#fff;
  font-size:14px;
}
.es-input:focus{outline:2px solid rgba(84,215,255,.35);outline-offset:2px}

.es-footer{
  padding:28px 0;
  background:#fff;border-top:1px solid rgba(14,26,34,.08);
}
.es-footer__grid{display:grid;gap:18px;grid-template-columns:1.2fr .8fr .8fr .8fr}
@media (max-width: 960px){.es-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width: 520px){.es-footer__grid{grid-template-columns:1fr}}
.es-footer a{text-decoration:none;color:var(--es-muted);font-weight:650;font-size:14px}
.es-footer a:hover{color:var(--es-text)}
.es-footer__note{margin-top:14px;color:var(--es-muted);font-size:13px}
.es-footer__legal{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.es-footer__legal a{font-weight:650;font-size:13px}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
.es-header__row{
	list-style-type:none;
}
@media (max-width: 520px){.es-brand__tag{
	display:none;
	}}