/* ═══════════════════════════════════════════
   Fonturi găzduite local — nicio cerere către terți
   Cormorant Garamond & Jost — SIL Open Font License 1.1
   ═══════════════════════════════════════════ */
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/cormorant-garamond-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('assets/fonts/jost-latin-300-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url('assets/fonts/jost-latin-ext-300-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/jost-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/jost-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/jost-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/jost-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/jost-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/jost-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/jost-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Jost';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/jost-latin-ext-700-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ═══════════════════════════════════════════
   COVELIS SMART SECURITY — Shared Stylesheet
   ═══════════════════════════════════════════ */

:root{
  --bg:#04050A;
  --surface:#080C12;
  --surface2:#0D1117;
  --gold:#C8923A;
  --gold2:#E8B96A;
  --gold3:#F5D48A;
  --text:#F0EDE8;
  --muted:#8A8680;
  --dim:#5A5650;
  --line:rgba(200,146,58,.18);
  --line2:rgba(200,146,58,.08);
  --radius:16px;
  --radius-lg:24px;
  --ff-head:'Cormorant Garamond',Georgia,serif;
  --ff-body:'Jost',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:hidden}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--ff-body);
  font-weight:400;
  line-height:1.6;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 15% -5%,rgba(200,146,58,.09),transparent),
    radial-gradient(ellipse 60% 50% at 88% 95%,rgba(200,146,58,.06),transparent);
  z-index:-2;
}
img{max-width:100%}
a{color:inherit}

.wrap{
  max-width:1380px;
  margin:0 auto;
  padding:0 48px;
}

/* ─── Header ─── */
header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(4,5,10,.94);
  backdrop-filter:blur(24px);
  border-bottom:1px solid var(--line2);
}
.nav{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.logoBtn{
  background:none;
  border:0;
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  flex:0 0 auto;
  transition:opacity .2s ease;
}
.logoBtn:hover{opacity:.88}
.logoBtn img{
  width:166px;
  max-width:34vw;
  height:auto;
  display:block;
}
nav{
  display:flex;
  align-items:center;
  gap:4px;
}
nav a{
  background:none;
  border:0;
  color:rgba(240,237,232,.65);
  cursor:pointer;
  font-family:var(--ff-body);
  font-size:14.4px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.1em;
  padding:10px 14px;
  border-radius:8px;
  transition:.2s ease;
  position:relative;
  text-decoration:none;
  display:inline-block;
}
nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
nav a.active{color:var(--gold2)}
nav a.active::after{
  content:"";
  position:absolute;
  bottom:4px;
  left:50%;
  transform:translateX(-50%);
  width:20px;
  height:1.5px;
  background:var(--gold);
  border-radius:2px;
}
.phoneTop{
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  font-size:15.6px;
  font-weight:400;
  color:var(--muted);
  letter-spacing:.04em;
  text-decoration:none;
}
.phoneTop .icon{color:var(--gold);font-size:18px}
.phoneTop strong{color:var(--text);font-weight:500}

/* ─── Buttons ─── */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  cursor:pointer;
  font-family:var(--ff-body);
  font-weight:600;
  font-size:14.4px;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  padding:15px 30px;
  border-radius:6px;
  background:linear-gradient(135deg,#E0AA56 0%,#A86A1A 100%);
  color:#0A0600;
  box-shadow:0 8px 32px rgba(200,146,58,.24);
  transition:transform .18s ease,box-shadow .22s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(200,146,58,.35);
  filter:brightness(1.06);
}
.btn:active{transform:scale(.97);filter:brightness(.95)}
.btn.secondary{
  background:transparent;
  color:var(--gold2);
  border:1px solid rgba(200,146,58,.4);
  box-shadow:none;
}
.btn.secondary:hover{
  background:rgba(200,146,58,.07);
  border-color:rgba(200,146,58,.65);
  box-shadow:none;
}

/* ─── Hero ─── */
.hero{
  position:relative;
  min-height:680px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
}
.heroBg{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(100deg,rgba(4,5,10,.97) 0%,rgba(4,5,10,.82) 36%,rgba(4,5,10,.3) 62%,rgba(4,5,10,.55) 100%),
    url("assets/hero_casa_plus_camera.jpg");
  background-size:cover;
  background-position:center right;
}
.heroBg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,transparent 50%,rgba(4,5,10,.7) 100%),
    radial-gradient(ellipse at 75% 45%,rgba(200,146,58,.08),transparent 40%);
}
.heroContent{
  position:relative;
  z-index:2;
  padding:clamp(56px,7vw,100px) 48px clamp(64px,7vw,100px);
  width:100%;
  max-width:1380px;
  margin:0 auto;
}
.heroEyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13.2px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:28px;
}
.heroEyebrow::before{
  content:"";
  width:28px;
  height:1px;
  background:var(--gold);
  display:block;
}
.heroText{max-width:580px}
h1{
  font-family:var(--ff-head);
  font-size:clamp(40.3px,5.1vw,72.1px);
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.02em;
  margin-bottom:28px;
}
.goldText{
  color:var(--gold2);
  font-style:italic;
  display:block;
}
.heroDesc{
  font-size:clamp(16.8px,1.3vw,19.4px);
  color:rgba(240,237,232,.72);
  line-height:1.7;
  max-width:500px;
  margin-bottom:42px;
  font-weight:300;
}
.actions{display:flex;gap:16px;flex-wrap:wrap}

