.elementor-1384 .elementor-element.elementor-element-36da3e9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1384 .elementor-element.elementor-element-5fa0d6de{width:100%;max-width:100%;}.elementor-1384 .elementor-element.elementor-element-1eb47a77{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1384 .elementor-element.elementor-element-4b9712be{width:100%;max-width:100%;}.elementor-1384 .elementor-element.elementor-element-7358d259{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1384 .elementor-element.elementor-element-1d09ec60{--display:flex;}.elementor-1384 .elementor-element.elementor-element-4489b9e3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1384 .elementor-element.elementor-element-58cf14f6{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   YourClad — INSTALLATION PAGES (MASTER CSS)
   Scope: .yc-inst (UNIVERSAL) — use on 5 new pages
   Rules:
   - NO global body.elementor-page-1384s
   - Everything scoped inside .yc-inst
   - Elementor-safe / migration-safe
   ========================================================= */

.yc-inst{
  /* Tokens */
  --yc-bg-page: #f7f7f7;
  --yc-ink: #060817;
  --yc-accent: #F66000;

  --yc-border: rgba(6,8,23,0.12);
  --yc-border-soft: rgba(6,8,23,0.10);
  --yc-muted: rgba(6,8,23,0.78);
  --yc-muted2: rgba(6,8,23,0.68);

  --yc-card: #fff;
  --yc-radius-lg: 22px;
  --yc-radius-md: 18px;

  --yc-shadow-lg: 0 24px 60px rgba(6,8,23,0.14);
  --yc-shadow-md: 0 14px 34px rgba(6,8,23,0.10);

  --yc-max: 1200px;
  --yc-pad: 18px;
  --yc-gap: 18px;

  --yc-scroll-offset: 110px;

  background: var(--yc-bg-page);
  font-family: Poppins, Montserrat, Arial, sans-serif;
}

/* Box sizing only inside wrapper */
.yc-inst,
.yc-inst *{ box-sizing:border-box; }

/* Anchor offset inside wrapper only */
.yc-inst [id]{ scroll-margin-top: var(--yc-scroll-offset); }

/* Link safety (stop theme underline/blue) inside wrapper only */
.yc-inst a{ text-decoration:none !important; }
.yc-inst a:focus{
  outline: 2px solid rgba(246,96,0,0.55);
  outline-offset: 3px;
  border-radius: 12px;
}

/* =========================================================
   HERO — .yc-inst-hero
   ========================================================= */
.yc-inst .yc-inst-hero{
  width:100%;
  max-width: var(--yc-max);
  margin: 28px auto 0;
  padding: 0 var(--yc-pad);
}

.yc-inst .yc-inst-hero__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg);
  border: 1px solid var(--yc-border);
  box-shadow: 0 24px 60px rgba(6,8,23,0.18);
  background: var(--yc-ink);
}

/* Background image + overlays
   - Set image per page in HTML: style="--yc-inst-hero-bg:url('YOUR-IMAGE.webp')" */
.yc-inst .yc-inst-hero__bg{
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(70% 60% at 15% 20%, rgba(246,96,0,0.18) 0%, rgba(246,96,0,0.00) 60%),
    linear-gradient(115deg, rgba(6,8,23,0.92) 0%, rgba(6,8,23,0.74) 55%, rgba(6,8,23,0.52) 100%),
    var(--yc-inst-hero-bg, none);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  transform: scale(1.02);
  filter: saturate(1.03) contrast(1.03);
  transition: transform .6s ease;
}
.yc-inst .yc-inst-hero__panel:hover .yc-inst-hero__bg{ transform: scale(1.06); }

/* Layout */
.yc-inst .yc-inst-hero__grid{
  position:relative;
  min-height: calc(92vh - 56px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 18px;
  padding: clamp(26px, 5vw, 64px);
  align-items:flex-start;
}

/* Kicker */
.yc-inst .yc-inst-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.86);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}
.yc-inst .yc-inst-hero__dot{
  width:10px;height:10px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.22);
  flex:0 0 auto;
}

