/* =====================================================================
   FMT product pages - PREMIUM STYLESHEET
   Used by: hydraulic rock breaker, hydraulic rock splitter,
            excavator drilling attachment, clamshell buckets.
   Needs the site's global variables: --o --n --n2 --mut (from header.php)
   (fallbacks are provided below, so the file also works standalone)

   Hero image: set per page, inline:
   <section class="rb-hero" style="background-image:url('images/banner/xyz.jpg')">

   What changed vs the old file:
   - One design system (orange signal + deep navy + cool steel greys).
     The old yellow (#f5b400) block is gone; everything uses the brand orange.
   - Duplicate .rb-sec / .rb-head rules merged (they were overriding each other).
   - Heading colour fixed (#939395 was too light to read).
   - Hero overlay strengthened so white text is always readable.
   - Layered shadows, hairline borders, consistent radius scale, refined tables.
   - Class names are unchanged: no HTML edits needed.
   ===================================================================== */

:root{
  --pr-o:var(--o,#ff6600);
  --pr-o-deep:#e55a00;
  --pr-o-soft:#fff3ea;
  --pr-n:var(--n,#0a1022);
  --pr-n2:var(--n2,#050a18);
  --pr-ink:#1b2231;
  --pr-body:#4a5565;
  --pr-mut:var(--mut,#6b7686);
  --pr-line:#e3e8ee;
  --pr-steel:#eef1f5;
  --pr-paper:#f6f8fa;
  --pr-r-s:12px;
  --pr-r-m:18px;
  --pr-r-l:26px;
  --pr-sh-1:0 1px 2px rgba(10,16,34,.05),0 8px 24px rgba(10,16,34,.06);
  --pr-sh-2:0 2px 4px rgba(10,16,34,.06),0 22px 48px rgba(10,16,34,.12);
  --pr-ease:cubic-bezier(.22,1,.36,1);
}

body{overflow-x:clip}

/* ===== HERO ===== */
.rb-hero{
  position:relative;overflow:hidden;color:#fff;
  padding:170px 0 84px;
  background:#0a1022 center/cover no-repeat;
}
.rb-hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(95deg,rgba(5,10,24,.88) 0%,rgba(8,14,32,.62) 45%,rgba(10,16,34,.18) 100%),
    linear-gradient(to top,rgba(5,10,24,.75),transparent 40%),
    radial-gradient(circle at 92% 8%,rgba(255,102,0,.28),transparent 42%);
}
.rb-hero:after{ /* thin orange signal line at the base */
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--pr-o),rgba(255,102,0,0) 70%);
}
.rb-hero .container{position:relative;animation:pr-rise .9s var(--pr-ease) both}
.rb-hero h1{
  margin:0 0 18px;max-width:16ch;
  font:800 clamp(38px,5.6vw,74px)/1.03 Manrope,sans-serif;
  letter-spacing:-2px;text-wrap:balance;
  text-shadow:0 2px 30px rgba(0,0,0,.35);
}
.rb-hero p{max-width:580px;margin:0;font-size:16.5px;line-height:1.85;color:rgba(255,255,255,.82)}
.rb-crumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px;font-size:13px;font-weight:600;color:rgba(255,255,255,.68)}
.rb-crumb a{transition:color .25s}
.rb-crumb a:hover{color:var(--pr-o)}
.rb-crumb i{font-size:8px;color:var(--pr-o)}
.rb-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.rb-stat{
  position:relative;min-width:132px;
  padding:16px 22px 14px;
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.16);border-radius:var(--pr-r-m);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  overflow:hidden;
}
.rb-stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--pr-o),transparent)}
.rb-stat b{display:block;font:800 28px/1.1 Manrope,sans-serif;color:#fff;letter-spacing:-.5px}
.rb-stat span{display:block;margin-top:4px;font-size:12px;letter-spacing:.2px;color:rgba(255,255,255,.7)}

@keyframes pr-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ===== SECTIONS & HEADINGS ===== */
.rb-sec{position:relative;overflow:hidden;padding:96px 0;background:var(--pr-paper)}
.rb-sec.tint{background:var(--pr-steel)}
.rb-sec .container{max-width:1200px;margin:0 auto;padding:0 20px}

.rb-head{
  position:relative;text-align:center;
  padding-top:clamp(30px,5vw,62px);
  margin:0 auto 54px;max-width:800px;
}
.rb-head:before{
  content:attr(data-ghost);position:absolute;left:50%;top:-52px;transform:translateX(-50%);
  font:800 clamp(46px,9vw,124px)/1 Manrope,sans-serif;letter-spacing:-2px;white-space:nowrap;
  color:rgba(10,16,34,.055);pointer-events:none;user-select:none;
}
.rb-tag{
  position:relative;display:inline-block;margin-bottom:14px;padding:7px 16px;
  background:var(--pr-n);color:#fff;border-radius:40px;
  font:700 11.5px/1 Inter,sans-serif;letter-spacing:1.2px;
}
.rb-head h2{
  position:relative;margin:0 0 16px;
  font:800 clamp(27px,3.5vw,44px)/1.12 Manrope,sans-serif;
  letter-spacing:-1.1px;color:var(--pr-n);text-wrap:balance;
}
.rb-head h2:after{ /* short orange rule: marks the start of each section */
  content:"";display:block;width:54px;height:4px;margin:18px auto 0;
  border-radius:4px;background:linear-gradient(90deg,var(--pr-o),#ff9a52);
}
.rb-head p{position:relative;max-width:720px;margin:0 auto;font-size:15.5px;line-height:1.85;color:var(--pr-mut)}

/* ===== OVERVIEW ===== */
.rb-ov{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.rb-ov p{margin:0 0 18px;font-size:15.5px;line-height:1.95;color:var(--pr-body);max-width:64ch}
.rb-ov p strong{color:var(--pr-ink)}
.rb-img{border-radius:var(--pr-r-l)}
.rb-img div{border-radius:20px;background:#fff;overflow:hidden}
.rb-img img{display:block;width:100%;height:auto}
.rb-img.frame{
  padding:8px;
  background:linear-gradient(145deg,var(--pr-o),#ff8a3d 55%,#ffc29a);
  box-shadow:0 40px 80px -20px rgba(255,102,0,.38),0 12px 30px rgba(10,16,34,.1);
}

/* ===== BUTTONS ===== */
.rb-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* base: all buttons share one size so solid and outline always match */
.rb-btn,
.rb-callback-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  box-sizing:border-box;padding:16px 30px;
  border:1.5px solid transparent;border-radius:40px;
  font:700 13px/1 Inter,sans-serif;letter-spacing:.7px;text-transform:uppercase;
  white-space:nowrap;text-decoration:none;cursor:pointer;
  transition:background .3s,color .3s,border-color .3s,box-shadow .3s,transform .3s var(--pr-ease);
}
.rb-btn i,.rb-callback-btn i{font-size:14px;transition:color .3s,transform .3s var(--pr-ease)}

/* solid orange */
.rb-btn.o{
  background:linear-gradient(180deg,#ff7a1f,var(--pr-o) 60%,var(--pr-o-deep));
  border-color:var(--pr-o-deep);color:#fff;
  box-shadow:0 14px 28px -8px rgba(255,102,0,.55),inset 0 1px 0 rgba(255,255,255,.25);
}
.rb-btn.o:hover{background:var(--pr-n);border-color:var(--pr-n);box-shadow:0 14px 28px -10px rgba(10,16,34,.5);transform:translateY(-2px)}
.rb-btn.o:hover i{transform:translateX(3px)}

/* outline */
.rb-btn.l{background:#fff;border-color:#cdd5de;color:var(--pr-n)}
.rb-btn.l:hover{border-color:var(--pr-o);color:var(--pr-o);transform:translateY(-2px);box-shadow:var(--pr-sh-1)}

/* Request Callback (outline, orange icon, fills on hover) */
.rb-callback-btn{background:#fff;border-color:var(--pr-o);color:var(--pr-n);box-shadow:var(--pr-sh-1)}
.rb-callback-btn i{color:var(--pr-o)}
.rb-callback-btn:hover{background:var(--pr-o);color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(255,102,0,.5)}
.rb-callback-btn:hover i{color:#fff}

/* image column: callback button on top, image, quote button below */
.rb-media{display:flex;flex-direction:column;gap:20px;min-width:0}
.rb-media-top,.rb-media-bottom{display:flex;justify-content:center}
.rb-media-bottom .rb-btn{width:100%;max-width:420px}

@media(max-width:600px){
  .rb-btns .rb-btn,
  .rb-media-top .rb-callback-btn,
  .rb-media-bottom .rb-btn{width:100%}
}

/* ===== ICON CARDS (features / advantages) ===== */
.rb-adv{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.rb-adv div{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;
  gap:16px;min-height:150px;padding:28px 24px;text-align:center;
  background:#fff;border:1px solid var(--pr-line);border-radius:var(--pr-r-m);
  box-shadow:var(--pr-sh-1);
  transition:transform .45s var(--pr-ease),box-shadow .45s var(--pr-ease),border-color .3s;
}
.rb-adv div:before{ /* orange edge appears on hover */
  content:"";position:absolute;left:24px;right:24px;top:-1px;height:3px;border-radius:0 0 4px 4px;
  background:var(--pr-o);transform:scaleX(0);transition:transform .45s var(--pr-ease);
}
.rb-adv div:hover{transform:translateY(-6px);box-shadow:var(--pr-sh-2);border-color:transparent}
.rb-adv div:hover:before{transform:scaleX(1)}
.rb-adv i{
  align-self:center;display:grid;place-items:center;
  width:58px;height:58px;border-radius:16px;
  background:var(--pr-o-soft);font-size:25px;color:var(--pr-o);
  transition:background .3s,color .3s;
}
.rb-adv div:hover i{background:var(--pr-o);color:#fff}
.rb-adv h3{margin:0;font:700 16px/1.4 Manrope,sans-serif;color:var(--pr-n)}

/* ===== MODEL CARDS (grid of product thumbnails) ===== */
.rb-models{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px}
.rb-models.sm{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px}
.rb-model{display:block;color:var(--pr-n)}
.rb-model div{
  aspect-ratio:1/1;border-radius:var(--pr-r-m);background:var(--pr-steel);overflow:hidden;
  border:1px solid var(--pr-line);box-shadow:var(--pr-sh-1);
  transition:border-color .3s,box-shadow .45s var(--pr-ease),transform .45s var(--pr-ease);
}
.rb-model img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--pr-ease)}
.rb-model:hover div{border-color:var(--pr-o);box-shadow:var(--pr-sh-2);transform:translateY(-4px)}
.rb-model:hover img{transform:scale(1.06)}
.rb-model h3{margin:16px 0 3px;font:700 17.5px Manrope,sans-serif;letter-spacing:-.2px}
.rb-model span{font-size:13px;color:var(--pr-o);font-weight:700}

/* ===== SPECS (tabs + tables) ===== */
.rb-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px}
.rb-tab{
  border:1px solid #d3dbe3;background:#fff;border-radius:40px;padding:12px 22px;
  font:700 13px Inter,sans-serif;color:var(--pr-n);cursor:pointer;
  transition:border-color .3s,background .3s,color .3s,box-shadow .3s;
}
.rb-tab small{display:block;margin-top:2px;font-weight:600;font-size:11px;opacity:.62}
.rb-tab:hover{border-color:var(--pr-o);color:var(--pr-o)}
.rb-tab.on{background:var(--pr-n);border-color:var(--pr-n);color:#fff;box-shadow:0 12px 26px -8px rgba(10,16,34,.5)}
.rb-tab.on small{opacity:.75}
.rb-pane[hidden]{display:none}

.rb-tablewrap{
  overflow-x:auto;border-radius:var(--pr-r-m);
  border:1px solid var(--pr-line);background:#fff;box-shadow:var(--pr-sh-2);
}
.rb-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px;font-size:14px}
.rb-table.v{min-width:0}
.rb-tablewrap:has(.rb-table.v){max-width:900px;margin:0 auto}
.rb-table th{
  background:var(--pr-n);color:#fff;text-align:left;padding:16px 20px;
  font:700 12px Inter,sans-serif;letter-spacing:.4px;white-space:nowrap;
  border-bottom:3px solid var(--pr-o);
}
.rb-table th small{display:block;margin-top:3px;font-weight:500;opacity:.62}
.rb-table td{padding:15px 20px;border-top:1px solid #edf0f4;color:#374151;white-space:nowrap;transition:background .2s}
.rb-table.v td{white-space:normal}
.rb-table td:first-child{font-weight:800;color:var(--pr-n)}
.rb-table tbody tr:nth-child(even) td{background:#fafbfc}
.rb-table tbody tr:not(.cls):hover td{background:var(--pr-o-soft)}
.rb-table tr.cls td{background:var(--pr-o-soft);color:var(--pr-n);font-weight:800;border-top:2px solid var(--pr-o)}
.rb-table tr.cls td span{margin-left:10px;font-weight:600;color:#6d7682}
.rb-table tr[hidden]{display:none}
.rb-note{margin:16px 0 0;text-align:center;font-size:13px;color:#6d7682}

/* ===== FAQ ===== */
.rb-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.rb-faq h2{margin:0 0 20px;font:800 clamp(30px,4vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-1.3px;color:var(--pr-n2)}
.rb-faq .lead{margin:0 0 8px;font-size:18px;color:var(--pr-n)}
.rb-faq .mail{font:700 22px Manrope,sans-serif;color:var(--pr-o);transition:color .25s}
.rb-faq .mail:hover{color:var(--pr-n)}
.rb-faq details{border-bottom:1px solid #dbe2e9;padding:22px 0;transition:background .3s}
.rb-faq details:first-child{border-top:1px solid #dbe2e9}
.rb-faq summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;
  font:700 16.5px/1.45 Manrope,sans-serif;color:var(--pr-n);transition:color .25s;
}
.rb-faq summary::-webkit-details-marker{display:none}
.rb-faq summary:hover{color:var(--pr-o)}
.rb-faq summary:after{
  content:"+";flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;
  border-radius:50%;background:var(--pr-steel);font-size:22px;line-height:1;color:var(--pr-o);
  transition:transform .35s var(--pr-ease),background .3s,color .3s;
}
.rb-faq details[open] summary{color:var(--pr-o)}
.rb-faq details[open] summary:after{transform:rotate(45deg);background:var(--pr-o);color:#fff}
.rb-faq details p{margin:14px 0 0;max-width:60ch;font-size:15px;line-height:1.85;color:#5b6572}

/* ===== CONNECT BAR (call to action) ===== */
.rb-conn{
  position:relative;overflow:hidden;padding:72px 0;
  background:linear-gradient(115deg,var(--pr-n2),var(--pr-n) 55%,#1b2a5e);
}
.rb-conn:before{
  content:"";position:absolute;right:-120px;top:-170px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,102,0,.42),rgba(255,102,0,0) 68%);
}
.rb-conn:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--pr-o),transparent 60%)}
.rb-conn .container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.rb-conn h2{margin:0;color:#fff;font:800 clamp(28px,4.4vw,52px)/1.1 Manrope,sans-serif;letter-spacing:-1.4px;text-wrap:balance}

/* ===== OVERVIEW + FEATURES BLOCK (excavator rock breaker) ===== */
.rb-main{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}

.rb-image{
  position:relative;min-height:480px;border-radius:var(--pr-r-l);overflow:hidden;
  background:var(--pr-steel);box-shadow:var(--pr-sh-2);
}
.rb-image img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;transition:transform .9s var(--pr-ease)}
.rb-image:hover img{transform:scale(1.04)}
.rb-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,24,.7),transparent 55%);pointer-events:none}

.rb-image-badge{
  position:absolute;left:24px;bottom:24px;z-index:2;
  display:flex;align-items:center;gap:14px;padding:14px 20px 14px 14px;
  background:rgba(255,255,255,.94);border-radius:var(--pr-r-s);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 16px 36px rgba(0,0,0,.25);
}
.rb-image-badge>span{
  display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  background:var(--pr-o);color:#fff;font-size:19px;
}
.rb-image-badge strong{display:block;color:var(--pr-n);font-size:14px}
.rb-image-badge small{display:block;margin-top:3px;color:#6d7682;font-size:11.5px}

.rb-content{padding:10px 0}
.rb-small-title{display:inline-block;margin-bottom:12px;color:var(--pr-o);font:800 12px Inter,sans-serif;letter-spacing:1.4px}
.rb-content h3{margin:0 0 20px;font:800 clamp(24px,2.6vw,32px)/1.25 Manrope,sans-serif;letter-spacing:-.7px;color:var(--pr-n)}
.rb-content h3 span{color:var(--pr-o)}
.rb-content>p{margin:0 0 16px;max-width:60ch;font-size:15.5px;line-height:1.9;color:var(--pr-body)}
.rb-content>p strong{color:var(--pr-ink)}

.rb-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.rb-feature{
  display:flex;align-items:flex-start;gap:14px;padding:18px;
  background:#fff;border:1px solid var(--pr-line);border-radius:14px;
  transition:transform .4s var(--pr-ease),border-color .3s,box-shadow .4s var(--pr-ease);
}
.rb-feature:hover{transform:translateY(-4px);border-color:var(--pr-o);box-shadow:var(--pr-sh-2)}
.rb-icon{
  flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--pr-o-soft);color:var(--pr-o);font-size:15px;font-weight:800;
  transition:background .3s,color .3s;
}
.rb-feature:hover .rb-icon{background:var(--pr-o);color:#fff}
.rb-feature strong{display:block;margin-bottom:4px;color:var(--pr-ink);font-size:14px}
.rb-feature span{display:block;color:#6d7682;font-size:12.5px;line-height:1.55}

/* ===== MINI & 10 TON ROCK BREAKER SECTION ===== */
.rb-models-sec{padding:96px 0;background:#fff}
.rb-models-sec .container{max-width:1200px;margin:0 auto;padding:0 20px}

.rb-models-head{max-width:800px;margin:0 auto 58px;text-align:center}
.rb-models-tag{
  display:inline-block;margin-bottom:14px;padding:7px 16px;
  background:var(--pr-n);color:#fff;border-radius:40px;
  font:700 11.5px/1 Inter,sans-serif;letter-spacing:1.2px;
}
.rb-models-head h2{margin:0 0 16px;font:800 clamp(27px,3.5vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-1px;color:var(--pr-n)}
.rb-models-head h2:after{content:"";display:block;width:54px;height:4px;margin:18px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--pr-o),#ff9a52)}
.rb-models-head p{max-width:700px;margin:0 auto;color:var(--pr-mut);font-size:15.5px;line-height:1.85}

.rb-models-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}

.rb-model-card{
  overflow:hidden;background:#fff;border:1px solid var(--pr-line);border-radius:var(--pr-r-l);
  box-shadow:var(--pr-sh-1);
  transition:transform .5s var(--pr-ease),box-shadow .5s var(--pr-ease),border-color .3s;
}
.rb-model-card:hover{transform:translateY(-8px);box-shadow:var(--pr-sh-2);border-color:var(--pr-o)}

.rb-model-image{position:relative;height:340px;overflow:hidden;background:var(--pr-steel)}
.rb-model-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--pr-ease)}
.rb-model-card:hover .rb-model-image img{transform:scale(1.06)}
.rb-model-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,24,.6),transparent 55%)}
.rb-model-label{
  position:absolute;left:22px;bottom:22px;z-index:2;padding:9px 16px;
  background:var(--pr-o);color:#fff;border-radius:40px;
  font:800 11px/1 Inter,sans-serif;letter-spacing:1px;
  box-shadow:0 10px 22px -6px rgba(255,102,0,.6);
}

.rb-model-content{position:relative;padding:32px}
.rb-model-number{position:absolute;top:18px;right:26px;font:800 52px/1 Manrope,sans-serif;color:rgba(10,16,34,.05)}
.rb-model-content h3{margin:0 0 14px;font:800 24px/1.3 Manrope,sans-serif;letter-spacing:-.5px;color:var(--pr-n)}
.rb-model-content>p{margin:0 0 24px;color:var(--pr-mut);font-size:14.5px;line-height:1.85}

.rb-model-points{display:flex;flex-direction:column;gap:11px;padding-top:20px;border-top:1px solid var(--pr-line)}
.rb-model-points>div{display:flex;align-items:center;gap:12px}
.rb-model-points span{
  flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:var(--pr-o-soft);color:var(--pr-o);font-size:12px;font-weight:800;
}
.rb-model-points p{margin:0;color:#2d3646;font-size:13.5px;font-weight:600}

/* ===== APPLICATIONS (heading + 1 big card + 2 stacked) ===== */
.ap-sec{background:var(--pr-paper);padding:96px 0 104px;overflow:hidden}
.ap-head{text-align:center;max-width:900px;margin:0 auto 52px}
.ap-ghost{
  margin:0;font:800 clamp(40px,10.5vw,150px)/1 Manrope,sans-serif;letter-spacing:2px;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:1px rgba(10,16,34,.14);white-space:nowrap;
}
.ap-title{position:relative;margin:-.45em 0 18px;font:800 clamp(28px,4.4vw,58px)/1.08 Manrope,sans-serif;letter-spacing:-1.6px;color:var(--pr-o)}
.ap-title mark{background:var(--pr-paper);color:var(--pr-o);padding:0 12px}
.ap-sub{margin:0 auto;max-width:640px;font-size:14.5px;line-height:1.9;color:#6d7682}

.ap-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:20px;height:clamp(440px,46vw,620px)}
.ap-card{
  position:relative;overflow:hidden;border-radius:var(--pr-r-l);
  background:linear-gradient(135deg,var(--pr-n),#1b2a5e);box-shadow:var(--pr-sh-2);
}
.ap-card:first-child{grid-row:span 2}
.ap-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--pr-ease)}
.ap-card:hover img{transform:scale(1.06)}
.ap-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,24,.92),rgba(5,10,24,.12) 62%)}
.ap-txt{position:absolute;z-index:1;left:28px;right:28px;bottom:26px;color:#fff}
.ap-txt small{display:block;margin-bottom:8px;font:800 11px Inter,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#ff8a3d}
.ap-txt h3{margin:0 0 8px;font:800 clamp(22px,2.4vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.6px}
.ap-txt p{margin:0;max-width:52ch;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.86)}
.ap-card:not(:first-child) .ap-txt h3{font-size:clamp(20px,2vw,28px)}
@media(max-width:800px){
  .ap-grid{grid-template-columns:1fr;grid-template-rows:none;height:auto}
  .ap-card,.ap-card:first-child{grid-row:auto;aspect-ratio:4/3}
}

/* ===== USE CASES GALLERY (images / videos + lightbox) ===== */
.uc2-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 0 46px}
.uc2-tab{
  min-width:220px;border:1px solid #c9d1d9;background:#fff;color:var(--pr-n);border-radius:40px;
  padding:15px 40px;font:600 clamp(16px,1.8vw,21px) Manrope,sans-serif;cursor:pointer;
  transition:border-color .3s,color .3s,background .3s,box-shadow .3s;
}
.uc2-tab:hover{border-color:var(--pr-o);color:var(--pr-o)}
.uc2-tab.on{background:var(--pr-o);border-color:var(--pr-o);color:#fff;box-shadow:0 14px 28px -8px rgba(255,102,0,.55)}
.uc2-pane[hidden]{display:none}
.uc2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.uc2-item{
  position:relative;display:block;padding:0;border:0;aspect-ratio:4/3;border-radius:20px;overflow:hidden;
  cursor:pointer;background:var(--pr-n);box-shadow:var(--pr-sh-1);
  transition:box-shadow .45s var(--pr-ease),transform .45s var(--pr-ease);
}
.uc2-item:hover{box-shadow:var(--pr-sh-2);transform:translateY(-4px)}
.uc2-item img,.uc2-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--pr-ease)}
.uc2-item:hover img,.uc2-item:hover video{transform:scale(1.07)}
.uc2-item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,24,.6),transparent 55%);opacity:0;transition:opacity .4s}
.uc2-item:hover:after{opacity:1}
.uc2-item>i{
  position:absolute;z-index:1;right:16px;bottom:16px;display:grid;place-items:center;
  width:42px;height:42px;border-radius:50%;background:var(--pr-o);color:#fff;font-size:15px;
  opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s var(--pr-ease);
}
.uc2-item:hover>i{opacity:1;transform:none}
.uc2-item>.uc2-play{inset:0;margin:auto;width:66px;height:66px;font-size:26px;opacity:1;transform:none;background:rgba(255,102,0,.95);box-shadow:0 0 0 10px rgba(255,255,255,.18)}
.uc2-empty{text-align:center;color:#6d7682;font-size:15px;padding:40px 0}

.uc2-lb{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;background:rgba(5,10,24,.94);backdrop-filter:blur(6px);padding:24px}
.uc2-lb[hidden]{display:none}
.uc2-lb-box{max-width:min(1100px,94vw);max-height:86vh;width:100%;display:grid;place-items:center}
.uc2-lb-box img,.uc2-lb-box video{max-width:100%;max-height:86vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.uc2-lb-box iframe{width:100%;aspect-ratio:16/9;max-height:86vh;border:0;border-radius:14px}
.uc2-lb button{
  position:absolute;display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:50%;
  background:#fff;color:var(--pr-n);font-size:18px;cursor:pointer;transition:background .3s,color .3s;
}
.uc2-lb button:hover{background:var(--pr-o);color:#fff}
.uc2-lb .x{top:20px;right:20px}
.uc2-lb .p{left:20px;top:50%}
.uc2-lb .n{right:20px;top:50%}
@media(max-width:600px){
  .uc2-tab{min-width:0;flex:1;padding:13px 18px}
  .uc2-grid{grid-template-columns:1fr 1fr;gap:12px}
  .uc2-item{border-radius:14px}
  .uc2-lb .p,.uc2-lb .n{top:auto;bottom:20px}
}

/* ===== UPDATE CENTER (optional) ===== */
.uc{--uc-o:var(--pr-o);--uc-n:var(--pr-n);position:relative;overflow:hidden;padding:88px 0 96px;background:#fff;font-family:Inter,sans-serif}
.uc-head{text-align:center;padding:0 20px}
.uc-ghost{margin:0 0 36px;font:800 clamp(44px,8.5vw,110px)/1 Manrope,sans-serif;letter-spacing:-1px;text-transform:uppercase;color:#e7ecf1}
.uc-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:48px}
.uc-tab{
  border:1px solid #c9d1d9;background:#fff;color:var(--uc-n);border-radius:40px;padding:14px 38px;
  font:600 clamp(16px,1.8vw,21px) Manrope,sans-serif;cursor:pointer;
  transition:border-color .3s,color .3s,background .3s,box-shadow .3s;
}
.uc-tab:hover{border-color:var(--uc-o);color:var(--uc-o)}
.uc-tab.on{background:var(--uc-o);border-color:var(--uc-o);color:#fff;box-shadow:0 14px 28px -8px rgba(255,102,0,.55)}
.uc-stage{position:relative}
.uc-track{display:flex;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 max(20px,calc((100% - 1180px)/2));scrollbar-width:none}
.uc-track::-webkit-scrollbar{display:none}
.uc-card{flex:0 0 min(400px,82vw);scroll-snap-align:start;display:block;color:var(--uc-n);text-decoration:none}
.uc-card[hidden]{display:none}
.uc-img{
  position:relative;aspect-ratio:16/10.5;border-radius:var(--pr-r-l);overflow:hidden;
  background:linear-gradient(135deg,var(--pr-n),#1b2a5e);display:grid;place-items:center;box-shadow:var(--pr-sh-1);
}
.uc-img i{font-size:56px;color:rgba(255,255,255,.2)}
.uc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--pr-ease)}
.uc-card:hover .uc-img img{transform:scale(1.06)}
.uc-card time{display:block;margin:18px 0 8px;font:500 16px Manrope,sans-serif;color:#5f6b78}
.uc-card h3{margin:0;font:600 clamp(17px,1.5vw,20px)/1.4 Manrope,sans-serif;color:var(--uc-n);transition:color .3s}
.uc-card:hover h3{color:var(--uc-o)}
.uc-arrow{
  position:absolute;top:calc(50% - 70px);z-index:2;width:52px;height:52px;border:0;border-radius:50%;
  background:#fff;color:var(--uc-n);box-shadow:0 12px 32px rgba(10,16,34,.22);cursor:pointer;transition:background .3s,color .3s;
}
.uc-arrow:hover{background:var(--uc-o);color:#fff}
.uc-arrow.prev{left:max(14px,calc((100% - 1260px)/2))}
.uc-arrow.next{right:max(14px,calc((100% - 1260px)/2))}
.uc-all{display:flex;width:max-content;align-items:center;margin:56px auto 0;text-decoration:none}
.uc-all span{
  display:block;background:var(--uc-o);color:#fff;border-radius:40px;padding:20px 46px 20px 50px;
  font:700 16px Manrope,sans-serif;letter-spacing:3px;text-transform:uppercase;
  box-shadow:0 16px 32px -10px rgba(255,102,0,.55);transition:background .3s,box-shadow .3s;
}
.uc-all:hover span{background:var(--uc-n);box-shadow:0 16px 32px -12px rgba(10,16,34,.5)}
.uc :focus-visible{outline:3px solid var(--uc-o);outline-offset:3px}

/* ===== ACCESSIBILITY ===== */
:focus-visible{outline:3px solid var(--pr-o);outline-offset:3px}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px){
  .rb-ov,.rb-faq{grid-template-columns:1fr;gap:36px}
}
@media(max-width:991px){
  .rb-sec,.rb-models-sec{padding:72px 0}
  .rb-main{grid-template-columns:1fr;gap:42px}
  .rb-image,.rb-image img{min-height:400px}
  .rb-content{max-width:800px;margin:auto}
  .rb-models-grid{grid-template-columns:1fr;max-width:700px;margin:auto}
}
@media(max-width:700px){
  .uc{padding:56px 0 64px}
  .uc-track{gap:18px}
  .uc-arrow{display:none}
  .uc-tab{padding:11px 24px}
  .uc-all span{padding:16px 30px;font-size:14px}
}
@media(max-width:600px){
  .rb-hero{padding:124px 0 56px}
  .rb-hero h1{letter-spacing:-1.2px}
  .rb-stat{min-width:calc(50% - 7px);padding:14px 16px 12px}
  .rb-stat b{font-size:23px}
  .rb-sec{padding:58px 0}
  .rb-head{margin-bottom:38px}
  .rb-conn{padding:54px 0}
}
@media(max-width:576px){
  .rb-sec .container,.rb-models-sec .container{padding:0 15px}
  .rb-head p,.rb-models-head p{font-size:14px;line-height:1.75}
  .rb-main{gap:30px}
  .rb-image,.rb-image img{min-height:300px}
  .rb-image{border-radius:var(--pr-r-m)}
  .rb-image-badge{left:14px;bottom:14px;padding:10px 14px 10px 10px}
  .rb-image-badge>span{width:36px;height:36px;font-size:16px}
  .rb-features{grid-template-columns:1fr;gap:10px}
  .rb-content>p{font-size:14.5px;line-height:1.8}
  .rb-models-sec{padding:56px 0}
  .rb-models-head{margin-bottom:36px}
  .rb-model-image{height:250px}
  .rb-model-content{padding:24px}
  .rb-model-content h3{font-size:21px}
  .rb-model-content>p{font-size:13.5px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{transition:none!important;animation:none!important}
  .uc-track{scroll-behavior:auto}
}