/* ─── Benefit Strip ─── */
.benefitStrip{
  background:var(--surface);
  border-top:1px solid var(--line2);
  border-bottom:1px solid var(--line2);
}
.benefitGrid{
  max-width:1380px;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.benefitItem{
  display:flex;
  align-items:center;
  gap:16px;
  padding:26px 28px;
  border-right:1px solid var(--line2);
}
.benefitItem:last-child{border-right:0}
.benefitItem img{
  width:58px;
  height:58px;
  object-fit:contain;
  flex:none;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));
}
.benefitItem h3{
  font-family:var(--ff-body);
  font-size:15.6px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text);
  margin-bottom:5px;
}
.benefitItem p{
  color:var(--muted);
  font-size:15.6px;
  line-height:1.5;
}

/* ─── Sections ─── */
section{padding:80px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.sectionTitle{text-align:center;margin-bottom:52px}
.sectionEyebrow{
  font-size:13.2px;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
  display:block;
}
.sectionTitle h2{
  font-family:var(--ff-head);
  font-size:clamp(31.9px,3.2vw,46.6px);
  font-weight:600;
  letter-spacing:-.02em;
  line-height:1.12;
}
.sectionTitle p{
  color:var(--muted);
  max-width:560px;
  margin:14px auto 0;
  font-size:18px;
  line-height:1.65;
}
.sectionTitle::after{
  content:"";
  display:block;
  width:40px;
  height:1.5px;
  background:linear-gradient(90deg,var(--gold),transparent);
  margin:18px auto 0;
}

/* ─── Service Cards (home grid) ─── */
.serviceGrid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}
.serviceCard{
  background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  border:1px solid rgba(200,146,58,.14);
  border-radius:var(--radius);
  padding:28px 20px;
  text-align:center;
  cursor:pointer;
  transition:.24s ease;
  -webkit-tap-highlight-color:transparent;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.serviceCard:hover{
  transform:translateY(-4px);
  border-color:rgba(200,146,58,.38);
  background:linear-gradient(160deg,rgba(200,146,58,.06),rgba(200,146,58,.02));
  box-shadow:0 20px 50px rgba(0,0,0,.3);
}
.serviceCard:active{transform:scale(.975)}
.serviceIconWrap{
  width:80px;
  height:80px;
  margin:0 auto 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.serviceIconWrap img{
  width:80px;
  height:80px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));
  transition:.24s ease;
}
.serviceCard:hover .serviceIconWrap img{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.5)) brightness(1.12);
  transform:scale(1.06);
}
.serviceCard h3{
  font-family:var(--ff-body);
  font-size:15.6px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--text);
  margin-bottom:10px;
  line-height:1.35;
}
.serviceCard p{
  color:var(--muted);
  font-size:15.6px;
  line-height:1.55;
}

