.elementor-62799 .elementor-element.elementor-element-a4fb2f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62799 .elementor-element.elementor-element-b43b245 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-d45744a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-5af2de2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-da001da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-218cfc5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62799 .elementor-element.elementor-element-5b01d57 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-62ec216 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-5226d88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-f399f5d{--display:flex;}@media(max-width:768px){.elementor-62799 .elementor-element.elementor-element-a4fb2f8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-62799 .elementor-element.elementor-element-b43b245 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-62799 .elementor-element.elementor-element-5af2de2 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-d45744a */.elementor-62799 .elementor-element.elementor-element-d45744a{
    background-color:#100E09;
}
.elementor-62799 .elementor-element.elementor-element-d45744a{content-visibility:auto;contain-intrinsic-size:auto 900px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da001da *//* ═══════════════════════════════════════════════════════
   ALUGLOBUS DRONE SECTION
═══════════════════════════════════════════════════════ */

.alp-drone-section,
.alp-drone-section *,
.alp-drone-section *::before,
.alp-drone-section *::after{
  box-sizing:border-box;
}

.alp-drone-section{
  --drone-gold:#d4af6a;
  --drone-gold-dark:#b98536;
  --drone-bg:#070707;
  --drone-card:#101010;
  --drone-line:rgba(255,255,255,.08);
  --drone-text:#ffffff;
  --drone-muted:rgba(255,255,255,.62);

  position:relative;
  width:100%;
  background:
    radial-gradient(
      800px 400px at 10% 0%,
      rgba(212,175,106,.08),
      transparent 62%
    ),
    radial-gradient(
      700px 400px at 95% 90%,
      rgba(212,175,106,.045),
      transparent 62%
    ),
    linear-gradient(180deg,#090909 0%,#050505 100%);

  color:var(--drone-text);
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  padding:clamp(64px,7vw,96px) 0;
  overflow:hidden;
}


.alp-drone-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 24px;
}


/* HEADER */

.alp-drone-header{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);
  gap:50px;
  align-items:end;
  margin-bottom:34px;
}


.alp-drone-copy{
  max-width:820px;
}


.alp-drone-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;

  padding:7px 15px;
  margin-bottom:18px;

  border-radius:999px;

  border:1px solid rgba(212,175,106,.20);

  background:rgba(212,175,106,.055);

  color:var(--drone-gold);

  font-size:10px;
  font-weight:900;
  letter-spacing:2.3px;
  text-transform:uppercase;
}


.alp-drone-dot{
  display:block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--drone-gold);
  box-shadow:0 0 0 5px rgba(212,175,106,.08);
}


.alp-drone-header h2{
  margin:0 0 16px;

  font-size:clamp(2rem,4.2vw,3.7rem);
  font-weight:900;
  letter-spacing:-1.5px;
  line-height:1.06;

  background:linear-gradient(
    135deg,
    #ffffff 45%,
    #ded6c7 72%,
    #d4af6a 110%
  );

  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}


.alp-drone-header p{
  margin:0;
  max-width:760px;

  color:var(--drone-muted);

  font-size:clamp(.92rem,1.4vw,1.04rem);
  line-height:1.78;
}


.alp-drone-side{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}


.alp-drone-stat{
  min-height:110px;

  padding:20px;

  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  border:1px solid var(--drone-line);
  border-radius:16px;

  background:
    radial-gradient(
      circle at top right,
      rgba(212,175,106,.09),
      transparent 48%
    ),
    rgba(255,255,255,.025);
}


.alp-drone-stat strong{
  display:block;
  margin-bottom:5px;

  color:var(--drone-gold);

  font-size:1.55rem;
  font-weight:900;
}


.alp-drone-stat span{
  color:rgba(255,255,255,.55);

  font-size:.72rem;
  font-weight:700;
  letter-spacing:.5px;
}


/* FEATURE STRIP */

.alp-drone-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid var(--drone-line);
  border-bottom:1px solid var(--drone-line);

  margin-bottom:44px;
}


.alp-drone-feature{
  display:flex;
  align-items:flex-start;
  gap:15px;

  padding:18px 22px;

  border-right:1px solid var(--drone-line);
}


.alp-drone-feature:last-child{
  border-right:none;
}


.alp-drone-feature > span{
  flex:0 0 auto;

  color:var(--drone-gold);

  font-size:.65rem;
  font-weight:900;
  letter-spacing:1.6px;
}


.alp-drone-feature strong{
  display:block;
  margin-bottom:4px;

  color:#fff;

  font-size:.82rem;
  font-weight:800;
}


.alp-drone-feature small{
  display:block;

  color:rgba(255,255,255,.46);

  font-size:.73rem;
  line-height:1.45;
}


/* GALLERY HEADER */

.alp-drone-gallery-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;

  margin-bottom:18px;
}


.alp-drone-gallery-kicker{
  display:block;
  margin-bottom:5px;

  color:var(--drone-gold);

  font-size:.65rem;
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
}


.alp-drone-gallery-head h3{
  margin:0;

  color:#fff;

  font-size:clamp(1.25rem,2vw,1.65rem);
  font-weight:850;
}


.alp-drone-scroll-hint{
  display:flex;
  align-items:center;
  gap:10px;

  color:rgba(255,255,255,.42);

  font-size:.72rem;
  font-weight:700;
}


.alp-drone-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:32px;
  height:32px;

  border-radius:50%;

  border:1px solid rgba(212,175,106,.22);

  color:var(--drone-gold);
}


/* HORIZONTAL SCROLL AREA */

.alp-drone-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;

  padding:2px 2px 15px;

  scroll-snap-type:x proximity;
  scroll-behavior:smooth;

  -webkit-overflow-scrolling:touch;

  scrollbar-width:thin;
  scrollbar-color:rgba(212,175,106,.35) rgba(255,255,255,.04);
}


.alp-drone-scroll::-webkit-scrollbar{
  height:7px;
}


.alp-drone-scroll::-webkit-scrollbar-track{
  background:rgba(255,255,255,.035);
  border-radius:20px;
}


.alp-drone-scroll::-webkit-scrollbar-thumb{
  background:linear-gradient(
    90deg,
    rgba(185,133,54,.55),
    rgba(212,175,106,.65)
  );

  border-radius:20px;
}


/* TWO ROW WALL */

.alp-drone-grid{
  display:grid;

  grid-template-rows:repeat(2,190px);
  grid-auto-columns:285px;
  grid-auto-flow:column;

  gap:11px;

  width:max-content;
}


/* IMAGE CARD */

