/*
Theme Name: Vetrabet
Theme URI: https://vetrabet.example
Author: Vetrabet
Version: 1.0.0
Text Domain: vetrabet
*/
:root{
  --bg:#0D0D0D; --card:#1A1A1A; --text:#FFFFFF; --muted:#B0B0B0;
  --primary:#1ABC9C; --primary-pressed:#159C84;
  --secondary:#FF6B35; --secondary-pressed:#E55D2F;
  --success:#2ECC71; --error:#E74C3C; --warning:#F39C12;
  --radius:18px; --wrap:1180px; --lh:1.55;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:var(--lh)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.section{padding:68px 0}
.h2{font-size:clamp(24px,3.6vw,36px);margin:0 0 18px}
.p{color:var(--muted)}
.header{position:sticky;top:0;z-index:40;background:rgba(13,13,13,.8);backdrop-filter:blur(8px);border-bottom:1px solid #121212}
.header .bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;font-weight:700;border:1px solid transparent}
.btn.primary{background:var(--primary);color:#0b201a}
.btn.primary:hover{background:var(--primary-pressed)}
.btn.secondary{background:var(--secondary);color:#1b0a05}
.btn.secondary:hover{background:var(--secondary-pressed)}
.footer{background:#0A0A0A;border-top:1px solid #111;color:#B7C0D0;text-align:center;padding:26px 16px}
.footer a{text-decoration:underline;color:#fff}
.hero{position:relative;background:radial-gradient(90% 70% at 70% 0%, rgba(26,188,156,.25), transparent 60%),radial-gradient(90% 70% at 10% -20%, rgba(255,107,53,.18), transparent 60%), var(--bg)}
.hero .inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;min-height:72vh}
@media (max-width:980px){.hero .inner{grid-template-columns:1fr;min-height:auto;padding:56px 0}}
.hero h1{font-size:clamp(28px,5.6vw,52px);margin:0 0 10px;font-weight:900}
.hero .sub{font-size:clamp(16px,2.2vw,20px);color:var(--muted);margin:0 0 20px;max-width:720px}
.hero-card{background:var(--card);padding:18px;border-radius:var(--radius);box-shadow:0 22px 60px rgba(0,0,0,.35)}
.phone{aspect-ratio:9/19;border-radius:28px;border:1px solid #262626;background:linear-gradient(180deg,#121212,#0a0a0a);position:relative;overflow:hidden}
.phone::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 120% -10%, rgba(26,188,156,.30), transparent 40%),radial-gradient(120% 120% at -20% 0%, rgba(255,107,53,.20), transparent 45%)}
.phone .logo{position:absolute;inset:0;margin:auto;width:66%;opacity:.95;filter:drop-shadow(0 6px 30px rgba(0,0,0,.5))}
.page .entry-content{max-width:100%;padding:0}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--secondary);outline-offset:2px;border-radius:6px}