/* ─── Feature Cards ─── */
.cards3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.card{
  background:var(--surface);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-lg);
  padding:36px;
  cursor:pointer;
  transition:.24s ease;
  -webkit-tap-highlight-color:transparent;
  text-decoration:none;
  color:inherit;
  display:block;
}
.card:hover{
  border-color:rgba(200,146,58,.28);
  background:rgba(255,255,255,.025);
  transform:translateY(-3px);
}
.card:active{transform:scale(.975)}
.cardArrow{
  display:block;
  color:var(--gold);
  font-size:25.1px;
  margin-bottom:20px;
  opacity:.7;
}
.card h3{
  font-family:var(--ff-head);
  font-size:clamp(22.8px,1.8vw,29.6px);
  font-weight:600;
  margin-bottom:14px;
  letter-spacing:-.01em;
}
.card p{color:var(--muted);line-height:1.7;font-size:18px}

/* ─── How We Work (process strip) ─── */
.processGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.processCard{
  background:var(--surface);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-lg);
  padding:32px 28px;
  position:relative;
  transition:.24s ease;
}
.processCard:hover{
  border-color:rgba(200,146,58,.25);
  transform:translateY(-3px);
}
.processNum{
  font-family:var(--ff-head);
  font-size:44.5px;
  font-weight:600;
  color:rgba(200,146,58,.68);
  line-height:1;
  margin-bottom:18px;
}
.processCard h3{
  font-family:var(--ff-head);
  font-size:clamp(21.7px,1.6vw,26.2px) !important;
  font-weight:600;
  letter-spacing:-.01em;
  margin-bottom:10px;
}
.processCard p{color:var(--muted);font-size:16.8px;line-height:1.6}
.processCTA{text-align:center;margin-top:44px}