.alp-drone-card{
  position:relative;

  display:block;

  width:100%;
  height:100%;

  overflow:hidden;

  border-radius:14px;

  border:1px solid rgba(255,255,255,.075);

  background:#111;

  scroll-snap-align:start;

  text-decoration:none;

  box-shadow:0 14px 38px rgba(0,0,0,.22);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}


.alp-drone-card img{
  width:100%;
  height:100%;

  object-fit:cover;

  display:block;

  transform:scale(1.015);

  transition:
    transform .55s cubic-bezier(.2,.7,.2,1),
    filter .35s ease;
}


/* FIRST FEATURED IMAGE */

.alp-drone-card-featured{
  grid-row:span 2;

  width:420px;
}


.alp-drone-card-featured img{
  object-fit:cover;
}


/* OVERLAY */

.alp-drone-overlay{
  position:absolute;
  inset:0;

  display:flex;
  align-items:flex-end;

  padding:18px;

  background:
    linear-gradient(
      to top,
      rgba(0,0,0,.76) 0%,
      rgba(0,0,0,.10) 45%,
      transparent 70%
    );

  opacity:.42;

  transition:opacity .3s ease;
}


.alp-drone-overlay span{
  color:rgba(255,255,255,.9);

  font-size:.7rem;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;

  transform:translateY(4px);

  transition:transform .3s ease;
}


/* HOVER */

@media (hover:hover){

  .alp-drone-card:hover{
    transform:translateY(-3px);

    border-color:rgba(212,175,106,.33);

    box-shadow:
      0 20px 48px rgba(0,0,0,.35),
      0 0 0 1px rgba(212,175,106,.03);
  }


  .alp-drone-card:hover img{
    transform:scale(1.055);
  }


  .alp-drone-card:hover .alp-drone-overlay{
    opacity:1;
  }


  .alp-drone-card:hover .alp-drone-overlay span{
    transform:translateY(0);
  }

}


/* BOTTOM MESSAGE */

.alp-drone-bottom{
  display:grid;
  grid-template-columns:minmax(40px,.25fr) minmax(0,1.5fr) auto;

  gap:25px;

  align-items:center;

  margin-top:32px;
}


.alp-drone-bottom-line{
  width:100%;
  height:1px;

  background:linear-gradient(
    90deg,
    rgba(212,175,106,.7),
    rgba(212,175,106,.08)
  );
}


.alp-drone-bottom p{
  margin:0;

  color:rgba(255,255,255,.5);

  font-size:.8rem;
  line-height:1.6;
}


.alp-drone-bottom p strong{
  color:rgba(255,255,255,.86);
  font-weight:800;
}


.alp-drone-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:44px;

  padding:12px 21px;

  border-radius:7px;

  border:1px solid rgba(212,175,106,.35);

  background:linear-gradient(
    135deg,
    #c38e38,
    #d4af6a
  );

  color:#111 !important;

  text-decoration:none;

  font-size:.78rem;
  font-weight:900;

  letter-spacing:.3px;

  white-space:nowrap;

  box-shadow:0 8px 26px rgba(212,175,106,.13);

  transition:
    transform .22s ease,
    box-shadow .22s ease;
}


.alp-drone-btn:hover{
  transform:translateY(-2px);

  box-shadow:0 12px 32px rgba(212,175,106,.24);
}


/* ═══════════════════════════════════════════════════════
   TABLET
═══════════════════════════════════════════════════════ */

@media (max-width:980px){

  .alp-drone-header{
    grid-template-columns:1fr;
    gap:24px;
  }


  .alp-drone-side{
    max-width:420px;
  }


  .alp-drone-features{
    grid-template-columns:1fr;
  }


  .alp-drone-feature{
    border-right:none;
    border-bottom:1px solid var(--drone-line);
  }


  .alp-drone-feature:last-child{
    border-bottom:none;
  }


  .alp-drone-grid{
    grid-template-rows:repeat(2,170px);
    grid-auto-columns:255px;
  }


  .alp-drone-card-featured{
    width:360px;
  }


  .alp-drone-bottom{
    grid-template-columns:1fr auto;
  }


  .alp-drone-bottom-line{
    display:none;
  }

}


/* ═══════════════════════════════════════════════════════
   MOBILE
═══════════════════════════════════════════════════════ */

@media (max-width:640px){

  .alp-drone-section{
    padding:58px 0;
  }


  .alp-drone-inner{
    padding:0 16px;
  }


  .alp-drone-header{
    margin-bottom:24px;
  }


  .alp-drone-header h2{
    font-size:2rem;
    letter-spacing:-.7px;
  }


  .alp-drone-header p{
    font-size:.89rem;
    line-height:1.7;
  }


  .alp-drone-side{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }


  .alp-drone-stat{
    min-height:95px;
    padding:15px;
  }


  .alp-drone-stat strong{
    font-size:1.25rem;
  }


  .alp-drone-features{
    margin-bottom:34px;
  }


  .alp-drone-feature{
    padding:15px 5px;
  }


  .alp-drone-gallery-head{
    align-items:center;
  }


  .alp-drone-scroll-hint span:first-child{
    display:none;
  }


  /*
   * On mobile use one horizontal row.
   * This keeps the section very short.
   */
  .alp-drone-grid{
    display:flex;
    gap:10px;

    width:max-content;
  }


  .alp-drone-card,
  .alp-drone-card-featured{
    flex:0 0 78vw;

    width:78vw;
    height:auto;

    aspect-ratio:4 / 3;

    border-radius:12px;
  }


  .alp-drone-overlay{
    opacity:.72;
    padding:14px;
  }


  .alp-drone-bottom{
    display:flex;
    flex-direction:column;

    align-items:flex-start;

    gap:17px;

    margin-top:26px;
  }


  .alp-drone-btn{
    width:100%;
  }

}


/* VERY SMALL PHONES */

@media (max-width:380px){

  .alp-drone-card,
  .alp-drone-card-featured{
    flex-basis:84vw;
    width:84vw;
  }


  .alp-drone-side{
    grid-template-columns:1fr;
  }

}


/* ACCESSIBILITY */