/* Copy */
.yc-inst .yc-inst-hero__title{
  margin: 10px 0 6px;
  color:#fff;
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.06;
  font-size: clamp(30px, 3.6vw, 52px);
  max-width: 980px;
}
.yc-inst .yc-inst-hero__subtitle{
  margin: 0 0 12px;
  color: rgba(255,255,255,0.86);
  font-size: clamp(15px, 1.2vw, 20px);
  line-height: 1.75;
  max-width: 960px;
}

/* Chips */
.yc-inst .yc-inst-hero__chips{
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1000px;
}
.yc-inst .yc-inst-hero__chipLink{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.90) !important;
  font-size: 12.5px;
  line-height: 1;
  text-decoration:none !important;
  backdrop-filter: blur(10px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  cursor: pointer;
}
.yc-inst .yc-inst-hero__chipLink:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.55);
  background: rgba(246,96,0,0.14);
  box-shadow: 0 14px 34px rgba(6,8,23,0.20);
}
.yc-inst .yc-inst-hero__chipDot{
  width:8px;height:8px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
}

/* Bullets */
.yc-inst .yc-inst-hero__bullets{
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 12px;
  max-width: 980px;
}
.yc-inst .yc-inst-hero__li{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.88);
  font-size: 13.5px;
  line-height: 1.6;
  backdrop-filter: blur(10px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.yc-inst .yc-inst-hero__li:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.38);
  background: rgba(255,255,255,0.12);
  box-shadow: 0 16px 46px rgba(6,8,23,0.16);
}
.yc-inst .yc-inst-hero__tick{
  width: 20px; height: 20px;
  border-radius: 8px;
  background: rgba(246,96,0,0.16);
  border: 1px solid rgba(246,96,0,0.34);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--yc-accent);
  flex: 0 0 auto;
  margin-top: 2px;
}
.yc-inst .yc-inst-hero__li strong{ color:#fff; font-weight:900; }

/* CTAs */
.yc-inst .yc-inst-hero__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items:center;
  margin-top: 2px;
}
.yc-inst .yc-inst-hero__btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 999px;
  background: var(--yc-accent);
  color:#fff !important;
  font-weight: 900;
  font-size: 14px;
  text-decoration:none !important;
  box-shadow: 0 18px 50px rgba(246,96,0,0.38);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  border: none;
}
.yc-inst .yc-inst-hero__btnPrimary:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 26px 70px rgba(246,96,0,0.48);
}
.yc-inst .yc-inst-hero__btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.22);
  color:#fff !important;
  font-weight: 900;
  font-size: 14px;
  text-decoration:none !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.yc-inst .yc-inst-hero__btnSecondary:hover{
  transform: translateY(-1px);
  background: rgba(246,96,0,0.10);
  border-color: rgba(246,96,0,0.55);
  box-shadow: 0 18px 54px rgba(6,8,23,0.16);
}

/* Responsive */
@media (max-width: 980px){
  .yc-inst .yc-inst-hero__grid{ min-height: 82vh; padding: 26px; }
}
@media (max-width: 520px){
  .yc-inst .yc-inst-hero__grid{ padding: 20px; min-height: 74vh; }
  .yc-inst .yc-inst-hero__actions{ width:100%; }
  .yc-inst .yc-inst-hero__btnPrimary,
  .yc-inst .yc-inst-hero__btnSecondary{ width:100%; }
  .yc-inst .yc-inst-hero__chips{ gap: 8px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .yc-inst .yc-inst-hero__bg,
  .yc-inst .yc-inst-hero__panel,
  .yc-inst .yc-inst-hero__li,
  .yc-inst .yc-inst-hero__chipLink,
  .yc-inst .yc-inst-hero__btnPrimary,
  .yc-inst .yc-inst-hero__btnSecondary{ transition:none !important; }
}
/* =========================================================
   INSTALLATION — BLOCK (WORKSHOT / PHOTO)
   Scope: .yc-inst only
   ========================================================= */

.yc-inst .yc-inst-workshot{
  width:100%;
  max-width: var(--yc-max, 1200px);
  margin: 22px auto 0;
  padding: 0 var(--yc-pad, 18px);
}

.yc-inst .yc-inst-workshot__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg, 22px);
  border: 1px solid var(--yc-border, rgba(6,8,23,0.12));
  box-shadow: var(--yc-shadow-lg, 0 24px 60px rgba(6,8,23,0.14));
  background: var(--yc-card, #fff);
}

