/* ============================================================
   Telstone - Selection & Working-Condition Matching
   Brand: #0F53A2 (primary) / #961115 (secondary)
   Every selector is scoped under .tls-sel because the ueeshop editor
   wraps page HTML in .article_content.editor_txt and that wrapper's
   rules (.editor_txt h2, .editor_txt table ...) outrank a single
   class selector. Two classes beat one class + one element.
   ============================================================ */
.tls-sel{
  --blue:#0F53A2;
  --blue-700:#0B3F7D;
  --blue-900:#062A55;
  --blue-tint:#EAF1FA;
  --red:#961115;
  --red-700:#7A0D11;
  --red-tint:#FBECEC;
  --ink:#12202F;
  --muted:#5B6B7F;
  --line:#E3E9F1;
  --bg:#F5F8FC;
  --white:#FFFFFF;
  --radius:14px;
  --shadow-sm:0 1px 2px rgba(6,42,85,.06),0 4px 14px rgba(6,42,85,.05);
  --shadow-md:0 10px 30px rgba(6,42,85,.10);
  --font-body:"Opensans-Regular","Open Sans","Alexandria","Segoe UI",Arial,sans-serif;
  --font-body-bold:"OpenSans-Bold","Opensans-Regular","Open Sans","Alexandria","Segoe UI",Arial,sans-serif;
  --font-head:"Oswald-Regular","Oswald","Asta Sans","Arial Narrow",Impact,sans-serif;

  font-family:var(--font-body);
  color:var(--ink);
  font-size:16px;
  line-height:1.65;
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}.tls-sel *,.tls-sel *::before,.tls-sel *::after{box-sizing:border-box}.tls-sel img{max-width:100%;height:auto;display:block;border:0}.tls-sel p,.tls-sel ul,.tls-sel ol{margin:0 0 1em}.tls-sel ul,.tls-sel ol{padding-left:1.15em}.tls-sel li{margin:.35em 0}.tls-sel a{color:var(--blue);text-decoration:none}.tls-sel a:hover{text-decoration:underline}.tls-sel strong,.tls-sel b,.tls-sel summary,.tls-sel .tls-card__specs span:last-child,.tls-sel .tls-table tbody th{font-family:var(--font-body-bold)}.tls-sel .tls-wrap{max-width:1160px;margin:0 auto;padding:0 22px}.tls-sel .tls-section{padding:76px 0}.tls-sel .tls-section--tight{padding:56px 0}.tls-sel .tls-section--alt{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tls-sel .tls-eyebrow{
  font-family:var(--font-head);
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--red);font-weight:500;margin:0 0 12px;display:flex;align-items:center;gap:10px;
}.tls-sel .tls-eyebrow::after{content:"";height:1px;flex:0 0 46px;background:var(--red);opacity:.45}.tls-sel .tls-h2{
  font-family:var(--font-head);
  font-size:clamp(27px,3.2vw,40px);line-height:1.15;font-weight:500;
  letter-spacing:.005em;margin:0 0 16px;color:var(--ink);
}.tls-sel .tls-deck{max-width:74ch;color:var(--muted);font-size:16.5px;margin:0 0 42px}.tls-sel .tls-hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(1100px 520px at 82% -12%,rgba(255,255,255,.16),transparent 62%),
    linear-gradient(118deg,#041F41 0%,#0B3F7D 46%,#0F53A2 100%);
  padding:88px 0 72px;
}.tls-sel .tls-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 96px);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 88%);
}.tls-sel .tls-hero::after{
  content:"";position:absolute;right:-140px;top:-120px;width:520px;height:520px;
  border:1px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none;
}.tls-sel .tls-hero__inner{position:relative;z-index:1}.tls-sel .tls-hero .tls-eyebrow{color:#F2B8B9}.tls-sel .tls-hero .tls-eyebrow::after{background:#F2B8B9;opacity:.6}.tls-sel .tls-h1{
  font-family:var(--font-head);font-weight:500;
  font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:.004em;
  margin:0 0 22px;text-wrap:balance;
}.tls-sel .tls-hero__lead{
  font-size:clamp(16px,1.35vw,18.5px);line-height:1.72;color:rgba(255,255,255,.84);
  max-width:70ch;margin:0 0 34px;
}.tls-sel .tls-hero__lead strong{color:#fff;font-weight:600}.tls-sel .tls-kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid rgba(255,255,255,.18);padding-top:26px;
}.tls-sel .tls-kpi{padding-right:22px}.tls-sel .tls-kpi + .tls-kpi{border-left:1px solid rgba(255,255,255,.14);padding-left:24px}.tls-sel .tls-kpi__num{
  font-family:var(--font-head);font-size:clamp(22px,2.4vw,30px);line-height:1.1;
  font-weight:500;color:#fff;display:block;letter-spacing:.01em;
}.tls-sel .tls-kpi__lab{
  display:block;margin-top:6px;font-size:12.5px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.62);
}.tls-sel .tls-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tls-sel .tls-card{
  position:relative;display:flex;flex-direction:column;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}.tls-sel .tls-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#CBD8E8}.tls-sel .tls-card__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;
  background:#FFFFFF;
  border-bottom:1px solid var(--line);
}.tls-sel .tls-card__media img{
  width:100%;height:100%;object-fit:contain;padding:34px 22px 20px;
  transition:transform .5s ease;
}.tls-sel .tls-card:hover .tls-card__media img{transform:scale(1.04)}.tls-sel .tls-card__tag{
  position:absolute;left:14px;top:14px;background:var(--blue);color:#fff;
  font-family:var(--font-head);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;
  padding:5px 11px;border-radius:3px;
}.tls-sel .tls-card__body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}.tls-sel .tls-card__model{
  font-family:var(--font-head);font-size:24px;line-height:1.15;font-weight:500;margin:0 0 4px;
}.tls-sel .tls-card__type{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin:0 0 14px}.tls-sel .tls-card__use{color:var(--muted);font-size:15px;margin:0 0 18px}.tls-sel .tls-card__specs{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px solid var(--line)}.tls-sel .tls-card__specs li{
  display:flex;justify-content:space-between;gap:14px;margin:0;padding:5px 0;font-size:14px;
}.tls-sel .tls-card__specs span:first-child{color:var(--muted)}.tls-sel .tls-card__specs span:last-child{font-weight:600;color:var(--ink);text-align:right}.tls-sel .tls-card__link{
  margin-top:auto;font-weight:600;font-size:14.5px;display:inline-flex;align-items:center;gap:8px;
}.tls-sel .tls-card__link::after{content:"→";transition:transform .2s ease}.tls-sel .tls-card__link:hover{text-decoration:none;color:var(--blue-700)}.tls-sel .tls-card__link:hover::after{transform:translateX(4px)}.tls-sel .tls-table-wrap{
  overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);background:#fff;-webkit-overflow-scrolling:touch;
}.tls-sel .tls-table{width:100%;border-collapse:collapse;min-width:720px;font-size:14.5px;table-layout:auto}.tls-sel .tls-table caption{
  caption-side:top;text-align:left;padding:16px 18px 14px;font-size:13px;color:var(--muted);
  border:0;border-bottom:1px solid var(--line);background:#fff;
}.tls-sel .tls-table thead th{
  background:var(--blue);color:#fff;font-family:var(--font-head);font-weight:500;
  font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;text-align:left;
  padding:15px 18px;vertical-align:bottom;border-right:1px solid rgba(255,255,255,.16);
}.tls-sel .tls-table thead th:last-child{border-right:0}.tls-sel .tls-table tbody th{
  text-align:left;font-weight:600;color:var(--ink);background:var(--blue-tint);
  padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top;width:210px;
}.tls-sel .tls-table tbody td{
  padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:#33475C;
}.tls-sel .tls-table tbody tr:last-child th,.tls-sel .tls-table tbody tr:last-child td{border-bottom:0}.tls-sel .tls-table tbody tr:nth-child(even) td{background:#F8FAFD}.tls-sel .tls-table strong{color:var(--ink)}.tls-sel .tls-table .tls-muted{color:#8494A6}.tls-sel .tls-note{font-size:12.8px;color:var(--muted);margin:14px 0 0;line-height:1.6}.tls-sel .tls-scroll-hint{display:none}.tls-sel .tls-pill{
  display:inline-block;font-family:var(--font-head);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap;
}.tls-sel .tls-pill--go{background:var(--blue);color:#fff}.tls-sel .tls-pill--ok{background:var(--blue-tint);color:var(--blue-700)}.tls-sel .tls-pill--warn{background:var(--red-tint);color:var(--red)}.tls-sel .tls-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tls-sel .tls-panel{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px;box-shadow:var(--shadow-sm);
  border-top:3px solid var(--blue);
}.tls-sel .tls-panel--accent{border-top-color:var(--red)}.tls-sel .tls-panel h3{
  font-family:var(--font-head);font-size:19px;font-weight:500;margin:0 0 12px;
  letter-spacing:.02em;text-transform:uppercase;
}.tls-sel .tls-panel p{font-size:14.5px;color:var(--muted);margin:0 0 10px}.tls-sel .tls-panel ul{margin:0;padding-left:1.1em;font-size:14.5px;color:#33475C}.tls-sel .tls-panel li{margin:.3em 0}.tls-sel .tls-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;list-style:none;padding:0;margin:0}.tls-sel .tls-check{
  display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:18px 20px;box-shadow:var(--shadow-sm);
}.tls-sel .tls-check__num{
  flex:0 0 34px;height:34px;border-radius:50%;background:var(--blue-tint);color:var(--blue);
  font-family:var(--font-head);font-size:15px;display:flex;align-items:center;justify-content:center;
  font-weight:500;
}.tls-sel .tls-check__t{font-weight:700;font-size:15px;margin:3px 0 4px;color:var(--ink)}.tls-sel .tls-check__d{font-size:14px;color:var(--muted);margin:0}.tls-sel .tls-limits{
  background:#fff;border:1px solid #EBD5D6;border-left:5px solid var(--red);
  border-radius:12px;padding:30px 32px;box-shadow:var(--shadow-sm);
}.tls-sel .tls-limits h3{
  font-family:var(--font-head);font-size:21px;font-weight:500;margin:0 0 8px;color:var(--red);
  text-transform:uppercase;letter-spacing:.03em;
}.tls-sel .tls-limits > p{color:var(--muted);font-size:15px;margin:0 0 20px}.tls-sel .tls-limits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}.tls-sel .tls-limits li{
  position:relative;padding-left:26px;font-size:14.5px;color:#33475C;margin:0;
}.tls-sel .tls-limits li::before{
  content:"";position:absolute;left:0;top:.45em;width:11px;height:11px;border-radius:2px;
  background:var(--red);opacity:.85;
}.tls-sel .tls-limits li strong{color:var(--ink)}.tls-sel .tls-price-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:start}.tls-sel .tls-price-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow-sm);
}.tls-sel .tls-price-card h3{font-family:var(--font-head);font-size:18px;font-weight:500;margin:0 0 10px;text-transform:uppercase;letter-spacing:.03em}.tls-sel .tls-price-card p{font-size:14.5px;color:var(--muted);margin:0 0 12px}.tls-sel .tls-price-card ul{font-size:14.5px;color:#33475C;margin:0;padding-left:1.1em}.tls-sel .tls-mini{font-size:13px;color:var(--muted);margin-top:18px}.tls-sel .tls-faq{max-width:980px;margin:0}.tls-sel .tls-faq details{
  background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;
  box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease;
}.tls-sel .tls-faq details[open]{border-color:#CBD8E8;box-shadow:var(--shadow-md)}.tls-sel .tls-faq summary{
  cursor:pointer;list-style:none;padding:20px 60px 20px 24px;position:relative;
  font-weight:700;font-size:16.5px;color:var(--ink);line-height:1.45;
}.tls-sel .tls-faq summary::-webkit-details-marker{display:none}.tls-sel .tls-faq summary::after{
  content:"";position:absolute;right:24px;top:50%;width:12px;height:12px;
  border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s ease;
}.tls-sel .tls-faq details[open] summary::after{transform:translateY(-25%) rotate(225deg)}.tls-sel .tls-faq details[open] summary{color:var(--blue-700)}.tls-sel .tls-faq .tls-answer{padding:0 24px 22px;border-top:1px solid var(--line);margin-top:0}.tls-sel .tls-faq .tls-answer p{font-size:15px;color:#3A4D62;margin:16px 0 0}.tls-sel .tls-faq .tls-answer p:last-child{margin-bottom:0}.tls-sel .tls-cta{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(760px 380px at 88% 0%,rgba(255,255,255,.14),transparent 60%),
    linear-gradient(118deg,#041F41 0%,#0B3F7D 52%,#0F53A2 100%);
  padding:72px 0;
}.tls-sel .tls-cta::after{
  content:"";position:absolute;left:-160px;bottom:-220px;width:460px;height:460px;border-radius:50%;
  border:1px solid rgba(255,255,255,.13);
}.tls-sel .tls-cta__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}.tls-sel .tls-cta h2{
  font-family:var(--font-head);font-weight:500;font-size:clamp(26px,3.1vw,38px);
  line-height:1.16;margin:0 0 14px;
}.tls-sel .tls-cta p{color:rgba(255,255,255,.8);font-size:16px;margin:0;max-width:56ch}.tls-sel .tls-cta__action{text-align:left}.tls-sel .tls-btn,.tls-sel .tls-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:var(--red);color:#fff;font-weight:700;font-size:16.5px;
  padding:19px 30px;border-radius:10px;border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 26px rgba(150,17,21,.34);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
  text-decoration:none;line-height:1.2;
}.tls-sel .tls-btn:hover{background:var(--red-700);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 32px rgba(150,17,21,.42)}.tls-sel .tls-btn::after{content:"→";font-weight:400;transition:transform .2s ease}.tls-sel .tls-btn:hover::after{transform:translateX(4px)}.tls-sel .tls-cta__fine{font-size:13px;color:rgba(255,255,255,.62);margin:16px 0 0;line-height:1.6}