@media (prefers-reduced-motion:reduce){

  .alp-drone-card,
  .alp-drone-card img,
  .alp-drone-overlay,
  .alp-drone-overlay span,
  .alp-drone-btn{
    transition:none !important;
  }


  .alp-drone-scroll{
    scroll-behavior:auto;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b01d57 *//* ===== ALU Globus "How to Order" Workflow ===== */
  .ag-workflow-wrap,
  .ag-workflow-wrap *,
  .ag-workflow-wrap *::before,
  .ag-workflow-wrap *::after{
    box-sizing:border-box;
  }

  .ag-workflow-wrap{
    --bg1:#050505;
    --bg2:#0d0c0a;
    --card:#111111;
    --card2:#0b0b0b;
    --line:rgba(255,255,255,.18);
    --text:rgba(255,255,255,.90);
    --muted:rgba(255,255,255,.68);
    --accent:#c6a75e;
    --accent2:#8f7540;
    padding: clamp(18px, 2.4vw, 28px);
    background:
      radial-gradient(900px 380px at 15% 10%, rgba(198,167,94,.08), transparent 60%),
      radial-gradient(850px 360px at 85% 15%, rgba(255,255,255,.035), transparent 62%),
      linear-gradient(135deg, var(--bg1), var(--bg2));
    color: var(--text);
    border: 1px solid rgba(255,255,255,.10);
    overflow: hidden;
    contain: layout paint;
  }

  .ag-workflow-head{
    display:flex;
    align-items:flex-end;
    justify-content:center !important;
    gap:16px;
    margin-bottom:18px;
    text-align:center;
  }

  .ag-workflow-head > div{
    margin:0 auto;
    max-width:900px;
  }

  .ag-workflow-title{
    font-size: clamp(18px, 2.0vw, 26px);
    font-weight: 800;
    letter-spacing: .2px;
    margin:0;
    line-height:1.15;
    color:white !important;
    text-align:center;
  }

  .ag-workflow-sub{
    margin: 6px 0 0;
    font-size: 14px;
    color: var(--muted);
    max-width: 720px;
    text-align: center;
  }

  /* Desktop grid */
  .ag-flow-grid{
    display:grid;
    grid-template-columns: 1fr 52px 1fr 52px 1fr;
    grid-template-rows: auto 48px auto 48px auto;
    gap:16px;
    align-items:stretch;
  }

  /* Card */
  .ag-step{
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
  }

  .ag-step:before{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(600px 220px at 20% 0%, rgba(198,167,94,.08), transparent 55%);
    pointer-events:none;
    opacity:.8;
  }

  .ag-step-media{
    height:250px;
    position:relative;
    overflow:hidden;
    background: rgba(255,255,255,.04);
  }

  .ag-step-media img{
    width:100%;
    height:130%;
    object-fit:cover;
    display:block;
    filter:saturate(1.05) contrast(1.02);
    transform:scale(1.02);
  }

  .ag-step-body{
    padding:14px 14px 16px;
    position:relative;
    z-index:1;
  }

  .ag-step-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:8px;
  }

  .ag-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:10px;
    font-weight:900;
    background: rgba(198,167,94,.12);
    border: 1px solid rgba(198,167,94,.34);
    color:#ead9ad;
    flex-shrink:0;
  }

  .ag-step h3,
  .ag-contact .ag-step-head h3{
    margin:0;
    font-size:16px;
    font-weight:800;
    letter-spacing:.2px;
    line-height:1.2;
    color:#fff;
  }

  .ag-step p{
    margin:0;
    font-size:13.5px;
    line-height:1.45;
    color:var(--muted);
  }

  .ag-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--line);
    pointer-events:none;
    user-select:none;
    font-weight:900;
    font-size:22px;
    line-height:1;
  }

  /* Desktop grid positioning */
  .ag-s1{ grid-column:1; grid-row:1; }
  .ag-a12{ grid-column:2; grid-row:1; }
  .ag-s2{ grid-column:3; grid-row:1; }
  .ag-a23{ grid-column:4; grid-row:1; }
  .ag-s3{ grid-column:5; grid-row:1; }
  .ag-a34{ grid-column:5; grid-row:2; }
  .ag-s6{ grid-column:1; grid-row:3; }
  .ag-a65{ grid-column:2; grid-row:3; }
  .ag-s5{ grid-column:3; grid-row:3; }
  .ag-a54{ grid-column:4; grid-row:3; }
  .ag-s4{ grid-column:5; grid-row:3; }
  .ag-a67{ grid-column:1; grid-row:4; }
  .ag-s7{ grid-column: 1; grid-row:5; }
  .ag-s8{
    grid-column: 3 / 6;
    grid-row: 5;
  }

  .ag-s7 .ag-step-body{ padding:16px 16px 18px; }
  .ag-s7 .ag-badge{
    background: rgba(198,167,94,.12);
    border-color: rgba(198,167,94,.34);
  }

  /* Contact block */
  .ag-contact{
    background: linear-gradient(180deg, rgba(198,167,94,.065), rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.12);
  }

  .ag-contact:before{
    background: radial-gradient(650px 260px at 15% 0%, rgba(198,167,94,.09), transparent 55%);
  }

  .ag-contact .ag-step-media{
    height:155px;
    background:
      radial-gradient(900px 380px at 25% 20%, rgba(198,167,94,.09), transparent 55%),
      radial-gradient(900px 380px at 80% 10%, rgba(255,255,255,.035), transparent 60%),
      rgba(255,255,255,.025);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    text-align:center;
  }

  .ag-contact .ag-step-media .ag-contact-kicker{
    font-weight:900;
    letter-spacing:.35px;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.2;
  }

  .ag-contact-list{
    margin:10px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    gap:8px;
  }

  .ag-contact-list li{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    align-items:center;
    color:var(--muted);
    font-size:13.5px;
    line-height:1.35;
  }

  .ag-contact-list strong{
    color:rgba(255,255,255,.92);
    font-weight:800;
  }

  .ag-contact-list a{
    color:rgba(255,255,255,.92);
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.22);
  }

  .ag-contact-list a:hover{
    border-bottom-color:rgba(255,255,255,.55);
  }

  .ag-cta-row{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:16px;
    margin-top:16px;
    width:100%;
  }

  .ag-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 26px;
    border-radius:8px;
    font-weight:600;
    font-size:25px;
    text-decoration:none;
    color:#fff;
    background: rgba(198,167,94,.12);
    border:1px solid rgba(198,167,94,.38);
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
    line-height:1;
    white-space:nowrap;
    min-height:48px;
  }

  .ag-btn:hover{
    transform: translateY(-1px);
    background: rgba(198,167,94,.18);
    border-color: rgba(198,167,94,.58);
  }

  .ag-btn.secondary{
    background: rgba(255,255,255,.055);
    border-color: rgba(198,167,94,.28);
    padding:14px 28px;
  }

  .ag-btn.secondary:hover{
    background: rgba(198,167,94,.10);
    border-color: rgba(198,167,94,.48);
  }

  /* Compact YouTube Shorts section */
  .ag-video-section{
    margin-top:22px;
    padding:20px;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(220px, 290px);
    gap:24px;
    align-items:center;
    background:linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    border:1px solid rgba(198,167,94,.18);
    border-radius:18px;
    box-shadow:0 12px 32px rgba(0,0,0,.30);
    position:relative;
    overflow:hidden;
  }

  .ag-video-section:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(520px 220px at 5% 0%, rgba(198,167,94,.07), transparent 58%);
    pointer-events:none;
  }

  .ag-video-copy{
    position:relative;
    z-index:1;
    max-width:720px;
  }

  .ag-video-eyebrow{
    margin-bottom:8px;
    color:#cfb56f;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:1.35px;
  }

  .ag-video-copy h3{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(18px, 2vw, 25px);
    line-height:1.18;
    font-weight:800;
  }

  .ag-video-copy p{
    margin:0;
    max-width:650px;
    color:var(--muted);
    font-size:13.5px;
    line-height:1.55;
  }

  .ag-video-frame{
    width:100%;
    max-width:290px;
    margin-left:auto;
    aspect-ratio:9 / 16;
    border-radius:14px;
    overflow:hidden;
    background:#000;
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 12px 28px rgba(0,0,0,.38);
    position:relative;
    z-index:1;
  }

  .ag-video-frame iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
  }

  /* Mobile flow: hidden by default */
  .ag-flow-mobile{
    display:none;
    margin-top:8px;
  }

  .ag-flow-mobile .ag-step{
    box-shadow: 0 10px 26px rgba(0,0,0,.30);
  }

  .ag-vgap{
    display:flex;
    align-items:center;
    justify-content:center;
    height:28px;
    color:var(--line);
    pointer-events:none;
    user-select:none;
    font-weight:900;
    font-size:18px;
    line-height:1;
  }

  /* ── Tablet ── */
  @media (max-width: 980px){
    .ag-flow-grid{
      grid-template-columns: 1fr 44px 1fr 44px 1fr;
      gap:12px;
    }

    .ag-step-media{
      height:250px;
    }
  }

  /* ── Mobile: 2-column compact grid ── */
  @media (max-width: 820px){
    .ag-flow-grid{ display:none; }

    .ag-workflow-head{
      flex-direction:column;
      align-items:center;
    }

    .ag-flow-mobile{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
    }

    .ag-flow-mobile > *:nth-child(2),
    .ag-flow-mobile > *:nth-child(6),
    .ag-flow-mobile > *:nth-child(10){
      display:none;
    }

    .ag-flow-mobile > *:nth-child(4),
    .ag-flow-mobile > *:nth-child(8),
    .ag-flow-mobile > *:nth-child(12),
    .ag-flow-mobile > *:nth-child(13),
    .ag-flow-mobile > *:nth-child(14),
    .ag-flow-mobile > *:nth-child(15){
      grid-column: 1 / -1;
    }

    .ag-flow-mobile .ag-step-media{
      height:115px;
    }

    .ag-flow-mobile > *:nth-child(13) .ag-step-media,
    .ag-flow-mobile > *:nth-child(15) .ag-step-media{
      height:150px;
    }

    .ag-flow-mobile .ag-step-body{
      padding:10px 10px 12px;
    }

    .ag-flow-mobile .ag-step h3{
      font-size:13px;
    }

    .ag-flow-mobile .ag-step p{
      font-size:12px;
      line-height:1.4;
    }

    .ag-flow-mobile .ag-badge{
      width:26px;
      height:26px;
      font-size:12px;
      border-radius:8px;
    }

    .ag-cta-row{
      justify-content:stretch;
      flex-direction:column;
      gap:8px;
    }

    .ag-cta-row .ag-btn{
      width:100%;
      font-size:16px;
      padding:14px 16px;
    }

    .ag-video-section{
      grid-template-columns:1fr;
      gap:16px;
      padding:16px;
      text-align:center;
    }

    .ag-video-copy{
      max-width:none;
    }

    .ag-video-frame{
      width:min(100%, 270px);
      margin:0 auto;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-62ec216 */:root{
      --c-bg: #050505;
      --c-card: rgba(255,255,255,0.055);
      --c-card-2: rgba(255,255,255,0.075);
      --c-border: rgba(198,163,83,0.22);
      --c-text: rgba(255,255,255,0.92);
      --c-sub: rgba(255,255,255,0.72);
      --c-soft: rgba(0,0,0,0.42);
      --c-shadow: 0 18px 60px rgba(0,0,0,0.58);
      --c-radius: 22px;
      --c-radius2: 28px;
      --c-gap: 18px;
      --c-max: 1240px;
    }

    .celeb-hero{
      position: relative;
      padding: clamp(38px, 5vw, 70px) 18px 26px;
      background: var(--c-bg);
      color: var(--c-text);
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      overflow: hidden;
      isolation: isolate;
    }

    .celeb-hero__bg{
      position: absolute;
      inset: -40%;
      background:
        radial-gradient(60% 40% at 18% 18%, rgba(198,163,83,0.10), transparent 55%),
        radial-gradient(55% 42% at 78% 24%, rgba(255,255,255,0.045), transparent 55%),
        radial-gradient(50% 40% at 52% 84%, rgba(198,163,83,0.07), transparent 55%),
        linear-gradient(180deg, rgba(255,255,255,0.03), transparent 55%);
      filter: blur(0px);
      z-index: -1;
    }

    .celeb-hero__wrap{
      max-width: 100%;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: clamp(18px, 3vw, 30px);
      align-items: stretch;
    }

    /* LEFT */
    .celeb-hero__eyebrow{
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 14px;
      flex-wrap: wrap;
    }

    .celeb-pill, .celeb-subpill{
      border: 1px solid var(--c-border);
      background: rgba(255,255,255,0.06);
      padding: 8px 12px;
      border-radius: 999px;
      font-weight: 700;
      letter-spacing: 0.02em;
      font-size: 12px;
      color: rgba(255,255,255,0.88);
    }
    .celeb-subpill{
      color: rgba(255,255,255,0.78);
      font-weight: 600;
    }
    .celeb-dot{
      width: 6px; height: 6px;
      border-radius: 999px;
      background: rgba(255,255,255,0.35);
    }

    .celeb-hero__title{
      margin: 0;
      font-size: clamp(30px, 3.8vw, 56px);
      line-height: 1.03;
      letter-spacing: -0.03em;
      color:white;
    }
    .celeb-hero__title span{
      background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(255,255,255,0.62));
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .celeb-hero__desc{
      margin: 14px 0 0;
      max-width: 58ch;
      color: var(--c-sub);
      font-size: 25.5px;
      line-height: 1.55;
    }

    .celeb-hero__cta{
      margin-top: 18px;
      display:flex;
      gap: 30%;
      flex-wrap: wrap;
    }

    .celeb-btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 16px;
      border-radius: 999px;
      border: 1px solid var(--c-border);
      text-decoration: none;
      color: rgba(255,255,255,0.92);
      font-weight: 750;
      letter-spacing: 0.01em;
      box-shadow: 0 14px 36px rgba(0,0,0,0.24);
      transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
      user-select: none;
      cursor: pointer;
    }
    .celeb-btn:hover{ transform: translateY(-1px); }
    .celeb-btn--primary{
      background: rgba(198,163,83,0.14);
      border-color: rgba(198,163,83,0.32);
    }
    .celeb-btn--ghost{
      background: rgba(255,255,255,0.06);
    }

    .celeb-hero__stats{
      margin-top: 18px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    .celeb-stat{
      border: 1px solid var(--c-border);
      background: rgba(255,255,255,0.06);
      border-radius: 16px;
      padding: 12px 12px;
    }
    .celeb-stat__top{
      font-weight: 850;
      font-size: 12.5px;
      letter-spacing: 0.02em;
      color: rgba(255,255,255,0.92);
    }
    .celeb-stat__bottom{
      margin-top: 6px;
      font-size: 12.5px;
      color: rgba(255,255,255,0.72);
      line-height: 1.35;
    }
        .celeb-stat-popup{
      border: 1px solid var(--c-border);
      background: rgba(255,255,255,0.06);
      border-radius: 16px;
      padding: 12px 12px;
      color: white;
    }

    /* RIGHT featured card */
    .celeb-feature__card{
      height: 100%;
      border-radius: var(--c-radius2);
      border: 1px solid rgba(198,163,83,0.18);
      background: rgba(255,255,255,0.045);
      box-shadow: var(--c-shadow);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      min-height: 420px;
    }

    .celeb-video{
      position: relative;
      background: #070707;
      aspect-ratio: 16 / 11;
      overflow: hidden;
    }
    .celeb-video__thumb, .celeb-video__el{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 220ms ease, transform 220ms ease;
    }
    .celeb-video__thumb{ opacity: 1; }
    .celeb-video__el{ opacity: 0; }

    .celeb-video__shade{
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.16), transparent 55%);
      pointer-events: none;
      transition: opacity 220ms ease;
      opacity: 1;
    }

    .celeb-video__play{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 76px;
      height: 76px;
      border-radius: 999px;
      border: 1px solid rgba(198,163,83,0.30);
      background: rgba(5,5,5,0.68);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      display: grid;
      place-items: center;
      cursor: pointer;
      box-shadow: 0 22px 60px rgba(0,0,0,0.55);
      transition: transform 160ms ease, opacity 160ms ease, background 160ms ease;
    }
    .celeb-play-icon{
      font-size: 28px;
      margin-left: 4px;
      line-height: 1;
      color: rgba(255,255,255,0.95);
    }

    .celeb-video__cap{
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 14px;
      display: flex;
      flex-direction: column;
      gap: 3px;
      color: #fff;
      text-shadow: 0 10px 26px rgba(0,0,0,0.45);
      z-index: 2;
    }
    .celeb-video__name{
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      font-size: 14px;
    }
    .celeb-video__role{
      font-size: 12.5px;
      opacity: 0.92;
    }

    .celeb-feature__badge{
      position: absolute;
      top: 14px;
      left: 14px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.18);
      background: rgba(0,0,0,0.25);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.02em;
    }
    .celeb-badge__dot{
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(198,163,83,0.92);
      box-shadow: 0 0 0 4px rgba(198,163,83,0.10);
    }

    .celeb-feature__meta{
      padding: 16px 16px 18px;
      display: grid;
      gap: 10px;
    }
    .celeb-stars{
      letter-spacing: 0.10em;
      font-size: 13px;
      opacity: 0.95;
    }
    .celeb-feature__quote{
      margin: 0;
      color: rgba(255,255,255,0.80);
      font-size: 14.5px;
      line-height: 1.55;
    }
    .celeb-feature__chips{
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .celeb-chip{
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.06);
      border-radius: 999px;
      padding: 7px 10px;
      font-size: 12px;
      color: rgba(255,255,255,0.82);
      font-weight: 650;
    }

    /* WALL */
    .celeb-wall{
      max-width: 100%;
      margin: 26px auto 0;
      position: relative;
    }

    .celeb-wall__track{
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(260px, 320px);
      gap: 14px;
      overflow-x: auto;
      padding: 6px 4px 14px;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
    }
    .celeb-wall__track::-webkit-scrollbar{ height: 10px; }
    .celeb-wall__track::-webkit-scrollbar-thumb{
      background: rgba(255,255,255,0.14);
      border-radius: 999px;
    }
    .celeb-wall__track::-webkit-scrollbar-track{
      background: rgba(255,255,255,0.06);
      border-radius: 999px;
    }

    .celeb-card{
      scroll-snap-align: start;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.06);
      border-radius: var(--c-radius);
      overflow: hidden;
      box-shadow: 0 18px 55px rgba(0,0,0,0.26);
      min-height: 260px;
    }

    .celeb-card__media{
      position: relative;
      height: 100%;
      min-height: 260px;
      background: #070707;
      overflow: hidden;
    }

    .celeb-card__img{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.02);
    }

    .celeb-card__shade{
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.82), rgba(0,0,0,0.18), transparent 58%);
      pointer-events: none;
    }

    .celeb-card__cap{
      position: absolute;
      left: 14px;
      right: 14px;
      bottom: 12px;
      display: flex;
      flex-direction: column;
      gap: 3px;
      z-index: 2;
      text-shadow: 0 10px 26px rgba(0,0,0,0.45);
    }
    .celeb-card__name{
      font-weight: 900;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      font-size: 13.5px;
      color: rgba(255,255,255,0.96);
    }
    .celeb-card__role{
      font-size: 12.5px;
      color: rgba(255,255,255,0.86);
    }

    /* Text cards */
    .celeb-card--text{
      padding: 14px 14px 16px;
      display: grid;
      gap: 10px;
      min-height: 260px;
    }
    .celeb-card__head{
      display: flex;
      gap: 10px;
      align-items: center;
    }
    .celeb-avatar{
      width: 44px;
      height: 44px;
      border-radius: 999px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.08);
      flex: 0 0 auto;
    }
    .celeb-avatar img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .celeb-author{
      min-width: 0;
      display: grid;
      gap: 4px;
    }
    .celeb-author__row{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .celeb-author__name{
      font-weight: 850;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 220px;
    }
    .celeb-verified{
      width: 18px;
      height: 18px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: rgba(198,163,83,0.12);
      border: 1px solid rgba(198,163,83,0.24);
      color: rgba(214,183,108,0.95);
      font-size: 12px;
      font-weight: 900;
      flex: 0 0 auto;
    }
    .celeb-author__handle{
      font-size: 12.5px;
      color: rgba(255,255,255,0.70);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 240px;
    }
    .celeb-card__body{
      margin: 0;
      color: rgba(255,255,255,0.78);
      font-size: 14px;
      line-height: 1.55;
    }

    /* Quote cards */
    .celeb-card--quote{
      padding: 14px 14px 16px;
      display: grid;
      gap: 10px;
      min-height: 260px;
    }
    .celeb-quote__top{
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .celeb-quote__img{
      width: 44px;
      height: 44px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.14);
      object-fit: cover;
      flex: 0 0 auto;
    }
    .celeb-quote__name{
      font-weight: 900;
      font-size: 14px;
    }
    .celeb-quote__stars{
      margin-top: 4px;
      font-size: 12.5px;
      letter-spacing: 0.12em;
      color: rgba(214,183,108,0.95);
    }
    .celeb-quote__body{
      margin: 0;
      color: rgba(255,255,255,0.78);
      font-size: 14px;
      line-height: 1.55;
    }
    
    
    .celeb-card--hover-img .celeb-card__media {
  position: relative;
  overflow: hidden;
}

.celeb-card--hover-img .celeb-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Default image visible */
.celeb-card__img--default {
  opacity: 1;
  z-index: 1;
}

/* Hover image hidden initially */
.celeb-card__img--hover {
  opacity: 0;
  z-index: 2;
  transform: scale(1.03);
}

/* On hover swap */
.celeb-card--hover-img:hover .celeb-card__img--default {
  opacity: 0;
}

.celeb-card--hover-img:hover .celeb-card__img--hover {
  opacity: 1;
  transform: scale(1);
}


    /* Video card behavior (thumb->video) */
    .celeb-video-card .celeb-video__thumb,
    .celeb-video-card .celeb-video__el{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 220ms ease, transform 220ms ease;
    }
    .celeb-video-card .celeb-video__thumb{ opacity: 1; }
    .celeb-video-card .celeb-video__el{ opacity: 0; }

    .celeb-video-card:hover .celeb-video__play{
      transform: translate(-50%, -52%) scale(1.05);
    }

    .celeb-video-card.is-previewing .celeb-video__thumb,
    .celeb-video-card.is-playing-sound .celeb-video__thumb{
      opacity: 0;
      transform: scale(1.04);
    }
    .celeb-video-card.is-previewing .celeb-video__el,
    .celeb-video-card.is-playing-sound .celeb-video__el{
      opacity: 1;
      transform: scale(1.02);
    }
    .celeb-video-card.is-playing-sound .celeb-video__play{
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, -40%) scale(0.6);
    }

    /* wall nav buttons (desktop only) */
    .celeb-wall__nav{
      position: absolute;
      right: 0;
      top: -54px;
      display: none;
      gap: 10px;
    }
    .celeb-navbtn{
      width: 42px;
      height: 42px;
      border-radius: 999px;
      border: 1px solid rgba(198,163,83,0.22);
      background: rgba(255,255,255,0.05);
      color: rgba(255,255,255,0.9);
      font-size: 22px;
      cursor: pointer;
      transition: transform 160ms ease, background 160ms ease;
      box-shadow: 0 18px 50px rgba(0,0,0,0.30);
    }
    .celeb-navbtn:hover{ transform: translateY(-1px); }

    /* responsive */
    @media (max-width: 980px){
      .celeb-hero__wrap{ grid-template-columns: 1fr; }
      .celeb-feature__card{ min-height: 380px; }
      .celeb-hero__stats{ grid-template-columns: 1fr; }
    }
    @media (min-width: 980px){
      .celeb-wall__nav{ display: flex; }
    }
    @media (max-width: 520px){
      .celeb-hero{ padding-top: 34px; }
      .celeb-video__play{ width: 66px; height: 66px; }
      .celeb-wall__track{ grid-auto-columns: minmax(240px, 86vw); }
    }

    /* accessibility: reduce motion */
    @media (prefers-reduced-motion: reduce){
      .celeb-btn, .celeb-video__thumb, .celeb-video__el, .celeb-video__shade, .celeb-video__play{
        transition: none !important;
      }
    }
    

 
  .gg-badge{
    width: 280px;
    background:rgba(255,255,255,0.035);
    border:1px solid rgba(198,163,83,0.22);
    border-radius:14px;
    padding:14px 14px 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    color:rgba(255,255,255,0.92);
    box-shadow: 0 12px 28px rgba(0,0,0,.30);
  }