.yc-inst .yc-inst-workshot__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 70% at 12% 12%, rgba(246,96,0,0.07) 0%, rgba(246,96,0,0.00) 55%),
    radial-gradient(80% 70% at 90% 20%, rgba(6,8,23,0.05) 0%, rgba(6,8,23,0.00) 60%);
  pointer-events:none;
}

.yc-inst .yc-inst-workshot__inner{
  position:relative;
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: var(--yc-gap, 18px);
  padding: 28px;
  align-items:stretch;
}

/* MEDIA */
.yc-inst .yc-inst-workshot__media{
  border-radius: var(--yc-radius-md, 18px);
  overflow:hidden;
  border: 1px solid rgba(6,8,23,0.10);
  background: rgba(6,8,23,0.04);
  min-height: 260px;
}

.yc-inst .yc-inst-workshot__img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform: scale(1.01);
}

/* CONTENT */
.yc-inst .yc-inst-workshot__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width: 0;
}

.yc-inst .yc-inst-workshot__kicker{
  margin: 0 0 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(6,8,23,0.04);
  border: 1px solid rgba(6,8,23,0.10);
  color: rgba(6,8,23,0.78);
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  width: fit-content;
}

.yc-inst .yc-inst-workshot__title{
  margin: 0 0 10px;
  color: var(--yc-ink, #060817);
  font-weight: 900;
  line-height: 1.14;
  font-size: 26px;
}

.yc-inst .yc-inst-workshot__text{
  margin: 0 0 14px;
  color: var(--yc-muted, rgba(6,8,23,0.78));
  font-size: 14px;
  line-height: 1.75;
}

.yc-inst .yc-inst-workshot__list{
  margin: 0 0 16px;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}

.yc-inst .yc-inst-workshot__list li{
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(6,8,23,0.03);
  border: 1px solid rgba(6,8,23,0.10);
  color: rgba(6,8,23,0.74);
  font-size: 13.5px;
  line-height: 1.6;
}

.yc-inst .yc-inst-workshot__list strong{
  color: var(--yc-ink, #060817);
  font-weight: 900;
}

/* CTA */
.yc-inst .yc-inst-workshot__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--yc-accent, #F66000);
  color:#fff !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  box-shadow: 0 16px 40px rgba(246,96,0,0.32);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  width: fit-content;
}

.yc-inst .yc-inst-workshot__btn:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 22px 52px rgba(246,96,0,0.42);
}

/* Responsive */
@media (max-width: 980px){
  .yc-inst .yc-inst-workshot__inner{
    grid-template-columns: 1fr;
    padding: 22px;
  }
  .yc-inst .yc-inst-workshot__media{
    min-height: 240px;
  }
}

@media (max-width: 520px){
  .yc-inst .yc-inst-workshot__inner{ padding: 18px; }
  .yc-inst .yc-inst-workshot__title{ font-size: 22px; }
  .yc-inst .yc-inst-workshot__btn{ width:100%; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .yc-inst .yc-inst-workshot__btn{ transition:none !important; }
}
/* =========================================================
   INSTALLATION — BLOCK 2 (Service overview + Areas)
   Scope: .yc-inst only
   ========================================================= */
.yc-inst .yc-inst-svc{
  width:100%;
  max-width: var(--yc-max);
  margin: 22px auto 0;
  padding: 0 var(--yc-pad);
}

.yc-inst .yc-inst-svc__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg);
  border: 1px solid var(--yc-border);
  box-shadow: var(--yc-shadow-lg);
  background: var(--yc-card);
}

.yc-inst .yc-inst-svc__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 70% at 12% 12%, rgba(246,96,0,0.07) 0%, rgba(246,96,0,0.00) 55%),
    radial-gradient(80% 70% at 90% 20%, rgba(6,8,23,0.05) 0%, rgba(6,8,23,0.00) 60%);
  pointer-events:none;
}

.yc-inst .yc-inst-svc__inner{
  position:relative;
  padding: 28px;
  display:grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 18px;
  align-items:start;
}

