/* AI-alapú ügyfélszerzés (/ai-alapu-ugyfelszerzes/, ID 96) – 2026-09-29.
   A tulajdonos tervezete (web-pages/ai-alapu-ugyfelszerzes-ux-redesign.html) stílusa, a .usz burkolóra szűkítve,
   hogy ne érjen át a téma többi részére. Betű: a téma helyi Inter-je (nincs Google Fonts).
   Újragenerálás: scratchpad build_usz.py mintájára; a lenti „Illesztés” blokk kézi kiegészítés. */
.usz{
  --navy:#060F2D;
  --night:#0F0927;
  --slate:#3A4468;
  --blue:#3F59FF;
  --blue2:#296BD2;
  --violet:#6766FF;
  --coral:#DA4D4F;
  --ice:#F2F3FE;
  --mist:#E6E6E7;
  --white:#FFFFFF;
  --ink:#121A37;
  --body:#424961;
  --green:#2F8B69;
  --grad:linear-gradient(68deg,#D44E54 0%,#296BD2 100%);
  --grad-soft:linear-gradient(135deg,rgba(212,78,84,.10),rgba(41,107,210,.10));
  --shadow:0 28px 70px rgba(6,15,45,.12);
  --shadow-soft:0 14px 40px rgba(6,15,45,.07);
  --r:22px;
  --max:1180px;
}
.usz, .usz *{box-sizing:border-box}
.usz{scroll-behavior:smooth}
.usz{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:#fff;
  color:var(--ink);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.usz img,.usz svg{display:block;max-width:100%}
.usz a{color:inherit}
.usz .wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.usz .section{padding:96px 0}
.usz .section-light{background:#fff}
.usz .section-ice{background:var(--ice)}
.usz .section-dark{background:var(--navy);color:#fff}
.usz .section-night{background:var(--night);color:#fff}
.usz .panel-section{
  width:min(1380px,calc(100% - 28px));
  margin:14px auto;
  border-radius:30px;
  overflow:hidden;
}
.usz .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  position:relative;
  border-radius:999px;
  padding:7px 14px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue2);
  background:#fff;
}
.usz .eyebrow:before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:999px;
  background:var(--grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.usz .section-dark .eyebrow,.usz .section-night .eyebrow{
  background:rgba(255,255,255,.04);
  color:#FFD3D4;
}
.usz h1,.usz h2,.usz h3{margin:0;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.usz h1{font-size:clamp(42px,6vw,76px);font-weight:600;max-width:850px}
.usz h2{font-size:clamp(34px,4.3vw,54px);font-weight:600;max-width:900px}
.usz h3{font-size:22px;font-weight:650;letter-spacing:-.02em}
.usz .lead{
  font-size:clamp(18px,2vw,21px);
  line-height:1.65;
  color:var(--body);
  max-width:780px;
  margin:22px 0 0;
}
.usz .section-dark .lead,.usz .section-night .lead{color:rgba(255,255,255,.70)}
.usz .kicker{margin-bottom:18px}
.usz .keep-line{white-space:nowrap}
.usz .grad-text{
  background:var(--grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.usz .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.usz .btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:8px 9px 8px 22px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.usz .btn:hover{transform:translateY(-2px)}
.usz .btn-primary{
  background:var(--blue);
  color:#fff;
  box-shadow:0 12px 30px rgba(63,89,255,.28);
}
.usz .btn-primary .arr{
  width:36px;height:36px;border-radius:50%;
  background:#fff;color:var(--blue);
  display:grid;place-items:center;font-size:18px
}
.usz .btn-ghost{
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.usz .btn-light{
  border:1px solid #D7DCF3;
  background:#fff;
  color:var(--ink);
}
.usz .btn-light .arr{
  width:34px;height:34px;border-radius:50%;
  background:var(--ice);color:var(--blue);
  display:grid;place-items:center
}
/* HERO */
.usz .hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(60% 90% at 80% 40%,rgba(41,107,210,.50) 0%,rgba(41,107,210,0) 64%),
    radial-gradient(50% 80% at 18% 80%,rgba(212,78,84,.34) 0%,rgba(212,78,84,0) 62%),
    var(--night);
  color:#fff;
  min-height:760px;
}
.usz .hero:after{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.17) 1px,transparent 1.5px);
  background-size:24px 24px;
  mask-image:radial-gradient(70% 85% at 78% 40%,#000 20%,transparent 75%);
  pointer-events:none;
}
.usz .hero .wrap{
  min-height:760px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:56px;
  position:relative;
  z-index:1;
  padding-top:70px;
  padding-bottom:70px;
}
.usz .hero h1{margin-top:22px}
.usz .hero .lead{color:rgba(255,255,255,.72);max-width:680px}
.usz .hero-meta{
  display:flex;flex-wrap:wrap;gap:10px 22px;
  margin-top:18px;
  color:rgba(255,255,255,.52);
  font-size:13px
}
.usz .hero-meta span:before{content:"✓";color:#9CE3CE;margin-right:7px;font-weight:800}
/* hero visual */
.usz .system-visual{
  position:relative;
  min-height:520px;
  display:grid;
  place-items:center;
}
.usz .orbit{
  position:absolute;
  width:460px;height:460px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
}
.usz .orbit:before,.usz .orbit:after{
  content:"";
  position:absolute;inset:52px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:50%;
}
.usz .orbit:after{inset:118px}
.usz .system-core{
  position:relative;
  z-index:2;
  width:180px;height:180px;
  border-radius:38px;
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  display:grid;place-items:center;
  box-shadow:0 30px 70px rgba(0,0,0,.25)
}
.usz .system-core svg{width:84px;height:84px}
.usz .node{
  position:absolute;
  z-index:3;
  width:156px;
  padding:14px 15px;
  border-radius:18px;
  background:rgba(10,17,52,.78);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);
  box-shadow:0 20px 50px rgba(0,0,0,.22)
}
.usz .node b{display:block;font-size:14px;margin-bottom:3px}
.usz .node span{display:block;color:rgba(255,255,255,.56);font-size:11px;line-height:1.35}
.usz .node:before{
  content:"";
  width:9px;height:9px;border-radius:50%;
  background:var(--coral);
  box-shadow:0 0 20px rgba(218,77,79,.65);
  position:absolute;top:17px;right:15px
}
.usz .n1{top:28px;left:30px}
.usz .n2{top:68px;right:0}
.usz .n3{bottom:90px;right:14px}
.usz .n4{bottom:42px;left:58px}
.usz .n5{top:210px;left:-6px}
/* quick nav */
.usz .quicknav{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid #E7EAF5;
}
.usz .quicknav .wrap{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.usz .quicklinks{display:flex;gap:24px;align-items:center;overflow:auto;white-space:nowrap}
.usz .quicklinks a{font-size:13px;font-weight:700;text-decoration:none;color:#4A5270}
.usz .quicklinks a:hover{color:var(--blue)}
.usz .quick-cta{
  flex:0 0 auto;
  font-size:13px;font-weight:800;
  color:#fff;background:var(--blue);
  padding:10px 16px;border-radius:999px;text-decoration:none
}
/* stats */
.usz .stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:28px;
  margin-bottom:28px;
  position:relative;
  z-index:1;
}
.usz .stat{
  background:#fff;
  border:1px solid #E6E9F4;
  border-radius:20px;
  padding:24px 26px;
  box-shadow:var(--shadow-soft)
}
.usz .stat strong{font-size:30px;display:block;letter-spacing:-.04em}
.usz .stat span{color:var(--body);font-size:14px}
/* two-column visual sections */
.usz .split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}
.usz .visual-card{
  background:var(--ice);
  border-radius:28px;
  min-height:470px;
  padding:34px;
  overflow:hidden;
  position:relative;
  border:1px solid #E4E8F6;
}
.usz .visual-card.dark{
  background:linear-gradient(145deg,#0B163F,#0F0927);
  border-color:rgba(255,255,255,.10)
}
.usz .visual-caption{
  position:absolute;
  left:26px;right:26px;bottom:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 18px 50px rgba(6,15,45,.13);
  border-radius:18px;
  padding:16px 18px;
}
.usz .visual-caption b{display:block;margin-bottom:4px}
.usz .visual-caption span{display:block;color:var(--body);font-size:13px}
.usz .visual-card.dark .visual-caption{
  background:rgba(10,16,49,.78);
  color:#fff;
  border-color:rgba(255,255,255,.12)
}
.usz .visual-card.dark .visual-caption span{color:rgba(255,255,255,.58)}
/* leak illustration */
.usz .leak-svg{width:100%;height:360px}
.usz .problem-list{display:grid;gap:12px;margin-top:28px}
.usz .problem{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid #E5E8F3
}
.usz .problem:last-child{border-bottom:0}
.usz .problem .no{
  width:40px;height:40px;border-radius:13px;
  background:var(--grad-soft);
  color:var(--blue2);
  display:grid;place-items:center;
  font-weight:800;font-size:13px
}
.usz .problem p{margin:5px 0 0;color:var(--body);font-size:15px}
/* solution map */
.usz .solution-map{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  position:relative;
}
.usz .solution-map:before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:34px;
  height:2px;
  background:linear-gradient(90deg,#D44E54,#3F59FF);
  opacity:.45
}
.usz .sol{
  position:relative;
  z-index:1;
  text-align:center;
}
.usz .sol-ico{
  width:68px;height:68px;
  border-radius:22px;
  display:grid;place-items:center;
  margin:0 auto 14px;
  background:#fff;
  border:1px solid #DDE3F4;
  box-shadow:var(--shadow-soft);
  color:var(--blue)
}
.usz .sol-ico svg{width:30px;height:30px}
.usz .sol b{display:block;font-size:14px}
.usz .sol span{display:block;font-size:12px;color:var(--body);margin-top:4px}
/* metric strip */
.usz .metric-strip{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.usz .metric{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  padding:22px;
}
.usz .metric b{display:block;color:#fff;font-size:15px}
.usz .metric span{display:block;color:rgba(255,255,255,.56);font-size:12px;margin-top:6px}
/* pricing */
.usz .price-hero{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:26px;
  margin-top:42px;
}
.usz .base-price{
  background:linear-gradient(145deg,#0C1741,#0F0927);
  color:#fff;
  border-radius:28px;
  padding:34px;
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow)
}
.usz .base-price:after{
  content:"";
  width:260px;height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(63,89,255,.50),transparent 68%);
  position:absolute;right:-70px;top:-90px
}
.usz .price-chip{
  display:inline-flex;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.17);
  background:rgba(255,255,255,.06);
  border-radius:999px;
  font-size:12px;font-weight:700;
  color:#C9D0F9
}
.usz .price-main{margin:28px 0 8px;position:relative;z-index:1}
.usz .price-main strong{font-size:clamp(44px,5.2vw,68px);letter-spacing:-.06em;line-height:1}
.usz .price-main span{font-size:14px;color:rgba(255,255,255,.62);margin-left:8px}
.usz .base-price p{color:rgba(255,255,255,.66);font-size:14px;max-width:48ch}
.usz .base-list{
  list-style:none;padding:0;margin:24px 0 0;
  display:grid;gap:10px
}
.usz .base-list li{font-size:14px;display:grid;grid-template-columns:20px 1fr;gap:8px}
.usz .base-list li:before{content:"✓";color:#8FE2C9;font-weight:800}
.usz .price-explain{
  border-radius:28px;
  padding:34px;
  background:#fff;
  border:1px solid #E1E5F2;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.usz .price-explain .bigline{
  font-size:25px;
  font-weight:650;
  line-height:1.25;
  margin:16px 0 10px;
  max-width:520px
}
.usz .price-explain p{color:var(--body);margin:0}
.usz .no-fee{
  margin-top:20px;
  border-radius:18px;
  padding:16px 18px;
  background:#F7F8FF;
  border:1px solid #E1E5F7
}
.usz .no-fee b{display:block;font-size:14px}
.usz .no-fee span{display:block;font-size:13px;color:var(--body);margin-top:3px}
.usz .module-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:24px
}
.usz .module{
  background:#fff;
  border:1px solid #E1E5F2;
  border-radius:20px;
  padding:21px;
  min-height:205px;
  display:flex;
  flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease;
}
.usz .module:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}
.usz .module-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:var(--grad-soft);color:var(--blue);
  margin-bottom:18px
}
.usz .module-icon svg{width:22px;height:22px}
.usz .module h3{font-size:17px}
.usz .module p{font-size:13px;color:var(--body);margin:8px 0 18px}
.usz .module-price{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid #EBEDF5;
  font-weight:800;
  font-size:15px
}
.usz .module-price small{display:block;font-size:11px;color:#7E849B;font-weight:600;margin-top:2px}
.usz .scenarios{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:24px
}
.usz .scenario{
  border-radius:22px;
  padding:24px;
  border:1px solid #E1E5F2;
  background:#fff;
  position:relative;
}
.usz .scenario.recommended{
  background:linear-gradient(145deg,#111C4B,#0F0927);
  color:#fff;
  border-color:transparent;
  box-shadow:var(--shadow)
}
.usz .tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#F0F2FF;
  color:var(--blue);
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:14px
}
.usz .recommended .tag{background:rgba(255,255,255,.08);color:#C9D0FF}
.usz .scenario h3{font-size:20px}
.usz .scenario ul{padding-left:18px;margin:16px 0 22px;color:var(--body);font-size:13px}
.usz .recommended ul{color:rgba(255,255,255,.62)}
.usz .scenario li{margin:7px 0}
.usz .scenario-total{
  padding-top:16px;
  border-top:1px solid #E9EBF4
}
.usz .recommended .scenario-total{border-top-color:rgba(255,255,255,.12)}
.usz .scenario-total strong{font-size:19px}
.usz .scenario-total span{display:block;font-size:11px;color:#7D849D;margin-top:4px}
.usz .recommended .scenario-total span{color:rgba(255,255,255,.48)}
/* AI split */
.usz .ai-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:36px
}
.usz .ai-card{
  background:#fff;
  border:1px solid #E2E5F0;
  border-radius:22px;
  padding:26px
}
.usz .ai-card.blue{border-top:4px solid var(--blue)}
.usz .ai-card.coral{border-top:4px solid var(--coral)}
.usz .ai-card ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.usz .ai-card li{display:grid;grid-template-columns:18px 1fr;gap:9px;color:var(--body);font-size:14px}
.usz .ai-card.blue li:before{content:"✓";color:var(--green);font-weight:800}
.usz .ai-card.coral li:before{content:"•";color:var(--coral);font-weight:800}
/* process */
.usz .process{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:38px
}
.usz .step{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  padding:24px
}
.usz .step-no{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:var(--grad);
  font-size:13px;font-weight:800;
  margin-bottom:18px
}
.usz .step p{color:rgba(255,255,255,.56);font-size:13px;margin:8px 0 0}
/* fit */
.usz .fit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-top:34px
}
.usz .fit-card{
  border-radius:22px;
  padding:28px;
  border:1px solid #E2E5F0;
  background:#fff
}
.usz .fit-card.yes h3{color:var(--green)}
.usz .fit-card.no h3{color:#A94C50}
.usz .fit-card ul{padding-left:18px;color:var(--body);font-size:14px;margin:18px 0 0}
.usz .fit-card li{margin:9px 0}
/* FAQ */
.usz .faq{display:grid;gap:10px;margin-top:34px}
.usz details{
  background:#fff;
  border:1px solid #E1E5F0;
  border-radius:17px;
  padding:0 20px
}
.usz summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 0;
  font-weight:700;
  font-size:15px
}
.usz summary::-webkit-details-marker{display:none}
.usz summary:after{content:"+";color:var(--blue);font-size:20px}
.usz details[open] summary:after{content:"−"}
.usz details p{color:var(--body);font-size:14px;margin:0;padding:0 0 20px}
/* final CTA */
.usz .final{
  background:
    radial-gradient(60% 100% at 85% 35%,rgba(41,107,210,.52),transparent 65%),
    radial-gradient(55% 100% at 15% 90%,rgba(212,78,84,.28),transparent 70%),
    var(--night);
  color:#fff;
}
.usz .final-grid{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:60px;
  align-items:center
}
.usz .final .lead{color:rgba(255,255,255,.70)}
.usz .cta-card{
  border-radius:26px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
  padding:28px;
  backdrop-filter:blur(10px)
}
.usz .cta-card .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.10)
}
.usz .cta-card .row:last-child{border-bottom:0}
.usz .cta-card .row span{color:rgba(255,255,255,.55);font-size:13px}
.usz .cta-card .row b{font-size:14px}
/* focus */
.usz .btn:focus-visible,.usz .quicklinks a:focus-visible,.usz .quick-cta:focus-visible,.usz summary:focus-visible{
  outline:3px solid rgba(63,89,255,.35);
  outline-offset:3px
}
/* responsive */
.usz @media(max-width:1020px){
  .hero .wrap,.split,.price-hero,.final-grid{grid-template-columns:1fr}
.usz .system-visual{min-height:470px}
.usz .stats{margin-top:20px;margin-bottom:20px}
.usz .module-grid{grid-template-columns:repeat(2,1fr)}
.usz .solution-map{grid-template-columns:repeat(3,1fr)}
.usz .solution-map:before{display:none}
.usz .metric-strip{grid-template-columns:repeat(2,1fr)}
.usz .process{grid-template-columns:repeat(2,1fr)}
.usz }
@media(max-width:760px){
  body{font-size:16px}
.usz .section{padding:72px 0}
.usz .hero,.usz .hero .wrap{min-height:auto}
.usz .hero .wrap{padding-top:62px;padding-bottom:62px}
.usz .system-visual{min-height:430px;transform:scale(.86);margin:-28px 0}
.usz .quicknav .wrap{min-height:58px}
.usz .quick-cta{display:none}
.usz .quicklinks{gap:18px}
.usz .stats,.usz .module-grid,.usz .scenarios,.usz .ai-cards,.usz .fit,.usz .process{grid-template-columns:1fr}
.usz .solution-map{grid-template-columns:1fr 1fr}
.usz .metric-strip{grid-template-columns:1fr}
.usz .panel-section{width:calc(100% - 16px);border-radius:24px}
.usz .visual-card{min-height:420px;padding:24px}
.usz }
@media(max-width:520px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
.usz h1{font-size:40px}
.usz h2{font-size:34px}
.usz .solution-map{grid-template-columns:1fr}
.usz .system-visual{transform:scale(.73);margin:-70px -40px}
.usz .btns{flex-direction:column}
.usz .btn{justify-content:space-between}

}

/* Illesztés a témához: a site fejléce (aicv-nav) a hero tetején ül */
.wp-block-post-content > .usz{margin-block:0}
.usz .hero .wrap{padding-top:120px}
.usz .hero .aicv-nav{z-index:40}
.usz .lead{margin:22px 0 0}
@media(max-width:900px){.usz .hero .wrap{padding-top:230px}}
/* Záró szekció: a Fluent űrlap fehér kártyán */
.usz .cta-form{margin-top:18px;background:#fff;color:var(--ink);border-radius:20px;padding:22px}
.usz .cta-form h3{font-size:19px;margin-bottom:6px}
.usz .cta-form > p{font-size:14px;color:var(--body);margin:0 0 10px}
.usz .cta-form .who{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.usz .cta-form .who img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.usz .cta-form .who small{display:block;color:var(--body);font-size:12.5px}
.usz .cta-form .after{margin-top:12px;font-size:13px;color:var(--body)}
.usz .cta-form a{color:var(--blue2)}
/* 2026-09-29 javítások: a félkövér a témában felülíródott; a lista rácsa szétszedte az aicv-nb spant; a tölcsér alját takarta a felirat */
.usz strong,.usz b{font-weight:700}
.usz .base-list li,.usz .ai-card li{display:block;position:relative;padding-left:26px}
.usz .base-list li:before,.usz .ai-card li:before{position:absolute;left:0;top:0}
.usz .visual-card:not(.dark){padding-bottom:120px}
/* Mobil: a hero-ábra (460 px-es pálya) ne szélesítse az oldalt */
.usz{overflow-x:clip}
@media(max-width:1020px){.usz .hero .wrap,.usz .split,.usz .price-hero,.usz .final-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.usz .system-visual{margin:-70px 0}}
.usz .price-explain .eyebrow{align-self:flex-start}

/* ==== Hero: körfolyamat (2026-09-29, a tulajdonos kérésére) =============================
   Hirdetés → Landing oldal → Utánkövetés → Ügyfél → Mérés → (vissza a hirdetésre).
   A kártyák egy kör mentén, kiszámolt helyen állnak (ötszög, 72°-onként), így soha nem fedik
   egymást: asztali színpad 450×400, sugár 165, kártya 136 px, legkisebb köz ~18 px; mobil színpad 360×330,
   sugár 125, csak a címek. Egy fénypont fut körbe (10 mp), és az a kártya világít, amelyikhez ér.
   Az assets/ugyfelszerzes.js az oszlop valós szélességéhez méretezi (--sv-s), és egérrel finoman dönti. */
.usz .system-visual{
  --sv-s:1; --sv-w:450px; --sv-h:400px;
  display:block; position:relative; width:var(--sv-w); height:var(--sv-h); min-height:0; justify-self:start;
  margin-block:calc(var(--sv-h) * -.5 * (1 - var(--sv-s)));
  margin-inline:calc(50% - var(--sv-w) / 2); /* a rácscellában középre, ha szélesebb is nála */
  transform:scale(var(--sv-s)) perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transform-origin:50% 50%; transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.usz .system-visual .orbit{display:none}
.usz .sv-ring{position:absolute; left:51px; top:41px; width:348px; height:348px; overflow:visible; z-index:1}
.usz .sv-ring__line{fill:none; stroke:rgba(255,255,255,.16); stroke-width:1.5}
.usz .sv-ring__arrows path{fill:none; stroke:rgba(255,255,255,.5); stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
.usz .sv-ring__spin{transform-box:view-box; transform-origin:200px 200px; animation:usz-spin 10s linear infinite} /* a kör közepe (viewBox 0 0 400 400) */
.usz .sv-ring__tail{fill:none; stroke:rgba(255,122,124,.6); stroke-width:3; stroke-linecap:round; stroke-dasharray:90 1104}
.usz .sv-ring__dot{fill:#FF8587; filter:drop-shadow(0 0 6px rgba(255,90,92,.95))}
.usz .system-visual .system-core{position:absolute; left:155px; top:145px; width:140px; height:140px; border-radius:32px; z-index:2}
.usz .system-visual .system-core svg{width:64px; height:64px; animation:usz-spin 40s linear infinite}
.usz .system-visual .node{width:136px; padding:12px 13px; top:auto; right:auto; bottom:auto; left:auto; transform:translate(-50%,-50%); z-index:3;
  animation:usz-hl 10s linear infinite}
.usz .system-visual .node:before{top:15px; right:12px}
.usz .system-visual .n1{left:225px; top:50px; animation-delay:-.4s}
.usz .system-visual .n2{left:382px; top:164px; animation-delay:1.6s}
.usz .system-visual .n3{left:322px; top:348px; animation-delay:3.6s}
.usz .system-visual .n4{left:128px; top:348px; animation-delay:5.6s}
.usz .system-visual .n5{left:68px; top:164px; animation-delay:7.6s}
@keyframes usz-spin{to{transform:rotate(360deg)}}
@keyframes usz-hl{
  0%,16%,100%{border-color:rgba(255,255,255,.14); background:rgba(10,17,52,.78); box-shadow:0 20px 50px rgba(0,0,0,.22)}
  4%{border-color:rgba(255,133,135,.9); background:rgba(30,24,70,.92); box-shadow:0 0 0 1px rgba(255,133,135,.5),0 0 36px rgba(218,77,79,.45),0 20px 50px rgba(0,0,0,.22)}
}
/* Tartalék szkript nélkül: két oszlopos heróban a jobb oszlop kb. 430 px */
@media(min-width:1021px){.usz .system-visual{--sv-s:.94}}
/* Mobil: kisebb kör, csak a kártyacímek (olvashatóság) */
@media(max-width:579px){
  .usz .system-visual{--sv-w:360px; --sv-h:330px}
  .usz .sv-ring{left:48px; top:38px; width:264px; height:264px}
  .usz .system-visual .system-core{left:130px; top:120px; width:100px; height:100px; border-radius:24px}
  .usz .system-visual .system-core svg{width:48px; height:48px}
  .usz .system-visual .node{width:116px; padding:9px 22px 9px 11px; border-radius:14px}
  .usz .system-visual .node b{font-size:12.5px; line-height:1.25; margin:0}
  .usz .system-visual .node span{display:none}
  .usz .system-visual .node:before{top:50%; right:9px; width:7px; height:7px; transform:translateY(-50%)}
  .usz .system-visual .n1{left:180px; top:45px}
  .usz .system-visual .n2{left:299px; top:131px}
  .usz .system-visual .n3{left:253px; top:271px}
  .usz .system-visual .n4{left:107px; top:271px}
  .usz .system-visual .n5{left:61px; top:131px}
}
@media(max-width:387px){.usz .system-visual{--sv-s:.9}}
@media(max-width:350px){.usz .system-visual{--sv-s:.82}}
@media(prefers-reduced-motion:reduce){
  .usz .sv-ring__spin,.usz .system-visual .node,.usz .system-visual .system-core svg{animation:none}
  .usz .system-visual{transition:none}
}