@media (max-width:1000px){.tls-sel .tls-cards{grid-template-columns:1fr 1fr}.tls-sel .tls-cols{grid-template-columns:1fr}.tls-sel .tls-price-grid{grid-template-columns:1fr}.tls-sel .tls-cta__inner{grid-template-columns:1fr;gap:30px}
}
@media (max-width:760px){.tls-sel .tls-section{padding:54px 0}.tls-sel .tls-hero{padding:62px 0 52px}.tls-sel .tls-cards{grid-template-columns:1fr}.tls-sel .tls-kpis{grid-template-columns:1fr 1fr;gap:22px 0}.tls-sel .tls-kpi:nth-child(odd){padding-left:0;border-left:0}.tls-sel .tls-kpi:nth-child(even){padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}.tls-sel .tls-checklist{grid-template-columns:1fr}.tls-sel .tls-limits{padding:24px}.tls-sel .tls-limits ul{grid-template-columns:1fr}.tls-sel .tls-faq summary{font-size:15.5px;padding:18px 52px 18px 18px}.tls-sel .tls-btn{width:100%;padding:18px 22px;font-size:15.5px}.tls-sel .tls-table-wrap{overflow:visible;box-shadow:none;border:0;background:transparent}.tls-sel .tls-table{display:block;min-width:0;width:100%;font-size:14.5px}.tls-sel .tls-table caption{
    display:block;background:var(--blue);color:#fff;border-radius:10px 10px 0 0;
    font-size:12.5px;letter-spacing:.05em;padding:12px 16px;border:0;
  }.tls-sel .tls-table thead{display:none}.tls-sel .tls-table tbody{display:block;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}.tls-sel .tls-table tbody tr{display:block;padding:16px 16px 14px;border-bottom:1px solid var(--line)}.tls-sel .tls-table tbody tr:last-child{border-bottom:0}.tls-sel .tls-table tbody tr:nth-child(even) td{background:transparent}.tls-sel .tls-table tbody th{
    display:block;width:auto;background:transparent;border:0;padding:0 0 10px;
    font-family:var(--font-head);font-size:16px;line-height:1.3;text-transform:none;letter-spacing:.01em;
  }.tls-sel .tls-table tbody td{display:block;border:0;padding:0 0 10px;font-size:14.5px}.tls-sel .tls-table tbody td:last-child{padding-bottom:0}.tls-sel .tls-table tbody td::before{
    content:attr(data-label);display:block;font-size:10.5px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--muted);margin-bottom:3px;
  }.tls-sel .tls-table .tls-pill{margin-bottom:2px}
}
@media (prefers-reduced-motion:reduce){.tls-sel *{transition:none !important;animation:none !important}
}

/* ---------- CMS chrome ----------
   ueeshop prints the page name as <h1 class="article_title"> right above this
   block. The hero already owns the H1, so the duplicate title is hidden.
   Delete this rule if you want the CMS page title back. */
.article_content_box > .article_title{display:none!important}