.gg-avatar{
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

  .gg-row{
    display:flex;
    gap:12px;
    align-items:flex-start;
  }
.celeb-btn{
  height: 100%;
  margin-top: 20%;
}
.gg-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRHn7DupoEZghs-0VdNquTksIqlVdtf1MOfvQ&s");
  background-size: contain;   /* shows full image */
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff; /* fills empty space cleanly */
  border:1px solid rgba(198,163,83,.16);
  flex:0 0 auto;
}


  .gg-content{flex:1; min-width:0;}
  .gg-title{
    font-weight:700;
    font-size:16px;
    line-height:1.2;
    margin-top:2px;
    margin-bottom:6px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:white;
  }

  .gg-rating{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:6px;
  }

  .gg-score{
    font-weight:700;
    font-size:14px;
    color:#d6b76c; /* restrained gold accent */
  }

  .gg-stars{
    display:flex;
    gap:4px;
    transform: translateY(1px);
  }

  /* star container: gray base, gold overlay via .gg-fill width */
  .gg-star{
    position:relative;
    width:16px;
    height:16px;
    display:inline-block;
  }
  .gg-star svg{
    width:16px;
    height:16px;
    display:block;
    fill:#d1d5db; /* base gray */
  }
  .gg-star .gg-fill{
    position:absolute;
    inset:0;
    width:0%;
    overflow:hidden;
  }
  .gg-star .gg-fill::before{
    content:"";
    position:absolute;
    inset:0;
    background:#d6b76c; /* restrained gold */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.3 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.3 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  }

  .gg-sub{
    font-size:13px;
 
    margin-bottom:8px;
    color:white;
  }

  .gg-powered{
    font-size:13px;

    display:flex;
    gap:6px;
    align-items:center;
    margin-bottom:12px;
    color:white;
  }

  /* simple "Google" text styling */
  .gg-google{
    font-weight:600;
    color:rgba(255,255,255,0.78);
    letter-spacing:.2px;
    display:inline-flex;
    align-items:baseline;
  }
  .gg-g{
    font-weight:800;
    background: conic-gradient(from 180deg, #4285F4, #34A853, #FBBC05, #EA4335, #4285F4);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    line-height:1;
  }
  .gg-word{font-weight:700; color:white;}

  .gg-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:90%;
    padding:10px 12px;
    border-radius:999px;
    background:rgba(198,163,83,0.16);
    border:1px solid rgba(198,163,83,0.34);
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:13px;
    box-shadow: 0 10px 22px rgba(0,0,0,.32);
  }
  .gg-btn:hover{background:rgba(198,163,83,0.23); border-color:rgba(214,183,108,0.50); filter:none;}
  .gg-btn:active{transform:translateY(1px);}

  .gg-gicon{
    width:22px;
    height:22px;
    border-radius:999px;
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:14px;
    background: #fff;
    color:transparent;
    background-image: conic-gradient(from 180deg, #4285F4, #34A853, #FBBC05, #EA4335, #4285F4);
    -webkit-background-clip:text;
    background-clip:text;
    border:1px solid rgba(255,255,255,.6);
  }
  .celeb-stat-popup {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5226d88 *//* =========================================================
   ALUGLOBUS PATIO COMPARISON
   Modern Black / Charcoal + Restrained Gold
   Scoped to .compare-wrap for safer Elementor use
   ========================================================= */

.compare-wrap,
.compare-wrap *,
.compare-wrap *::before,
.compare-wrap *::after{
  box-sizing:border-box;
}

.compare-wrap{
  --cmp-bg:#080808;
  --cmp-bg-2:#0d0d0d;
  --cmp-card:#111111;
  --cmp-card-2:#151515;
  --cmp-card-soft:#191919;
  --cmp-text:#f4f1ea;
  --cmp-muted:#aaa7a0;
  --cmp-faded:#77746e;
  --cmp-line:rgba(255,255,255,.105);
  --cmp-line-strong:rgba(255,255,255,.16);
  --cmp-gold:#c6a15b;
  --cmp-gold-soft:#d7b874;
  --cmp-gold-bg:rgba(198,161,91,.09);
  --cmp-gold-border:rgba(198,161,91,.28);
  --cmp-radius:18px;
  --cmp-radius-lg:26px;
  --cmp-shadow:0 22px 60px rgba(0,0,0,.34);
  --cmp-max:100%;

  width:100%;
  max-width:var(--cmp-max);
  margin:0 auto;
  padding:clamp(28px,4vw,54px) clamp(14px,3vw,26px);
  position:relative;
  overflow:hidden;
  color:var(--cmp-text);
  background:
    radial-gradient(700px 300px at 8% 0%, rgba(198,161,91,.075), transparent 62%),
    radial-gradient(620px 260px at 96% 8%, rgba(198,161,91,.035), transparent 65%),
    linear-gradient(180deg,var(--cmp-bg-2),var(--cmp-bg));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:var(--cmp-shadow);
  font-family:Raleway,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* ---------- Header ---------- */
.compare-head{
  max-width:780px;
  margin:0 auto clamp(24px,3vw,36px);
  text-align:center;
}

.compare-head::before{
  content:"PATIO SYSTEM COMPARISON";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  margin-bottom:12px;
  padding:6px 11px;
  border:1px solid var(--cmp-gold-border);
  border-radius:999px;
  background:var(--cmp-gold-bg);
  color:var(--cmp-gold-soft);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1;
}

.compare-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,4.2vw,48px);
  font-weight:650;
  letter-spacing:-.035em;
  line-height:1.08;
}

.compare-head p{
  margin:12px auto 0;
  max-width:650px;
  color:var(--cmp-muted);
  font-size:clamp(13px,1.4vw,16px);
  font-weight:400;
  line-height:1.65;
}

/* ---------- Logos / flag ---------- */
.compare-wrap .mini-logos{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-right:6px;
  vertical-align:middle;
}

.compare-wrap .mini-logos img{
  width:auto !important;
  height:14px !important;
  max-height:14px !important;
  display:inline-block;
  object-fit:contain;
  vertical-align:middle;
  border-radius:2px;
}

.compare-wrap .us-flag{
  display:inline-flex;
  flex:0 0 auto;
  margin-right:8px;
  line-height:1;
  vertical-align:middle;
}

.compare-wrap .us-flag svg{
  width:19px;
  height:auto;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}

/* ---------- Desktop / tablet comparison ---------- */
.compare-grid{
  overflow:hidden;
  border:1px solid var(--cmp-line);
  border-radius:var(--cmp-radius-lg);
  background:rgba(255,255,255,.018);
  box-shadow:0 16px 44px rgba(0,0,0,.20);
}

.cg-row{
  display:grid;
  grid-template-columns:minmax(185px,230px) repeat(2,minmax(0,1fr));
  align-items:stretch;
  border-bottom:1px solid var(--cmp-line);
}

.cg-row:last-child{
  border-bottom:0;
}

.cg-cell{
  min-width:0;
  padding:20px clamp(14px,1.8vw,22px);
  border-left:1px solid var(--cmp-line);
  background:rgba(255,255,255,.02);
}

.cg-row .cg-cell:first-child{
  border-left:0;
}

.cg-head .cg-cell{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:15px;
  padding-bottom:15px;
  background:#0b0b0b;
}

.cg-head .cg-feature{
  background:#0b0b0b;
}

.cg-head .cg-colhead.is-primary{
  position:relative;
  background:linear-gradient(180deg,rgba(198,161,91,.105),rgba(198,161,91,.045));
  color:var(--cmp-gold-soft);
}

.cg-head .cg-colhead.is-primary::after{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:-1px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,var(--cmp-gold),transparent);
}

.cg-colhead{
  color:#c8c5bf;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:11px;
  font-weight:800;
  line-height:1.25;
}

.cg-feature{
  display:flex;
  align-items:center;
  color:#f0eee9;
  background:rgba(255,255,255,.028);
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.35;
}

.cg-row:not(.cg-head) .cg-cell:nth-child(2){
  background:linear-gradient(180deg,rgba(198,161,91,.055),rgba(198,161,91,.025));
}

.cg-row:not(.cg-head):hover .cg-cell{
  background-color:rgba(255,255,255,.035);
}

.cg-row:not(.cg-head):hover .cg-cell:nth-child(2){
  background:linear-gradient(180deg,rgba(198,161,91,.085),rgba(198,161,91,.04));
}

.cg-main{
  color:#f5f3ee;
  font-size:14px;
  font-weight:700;
  line-height:1.42;
}

.cg-main:has(.us-flag){
  display:flex;
  align-items:flex-start;
}

.cg-sub{
  margin-top:7px;
  color:var(--cmp-gold-soft);
  font-size:12.5px;
  font-weight:550;
  line-height:1.5;
}

.cg-muted{
  color:#b7b3ac;
  font-weight:600;
}

.cg-faded{
  margin-top:6px;
  color:var(--cmp-faded);
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}

.cg-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:9px;
  margin-right:8px;
  padding:5px 9px;
  border:1px solid var(--cmp-gold-border);
  border-radius:999px;
  background:var(--cmp-gold-bg);
  color:var(--cmp-gold-soft);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:9px;
  font-weight:900;
  line-height:1;
  vertical-align:middle;
}

