/*
Theme Name: Vzorix
Theme URI: https://vzorix.ru
Description: Витрина Vzorix — удалённый доступ, который отдаёт не весь экран, а одно окно. Яркая светлая тема из дизайна лендинга.
Author: Vzorix
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: UNLICENSED
Text Domain: vzorix
*/

/* ── Vzorix — vivid light theme ── */
:root{
  --ground:#E7F0EB;
  --surface:#FFFFFF;
  --surface-2:#DCEBE4;
  --tint:#D3EEE3;
  --ink:#0C1A16;
  --ink-2:#26322C;
  --ink-3:#4A544D;
  --rule:#D6E2DB;
  --rule-strong:#BBCCC2;
  --teal:#07B29B;
  --teal-2:#1ED6BB;
  --teal-ink:#046557;
  --teal-soft:#D4F3EC;
  --coral:#FF6B4A;
  --coral-2:#FF8A5C;
  --coral-ink:#C63B1E;
  --coral-soft:#FFE1D6;
  --blue:#2E9BE6;
  --blue-soft:#DBEEFB;
  --violet:#7C6CF0;
  --violet-soft:#E6E2FD;
  --gold:#F2A93B;
  --gold-soft:#FCEBCE;
  --shadow-s:0 1px 2px rgba(10,26,22,.06), 0 10px 22px -12px rgba(10,26,22,.22);
  --shadow:0 3px 6px rgba(10,26,22,.07), 0 26px 50px -22px rgba(10,26,22,.30);
  --shadow-teal:0 20px 46px -20px rgba(7,178,155,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"Golos Text","Segoe UI",system-ui,sans-serif;font-size:17px;line-height:1.6;
  font-feature-settings:"liga" 1,"kern" 1;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2.4rem)}

/* ── nav ── */
.nav{position:sticky;top:0;z-index:60;background:rgba(231,240,235,.86);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--rule)}
.nav__in{max-width:1180px;margin:0 auto;padding:.72rem clamp(1.1rem,4vw,2.4rem);display:flex;align-items:center;gap:1.4rem}
.mark{font-family:"Manrope",sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}
.mark i{font-style:normal;background:linear-gradient(120deg,var(--teal-2),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav__links{display:flex;gap:.3rem;margin-left:auto;align-items:center}
.nav__links a{text-decoration:none;color:var(--ink-2);font-size:.9rem;font-weight:500;padding:.42rem .72rem;border-radius:9px;transition:.15s}
.nav__links a:hover{color:var(--ink);background:var(--surface-2)}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:"Golos Text",sans-serif;font-weight:600;font-size:.94rem;
  text-decoration:none;cursor:pointer;border:0;padding:.66rem 1.15rem;border-radius:11px;transition:transform .12s,box-shadow .2s,filter .2s}
.btn--primary{background:linear-gradient(135deg,var(--teal-2),var(--teal));color:#fff;box-shadow:var(--shadow-teal)}
.btn--primary:hover{transform:translateY(-2px);filter:saturate(1.12) brightness(1.03)}
.btn--ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--rule-strong)}
.btn--ghost:hover{border-color:var(--teal);color:var(--teal-ink)}
.btn--white{background:#fff;color:var(--teal-ink);box-shadow:0 14px 28px -14px rgba(0,0,0,.4)}
.btn--white:hover{transform:translateY(-2px)}
@media (max-width:760px){ .nav__links a:not(.btn){display:none} }
@media (max-width:520px){ .nav .btn--cabinet{display:none} }

/* ── hero ── */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--rule);
  background:
   radial-gradient(1100px 620px at 88% -20%, #9EE7D9 0%, rgba(158,231,217,0) 56%),
   radial-gradient(760px 520px at -8% 60%, #FFD3C2 0%, rgba(255,211,194,0) 52%),
   radial-gradient(900px 500px at 60% 128%, #BFE2FA 0%, rgba(191,226,250,0) 56%),
   var(--ground)}
.hero__in{max-width:1180px;margin:0 auto;padding:clamp(2.6rem,6vw,5.2rem) clamp(1.1rem,4vw,2.4rem) clamp(3.4rem,7vw,5.6rem);
  display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,4rem);align-items:center;position:relative}
@media (max-width:920px){ .hero__in{grid-template-columns:1fr;gap:2.6rem} }
.eyebrow{font-family:"Manrope",sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink);
  display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.5rem;background:#fff;border:1px solid var(--rule);
  padding:.42rem .85rem;border-radius:30px;box-shadow:var(--shadow-s)}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--coral-soft)}