/* ─── Why COVELIS band ─── */
.whyBand{
  background:linear-gradient(135deg,rgba(200,146,58,.06),rgba(200,146,58,.015));
  border-top:1px solid var(--line2);
  border-bottom:1px solid var(--line2);
}
.whyInner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}
.whyText .eyebrow{margin-bottom:18px}
.whyText h2{
  font-family:var(--ff-head);
  font-size:clamp(31.9px,3vw,44.5px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.02em;
  margin-bottom:22px;
}
.whyText h2 em{color:var(--gold2);font-style:italic}
.whyText p{
  color:rgba(240,237,232,.72);
  font-size:19.2px;
  line-height:1.75;
  margin-bottom:16px;
  font-weight:300;
}
.whyPoints{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.whyPoint{
  display:flex;
  gap:16px;
  align-items:flex-start;
  background:var(--surface);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);
  padding:22px 24px;
  transition:.2s ease;
}
.whyPoint:hover{border-color:rgba(200,146,58,.22)}
.whyPointIcon{
  color:var(--gold2);
  font-size:22.8px;
  flex:none;
  line-height:1.4;
}
.whyPoint h4{
  font-family:var(--ff-body);
  font-size:18px;
  font-weight:600;
  letter-spacing:.02em;
  margin-bottom:4px;
}
.whyPoint p{color:var(--muted);font-size:16.2px;line-height:1.55}

/* ─── Page Content ─── */
.pageContent{padding:72px 0}
.eyebrow{
  font-size:13.2px;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{
  content:"";
  width:24px;
  height:1px;
  background:var(--gold);
}
.pageTitle{
  font-family:var(--ff-head);
  font-size:clamp(33.9px,4.2vw,59.4px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.03em;
  margin-bottom:48px;
}
.gold{color:var(--gold2)}

/* ─── Grid layouts ─── */
.serviceList,.industryGrid,.pricingGrid,.contactGrid,.grid2{
  display:grid;
  gap:20px;
}
.serviceList{grid-template-columns:repeat(3,1fr);align-items:stretch}
.industryGrid{grid-template-columns:repeat(2,1fr)}
.pricingGrid{grid-template-columns:repeat(3,1fr);align-items:stretch}
.grid2,.contactGrid{grid-template-columns:1fr 1fr}

/* ─── Box / Panel ─── */
.panel,.box{
  background:var(--surface);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-lg);
  padding:30px;
}
.box{transition:.22s ease;display:flex;flex-direction:column}
.box:hover{border-color:rgba(200,146,58,.28)}
.box:active{transform:scale(.985)}
.box h3{
  font-family:var(--ff-head);
  font-size:clamp(22.8px,1.6vw,27.4px);
  font-weight:600;
  letter-spacing:-.01em;
  margin-bottom:10px;
}
.box p{color:var(--muted);line-height:1.65;font-size:18px}
.box.clickable{cursor:pointer;text-decoration:none;color:inherit}

.linkBtn{
  background:none;
  border:0;
  color:var(--gold);
  cursor:pointer;
  font-family:var(--ff-body);
  font-size:15.6px;
  font-weight:500;
  letter-spacing:.04em;
  padding:0;
  margin-top:auto;
  padding-top:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:gap .2s ease,color .2s ease;
  text-decoration:none;
}
.linkBtn:hover{color:var(--gold2);gap:10px}

/* ─── Pricing notice ─── */
.pricingNotice{
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(200,146,58,.06);
  border:1px solid rgba(200,146,58,.2);
  border-radius:var(--radius);
  padding:16px 22px;
  margin-bottom:28px;
  font-size:16.8px;
  color:var(--gold2);
}
.pricingNotice .icon{font-size:20.5px;flex:none}
.pricePrefix{font-size:15.6px;color:var(--muted);font-weight:400}
.priceValue{
  font-family:var(--ff-head);
  font-size:clamp(25.1px,1.7vw,29.6px);
  color:var(--gold2);
  font-weight:600;
  letter-spacing:-.01em;
}

/* ─── Steps (Despre Noi) ─── */
.step{
  display:flex;
  gap:22px;
  background:var(--surface);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-lg);
  padding:28px 32px;
  margin-bottom:14px;
  transition:.2s ease;
}
.step:hover{border-color:rgba(200,146,58,.22)}
.stepNum{
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(200,146,58,.1);
  border:1px solid rgba(200,146,58,.25);
  color:var(--gold2);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:18px;
  flex:none;
}
.step h3{
  font-family:var(--ff-head);
  font-size:clamp(20.5px,1.5vw,25.1px) !important;
  font-weight:600;
  letter-spacing:-.01em;
  margin-bottom:6px;
}
.step p{color:var(--muted);font-size:16.8px;line-height:1.6}

/* ─── Plan Details ─── */
.planDetails{
  display:none;
  margin-top:22px;
  border:1px solid rgba(200,146,58,.22);
  background:var(--surface2);
  border-radius:var(--radius-lg);
  padding:28px;
  animation:fadeIn .28s ease;
}
.planDetails.active{display:block}
.planDetails h3{font-family:var(--ff-head);letter-spacing:-.01em}

/* ─── Form ─── */
input,textarea{
  width:100%;
  background:var(--surface2);
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  padding:15px 18px;
  color:var(--text);
  outline:none;
  margin-bottom:12px;
  font:inherit;
  font-size:16.8px;
  transition:border-color .2s ease;
}
input:focus,textarea:focus{border-color:rgba(200,146,58,.45)}
input::placeholder,textarea::placeholder{color:var(--dim)}
.formRow{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.formError{
  font-size:15px;
  color:#D9785F;
  margin:-2px 0 12px;
  letter-spacing:.01em;
}
.formError[hidden]{display:none}
.formNote{font-size:14.4px;color:var(--dim);margin-top:4px;line-height:1.5}

/* ─── Service Detail Pages ─── */
.serviceDetailHero{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:40px;
  align-items:center;
  background:var(--surface);
  border:1px solid rgba(200,146,58,.15);
  border-radius:var(--radius-lg);
  padding:42px;
  max-width:980px;
  margin-bottom:32px;
}
.serviceDetailHero img{
  width:160px;
  height:160px;
  object-fit:contain;
  filter:drop-shadow(0 16px 32px rgba(0,0,0,.55));
}
.serviceDetailHero h1,.serviceDetailHero h2{
  font-family:var(--ff-head);
  font-size:clamp(31.9px,3vw,44.5px) !important;
  font-weight:600;
  letter-spacing:-.02em;
  margin-bottom:16px !important;
}
.serviceDetailHero p{
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
  margin-bottom:22px;
}
.serviceTextGrid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  margin-top:0;
}
.serviceTextBlock{
  background:var(--surface);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-lg);
  padding:28px;
}
.serviceTextBlock h3{
  font-family:var(--ff-head);
  font-size:clamp(19.4px,1.4vw,22.8px) !important;
  font-weight:600;
  color:var(--gold2);
  margin-bottom:14px;
  letter-spacing:-.01em;
}
.serviceTextBlock ul{
  list-style:none;
  padding:0;
  color:rgba(240,237,232,.7);
  line-height:1.9;
  font-size:16.8px;
}
.serviceTextBlock ul li::before{
  content:"—";
  color:var(--gold);
  margin-right:10px;
  opacity:.7;
}
.serviceTextBlock p{color:rgba(240,237,232,.7);font-size:16.8px;line-height:1.75;margin-bottom:12px}
.serviceTextBlock p:last-child{margin-bottom:0}
.serviceCTA{
  margin-top:20px;
  background:linear-gradient(135deg,rgba(200,146,58,.06),rgba(200,146,58,.02));
  border:1px solid rgba(200,146,58,.18);
  border-radius:var(--radius-lg);
  padding:36px;
}
.serviceCTA h3{
  font-family:var(--ff-head);
  font-size:clamp(20.5px,1.6vw,25.1px) !important;
  font-weight:600;
  margin-bottom:8px;
  letter-spacing:-.01em;
}
.serviceCTA p{color:var(--muted);font-size:16.8px;line-height:1.7;margin-bottom:18px}
.serviceCTA p:last-of-type{margin-bottom:24px}