/* ---------- Mobile comparison cards ---------- */
.compare-mobile{
  display:none;
}

.cm-card{
  overflow:hidden;
  border:1px solid var(--cmp-line);
  border-radius:var(--cmp-radius);
  background:linear-gradient(180deg,#131313,#0f0f0f);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}

.cm-card h3{
  margin:0;
  padding:13px 14px;
  border-bottom:1px solid var(--cmp-line);
  color:#fff;
  background:rgba(255,255,255,.025);
  font-size:15px;
  font-weight:800;
  line-height:1.3;
}

.cm-row{
  display:grid;
  gap:6px;
  padding:13px 14px;
  border-top:1px solid var(--cmp-line);
}

.cm-card .cm-row:first-of-type{
  border-top:0;
  background:linear-gradient(180deg,rgba(198,161,91,.07),rgba(198,161,91,.025));
}

.cm-label{
  color:#aaa7a0;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:10px;
  font-weight:850;
}

.cm-card .cm-row:first-of-type .cm-label{
  color:var(--cmp-gold-soft);
}

.cm-val{
  color:#eeece7;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
}

.cm-val strong{
  color:#fff;
  font-weight:750;
}

.cm-val small{
  display:block;
  margin-top:5px;
  color:var(--cmp-gold-soft);
  font-size:11.5px;
  font-weight:550;
  line-height:1.45;
}

.cm-val.muted{
  color:#aaa7a0;
  font-weight:550;
}

.cm-val.faded{
  color:#77746e;
  font-size:12px;
  font-weight:500;
}

/* ---------- Video feature ---------- */
.compare-video{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  gap:clamp(22px,3.5vw,42px);
  align-items:center;
  margin-top:clamp(28px,4vw,46px);
  padding:clamp(20px,3vw,34px);
  overflow:hidden;
  position:relative;
  border:1px solid var(--cmp-line-strong);
  border-radius:var(--cmp-radius-lg);
  background:
    radial-gradient(500px 220px at 12% 8%,rgba(198,161,91,.09),transparent 64%),
    linear-gradient(135deg,#111,#0b0b0b);
  box-shadow:0 18px 50px rgba(0,0,0,.26);
}

.compare-video::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--cmp-gold),transparent);
  opacity:.9;
}

