/*
 * Pertecnica Homepage Design System
 * Visual direction: clean engineering / technical drawing / corporate.
 * Palette: gold, black, white, grey.
 */
:root{
  --per-gold:#b38a3a;
  --per-gold-soft:#d1b36e;
  --per-black:#181818;
  --per-graphite:#303030;
  --per-text:#55575a;
  --per-muted:#777a7d;
  --per-line:#deded9;
  --per-line-strong:#c9c9c3;
  --per-paper:#ffffff;
  --per-soft:#f6f6f3;
  --per-soft-2:#eeeeea;
  --per-container:1280px;
  --per-section-y:76px;
  --per-gap-1:8px;
  --per-gap-2:12px;
  --per-gap-3:16px;
  --per-gap-4:24px;
  --per-gap-5:32px;
  --per-gap-6:48px;
  --per-gap-7:64px;
  --per-radius:2px;
}

.hcg-homepage-wrapper{
  width:100%;
  margin:0;
  padding:0;
  background:var(--per-paper);
  color:var(--per-text);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:16px;
  line-height:1.68;
  font-weight:400;
  letter-spacing:0;
  overflow:hidden;
}

.hcg-homepage-wrapper *{box-sizing:border-box;}
.hcg-homepage-wrapper img{max-width:100%;height:auto;}
.hcg-homepage-wrapper a{text-decoration:none;}
.hcg-homepage-wrapper p{margin:0;}
.hcg-homepage-wrapper h1,
.hcg-homepage-wrapper h2,
.hcg-homepage-wrapper h3,
.hcg-homepage-wrapper h4{margin:0;color:var(--per-black);font-weight:500;letter-spacing:-.018em;}

.hcg-homepage-wrapper .hcg-container,
.hcg-homepage-wrapper .hamsa-container{
  width:min(var(--per-container),calc(100% - 48px));
  margin-inline:auto;
}

/* Unified section rhythm */
.hcg-homepage-wrapper > section{
  position:relative;
  padding:var(--per-section-y) 0;
  isolation:isolate;
}
.hcg-homepage-wrapper > section:nth-of-type(even){background:var(--per-soft);}
.hcg-homepage-wrapper > section:nth-of-type(odd){background:var(--per-paper);}

/* Quiet technical-drawing texture used consistently, never as decoration overload. */
.hcg-homepage-wrapper > section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(70,70,65,.055) calc(100% - 1px)),
    linear-gradient(0deg,transparent 0,transparent calc(100% - 1px),rgba(70,70,65,.04) calc(100% - 1px));
  background-size:160px 160px;
  mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent);
}

/* Shared section labels */
.hcg-homepage-wrapper [class*="eyebrow"],
.hcg-homepage-wrapper [class*="label"],
.hcg-homepage-wrapper [class*="badge"],
.hcg-homepage-wrapper [class*="kicker"]{
  color:var(--per-gold);
  font-size:11px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
}

/* Shared technical rules */
.hcg-homepage-wrapper .hcg-hero-rule,
.hcg-homepage-wrapper .hcg-why-header-rule,
.hcg-homepage-wrapper .hcg-statistics-card-rule,
.hcg-homepage-wrapper .hpe-ccl-proof-line span,
.hcg-homepage-wrapper .hcg-why-footer-line{
  height:1px;
  background:var(--per-line-strong);
}

/* Shared buttons */
.hcg-homepage-wrapper .hcg-btn-primary,
.hcg-homepage-wrapper .hcg-btn-secondary,
.hcg-homepage-wrapper .hcg-content-block-1-button,
.hcg-homepage-wrapper .hcg-why-button,
.hcg-homepage-wrapper .hcg-industries-explore-button,
.hcg-homepage-wrapper .hcg-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border:1px solid var(--per-black);
  border-radius:var(--per-radius);
  font-size:13px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:.02em;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.hcg-homepage-wrapper .hcg-btn-primary,
.hcg-homepage-wrapper .hcg-content-block-1-button,
.hcg-homepage-wrapper .hcg-why-button,
.hcg-homepage-wrapper .hcg-industries-explore-button,
.hcg-homepage-wrapper .hcg-cta-button.primary{background:var(--per-black);color:#fff;border-color:var(--per-black);}
.hcg-homepage-wrapper .hcg-btn-secondary,
.hcg-homepage-wrapper .hcg-cta-button.secondary{background:transparent;color:var(--per-black);border-color:var(--per-line-strong);}
.hcg-homepage-wrapper .hcg-btn-primary:hover,
.hcg-homepage-wrapper .hcg-content-block-1-button:hover,
.hcg-homepage-wrapper .hcg-why-button:hover,
.hcg-homepage-wrapper .hcg-industries-explore-button:hover,
.hcg-homepage-wrapper .hcg-cta-button.primary:hover{background:var(--per-gold);border-color:var(--per-gold);color:#fff;transform:translateY(-1px);}
.hcg-homepage-wrapper .hcg-btn-secondary:hover,
.hcg-homepage-wrapper .hcg-cta-button.secondary:hover{border-color:var(--per-gold);color:var(--per-gold);}

/* Remove previous module-specific visual noise. */
.hcg-homepage-wrapper .hcg-why-orbit,
.hcg-homepage-wrapper .hcg-why-crosshair,
.hcg-homepage-wrapper .hcg-why-card-orbit,
.hcg-homepage-wrapper .hcg-why-card-crosshair,
.hcg-homepage-wrapper .hcg-draft-cross,
.hcg-homepage-wrapper .hcg-rail-center,
.hcg-homepage-wrapper .hpe-ccl-ring,
.hcg-homepage-wrapper .hpe-ccl-gridline{opacity:.35;}

@media(max-width:767px){
  :root{--per-section-y:56px;}
  .hcg-homepage-wrapper .hcg-container,
  .hcg-homepage-wrapper .hamsa-container{width:min(100% - 32px,var(--per-container));}
  .hcg-homepage-wrapper{font-size:15px;line-height:1.65;}
}