/* ─── Portal ─── */
.portalGrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-bottom:16px;
}
.portalItem{
  background:var(--surface2);
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius);
  padding:22px;
}
.portalItem .label{font-size:14.4px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.portalItem .value{font-family:var(--ff-head);font-size:25.1px;color:var(--gold2);font-weight:600;line-height:1}
.portalItem .value.txt{font-family:var(--ff-body);font-size:19.2px}

/* ─── Contact ─── */
.contactLabel{font-size:13.2px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.contactValue{font-size:19.2px;color:var(--text);margin-bottom:22px}
.contactValue a{color:var(--gold);text-decoration:none;font-size:16.8px}
.contactValue a:hover{text-decoration:underline}

/* ─── Footer ─── */
footer{
  border-top:1px solid var(--line2);
  padding:28px 0;
}
.foot{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
}
.footInfo{
  font-size:13.2px;
  line-height:1.7;
  color:var(--dim);
  margin-top:10px;
}
.footCredit{font-size:12px;color:var(--dim);text-align:right;padding-top:4px;letter-spacing:.04em}
.footInfo a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line2);transition:color .2s ease}
.footInfo a:hover{color:var(--gold2)}
.footLinks{margin-top:14px;font-size:13.2px;letter-spacing:.04em}
.footLinks a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line2);transition:color .2s ease}
.footLinks a:hover{color:var(--gold2)}
.anpcBadge{display:inline-block;margin-top:16px;opacity:.82;transition:opacity .2s ease}
.anpcBadge:hover{opacity:1}
.anpcBadge img{width:250px;height:auto;max-width:100%;display:block}
.anpcBadge.anpcText{font-size:13.2px;color:var(--muted);border-bottom:1px solid var(--line2);opacity:1}
.anpcBadge.anpcText::after{content:"ANPC — Soluționarea Alternativă a Litigiilor"}