.compare-video__copy{
  min-width:0;
  position:relative;
  z-index:1;
}

.compare-video__kicker{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:6px 10px;
  border:1px solid var(--cmp-gold-border);
  border-radius:999px;
  background:var(--cmp-gold-bg);
  color:var(--cmp-gold-soft);
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1;
}

.compare-video h3{
  margin:13px 0 0;
  color:#fff;
  font-size:clamp(24px,3vw,38px);
  font-weight:650;
  letter-spacing:-.03em;
  line-height:1.08;
}

.compare-video p{
  margin:13px 0 0;
  color:var(--cmp-muted);
  font-size:14px;
  font-weight:400;
  line-height:1.7;
}

.compare-video__points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.compare-video__points span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:7px 10px;
  border:1px solid var(--cmp-line);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d9d6cf;
  font-size:10.5px;
  font-weight:700;
  line-height:1.2;
}

.compare-video__points span::before{
  content:"";
  width:5px;
  height:5px;
  margin-right:7px;
  border-radius:50%;
  background:var(--cmp-gold);
  box-shadow:0 0 0 3px rgba(198,161,91,.10);
}

.compare-video__media{
  min-width:0;
}

.compare-video__frame{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid rgba(198,161,91,.20);
  border-radius:18px;
  background:#050505;
  box-shadow:0 20px 46px rgba(0,0,0,.42);
}