h1{font-family:"Manrope",sans-serif;font-weight:800;font-size:clamp(2.35rem,6vw,4.1rem);line-height:1.0;letter-spacing:-.04em;margin:0;text-wrap:balance}
h1 .u{background:linear-gradient(115deg,var(--teal-2) 0%,var(--teal) 45%,var(--coral) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__lede{max-width:44ch;margin:1.5rem 0 0;font-size:clamp(1.06rem,2.2vw,1.3rem);line-height:1.5;color:var(--ink-2);font-weight:500;text-wrap:balance}
.hero__cta{margin-top:2.2rem;display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.hero__note{margin-top:1.3rem;font-size:.85rem;color:var(--ink-3);font-family:"Manrope",sans-serif;letter-spacing:.02em}
.hero__note b{color:var(--teal-ink);font-weight:600}

/* ── hero scene ── */
.stage{position:relative;aspect-ratio:1/.86;min-height:300px}
.glow{position:absolute;inset:6% 2% 6% 6%;border-radius:32px;
  background:conic-gradient(from 210deg at 60% 40%, var(--teal-2), var(--blue), var(--violet), var(--coral), var(--teal-2));
  filter:blur(46px);opacity:.5;z-index:0}
.laptop{position:absolute;left:0;top:8%;width:70%;height:74%;background:#FDFEFE;border:1px solid #E1EBE6;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;z-index:2}
.laptop__bar{height:26px;background:#F4F8F6;border-bottom:1px solid #E7EFEB;display:flex;align-items:center;gap:6px;padding:0 12px}
.dot{width:9px;height:9px;border-radius:50%}
.dot:first-child{background:#FF6B4A}.dot:nth-child(2){background:#F2A93B}.dot:nth-child(3){background:#22C39E}
.desk{position:absolute;inset:26px 0 0 0;background:linear-gradient(150deg,#E4F3EE,#EAF2FA 70%)}
.win{position:absolute;border-radius:10px;background:#fff;border:1px solid #E3ECE8;box-shadow:0 14px 30px -16px rgba(15,60,52,.4);overflow:hidden}
.win__bar{height:16px;background:#F2F7F5;border-bottom:1px solid #E7EFEB;display:flex;gap:3px;align-items:center;padding:0 8px}
.win__dot{width:5px;height:5px;border-radius:50%;background:#CFDBD6}
.win__body{position:absolute;inset:16px 0 0 0;padding:10px}
.win__line{height:5px;border-radius:3px;background:#DCE6E1;margin:0 0 7px}
.win--a{left:9%;top:18%;width:44%;height:40%}
.win--b{left:41%;top:47%;width:46%;height:44%}
.win--target{left:14%;top:28%;width:50%;height:46%;z-index:5;animation:fly 9s cubic-bezier(.6,.02,.25,1) infinite}
.win--target .win__bar{background:var(--teal-soft)}
.win--target .win__line{background:#07b29b33}
.win--target .win__line:first-child{background:var(--teal)}
.pill{position:absolute;left:19%;top:43%;transform:translateY(6px);font-family:"Manrope",sans-serif;font-size:9.5px;letter-spacing:.04em;
  color:var(--teal-ink);background:#fff;border:1px solid var(--teal-soft);border-radius:24px;padding:5px 11px;box-shadow:var(--shadow-s);opacity:0;animation:pill 9s ease infinite}
.pill::before{content:"● ";color:var(--teal)}
.phone{position:absolute;right:0;bottom:0;width:29%;height:80%;background:#FDFEFE;border:1px solid #E1EBE6;border-radius:30px;box-shadow:var(--shadow);padding:7px;overflow:hidden;z-index:3}
.phone__screen{position:absolute;inset:7px;border-radius:24px;background:linear-gradient(160deg,#E4F3EE,#EAF2FA);overflow:hidden}
.phone__win{position:absolute;inset:9px;border-radius:14px;background:#fff;border:1px solid #E3ECE8;opacity:0;transform:scale(.9);box-shadow:0 14px 30px -16px rgba(15,60,52,.4);animation:land 9s cubic-bezier(.6,.02,.25,1) infinite}
.phone__win .win__bar{height:18px;background:var(--teal-soft)}
.phone__win .win__body{inset:18px 0 0 0}
.phone__win .win__line:first-child{background:var(--teal)}
.phone__lock{position:absolute;right:12px;bottom:12px;font-size:13px;z-index:4;opacity:0;animation:land 9s ease infinite}
@keyframes fly{0%,14%{left:14%;top:28%;width:50%;height:46%;opacity:1;border-color:#E3ECE8}
  20%{border-color:var(--teal);box-shadow:0 0 0 2px rgba(7,178,155,.4),0 18px 32px -12px rgba(15,60,52,.45)}
  52%{left:62%;top:14%;width:34%;height:40%;opacity:1;border-color:var(--teal)}
  66%,100%{left:74%;top:16%;width:26%;height:52%;opacity:0}}
@keyframes land{0%,50%{opacity:0;transform:scale(.9)}66%{opacity:1;transform:scale(1)}94%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.98)}}
@keyframes pill{0%,52%{opacity:0;transform:translateY(6px)}64%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion: reduce){.win--target{animation:none;left:74%;top:16%;opacity:0}.phone__win,.phone__lock,.pill{animation:none;opacity:1;transform:none}.glow{animation:none}}

/* ── sections ── */
section{padding:clamp(3.4rem,8vw,5.8rem) 0}
.kicker{font-family:"Manrope",sans-serif;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-ink);margin:0 0 1rem;
  display:inline-block;background:var(--teal-soft);padding:.3rem .7rem;border-radius:8px}
h2{font-family:"Manrope",sans-serif;font-weight:700;font-size:clamp(1.75rem,4.2vw,2.7rem);line-height:1.08;letter-spacing:-.035em;margin:0;text-wrap:balance}
.lead{max-width:56ch;margin:1rem 0 0;color:var(--ink-2);font-size:1.08rem}
.band{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.band--tint{background:linear-gradient(180deg,#CFEDE3,#DEF3EC)}
.band--mint{background:linear-gradient(180deg,#C7ECDF 0%,#DBF2EA 100%);border-top-color:#B7DECF;border-bottom-color:#B7DECF}
.band--sky{background:linear-gradient(180deg,#CFE6FB 0%,#E4F0FC 100%);border-top-color:#BFDCF3;border-bottom-color:#BFDCF3}
.band--peach{background:linear-gradient(180deg,#FFDACC 0%,#FFEAE0 100%);border-top-color:#F6CDBE;border-bottom-color:#F6CDBE}

.gap__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media (max-width:820px){ .gap__grid{grid-template-columns:1fr} }
.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-s)}
.stat>div{background:var(--surface);padding:1.4rem 1.15rem}
.stat b{display:block;font-family:"Manrope",sans-serif;font-weight:700;font-size:1.9rem;letter-spacing:-.035em;
  background:linear-gradient(120deg,var(--teal-2),var(--teal-ink));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:.82rem;color:var(--ink-3);line-height:1.4;display:block;margin-top:.4rem}

.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.8rem}
@media (max-width:900px){ .feat{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .feat{grid-template-columns:1fr} }
.card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:1.85rem 1.7rem 1.7rem;box-shadow:var(--shadow-s);transition:transform .16s,box-shadow .2s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--teal-2),var(--teal))}
.card--hero::before,.card--coral::before{display:none}
.card:has(.ic--blue)::before{background:linear-gradient(90deg,#5BB6EE,var(--blue))}
.card:has(.ic--violet)::before{background:linear-gradient(90deg,#9A8CF6,var(--violet))}
.card:has(.ic--gold)::before{background:linear-gradient(90deg,#F7C36B,var(--gold))}
.card__ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.35rem;margin-bottom:1.1rem}
.ic--teal{background:var(--teal-soft);color:var(--teal-ink)}
.ic--coral{background:var(--coral-soft);color:var(--coral-ink)}
.ic--blue{background:var(--blue-soft);color:#1668A8}
.ic--violet{background:var(--violet-soft);color:#4B3DC0}
.ic--gold{background:var(--gold-soft);color:#9A6A10}
.card h3{margin:0 0 .5rem;font-size:1.16rem;font-weight:700;letter-spacing:-.01em}
.card p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55}
.card--hero{background:linear-gradient(150deg,var(--teal-2),var(--teal-ink));color:#fff;border:0;box-shadow:var(--shadow-teal)}
.card--hero .card__ic{background:rgba(255,255,255,.22);color:#fff}
.card--hero p{color:rgba(255,255,255,.94)}
.card--coral{background:linear-gradient(150deg,var(--coral-2),var(--coral));color:#fff;border:0;box-shadow:0 20px 46px -20px rgba(255,107,74,.6)}
.card--coral .card__ic{background:rgba(255,255,255,.24);color:#fff}
.card--coral p{color:rgba(255,255,255,.95)}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.8rem;counter-reset:s}
@media (max-width:760px){ .steps{grid-template-columns:1fr} }
.step{background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:1.8rem;box-shadow:var(--shadow-s);position:relative;overflow:hidden}
.step::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--teal-2),var(--teal))}
.step:nth-child(2)::after{background:linear-gradient(var(--coral-2),var(--coral))}
.step:nth-child(3)::after{background:linear-gradient(var(--blue),#1668A8)}
.step__n{font-family:"Manrope",sans-serif;font-weight:800;font-size:1.15rem;
  background:linear-gradient(120deg,var(--teal-2),var(--teal-ink));-webkit-background-clip:text;background-clip:text;color:transparent}
.step:nth-child(2) .step__n{background:linear-gradient(120deg,var(--coral-2),var(--coral-ink));-webkit-background-clip:text;background-clip:text;color:transparent}
.step:nth-child(3) .step__n{background:linear-gradient(120deg,var(--blue),#1668A8);-webkit-background-clip:text;background-clip:text;color:transparent}
.step h3{margin:.6rem 0 .5rem;font-size:1.14rem;font-weight:700}
.step p{margin:0;color:var(--ink-2);font-size:.95rem}

/* ── pricing ── */
.toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--rule);border-radius:14px;padding:5px;margin-top:1.9rem;gap:3px}
.toggle button{border:0;background:transparent;font-family:"Golos Text",sans-serif;font-weight:600;font-size:.94rem;color:var(--ink-2);padding:.6rem 1.25rem;border-radius:11px;cursor:pointer;transition:.15s}
.toggle button[aria-selected="true"]{background:linear-gradient(135deg,var(--teal-2),var(--teal));color:#fff;box-shadow:var(--shadow-teal)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.1rem}
@media (max-width:820px){ .tiers{grid-template-columns:1fr} }
.tier{border:1px solid var(--rule);border-radius:20px;padding:1.9rem;display:flex;flex-direction:column;gap:1rem;background:var(--surface);box-shadow:var(--shadow-s)}
.tier:not(.tier--hero){position:relative;overflow:hidden}
.tier:not(.tier--hero)::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--teal-2),var(--teal))}
.tiers .tier:last-child:not(.tier--hero)::before{background:linear-gradient(90deg,#9A8CF6,var(--violet))}
.tier--hero{border:0;background:linear-gradient(160deg,#fff,#F2FBF8);box-shadow:var(--shadow),0 0 0 2px var(--teal);position:relative}
.tier__tag{position:absolute;top:-12px;left:1.9rem;background:linear-gradient(135deg,var(--coral-2),var(--coral));color:#fff;font-family:"Manrope",sans-serif;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:20px;box-shadow:0 8px 18px -8px rgba(255,107,74,.6)}
.tier__name{font-family:"Manrope",sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink)}
.tier__price{font-family:"Manrope",sans-serif;font-weight:700;font-size:2.1rem;letter-spacing:-.04em;line-height:1.02}
.tier__price small{font-size:.34em;color:var(--ink-3);letter-spacing:.01em;font-weight:400}
.tier ul{margin:0;padding:0;list-style:none;display:grid;gap:.58rem;font-size:.92rem;color:var(--ink-2)}
.tier li{padding-left:1.55em;position:relative}
.tier li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}
.tier .btn{margin-top:auto}
.plans{display:none}
.plans.on{display:block;animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.plans__note{margin-top:1.3rem;font-size:.86rem;color:var(--ink-3)}

/* ── security ── */
.sec__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:2.6rem}
@media (max-width:720px){ .sec__grid{grid-template-columns:1fr} }
.sec__item{border:1px solid var(--rule);border-radius:16px;padding:1.5rem;background:var(--surface);box-shadow:var(--shadow-s);display:flex;gap:1rem;align-items:flex-start}
.sec__ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.2rem;background:var(--teal-soft);color:var(--teal-ink)}
.sec__item:nth-child(3) .sec__ic{background:var(--coral-soft);color:var(--coral-ink)}
.sec__item h3{margin:0 0 .35rem;font-size:1.06rem;font-weight:700}
.sec__item p{margin:0;font-size:.92rem;color:var(--ink-2);line-height:1.55}

/* ── waitlist (vivid teal) ── */
.cta{position:relative;overflow:hidden;text-align:center;color:#fff;border-top:1px solid var(--teal-ink);
  background:linear-gradient(140deg,var(--teal-2) 0%,var(--teal) 50%,var(--teal-ink) 105%)}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 12% 120%, rgba(255,107,74,.4), transparent 60%);pointer-events:none}
.cta .wrap{position:relative}
.cta .kicker{background:rgba(255,255,255,.16);color:#fff}
.cta h2{margin-bottom:1rem;color:#fff}
.cta .lead{color:rgba(255,255,255,.94)}
.form{max-width:490px;margin:2.1rem auto 0;display:flex;gap:.6rem}
@media (max-width:480px){ .form{flex-direction:column} }
.form input{flex:1;padding:.9rem 1.1rem;border-radius:13px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;font:inherit;font-size:.98rem}
.form input::placeholder{color:rgba(255,255,255,.68)}
.form input:focus{outline:2px solid #fff;outline-offset:1px;background:rgba(255,255,255,.24)}
.form__msg{margin-top:1rem;font-size:.9rem;color:#fff;min-height:1.2em;font-weight:500}
.cta__sub{margin-top:.7rem;color:rgba(255,255,255,.74);font-size:.85rem}

/* ── footer (rich, multi-column) ── */
.site-footer{background:var(--surface);border-top:1px solid var(--rule)}
.foot__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem clamp(1.5rem,4vw,3rem);padding:3.2rem 0 2.4rem}
@media (max-width:820px){ .foot__top{grid-template-columns:1fr 1fr} }
@media (max-width:520px){ .foot__top{grid-template-columns:1fr 1fr;gap:1.8rem 1.5rem} }
.foot__brand .mark{font-size:1.35rem}
.foot__tag{margin:.9rem 0 1.1rem;color:var(--ink-2);font-size:.95rem;max-width:34ch;line-height:1.5}
.foot__badges{display:flex;gap:.5rem;flex-wrap:wrap}
.chip{font-family:"Manrope",sans-serif;font-size:.66rem;letter-spacing:.05em;color:var(--teal-ink);
  background:var(--teal-soft);border-radius:20px;padding:.35rem .7rem}
.chip--coral{color:var(--coral-ink);background:var(--coral-soft)}
.foot__col h4{margin:0 0 .95rem;font-family:"Manrope",sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.foot__col ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.foot__col a{text-decoration:none;color:var(--ink-2);font-size:.92rem;transition:color .15s}
.foot__col a:hover{color:var(--teal-ink)}
.foot__bar{border-top:1px solid var(--rule);padding:1.3rem 0;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;
  font-size:.82rem;color:var(--ink-3)}
.foot__bar a{color:var(--ink-3);text-decoration:none}
.foot__bar a:hover{color:var(--teal-ink)}
.foot__bar .sep{margin-left:auto}
/* подписи-лейблы: чистый разрядреженный капс Manrope вместо моношрифта */
.eyebrow,.kicker,.tier__name,.foot__col h4,.chip,.chip--coral{font-weight:600}
.tier__tag{font-weight:700}
.hero__note{font-weight:500}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}

/* ── типовой контент WP (страницы/записи в общем стиле) ── */
.page-body{padding:clamp(3rem,7vw,5rem) 0}
.page-body h1,.page-body h2,.page-body h3{font-family:"Manrope",sans-serif;letter-spacing:-.03em}
.page-body a{color:var(--teal-ink)}
.page-body img{max-width:100%;height:auto;border-radius:12px}