/* LEFT */
.yc-inst .yc-inst-svc__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(6,8,23,0.04);
  border: 1px solid rgba(6,8,23,0.10);
  color: rgba(6,8,23,0.78);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.yc-inst .yc-inst-svc__kdot{
  width:10px;height:10px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
}

.yc-inst .yc-inst-svc__title{
  margin: 12px 0 8px;
  color: var(--yc-ink);
  font-weight: 900;
  line-height: 1.14;
  font-size: 28px;
}
.yc-inst .yc-inst-svc__lead{
  margin: 0 0 14px;
  color: var(--yc-muted);
  font-size: 14px;
  line-height: 1.75;
  max-width: 820px;
}

.yc-inst .yc-inst-svc__list{
  margin: 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}
.yc-inst .yc-inst-svc__item{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(6,8,23,0.03);
  border: 1px solid rgba(6,8,23,0.10);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.yc-inst .yc-inst-svc__item:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.28);
  background: rgba(246,96,0,0.06);
  box-shadow: 0 16px 44px rgba(6,8,23,0.10);
}
.yc-inst .yc-inst-svc__tick{
  width: 20px; height: 20px;
  border-radius: 8px;
  background: rgba(246,96,0,0.12);
  border: 1px solid rgba(246,96,0,0.28);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--yc-accent);
  flex: 0 0 auto;
  margin-top: 2px;
}
.yc-inst .yc-inst-svc__item strong{
  display:block;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 13px;
  line-height: 1.25;
  margin: 0 0 2px;
}
.yc-inst .yc-inst-svc__item span{
  display:block;
  color: var(--yc-muted);
  font-size: 13px;
  line-height: 1.55;
}

.yc-inst .yc-inst-svc__actions{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.yc-inst .yc-inst-svc__btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--yc-accent);
  color:#fff !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  box-shadow: 0 16px 40px rgba(246,96,0,0.32);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.yc-inst .yc-inst-svc__btnPrimary:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 22px 52px rgba(246,96,0,0.42);
}
.yc-inst .yc-inst-svc__btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(6,8,23,0.03);
  border: 1px solid rgba(6,8,23,0.16);
  color: var(--yc-ink) !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.yc-inst .yc-inst-svc__btnSecondary:hover{
  transform: translateY(-1px);
  background: rgba(246,96,0,0.08);
  border-color: rgba(246,96,0,0.45);
  box-shadow: 0 18px 50px rgba(6,8,23,0.10);
}

/* RIGHT: Areas card */
.yc-inst .yc-inst-svc__aside{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-md);
  border: 1px solid var(--yc-border-soft);
  background: rgba(6,8,23,0.02);
  box-shadow: var(--yc-shadow-md);
  padding: 18px;
}

.yc-inst .yc-inst-svc__asideTitle{
  margin: 0 0 8px;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
}
.yc-inst .yc-inst-svc__asideText{
  margin: 0 0 12px;
  color: var(--yc-muted);
  font-size: 13.5px;
  line-height: 1.65;
}

.yc-inst .yc-inst-svc__areas{
  margin: 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 10px;
}
.yc-inst .yc-inst-svc__area{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(6,8,23,0.10);
}
.yc-inst .yc-inst-svc__area strong{
  display:block;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 13px;
  margin: 0 0 2px;
}
.yc-inst .yc-inst-svc__area span{
  display:block;
  color: rgba(6,8,23,0.72);
  font-size: 12.5px;
  line-height: 1.5;
}
/* =========================================================
   INSTALLATION — BLOCK 2 (Service overview + Areas)
   MOBILE PATCH (cola no final do CSS do bloco 2)
   ========================================================= */

/* Tablet / mobile: 2 colunas -> 1 coluna */
@media (max-width: 980px){
  .yc-inst .yc-inst-svc__inner{
    grid-template-columns: 1fr;
    padding: 22px;
  }

  /* Aside vira bloco abaixo e ocupa 100% */
  .yc-inst .yc-inst-svc__aside{
    width: 100%;
  }
}