/* ─── Pagini juridice ─── */
.legal{max-width:820px}
.legal h2{
  font-family:var(--ff-head);
  font-size:26.2px;
  font-weight:600;
  color:var(--gold2);
  margin:38px 0 12px;
  letter-spacing:.005em;
}
.legal p{margin-bottom:14px;color:var(--muted);font-size:17.4px;line-height:1.78}
.legal p strong{color:var(--text);font-weight:500}
.legal ul{margin:0 0 16px 20px;color:var(--muted);font-size:17.4px;line-height:1.78}
.legal li{margin-bottom:9px}
.legal li strong{color:var(--text);font-weight:500}
.legal a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(200,146,58,.3)}
.legal a:hover{border-bottom-color:var(--gold2)}
.legalMeta{
  font-size:13.8px !important;
  color:var(--dim) !important;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:26px !important;
}

/* ─── WhatsApp Button ─── */
.wa{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:60;
  height:42px;
  border-radius:999px;
  padding:0 16px;
  background:rgba(200,146,58,.1);
  border:1px solid rgba(200,146,58,.25);
  color:var(--text);
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:8px;
  font-family:var(--ff-body);
  font-weight:500;
  font-size:14.4px;
  letter-spacing:.05em;
  box-shadow:0 8px 30px rgba(0,0,0,.35);
  transition:.22s ease;
  -webkit-tap-highlight-color:transparent;
}
.wa::before{content:"💬";font-size:16.8px}
.wa:hover{
  background:rgba(200,146,58,.8);
  color:#0A0600;
  border-color:var(--gold);
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(200,146,58,.3);
}

/* ─── Dropdown ─── */
.navDrop{position:relative;display:inline-flex;align-items:center}
.dropdownMenu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:240px;
  background:rgba(8,10,16,.98);
  border:1px solid rgba(200,146,58,.18);
  border-radius:14px;
  padding:8px;
  opacity:0;
  pointer-events:none;
  transform:translateY(6px);
  transition:.2s ease;
  box-shadow:0 20px 50px rgba(0,0,0,.5);
  z-index:200;
}
.navDrop:hover .dropdownMenu{opacity:1;pointer-events:auto;transform:translateY(0)}
.dropdownMenu a{
  display:block;
  width:100%;
  text-align:left;
  padding:10px 14px !important;
  color:var(--muted);
  font-size:14.4px !important;
  border-radius:8px;
  letter-spacing:.05em;
  text-transform:none !important;
  background:none;
  font-weight:400;
  text-decoration:none;
}
.dropdownMenu a:hover{background:rgba(200,146,58,.08);color:var(--gold2) !important}

/* ─── Mobile menu toggle ─── */
.mobileMenuToggle{
  display:none;
  width:40px;
  height:40px;
  border:1px solid rgba(200,146,58,.22);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  margin-left:auto;
  flex:0 0 auto;
}
.mobileMenuToggle span{
  width:18px;
  height:1.5px;
  background:var(--gold2);
  border-radius:999px;
  display:block;
  transition:.2s ease;
}

/* ─── Scroll reveal ─── */
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);
}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal.d1{transition-delay:.08s}
.reveal.d2{transition-delay:.16s}
.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
}

/* ─── Typography global sizes ─── */
p{font-size:clamp(15.6px,1.1vw,18px);line-height:1.7}
li{font-size:clamp(15.6px,1.1vw,16.8px);line-height:1.8}
h3{font-size:clamp(19.4px,1.4vw,23.9px)}

