:root{
  --brand-obsidian:#020912;
  --brand-night:#061423;
  --brand-navy:#0a2238;
  --brand-blue:#0d3b58;
  --brand-gold:#e4ad4d;
  --brand-gold-soft:#f3d492;
  --brand-ice:#d9e9ec;
  --brand-grid:rgba(213,232,235,.075);
  --brand-line:rgba(228,173,77,.3);
  --brand-shadow:0 28px 80px rgba(1,10,20,.25);
}

.brand-premium{
  background:
    radial-gradient(circle at 7% 12%,rgba(18,74,103,.12),transparent 32rem),
    radial-gradient(circle at 94% 38%,rgba(228,173,77,.08),transparent 28rem),
    linear-gradient(180deg,#f5f7f5,#edf2ef 48%,#f7f8f6);
}

.brand-premium .topbar{
  background:
    linear-gradient(90deg,rgba(228,173,77,.06),transparent 28%,rgba(11,55,82,.2)),
    linear-gradient(180deg,#040e19,#020912);
  border-bottom:1px solid rgba(228,173,77,.22);
  box-shadow:0 12px 34px rgba(0,7,14,.18);
}

.brand-premium .topbar .button,
.brand-premium .nav-button,
.brand-premium .gold-button{
  color:#161b21;
  background:linear-gradient(135deg,#f2d28c,#d99a35);
  border:1px solid rgba(255,235,190,.56);
  box-shadow:0 12px 34px rgba(205,139,35,.24);
}

.brand-premium .eyebrow{
  color:#a56c20;
  letter-spacing:.13em;
}

.brand-premium .hero,
.brand-premium .page-hero{
  isolation:isolate;
  overflow:hidden;
}

.brand-premium .hero::before,
.brand-premium .page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(118deg,transparent 0 64%,rgba(228,173,77,.18) 64% 64.12%,transparent 64.12%),
    linear-gradient(118deg,transparent 0 74%,rgba(228,173,77,.08) 74% 74.1%,transparent 74.1%),
    radial-gradient(circle at 77% 35%,rgba(228,173,77,.25),transparent 12rem),
    repeating-linear-gradient(90deg,transparent 0 71px,var(--brand-grid) 71px 72px),
    repeating-linear-gradient(0deg,transparent 0 71px,var(--brand-grid) 71px 72px);
  opacity:1;
  mask-image:linear-gradient(90deg,transparent 2%,#000 42%,#000);
  -webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 42%,#000);
}

.brand-premium .hero-content,
.brand-premium .page-hero .shell{
  position:relative;
  z-index:2;
}

.brand-premium .hero h1,
.brand-premium .page-hero h1{
  color:#fff;
  text-shadow:0 12px 35px rgba(0,0,0,.35);
}

.brand-premium .hero .eyebrow,
.brand-premium .page-hero .eyebrow{
  color:var(--brand-gold-soft);
}

.brand-premium .hero h1::after,
.brand-premium .page-hero h1::after{
  content:"";
  display:block;
  width:76px;
  height:3px;
  margin-top:24px;
  background:linear-gradient(90deg,var(--brand-gold),rgba(228,173,77,0));
  box-shadow:0 0 22px rgba(228,173,77,.35);
}

/* Home: cinematic first impression and a dark product showcase. */
.brand-home .hero{
  min-height:780px;
  background:
    radial-gradient(circle at 78% 38%,rgba(228,173,77,.13),transparent 17rem),
    linear-gradient(90deg,rgba(2,9,18,.99) 0%,rgba(4,18,31,.9) 43%,rgba(5,25,39,.28) 78%),
    url("assets/scenes/solar-array.jpg") center 55%/cover;
}

.brand-home .hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:210px;
  z-index:1;
  background:linear-gradient(transparent,#edf2ef);
  pointer-events:none;
}

.brand-home .proof{
  border-left:2px solid var(--brand-gold);
  padding-left:20px;
}

html[dir="rtl"] .brand-home .proof{
  border-left:0;
  border-right:2px solid var(--brand-gold);
  padding-left:0;
  padding-right:20px;
}

.brand-home .featured-products{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 86% 5%,rgba(228,173,77,.18),transparent 22rem),
    linear-gradient(135deg,rgba(10,45,67,.88),rgba(2,9,18,.98)),
    repeating-linear-gradient(90deg,transparent 0 71px,var(--brand-grid) 71px 72px);
  border:1px solid rgba(228,173,77,.28);
  border-top:3px solid var(--brand-gold);
  box-shadow:var(--brand-shadow);
}

.brand-home .featured-products::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  width:auto;
  height:auto;
  border-radius:0;
  background:
    linear-gradient(120deg,transparent 0 65%,rgba(228,173,77,.12) 65% 65.12%,transparent 65.12%),
    repeating-linear-gradient(0deg,transparent 0 71px,var(--brand-grid) 71px 72px);
}

.brand-home .featured-head p{color:#b9c9d2}
.brand-home .featured-products>.number-link{color:var(--brand-gold-soft);border-color:rgba(228,173,77,.45)}
.brand-home .featured-card{
  color:#0b2032;
  background:linear-gradient(180deg,#fff,#edf3f1);
  border:1px solid rgba(228,173,77,.18);
  box-shadow:0 20px 44px rgba(0,7,14,.3);
}
.brand-home .featured-card .eyebrow{color:#9a681e}
.brand-home .featured-card p{color:#536573}
.brand-home .featured-visual{
  background-color:#fff;
  border-bottom:1px solid rgba(228,173,77,.24);
}

/* Products: one premium dark showroom around white product photography. */
.brand-products .page-hero{
  background:
    radial-gradient(circle at 82% 40%,rgba(228,173,77,.2),transparent 15rem),
    linear-gradient(90deg,rgba(2,9,18,.99),rgba(5,27,44,.87) 52%,rgba(6,34,51,.34)),
    url("assets/scenes/solar-panel.jpg") center 54%/cover;
}

.brand-products .technology-matrix{
  position:relative;
  isolation:isolate;
  margin:82px calc(50% - 50vw);
  padding:92px max(32px,calc((100vw - 1216px)/2));
  color:#fff;
  background:
    radial-gradient(circle at 87% 8%,rgba(228,173,77,.2),transparent 25rem),
    radial-gradient(circle at 5% 90%,rgba(21,99,133,.3),transparent 26rem),
    linear-gradient(135deg,#0a2d45,#020912 72%);
  border-top:1px solid rgba(228,173,77,.35);
  border-bottom:1px solid rgba(228,173,77,.24);
  box-shadow:var(--brand-shadow);
}

.brand-products .technology-matrix::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(116deg,transparent 0 70%,rgba(228,173,77,.12) 70% 70.12%,transparent 70.12%),
    repeating-linear-gradient(90deg,transparent 0 71px,var(--brand-grid) 71px 72px),
    repeating-linear-gradient(0deg,transparent 0 71px,var(--brand-grid) 71px 72px);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.35),#000);
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35),#000);
}

.brand-products .technology-matrix .eyebrow{color:var(--brand-gold-soft)}
.brand-products .technology-matrix-head p{color:#b7c8d2}
.brand-products .technology-card{
  color:#0b2032;
  background:linear-gradient(180deg,#fff,#eef4f2);
  border:1px solid rgba(228,173,77,.22);
  box-shadow:0 22px 52px rgba(0,5,11,.34);
}
.brand-products .technology-card .technology-code{
  color:#20180a;
  background:linear-gradient(135deg,#f0d08a,#d99b36);
}
.brand-products .technology-card .technology-visual{
  border-bottom:1px solid rgba(228,173,77,.24);
}
.brand-products .technology-formats li{
  border-color:rgba(7,38,57,.11);
}
.brand-products .technology-note{
  color:#d5e2e7;
  background:rgba(2,9,18,.74);
  border:1px solid rgba(228,173,77,.3);
  border-left:3px solid var(--brand-gold);
}
.brand-products .sourcing-answer{
  background:
    radial-gradient(circle at 92% 15%,rgba(228,173,77,.16),transparent 17rem),
    linear-gradient(135deg,#0b3049,#06121f);
  color:#fff;
  border:1px solid rgba(228,173,77,.28);
  border-left:4px solid var(--brand-gold);
  box-shadow:var(--brand-shadow);
}
.brand-products .sourcing-answer p{color:#c1d0d7}
.brand-products .sourcing-answer .eyebrow{color:var(--brand-gold-soft)}
.brand-products .product-gallery .gallery-card{
  border-top-color:var(--brand-gold);
  box-shadow:0 16px 42px rgba(4,24,38,.1);
}

/* Saudi Arabia: dark desert-luxury treatment with climate-led cards. */
.brand-saudi .saudi-hero{
  background:
    radial-gradient(circle at 80% 48%,rgba(245,185,72,.28),transparent 17rem),
    linear-gradient(90deg,rgba(2,9,18,.99),rgba(13,34,47,.83) 48%,rgba(82,48,14,.22)),
    url("assets/scenes/solar-desert.jpg") center 58%/cover;
}
.brand-saudi .saudi-kicker{color:var(--brand-gold-soft)!important}
.brand-saudi .saudi-card-grid{
  gap:16px;
}
.brand-saudi .saudi-card{
  position:relative;
  overflow:hidden;
  min-height:300px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(228,173,77,.16),transparent 12rem),
    linear-gradient(145deg,#0c3149,#04101c);
  border:1px solid rgba(228,173,77,.25);
  border-top:3px solid var(--brand-gold);
  box-shadow:0 20px 52px rgba(1,11,20,.2);
}
.brand-saudi .saudi-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(118deg,transparent 0 76%,rgba(228,173,77,.12) 76% 76.3%,transparent 76.3%),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.025) 47px 48px);
}
.brand-saudi .saudi-card>*{position:relative;z-index:1}
.brand-saudi .saudi-card p{color:#bfcfd7}
.brand-saudi .saudi-card .card-index{color:var(--brand-gold-soft)}
.brand-saudi .market-strip{
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.34),transparent 16rem),
    linear-gradient(135deg,#f2d696,#dca748);
  border:1px solid rgba(117,70,13,.2);
  border-left:4px solid #8a5417;
  box-shadow:0 24px 64px rgba(104,66,18,.18);
}
.brand-saudi .saudi-checklist{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 8%,rgba(228,173,77,.18),transparent 19rem),
    linear-gradient(135deg,#0b3049,#020912);
  border:1px solid rgba(228,173,77,.22);
  box-shadow:var(--brand-shadow);
}
.brand-saudi .saudi-checklist::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    repeating-linear-gradient(90deg,transparent 0 71px,var(--brand-grid) 71px 72px),
    repeating-linear-gradient(0deg,transparent 0 71px,var(--brand-grid) 71px 72px);
}
.brand-saudi .saudi-checklist li{border-color:rgba(228,173,77,.22)}
.brand-saudi .market-faq{
  border-top:3px solid var(--brand-gold);
  box-shadow:0 20px 58px rgba(3,22,35,.1);
}
.brand-saudi .contact-panel{
  color:#fff;
  background:
    radial-gradient(circle at 90% 15%,rgba(228,173,77,.18),transparent 18rem),
    linear-gradient(135deg,#0b3049,#030b14);
  border:1px solid rgba(228,173,77,.3);
  box-shadow:var(--brand-shadow);
}
.brand-saudi .contact-panel .body-copy{color:#becdd5}
.brand-saudi .contact-panel .eyebrow{color:var(--brand-gold-soft)}

@media(hover:hover) and (pointer:fine){
  .brand-home .featured-card:hover,
  .brand-products .technology-card:hover,
  .brand-saudi .saudi-card:hover{
    transform:translateY(-5px);
    border-color:rgba(228,173,77,.5);
    box-shadow:0 28px 66px rgba(0,7,14,.3);
  }
}

@media(max-width:920px){
  .brand-home .hero{min-height:690px}
  .brand-products .technology-matrix{
    padding-inline:32px;
  }
}

@media(max-width:760px){
  .brand-premium .hero::before,
  .brand-premium .page-hero::before{
    background:
      radial-gradient(circle at 82% 25%,rgba(228,173,77,.2),transparent 10rem),
      repeating-linear-gradient(90deg,transparent 0 47px,var(--brand-grid) 47px 48px),
      repeating-linear-gradient(0deg,transparent 0 47px,var(--brand-grid) 47px 48px);
    mask-image:linear-gradient(180deg,#000,transparent 88%);
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);
  }
  .brand-premium .hero h1::after,
  .brand-premium .page-hero h1::after{
    width:58px;
    margin-top:18px;
  }
  .brand-home .hero{min-height:560px}
  .brand-home .featured-products{
    margin-inline:0;
    padding:34px 24px;
  }
  .brand-products .technology-matrix{
    margin-top:58px;
    margin-bottom:58px;
    padding:58px 24px;
  }
  .brand-products .technology-note{padding:16px}
  .brand-products .sourcing-answer{padding:28px 24px}
  .brand-saudi .saudi-card{min-height:0}
  .brand-saudi .market-strip,
  .brand-saudi .saudi-checklist{
    padding:34px 24px;
  }
}

@media(prefers-reduced-motion:reduce){
  .brand-premium *,
  .brand-premium *::before,
  .brand-premium *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}