/* Mobile pequeno: padding, títulos, botões full width, evitar overflow */
@media (max-width: 520px){
  .yc-inst .yc-inst-svc{
    margin-top: 18px;
  }

  .yc-inst .yc-inst-svc__inner{
    padding: 18px;
    gap: 14px;
  }

  .yc-inst .yc-inst-svc__title{
    font-size: 24px;
    line-height: 1.15;
  }

  /* Evita “estouro” em textos longos / URLs */
  .yc-inst .yc-inst-svc__lead,
  .yc-inst .yc-inst-svc__item span,
  .yc-inst .yc-inst-svc__asideText{
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  /* Botões empilham e viram 100% */
  .yc-inst .yc-inst-svc__actions{
    width: 100%;
  }

  .yc-inst .yc-inst-svc__btnPrimary,
  .yc-inst .yc-inst-svc__btnSecondary{
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  /* Itens da lista: melhora “respiro” no mobile */
  .yc-inst .yc-inst-svc__item{
    padding: 12px 12px;
  }
}
/* =========================================================
   INSTALLATION — BLOCK 3: PROCESS
   Scope: .yc-inst .yc-inst-process...
   ========================================================= */
.yc-inst .yc-inst-process{
  width:100%;
  max-width: var(--yc-max, 1200px);
  margin: 28px auto 0;
  padding: 0 var(--yc-pad, 18px);
}
.yc-inst .yc-inst-process__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg, 22px);
  border: 1px solid var(--yc-border, rgba(6,8,23,0.12));
  box-shadow: var(--yc-shadow-lg, 0 24px 60px rgba(6,8,23,0.14));
  background: var(--yc-card, #fff);
}
.yc-inst .yc-inst-process__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 70% at 12% 12%, rgba(246,96,0,0.07) 0%, rgba(246,96,0,0.00) 55%),
    radial-gradient(80% 70% at 90% 20%, rgba(6,8,23,0.05) 0%, rgba(6,8,23,0.00) 60%);
  pointer-events:none;
}
.yc-inst .yc-inst-process__inner{
  position:relative;
  padding: 28px;
}