/* ─── Touch & click feedback ─── */
button,a,.card,.box,.serviceCard{-webkit-tap-highlight-color:transparent}
.touchFeedback{transform:scale(.975) !important}
.touchFeedback h3,.touchFeedback span{color:var(--gold2) !important}
.touchFeedback img{filter:brightness(1.1) drop-shadow(0 0 8px rgba(200,146,58,.4)) !important}
.clickFeedback{transform:scale(.985) !important}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media(max-width:1280px){
  .wrap{padding:0 32px}
  .heroContent{padding-left:32px;padding-right:32px}
  .benefitGrid{padding:0 32px}
  .serviceGrid{grid-template-columns:repeat(3,1fr)}
  nav a{font-size:13.2px;padding:8px 10px}
  .processGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1050px){
  .mobileMenuToggle{display:flex !important}
  header nav#mainNav{display:none !important}
  header nav#mainNav.mobileOpen{
    display:flex !important;
    position:absolute;
    top:calc(100% + 2px);
    left:16px;
    right:16px;
    background:rgba(4,5,10,.98);
    border:1px solid rgba(200,146,58,.18);
    border-radius:16px;
    padding:12px;
    box-shadow:0 20px 60px rgba(0,0,0,.6);
    z-index:999;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
  }
  header nav.mobileOpen a,
  header .navDrop > a{
    width:100%;
    text-align:left;
    padding:13px 16px !important;
    font-size:15.6px !important;
    border-radius:10px;
    letter-spacing:.06em;
  }
  .navDrop{display:block !important;width:100%}
  .dropdownMenu{
    position:static !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:none !important;
    min-width:0 !important;
    box-shadow:none !important;
    border:0 !important;
    background:rgba(255,255,255,.02) !important;
    margin:3px 0 6px 0;
    border-radius:10px !important;
  }
  .dropdownMenu a{padding:10px 16px !important;font-size:14.4px !important}
  .phoneTop{display:none !important}
  header .nav{position:relative;min-height:62px !important}
  .benefitGrid{grid-template-columns:repeat(2,1fr) !important}
  .serviceGrid{grid-template-columns:repeat(2,1fr) !important}
  .cards3,.serviceList,.pricingGrid,.grid2,.contactGrid,.serviceTextGrid{grid-template-columns:1fr !important}
  .whyInner{grid-template-columns:1fr !important;gap:36px}
  .serviceDetailHero{grid-template-columns:1fr !important;text-align:center}
  .serviceDetailHero img{margin:0 auto}
  .heroText{max-width:100% !important}
  h1{font-size:38.2px !important}
}
@media(max-width:760px){
  .wrap{padding:0 20px}
  .heroContent{padding:40px 20px !important}
  .benefitGrid{grid-template-columns:1fr !important;padding:0 20px}
  .benefitItem{border-right:0 !important;border-bottom:1px solid var(--line2);padding:18px 0}
  .benefitItem:last-child{border-bottom:0}
  .serviceGrid{grid-template-columns:1fr !important}
  .industryGrid{grid-template-columns:1fr !important}
  .processGrid{grid-template-columns:1fr !important}
  .portalGrid{grid-template-columns:1fr}
  .heroText{
    background:rgba(4,5,10,.55) !important;
    border:1px solid rgba(200,146,58,.12) !important;
    border-radius:16px;
    padding:24px !important;
    backdrop-filter:blur(4px);
  }
  h1{font-size:34.2px !important}
  .pageTitle{font-size:29.6px !important}
  .hero{
    background-image:
      linear-gradient(90deg,rgba(4,5,10,.92),rgba(4,5,10,.65),rgba(4,5,10,.42)),
      url("assets/hero_casa_plus_camera.jpg") !important;
    background-size:cover !important;
    background-position:center !important;
  }
  .heroBg{display:none !important}
  .actions{flex-direction:column}
  .btn{width:100%;justify-content:center;padding:15px 22px}
  .wa{right:14px;bottom:14px}
  .foot{flex-direction:column;gap:14px}
  .footCredit{text-align:left}
  section{padding:52px 0}
  .pageContent{padding:48px 0}
}
@media(max-width:420px){
  .wrap{padding:0 16px}
  h1{font-size:29.6px !important}
  .pageTitle{font-size:26.2px !important}
  .serviceDetailHero,.serviceTextBlock,.serviceCTA,.panel,.box,.card,.processCard,.whyPoint{padding:20px !important}
  .benefitGrid{padding:0 16px}
}