.compare-video__frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .cg-row{
    grid-template-columns:minmax(150px,185px) repeat(2,minmax(0,1fr));
  }

  .cg-cell{
    padding:18px 13px;
  }

  .compare-video{
    grid-template-columns:1fr;
  }

  .compare-video__copy{
    max-width:720px;
  }
}

@media (max-width:760px){
  .compare-wrap{
    padding:24px 12px;
  }

  .compare-head{
    margin-bottom:20px;
  }

  .compare-head::before{
    margin-bottom:10px;
  }

  .compare-grid{
    display:none;
  }

  .compare-mobile{
    display:grid;
    gap:10px;
  }

  .compare-video{
    margin-top:24px;
    padding:16px;
    gap:18px;
    border-radius:20px;
  }

  .compare-video h3{
    font-size:clamp(23px,7vw,31px);
  }

  .compare-video p{
    font-size:13px;
    line-height:1.6;
  }

  .compare-video__points{
    gap:6px;
    margin-top:14px;
  }

  .compare-video__points span{
    min-height:29px;
    padding:6px 9px;
    font-size:10px;
  }

  .compare-video__frame{
    border-radius:14px;
  }
}

@media (max-width:430px){
  .compare-wrap{
    padding-left:10px;
    padding-right:10px;
  }

  .compare-head h2{
    font-size:27px;
  }

  .compare-head p{
    font-size:13px;
  }

  .cm-card{
    border-radius:15px;
  }

  .cm-card h3,
  .cm-row{
    padding-left:12px;
    padding-right:12px;
  }

  .compare-video{
    padding:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .compare-wrap *,
  .compare-wrap *::before,
  .compare-wrap *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}/* End custom CSS */