/* Head */
.yc-inst .yc-inst-process__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(6,8,23,0.04);
  border: 1px solid rgba(6,8,23,0.10);
  color: rgba(6,8,23,0.78);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.yc-inst .yc-inst-process__kdot{
  width:10px;height:10px;border-radius:50%;
  background: var(--yc-accent, #F66000);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
}
.yc-inst .yc-inst-process__title{
  margin: 12px 0 8px;
  color: var(--yc-ink, #060817);
  font-weight: 900;
  line-height: 1.12;
  font-size: 28px;
}
.yc-inst .yc-inst-process__lead{
  margin: 0 0 16px;
  color: rgba(6,8,23,0.78);
  font-size: 14px;
  line-height: 1.75;
  max-width: 820px;
}

/* Steps */
.yc-inst .yc-inst-process__steps{
  margin: 0;
  padding: 0;
  list-style: none;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.yc-inst .yc-inst-process__step{
  display:flex;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(6,8,23,0.10);
  background: rgba(6,8,23,0.02);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  min-width: 0;
}
.yc-inst .yc-inst-process__step:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.30);
  background: rgba(246,96,0,0.05);
  box-shadow: 0 14px 34px rgba(6,8,23,0.08);
}
.yc-inst .yc-inst-process__num{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(246,96,0,0.14);
  border: 1px solid rgba(246,96,0,0.28);
  color: var(--yc-accent, #F66000);
  font-weight: 900;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.yc-inst .yc-inst-process__stepTitle{
  margin: 0 0 4px;
  color: var(--yc-ink, #060817);
  font-weight: 900;
  font-size: 15px;
  line-height: 1.25;
}
.yc-inst .yc-inst-process__stepText{
  margin: 0;
  color: rgba(6,8,23,0.74);
  font-size: 13.5px;
  line-height: 1.7;
}

/* CTA (optional) */
.yc-inst .yc-inst-process__cta{
  margin-top: 16px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(6,8,23,0.10);
  background: rgba(6,8,23,0.02);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.yc-inst .yc-inst-process__ctaTitle{
  margin: 0 0 4px;
  color: var(--yc-ink, #060817);
  font-weight: 900;
  font-size: 16px;
}
.yc-inst .yc-inst-process__ctaText{
  margin: 0;
  color: rgba(6,8,23,0.74);
  font-size: 13.5px;
  line-height: 1.65;
  max-width: 680px;
}
.yc-inst .yc-inst-process__ctaActions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  flex: 0 0 auto;
}
.yc-inst .yc-inst-process__btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--yc-accent, #F66000);
  color:#fff !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  box-shadow: 0 16px 40px rgba(246,96,0,0.32);
}
.yc-inst .yc-inst-process__btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(6,8,23,0.03);
  border: 1px solid rgba(6,8,23,0.16);
  color: var(--yc-ink, #060817) !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
}

/* Responsive */
@media (max-width: 980px){
  .yc-inst .yc-inst-process__steps{ grid-template-columns: 1fr; }
  .yc-inst .yc-inst-process__inner{ padding: 22px; }
  .yc-inst .yc-inst-process__cta{ flex-direction: column; align-items: flex-start; }
}
@media (max-width: 520px){
  .yc-inst .yc-inst-process__inner{ padding: 18px; }
  .yc-inst .yc-inst-process__title{ font-size: 24px; }
}

/* =========================================================
   INSTALLATION — BLOCK 4: FAQ + CTA STRIP
   Independent scope (no wrapper required)
   ========================================================= */

.yc-inst-faq{
  width:100%;
  max-width:1200px;
  margin: 28px auto 40px;
  padding: 0 18px;
  font-family: Poppins, Montserrat, Arial, sans-serif;
}
.yc-inst-faq,
.yc-inst-faq *{ box-sizing:border-box; }

/* Panel */
.yc-inst-faq__panel{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(6,8,23,0.12);
  box-shadow:0 24px 60px rgba(6,8,23,0.14);
  background:#fff;
}

.yc-inst-faq__inner{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:18px;
  padding:28px;
}

/* Left side */
.yc-inst-faq__title{
  margin:0 0 6px;
  font-size:28px;
  font-weight:900;
  color:#060718;
}
.yc-inst-faq__lead{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.7;
  color:rgba(6,8,23,0.75);
}

/* FAQ Items */
.yc-inst-faq__list{ display:grid; gap:10px; }

.yc-inst-faq__item{
  border-radius:16px;
  border:1px solid rgba(6,8,23,0.1);
  background:rgba(6,8,23,0.02);
  overflow:hidden;
  transition:all .2s ease;
}

.yc-inst-faq__item summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px;
  font-weight:900;
  font-size:14px;
  color:#060817;
}
.yc-inst-faq__item summary::-webkit-details-marker{ display:none; }

.yc-inst-faq__chev{
  width:30px;height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid rgba(6,8,23,0.15);
  font-size:14px;
  transition:transform .2s ease;
}

.yc-inst-faq__item[open] .yc-inst-faq__chev{
  transform:rotate(180deg);
}

.yc-inst-faq__answer{
  padding:0 14px 14px;
  font-size:13.5px;
  line-height:1.7;
  color:rgba(6,8,23,0.75);
}

/* CTA STRIP */
.yc-inst-faq__cta{
  border-radius:18px;
  padding:18px;
  background:linear-gradient(110deg,#060817 0%,#111a2c 100%);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.yc-inst-faq__ctaTitle{
  margin:0 0 8px;
  font-size:16px;
  font-weight:900;
  color:#fff;
}

.yc-inst-faq__ctaText{
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.6;
  color:rgba(255,255,255,0.85);
}

.yc-inst-faq__ctaActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.yc-inst-faq__ctaBtnPrimary{
  padding:12px 16px;
  border-radius:999px;
  background:#F66000;
  color:#fff !important;
  font-weight:900;
  font-size:13px;
  text-decoration:none !important;
  transition:.2s ease;
}
.yc-inst-faq__ctaBtnPrimary:hover{
  background:#e45700;
}

.yc-inst-faq__ctaBtnSecondary{
  padding:11px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.3);
  color:#fff !important;
  font-weight:900;
  font-size:13px;
  text-decoration:none !important;
}

/* Responsive */
@media (max-width:980px){
  .yc-inst-faq__inner{
    grid-template-columns:1fr;
  }
}

@media (max-width:520px){
  .yc-inst-faq__ctaActions a{
    width:100%;
    text-align:center;
  }
}/* End custom CSS */