/* ─── Formular: coloana unica pe ecrane inguste ─── */
@media(max-width:520px){
  .formRow{grid-template-columns:1fr}
}

/* ─── Contact form email states ─── */
.formStatus{margin:-2px 0 12px;line-height:1.55}
.formSuccess{
  font-size:15px;
  color:#8FD19E;
  padding:12px 14px;
  border:1px solid rgba(143,209,158,.25);
  background:rgba(143,209,158,.07);
  border-radius:10px;
}
.formSuccess[hidden]{display:none}
.formNote a{color:var(--gold);text-decoration:none}
.formNote a:hover{text-decoration:underline}
.formHoneypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  clip-path:inset(50%) !important;
}
.btn:disabled{cursor:not-allowed;opacity:.72;transform:none}
.btnLoading{pointer-events:none}

/* COVELIS LOGIN HEADER — START */
#mainNav > .navLoginBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin-left: 4px;
  padding: 9px 14px;
  border: 1px solid #C9A25D;
  border-radius: 999px;
  background: rgba(201, 162, 93, .07);
  color: #C9A25D;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .10em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

#mainNav > .navLoginBtn::before,
#mainNav > .navLoginBtn::after {
  display: none !important;
  content: none !important;
}

#mainNav > .navLoginBtn:hover,
#mainNav > .navLoginBtn:focus-visible {
  border-color: #C9A25D;
  background: #C9A25D;
  color: #0B0B0B;
  transform: translateY(-1px);
  outline: none;
}

@media (max-width: 1180px) {
  #mainNav > .navLoginBtn {
    padding: 8px 10px;
    font-size: 10px;
    letter-spacing: .07em;
  }
}

@media (max-width: 900px) {
  #mainNav > .navLoginBtn {
    width: 100%;
    min-height: 44px;
    margin: 10px 0 0;
    padding: 12px 16px;
    font-size: 12px;
    letter-spacing: .10em;
  }
}
/* COVELIS LOGIN HEADER — END */

/* COVELIS v3.3 — selector PF/PJ în formularul public */
.publicEntityPicker{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.publicEntityPicker legend{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.publicEntityPicker label{position:relative;display:block;cursor:pointer}.publicEntityPicker input{position:absolute;opacity:0;pointer-events:none}.publicEntityPicker span{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid rgba(201,162,93,.28);border-radius:8px;background:#fff;transition:.18s ease}.publicEntityPicker small{color:var(--muted);font-size:12px}.publicEntityPicker input:checked+span{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,93,.14);background:#fffaf1}.publicEntityPicker input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.publicCompanyCui{margin-bottom:14px}.publicCompanyCui input{width:100%}.publicCompanyCui p{margin:7px 2px 0;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:620px){.publicEntityPicker{grid-template-columns:1fr}}

/* COVELIS v3.6.3 — targeted quality/audit fixes. */
.publicEntityPicker span{color:#1c1c1c}
.publicEntityPicker small{color:#5f5b54}
.publicEntityPicker input:checked+span{color:#171717}
#contactForm .formNote{color:#aaa69f}
#contactForm .formNote a{color:#d6b66f}
.footInfo,.footInfo a,.footCredit{color:#aaa69f}
.footLinks a,.anpcBadge.anpcText{color:#b7b2aa}
.wa::before{
  content:"";width:18px;height:18px;display:inline-block;flex:0 0 18px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5A8.48 8.48 0 0 1 21 11v.5Z'/%3E%3C/svg%3E");font-size:0
}

/* COVELIS v3.6.3 — remaining public contrast fixes from live audit. */
.panel.reveal>p,.grid2>div>p,.legalMeta,.contactLabel{color:#aaa69f}
.anpcBadge img{width:250px;height:auto;max-width:100%;display:block}

/* COVELIS v3.6.4 — public navigation keeps desktop behavior while mobile gets an explicit accordion trigger. */
.navDropToggle{display:none}
.navDropAll{display:none!important}
.dropdownMenuInner{min-width:0}