@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700;900&family=Lora:ital,wght@0,400;0,600;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root{
  --bg:#0f0f10;
  --bg-2:#171516;
  --bg-3:#1d1a17;
  --card:#171717;
  --card-2:#1f1b19;
  --line:rgba(212,175,55,.18);
  --gold:#D4AF37;
  --gold-2:#B08D57;
  --gold-3:#F2D77B;
  --text:#f5efe6;
  --muted:rgba(245,239,230,.72);
  --muted-2:rgba(245,239,230,.55);
  --light-text:#f5efe6;
  --max:1240px;
  --shadow:0 28px 80px -42px rgba(0,0,0,.85);
  --gold-shadow:0 28px 80px -42px rgba(212,175,55,.25);
  --radius:32px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.wrap{width:min(var(--max), calc(100% - 32px));margin:0 auto}

/* NAV */
.nav-wrap{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(10,10,10,.84);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);
}
.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:76px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand-mark{
  width:44px;
  height:44px;
  object-fit:contain;
  filter:drop-shadow(0 10px 26px rgba(212,175,55,.24));
}
.brand-copy strong{
  display:block;
  font-family:'Cinzel',serif;
  font-size:18px;
  line-height:1;
  letter-spacing:.05em;
  color:#fff;
}
.brand-copy span{
  display:block;
  margin-top:5px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--gold);
}
.nav-links{
  display:flex;
  align-items:center;
  gap:14px;
  white-space:nowrap;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.76);
}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{
  padding:13px 16px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.34);
  background:linear-gradient(135deg, rgba(176,141,87,.28), rgba(212,175,55,.14));
  color:#fff;
  transition:.25s ease;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:var(--gold-shadow)}
.mobile-note{display:none}

/* HEROES */
.hero,.page-hero,.statement,.cta{
  position:relative;
  overflow:hidden;
}
.hero{
  min-height:calc(100vh - 76px);
  display:flex;
  align-items:center;
  padding:56px 0 80px;
  border-bottom:1px solid var(--line);
}
.page-hero{
  padding:88px 0 80px;
  border-bottom:1px solid var(--line);
}
.hero:before,.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 12%, rgba(212,175,55,.22), transparent 34%),
    radial-gradient(circle at 82% 22%, rgba(176,141,87,.14), transparent 28%),
    linear-gradient(90deg, rgba(15,15,16,.97) 0%, rgba(17,17,18,.82) 42%, rgba(18,18,18,.48) 76%, rgba(15,15,16,.92) 100%),
    linear-gradient(180deg, #111 0%, #161311 100%);
}
.hero:after,.page-hero:after,.statement:after,.cta:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}
.hero>.wrap,.page-hero>.wrap,.statement>.wrap,.cta>.wrap{position:relative;z-index:2}
.brand-banner{
  display:flex;
  justify-content:center;
  padding-bottom:34px;
}
.brand-banner img{
  width:190px;
  filter:drop-shadow(0 18px 46px rgba(212,175,55,.18));
}
.hero-grid{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:54px;
  align-items:center;
}
.page-hero-grid{
  display:grid;
  grid-template-columns:.95fr .65fr;
  gap:48px;
  align-items:center;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.eyebrow:before{
  content:"";
  width:38px;
  height:1px;
  background:linear-gradient(90deg, var(--gold-2), var(--gold));
}
.hero h1,.page-hero h1,.split-title,.cta-box h2,.section-head h2{
  margin:18px 0 22px;
  font-family:'Cinzel',serif;
  line-height:.96;
  letter-spacing:.01em;
  color:#fff;
}
.hero h1,.page-hero h1{font-size:clamp(2.55rem, 5vw, 5.8rem);max-width:900px}
.split-title{font-size:clamp(1.8rem, 3vw, 3rem);margin:10px 0 14px}
.section-head h2{font-size:clamp(2rem, 4vw, 4.3rem);margin:0}
.cta-box h2{font-size:clamp(2rem, 4vw, 4rem);margin:0 0 12px}
.lead{
  margin:0 0 28px;
  max-width:650px;
  color:var(--muted);
  font-family:'Lora',serif;
  font-size:18px;
  line-height:1.85;
  font-style:italic;
}
.hero-actions,.actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:16px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:.25s ease;
}
.btn.primary{
  background:linear-gradient(135deg, var(--gold-2), var(--gold) 55%, var(--gold-3));
  color:#fff;
  border-color:transparent;
  box-shadow:0 18px 40px -18px rgba(212,175,55,.75);
}
.btn.secondary{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.18);
}
.btn:hover{transform:translateY(-3px)}
.proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:34px;
}
.proof div{
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(212,175,55,.14);
  backdrop-filter:blur(14px);
}
.proof strong{
  display:block;
  font-family:'Cinzel',serif;
  font-size:24px;
  line-height:1;
  color:#fff;
}
.proof span{
  display:block;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
  line-height:1.55;
}

/* HERO RIGHT COMPOSITION */
.editorial-stage{
  position:relative;
  min-height:610px;
}
.frame-main,.frame-side,.frame-detail,.page-logo-card,.contact-box,.card,.step,.faq details,.cta-box,.port-big,.port-item,.wide-placeholder{
  border:1px solid rgba(212,175,55,.18);
  box-shadow:var(--shadow);
}
.frame-main,.frame-side,.frame-detail{
  position:absolute;
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  backdrop-filter:blur(18px);
}
.frame-main{right:0;top:28px;width:74%;height:520px}
.frame-side{left:0;bottom:24px;width:41%;height:300px}
.frame-detail{left:8%;top:0;width:28%;height:190px}
.placeholder{
  position:relative;
  width:100%;
  height:100%;
  min-height:190px;
  display:grid;
  place-items:center;
  padding:26px;
  text-align:center;
  color:#fff;
  background:
    radial-gradient(circle at 50% 6%, rgba(247,231,167,.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.42)),
    linear-gradient(135deg, #25221d, #111);
}
.placeholder:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(212,175,55,.24);
  border-radius:22px;
  pointer-events:none;
}
.frame-note,.tag{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:4;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,255,255,.16);
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.signature-card{
  position:absolute;
  left:20%;
  bottom:-16px;
  max-width:330px;
  padding:24px;
  border-radius:24px;
  background:rgba(15,15,15,.86);
  border:1px solid rgba(212,175,55,.18);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}
.signature-card .mini-logo{
  width:170px;
  margin:0 0 12px;
}
.signature-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65;
}
.page-logo-card{
  min-height:320px;
  display:grid;
  place-items:center;
  padding:38px;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 8%, rgba(247,231,167,.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  backdrop-filter:blur(18px);
}
.page-logo-card img{
  width:min(360px,100%);
  filter:drop-shadow(0 20px 50px rgba(212,175,55,.18));
}

/* SECTIONS */
section{
  padding:92px 0;
  border-top:1px solid rgba(212,175,55,.10);
  background:var(--bg);
}
main > section:nth-of-type(even):not(.hero):not(.page-hero):not(.statement):not(.cta){
  background:var(--bg-2);
}
.section-head{
  display:grid;
  grid-template-columns:.82fr .62fr;
  gap:42px;
  align-items:end;
  margin-bottom:42px;
}
.section-head p{
  margin:0;
  color:var(--muted);
  font-size:16px;
  max-width:600px;
}
.services,.cards-3,.process{
  display:grid;
  gap:18px;
}
.services,.cards-3{grid-template-columns:repeat(3,1fr)}
.process{grid-template-columns:repeat(4,1fr)}
.card,.step{
  position:relative;
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.10), transparent 40%),
    linear-gradient(180deg, #191715, #111);
}
.nr{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:26px;
}
.card h3,.step h3,.faq summary{
  margin:0 0 14px;
  font-family:'Cinzel',serif;
  color:#fff;
}
.card h3,.step h3{font-size:clamp(1.65rem, 2.4vw, 2.5rem);line-height:1.02}
.card p,.step p{margin:0 0 18px;color:var(--muted);font-size:15px}
.card ul{
  list-style:none;
  padding:18px 0 0;
  margin:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.card li{
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);
  font-size:14px;
}

/* statement */
.statement{
  background:
    radial-gradient(circle at 18% 20%, rgba(212,175,55,.22), transparent 32%),
    radial-gradient(circle at 80% 70%, rgba(176,141,87,.10), transparent 34%),
    linear-gradient(180deg, #121212, #181512);
}
.statement-grid{
  display:grid;
  grid-template-columns:.62fr 1fr;
  gap:72px;
  align-items:center;
}
.statement img{
  width:min(300px,100%);
  opacity:.98;
}
.quote{
  margin:18px 0 22px;
  font-family:'Cinzel',serif;
  font-size:clamp(2.2rem, 4.8vw, 5.1rem);
  line-height:.98;
  color:#fff;
}
.statement p{
  margin:0 0 20px;
  color:var(--muted);
}
.statement small{
  display:block;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}

/* portfolio */
.portfolio{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:18px;
}
.port-side{
  display:grid;
  gap:18px;
}
.port-big,.port-item,.wide-placeholder{
  position:relative;
  min-height:300px;
  border-radius:32px;
  overflow:hidden;
  background:#111;
}
.port-big{min-height:620px}
.port-item{min-height:300px}
.wide-placeholder{min-height:380px}

/* FAQ */
.split{
  display:grid;
  grid-template-columns:.72fr 1fr;
  gap:28px;
  align-items:start;
}
.faq{display:grid;gap:14px}
.faq details{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg, #191715, #111);
}
.faq summary{
  cursor:pointer;
  list-style:none;
  font-size:24px;
}
.faq summary::-webkit-details-marker{display:none}
.faq p{
  margin:10px 0 0;
  color:var(--muted);
}

/* contact */
.contact-panel{
  display:grid;
  grid-template-columns:.72fr 1fr;
  gap:28px;
}
.contact-box{
  padding:32px;
  border-radius:30px;
  background:linear-gradient(180deg, #191715, #111);
}
.contact-title{
  margin:12px 0 18px;
  font-family:'Cinzel',serif;
  font-size:clamp(2rem, 3.4vw, 3.4rem);
  line-height:1;
  color:#fff;
}
.contact-box p{color:var(--muted)}
.contact-box a{color:var(--gold);font-weight:900}
.form{
  display:grid;
  gap:14px;
}
.form label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}
.form input,.form textarea,.form select{
  width:100%;
  min-height:50px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:#0f0f10;
  color:#fff;
  font:inherit;
  outline:none;
}
.form textarea{min-height:140px;resize:vertical}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.38)}
.form input:focus,.form textarea:focus,.form select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 4px rgba(212,175,55,.12);
}

/* CTA */
.cta{
  background:
    radial-gradient(circle at 18% 10%, rgba(212,175,55,.22), transparent 32%),
    linear-gradient(180deg, #111, #161311);
}
.cta-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:36px;
  border-radius:32px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
}
.cta-box p{margin:0;color:var(--muted);max-width:680px}

/* footer */
footer{
  padding:34px 0;
  background:#0f0f10;
  color:rgba(255,255,255,.72);
  border-top:1px solid rgba(212,175,55,.16);
}
.footer-grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.footer-brand img{width:38px;height:38px;object-fit:contain}
.footer-brand strong{
  display:block;
  font-family:'Cinzel',serif;
  color:#fff;
}
.footer-brand span{
  display:block;
  color:var(--gold);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.footer-links a{color:rgba(255,255,255,.78)}
.footer-links a:hover{color:var(--gold)}

/* responsive */
@media (max-width:1100px){
  .nav-links{gap:9px;font-size:9px}
  .hero-grid,.page-hero-grid,.section-head,.split,.contact-panel,.statement-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:900px){
  .services,.cards-3,.process,.proof,.portfolio{grid-template-columns:1fr}
  .port-side{grid-template-columns:1fr}
  .cta-box{flex-direction:column;align-items:flex-start}
}
@media (max-width:780px){
  .wrap{width:min(100% - 24px, var(--max))}
  .nav{min-height:68px}
  .brand-mark{width:38px;height:38px}
  .brand-copy strong{font-size:14px}
  .nav-links{display:none}
  .mobile-note{
    display:block;
    color:rgba(255,255,255,.56);
    font-size:10px;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:900;
  }
  .hero,.page-hero{min-height:auto;padding:48px 0 56px}
  .brand-banner{padding-bottom:22px}
  .hero-actions,.actions{display:grid}
  .btn{width:100%}
  .editorial-stage{
    min-height:auto;
    display:grid;
    gap:14px;
    margin-top:30px;
  }
  .frame-main,.frame-side,.frame-detail{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    min-height:220px;
  }
  .signature-card{
    position:relative;
    left:auto;
    bottom:auto;
    max-width:none;
  }
  .port-big,.port-item,.wide-placeholder{min-height:260px}
}


/* =========================================================
   STIL UNITAR CU PAGINILE PACHETE
   Păstrează structura paginilor, chenarele și locurile de poze.
   Curăță fundalurile full-page și aduce restul paginilor în aceeași familie vizuală:
   alb curat, negru elegant în carduri, accente aurii.
   ========================================================= */
:root{
  --bg:#ffffff;
  --bg-2:#ffffff;
  --bg-3:#ffffff;
  --card:#171717;
  --card-2:#111111;
  --line:rgba(212,175,55,.16);
  --gold:#D4AF37;
  --gold-2:#B08D57;
  --gold-3:#F2D77B;
  --ink:#171717;
  --text:#171717;
  --muted:rgba(23,23,23,.62);
  --muted-2:rgba(23,23,23,.48);
  --light-text:#f5efe6;
  --shadow:0 24px 60px -34px rgba(0,0,0,.35);
  --gold-shadow:0 30px 70px -45px rgba(212,175,55,.65);
}
html,body{background:#ffffff!important;color:#171717!important;}
body{
  background-image:none!important;
  color:#171717!important;
}

/* NAV ca în pachete */
.nav-wrap{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid rgba(212,175,55,.20)!important;
  box-shadow:0 14px 40px -34px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(18px)!important;
}
.brand-copy strong,.footer-brand strong{color:#171717!important;}
.brand-copy span,.footer-brand span{color:var(--gold)!important;}
.nav-links{color:rgba(23,23,23,.72)!important;}
.nav-links a:hover,.nav-links a.active{color:var(--gold)!important;}
.nav-cta{
  color:#171717!important;
  background:#fff!important;
  border-color:rgba(212,175,55,.42)!important;
  box-shadow:none!important;
}
.nav-cta:hover{box-shadow:0 18px 40px -26px rgba(212,175,55,.55)!important;}
.mobile-note{color:rgba(23,23,23,.58)!important;}

/* Fundaluri mari curate */
.hero,.page-hero,.statement,.cta{
  background:#ffffff!important;
  background-image:none!important;
  color:#171717!important;
}
.hero:before,.page-hero:before,.statement:before,.cta:before,
.hero:after,.page-hero:after,.statement:after,.cta:after{
  display:none!important;
  background:none!important;
  background-image:none!important;
}
.hero,.page-hero{
  border-bottom:1px solid rgba(212,175,55,.12)!important;
}
section{
  background:#ffffff!important;
  border-top:1px solid rgba(212,175,55,.10)!important;
}
main > section:nth-of-type(even):not(.hero):not(.page-hero):not(.statement):not(.cta){
  background:#ffffff!important;
}

/* Titluri și texte ca pe pachete */
.hero h1,.page-hero h1,.section-head h2,.split-title,.statement .quote{
  color:#171717!important;
  text-shadow:none!important;
  font-family:'Cinzel',serif!important;
  font-weight:500;
  line-height:.96;
  letter-spacing:.01em;
}
.hero h1,.page-hero h1{font-size:clamp(2.6rem, 5vw, 5.8rem)!important;}
.hero .lead,.page-hero .lead,.section-head p,.statement p,.split p{
  color:rgba(23,23,23,.62)!important;
  text-shadow:none!important;
}
.eyebrow{
  color:var(--gold)!important;
  letter-spacing:.28em!important;
}
.eyebrow:before{background:linear-gradient(90deg, var(--gold-2), var(--gold))!important;}

/* Butoane pachete */
.btn.primary{
  background:linear-gradient(135deg,#B08D57,#D4AF37 55%,#F2D77B)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 14px 30px -14px rgba(212,175,55,.65)!important;
}
.btn.primary:hover{filter:saturate(1.1);box-shadow:0 18px 40px -15px rgba(212,175,55,.8)!important;}
.btn.secondary{
  background:#ffffff!important;
  color:#171717!important;
  border:1px solid rgba(23,23,23,.18)!important;
}
.btn.secondary:hover{border-color:rgba(212,175,55,.45)!important;color:#B08D57!important;}

/* Carduri premium, în stilul casetelor bune */
.card,.step,.faq details,.contact-box,.cta-box,.page-logo-card,.proof div{
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.12), transparent 42%),
    linear-gradient(180deg,#191715,#111111)!important;
  color:#f5efe6!important;
  border:1px solid rgba(212,175,55,.18)!important;
  border-radius:2rem!important;
  box-shadow:0 28px 80px -42px rgba(0,0,0,.75), 0 30px 70px -48px rgba(212,175,55,.42)!important;
  backdrop-filter:blur(18px)!important;
  overflow:hidden;
}
.card:hover,.step:hover,.faq details:hover,.contact-box:hover,.page-logo-card:hover,.proof div:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.46)!important;
  box-shadow:0 34px 80px -38px rgba(0,0,0,.55), 0 30px 70px -45px rgba(212,175,55,.55)!important;
}
.card,.step,.faq details,.contact-box,.page-logo-card,.proof div{
  transition:transform .45s cubic-bezier(.2,.9,.2,1), box-shadow .45s ease, border-color .45s ease;
}
.card h3,.step h3,.faq summary,.contact-title,.cta-box h2{
  color:#fff!important;
  font-family:'Cinzel',serif!important;
  text-shadow:0 3px 20px rgba(0,0,0,.36);
}
.card p,.step p,.faq p,.contact-box p,.cta-box p,.proof span{
  color:rgba(245,239,230,.72)!important;
}
.card li{color:rgba(245,239,230,.78)!important;}
.card ul{border-top-color:rgba(255,255,255,.08)!important;}
.nr{color:var(--gold)!important;}
.contact-box a{color:var(--gold)!important;}

/* Formulare păstrate, dar asortate */
.form input,.form textarea,.form select{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.form input::placeholder,.form textarea::placeholder{color:rgba(255,255,255,.42)!important;}
.form input:focus,.form textarea:focus,.form select:focus{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.14)!important;
}

/* Compoziții foto / placeholdere: rămân în chenare, nu pe tot fundalul */
.frame-main,.frame-side,.frame-detail,.port-big,.port-item,.wide-placeholder,.placeholder{
  background:
    radial-gradient(circle at 50% 6%, rgba(247,231,167,.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.42)),
    linear-gradient(135deg,#25221d,#111)!important;
  color:#fff!important;
}
.frame-main,.frame-side,.frame-detail,.port-big,.port-item,.wide-placeholder{
  border-color:rgba(212,175,55,.18)!important;
  box-shadow:0 28px 80px -42px rgba(0,0,0,.70)!important;
}
.signature-card{
  background:rgba(15,15,15,.88)!important;
  color:#fff!important;
  border-color:rgba(212,175,55,.18)!important;
}
.signature-card p{color:rgba(245,239,230,.72)!important;}
.tag,.frame-note{
  background:rgba(0,0,0,.48)!important;
  color:var(--gold)!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* Secțiunea statement fără fundal negru full-width */
.statement img{filter:drop-shadow(0 18px 46px rgba(212,175,55,.16));}
.statement small{
  color:var(--gold)!important;
  border-top-color:rgba(212,175,55,.18)!important;
}

/* CTA: fundal alb, cutie neagră premium */
.cta-box{
  border:1px solid rgba(212,175,55,.18)!important;
}
.cta-box .btn.primary,.cta-box .btn.secondary{align-self:center;}
.cta-box .btn.secondary{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;}

/* Footer alb, ca pachetele */
footer{
  background:#ffffff!important;
  color:rgba(23,23,23,.70)!important;
  border-top:1px solid rgba(212,175,55,.18)!important;
}
.footer-links a{color:rgba(23,23,23,.72)!important;}
.footer-links a:hover{color:var(--gold)!important;}

@media (max-width:780px){
  .hero,.page-hero{padding:48px 0 56px!important;}
  .card,.step,.faq details,.contact-box,.cta-box{border-radius:1.5rem!important;}
}


/* =========================================================
   OVERRIDE FINAL - MATCH CU PAGINILE PACHETE (LIGHT VERSION)
   ========================================================= */
:root{
  --page-bg:#ffffff;
  --surface:#FFFFFF;
  --surface-2:#ffffff;
  --ink:#171717;
  --soft-text:rgba(23,23,23,.68);
  --soft-text-2:rgba(23,23,23,.52);
  --gold:#D4AF37;
  --gold-2:#B08D57;
  --gold-3:#F2D77B;
  --line:rgba(212,175,55,.18);
  --card:#FFFFFF;
  --card-dark:#171717;
}
html{background:var(--page-bg)!important;}
body{
  background:var(--page-bg)!important;
  color:var(--ink)!important;
}
.brand-banner{display:none!important;}
.nav-wrap{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(212,175,55,.18)!important;
  box-shadow:0 14px 38px -34px rgba(0,0,0,.28)!important;
}
.brand-copy strong,.footer-brand strong{color:var(--ink)!important;}
.brand-copy span,.footer-brand span{color:var(--gold)!important;}
.nav-links,.footer-links a{color:rgba(23,23,23,.72)!important;}
.nav-links a:hover,.nav-links a.active,.footer-links a:hover{color:var(--gold)!important;}
.nav-cta{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid rgba(23,23,23,.16)!important;
  box-shadow:none!important;
}
.mobile-note{color:rgba(23,23,23,.55)!important;}
.hero,.page-hero,.statement,.cta,section,main,footer{
  background:transparent!important;
}
.hero,.page-hero{
  min-height:auto!important;
  padding:72px 0 76px!important;
  border-bottom:1px solid rgba(212,175,55,.12)!important;
}
.hero:before,.page-hero:before,.statement:before,.cta:before,
.hero:after,.page-hero:after,.statement:after,.cta:after{
  display:none!important;
}
section{border-top:1px solid rgba(212,175,55,.10)!important;}
.hero>.wrap,.page-hero>.wrap,.statement>.wrap,.cta>.wrap{position:relative;z-index:1;}
.hero h1,.page-hero h1,.section-head h2,.split-title,.quote,.cta-box h2{
  color:var(--ink)!important;
  font-family:'Cinzel',serif!important;
  font-weight:500!important;
  line-height:.92!important;
  text-shadow:none!important;
}
.hero h1,.page-hero h1{font-size:clamp(2.7rem, 6vw, 5.9rem)!important; max-width:980px;}
.lead,.section-head p,.statement p,.split p,.contact-box p,.proof span{
  color:var(--soft-text)!important;
  font-family:'Lora',serif!important;
  font-size:18px!important;
  line-height:1.8!important;
  font-style:italic!important;
}
.eyebrow,.nr,.tag,.frame-note, .contact-box a{color:var(--gold)!important;}
.eyebrow:before{background:linear-gradient(90deg,var(--gold-2),var(--gold))!important;}
.hero-actions,.actions{gap:14px!important;}
.btn{
  min-height:58px!important;
  padding:17px 28px!important;
  border-radius:999px!important;
  font-size:11px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.btn.primary{
  background:linear-gradient(135deg,var(--gold-2),var(--gold) 55%,var(--gold-3))!important;
  color:#fff!important;
  border:none!important;
  box-shadow:0 18px 40px -18px rgba(212,175,55,.75)!important;
}
.btn.secondary{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid rgba(23,23,23,.18)!important;
}
.btn:hover{transform:translateY(-3px)!important;}
/* informational cards: light like package page */
.card,.step,.faq details,.contact-box,.cta-box,.page-logo-card,.proof div,.signature-card{
  background:rgba(255,255,255,.82)!important;
  color:var(--ink)!important;
  border:1px solid rgba(212,175,55,.16)!important;
  border-radius:32px!important;
  box-shadow:0 24px 60px -34px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(18px)!important;
}
.card h3,.step h3,.faq summary,.contact-title,.cta-box h2,.proof strong,.signature-card strong{
  color:var(--ink)!important;
  font-family:'Cinzel',serif!important;
  text-shadow:none!important;
}
.card p,.step p,.faq p,.contact-box p,.cta-box p,.page-logo-card p,.signature-card p,.proof span{color:var(--soft-text)!important;}
.card ul{border-top-color:rgba(212,175,55,.14)!important;}
.card li{color:rgba(23,23,23,.72)!important;}
.card:hover,.step:hover,.faq details:hover,.contact-box:hover,.page-logo-card:hover,.proof div:hover,.signature-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(212,175,55,.34)!important;
  box-shadow:0 28px 70px -36px rgba(0,0,0,.18), 0 24px 60px -42px rgba(212,175,55,.32)!important;
}
/* photo/media frames stay dark and premium */
.frame-main,.frame-side,.frame-detail,.port-big,.port-item,.wide-placeholder{
  border:1px solid rgba(23,23,23,.18)!important;
  border-radius:34px!important;
  box-shadow:0 24px 60px -34px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
.placeholder{
  background:
    radial-gradient(circle at 50% 6%, rgba(247,231,167,.18), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.48)),
    linear-gradient(135deg, #cbc5b9, #8f8677 38%, #24211d 100%)!important;
  color:#fff!important;
}
.frame-note,.tag{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(255,255,255,.54)!important;
  color:var(--gold-2)!important;
  backdrop-filter:blur(12px)!important;
}
.page-logo-card img,.statement img{filter:drop-shadow(0 18px 40px rgba(212,175,55,.18));}
.form input,.form textarea,.form select{
  background:#fff!important;
  border:1px solid rgba(23,23,23,.12)!important;
  color:var(--ink)!important;
}
.form input::placeholder,.form textarea::placeholder{color:rgba(23,23,23,.42)!important;}
.form input:focus,.form textarea:focus,.form select:focus{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 4px rgba(212,175,55,.12)!important;
}
footer{
  background:transparent!important;
  color:rgba(23,23,23,.72)!important;
  border-top:1px solid rgba(212,175,55,.18)!important;
}
@media (max-width:980px){
  .nav-links{display:none!important;}
  .nav-cta{display:none!important;}
  .mobile-note{display:block!important;}
}
@media (max-width:780px){
  .wrap{width:min(100% - 28px, var(--max))!important;}
  .hero,.page-hero{padding:52px 0 56px!important;}
  .hero h1,.page-hero h1{font-size:clamp(2.2rem, 13vw, 4.1rem)!important;}
  .lead,.section-head p,.statement p,.split p,.contact-box p,.proof span{font-size:16px!important; line-height:1.7!important;}
  .hero-actions,.actions{display:grid!important;}
  .btn{width:100%!important;}
  .card,.step,.faq details,.contact-box,.cta-box,.page-logo-card,.proof div,.signature-card,
  .frame-main,.frame-side,.frame-detail,.port-big,.port-item,.wide-placeholder{border-radius:28px!important;}
}


/* LOGO V6 - cache bust + logo nou vizibil */
.brand-banner{
  display:flex!important;
  justify-content:center!important;
  padding-bottom:34px!important;
}
.brand-banner img{
  width:min(620px, 100%)!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 42px rgba(212,175,55,.22))!important;
}
.brand-mark{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 24px rgba(212,175,55,.24))!important;
}
.page-logo-card img{
  width:min(520px,100%)!important;
  height:auto!important;
  object-fit:contain!important;
}
.signature-card .mini-logo{
  width:min(260px,100%)!important;
  height:auto!important;
  object-fit:contain!important;
}
.statement img{
  width:min(560px,100%)!important;
  height:auto!important;
  object-fit:contain!important;
}
.footer-brand img{
  content:url('logo-cl-mark-v6.png?v=7');
}
@media (max-width:780px){
  .brand-banner{padding-bottom:22px!important;}
  .brand-banner img{width:min(360px,100%)!important;}
  .brand-mark{width:42px!important;height:42px!important;}
  .page-logo-card img,.statement img{width:min(360px,100%)!important;}
}


/* V7 - titluri mai mici + text premium multicolor ca în pagina Pachete */
.hero h1,.page-hero h1{
  font-size:clamp(2.05rem, 4.1vw, 4.15rem)!important;
  line-height:.98!important;
  max-width:860px!important;
  background:linear-gradient(90deg,#111111 0%,#111111 46%,#B08D57 58%,#F7E7A7 75%,#D4AF37 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:none!important;
}
.page-hero{padding:54px 0 60px!important;}
.hero{padding:58px 0 66px!important;}
@media (max-width:780px){
  .hero h1,.page-hero h1{
    font-size:clamp(2rem, 10vw, 3.15rem)!important;
    line-height:1.02!important;
    max-width:100%!important;
  }
  .page-hero{padding:38px 0 44px!important;}
  .hero{padding:42px 0 48px!important;}
}


/* ===== v8 imagini reale & despre mine ===== */
.content-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.frame-main::after,.frame-side::after,.frame-detail::after,.port-big::after,.port-item::after,.about-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.12) 100%);
  pointer-events:none;
}
.port-big .tag,.port-item .tag,.frame-note{z-index:2;}
.frame-main,.frame-side,.frame-detail,.port-big,.port-item,.about-photo-card{position:relative;}
.about-split{align-items:center!important;}
.about-photo-card{
  min-height:560px;
  border-radius:32px;
  overflow:hidden;
  border:1px solid rgba(212,175,55,.18);
  box-shadow:0 24px 60px -34px rgba(0,0,0,.18);
}
.about-copy p{margin:0 0 16px;}
.about-points{display:flex;flex-wrap:wrap;gap:10px 12px;margin:10px 0 24px;}
.about-points span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(212,175,55,.16);
  color:var(--gold-2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
@media (max-width:980px){
  .about-photo-card{min-height:440px;}
}
@media (max-width:780px){
  .about-photo-card{min-height:380px;border-radius:28px;}
}


/* ===== v9 home polish ===== */
.hero-visual-col{display:flex;flex-direction:column;gap:18px;}
.home-signature{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  max-width:100%!important;
  margin:0 0 0 110px;
  background:linear-gradient(135deg, rgba(20,20,20,.96), rgba(32,26,18,.92))!important;
}
.home-signature .mini-logo{width:190px!important;}
.proof-card{
  position:relative;
  overflow:hidden;
  padding:22px 20px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.92))!important;
  border:1px solid rgba(212,175,55,.22)!important;
  box-shadow:0 20px 50px -34px rgba(0,0,0,.16)!important;
}
.proof-card::before{
  content:""; position:absolute; inset:0; background:radial-gradient(circle at top right, rgba(212,175,55,.18), transparent 36%); pointer-events:none;
}
.proof-card::after{
  content:""; position:absolute; left:18px; right:18px; top:0; height:3px; border-radius:999px; background:linear-gradient(90deg, rgba(212,175,55,.92), rgba(237,211,124,.42));
}
.proof-card small{display:block; margin-bottom:10px; font-size:11px; font-weight:900; letter-spacing:.22em; color:var(--gold-2);}
.proof-card strong{font-size:28px!important; line-height:1.04!important; color:var(--ink)!important; text-wrap:balance;}
.proof-card span{margin-top:12px!important; font-size:13px!important; line-height:1.68!important; color:#645f58!important;}
.proof-card:hover{transform:translateY(-6px); box-shadow:0 28px 56px -34px rgba(0,0,0,.22)!important;}
.proof-wedding{background:linear-gradient(145deg, rgba(255,252,246,.98), rgba(255,255,255,.95))!important;}
.proof-baptism{background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,255,255,.95))!important;}
.proof-city{background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(247,247,247,.95))!important;}
.service-card{
  overflow:hidden;
  background-size:cover!important;
  background-position:center center!important;
  isolation:isolate;
  min-height:480px!important;
}
.service-card .card-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,10,.18) 0%, rgba(10,10,10,.46) 32%, rgba(10,10,10,.78) 100%); z-index:0;}
.service-card > *{position:relative; z-index:1;}
.service-card .card-content{margin-bottom:10px;}
.service-card h3{margin:0 0 12px!important; color:#fff!important; text-shadow:0 6px 20px rgba(0,0,0,.32);}
.service-card p{color:rgba(255,255,255,.92)!important; max-width:29ch; text-shadow:0 2px 10px rgba(0,0,0,.26);}
.service-card ul{border-top:1px solid rgba(255,255,255,.18)!important; backdrop-filter:blur(4px);}
.service-card li{color:rgba(255,255,255,.92)!important; border-bottom:1px solid rgba(255,255,255,.12)!important; font-weight:600;}
.service-card .btn.secondary{
  margin-top:14px;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  backdrop-filter:blur(10px);
}
.service-card .btn.secondary:hover{background:rgba(255,255,255,.18)!important;}
.wedding-card{background-image:url('img/fotograf-nunta-bucuresti-ateneul-roman.jpg')!important;}
.baptism-card{background-image:url('img/fotograf-botez-bucuresti-ceremonie-biserica.jpg')!important;}
.civil-card{background-image:url('img/sedinta-cununie-civila-bucuresti-portret-cuplu.jpg')!important;}
@media (max-width:980px){
  .home-signature{margin:0!important;}
  .service-card{min-height:440px!important;}
}
@media (max-width:780px){
  .proof-card strong{font-size:24px!important;}
  .service-card{min-height:400px!important;}
}


/* ===== v10 clean white + navigation polish ===== */
:root{
  --page-bg:#ffffff;
  --surface:#ffffff;
  --surface-soft:#f7f7f7;
  --ink:#151515;
  --soft-text:rgba(21,21,21,.68);
  --soft-text-2:rgba(21,21,21,.54);
  --line:rgba(212,175,55,.18);
  --line-strong:rgba(212,175,55,.34);
  --shadow-soft:0 22px 56px -36px rgba(0,0,0,.22);
  --shadow-hover:0 30px 70px -42px rgba(0,0,0,.28);
}
html,body{
  background:#ffffff!important;
  color:var(--ink)!important;
}
body{background-image:none!important;}
main,section,.hero,.page-hero,.statement,.cta,footer,
main > section:nth-of-type(even):not(.hero):not(.page-hero):not(.statement):not(.cta){
  background:#ffffff!important;
}
.hero:before,.page-hero:before,.statement:before,.cta:before,
.hero:after,.page-hero:after,.statement:after,.cta:after{
  display:none!important;
  background:none!important;
  background-image:none!important;
}
section{
  padding:88px 0!important;
  border-top:1px solid rgba(21,21,21,.06)!important;
}
.hero,.page-hero{
  min-height:auto!important;
  padding:62px 0 72px!important;
  border-bottom:1px solid rgba(21,21,21,.06)!important;
}
.nav-wrap{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(21,21,21,.08)!important;
  box-shadow:0 16px 44px -38px rgba(0,0,0,.32)!important;
}
.nav{min-height:74px!important;}
.brand-copy strong,.footer-brand strong{color:var(--ink)!important;}
.brand-copy span,.footer-brand span{color:var(--gold)!important;}
.brand-banner{padding-bottom:10px!important;}
.brand-banner img{
  width:min(240px,100%)!important;
  filter:drop-shadow(0 14px 30px rgba(212,175,55,.18))!important;
}
.nav-links{
  color:rgba(21,21,21,.72)!important;
  gap:10px!important;
  letter-spacing:0!important;
}
.nav-links a{
  border-radius:999px;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.nav-links a:not(.nav-cta){padding:8px 4px;}
.nav-links a:hover,.nav-links a.active{
  color:#9b6d25!important;
}
.nav-cta{
  background:#151515!important;
  color:#ffffff!important;
  border-color:#151515!important;
  box-shadow:0 16px 34px -24px rgba(0,0,0,.46)!important;
}
.nav-links .nav-cta{color:#ffffff!important;}
.nav-cta:hover{
  color:#ffffff!important;
  border-color:#B08D57!important;
  box-shadow:0 20px 44px -28px rgba(176,141,87,.58)!important;
}
.mobile-note{display:none!important;}
.eyebrow,.nr,.tag,.frame-note,
.btn,.nav-links,.brand-copy span,.footer-brand span{
  letter-spacing:0!important;
}
.hero h1,.page-hero h1,.section-head h2,.split-title,.quote,.cta-box h2{
  color:var(--ink)!important;
  background:linear-gradient(90deg,#151515 0%,#151515 60%,#9b6d25 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-wrap:balance;
}
.hero h1,.page-hero h1{
  font-size:clamp(2rem,3.45vw,3.45rem)!important;
  line-height:1.04!important;
}
.lead,.section-head p,.statement p,.split p,.contact-box p,.proof span,.card:not(.service-card) p,.step p,.faq p{
  color:var(--soft-text)!important;
}
.lead{margin-bottom:20px!important;}
.hero-actions,.actions{margin-top:16px!important;}
.section-head{align-items:center!important;}
.btn{
  min-height:52px!important;
  border-radius:999px!important;
  letter-spacing:0!important;
}
.btn.primary{
  background:linear-gradient(135deg,#B08D57,#D4AF37 58%,#F2D77B)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 18px 38px -22px rgba(176,141,87,.76)!important;
}
.btn.secondary{
  background:#ffffff!important;
  color:var(--ink)!important;
  border:1px solid rgba(21,21,21,.16)!important;
  box-shadow:0 14px 32px -28px rgba(0,0,0,.24)!important;
}
.btn.secondary:hover{
  border-color:var(--line-strong)!important;
  color:#9b6d25!important;
}
.card:not(.service-card),.step,.faq details,.contact-box,.cta-box,.page-logo-card,.proof div,.signature-card{
  background:#ffffff!important;
  color:var(--ink)!important;
  border:1px solid rgba(21,21,21,.08)!important;
  border-radius:22px!important;
  box-shadow:var(--shadow-soft)!important;
  backdrop-filter:none!important;
}
.card:not(.service-card):hover,.step:hover,.faq details:hover,.contact-box:hover,.cta-box:hover,.page-logo-card:hover,.proof div:hover,.signature-card:hover{
  transform:translateY(-4px)!important;
  border-color:var(--line-strong)!important;
  box-shadow:var(--shadow-hover)!important;
}
.card:not(.service-card) h3,.step h3,.faq summary,.contact-title,.cta-box h2,.proof strong,.signature-card strong{
  color:var(--ink)!important;
  text-shadow:none!important;
}
.card:not(.service-card) ul{border-top-color:rgba(21,21,21,.08)!important;}
.card:not(.service-card) li{
  color:rgba(21,21,21,.72)!important;
  border-bottom-color:rgba(21,21,21,.06)!important;
}
.proof-card,.proof-wedding,.proof-baptism,.proof-city{
  background:#ffffff!important;
}
.proof-card::before{background:linear-gradient(135deg,rgba(212,175,55,.14),transparent 42%)!important;}
.service-card{
  border-radius:22px!important;
  border-color:rgba(21,21,21,.10)!important;
  box-shadow:0 24px 62px -38px rgba(0,0,0,.32)!important;
}
.editorial-stage{min-height:540px!important;}
.frame-main{height:460px!important;width:72%!important;}
.frame-side{height:250px!important;width:39%!important;}
.frame-detail{height:165px!important;width:26%!important;}
.service-card .btn.secondary{
  background:rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:none!important;
}
.page-logo-card,.signature-card:not(.home-signature){
  min-height:280px!important;
}
.home-signature{
  border-radius:22px!important;
  background:#151515!important;
  color:#ffffff!important;
}
.home-signature p{color:rgba(255,255,255,.74)!important;}
.frame-main,.frame-side,.frame-detail,.port-big,.port-item,.wide-placeholder,.about-photo-card{
  border-radius:22px!important;
  border-color:rgba(21,21,21,.10)!important;
  box-shadow:0 24px 62px -38px rgba(0,0,0,.34)!important;
}
.placeholder{
  background:
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.48)),
    linear-gradient(135deg,#3a372f,#111111)!important;
}
.frame-note,.tag{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#9b6d25!important;
}
.form input,.form textarea,.form select{
  background:#ffffff!important;
  border:1px solid rgba(21,21,21,.12)!important;
  color:var(--ink)!important;
}
.form input::placeholder,.form textarea::placeholder{color:rgba(21,21,21,.42)!important;}
footer{
  background:#ffffff!important;
  color:rgba(21,21,21,.72)!important;
}
.footer-grid{align-items:center!important;}
.footer-links a{color:rgba(21,21,21,.72)!important;}
.footer-links a:hover{color:#9b6d25!important;}
@media (max-width:980px){
  .nav{
    min-height:auto!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    padding:10px 0 12px!important;
  }
  .brand{flex:1 1 auto!important;}
  .nav-links{
    order:3!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding:3px 0 4px!important;
    scrollbar-width:none;
  }
  .nav-links::-webkit-scrollbar{display:none;}
  .nav-links a{
    flex:0 0 auto!important;
    padding:9px 12px!important;
    border:1px solid rgba(21,21,21,.10)!important;
    background:#ffffff!important;
    color:rgba(21,21,21,.74)!important;
    box-shadow:0 12px 28px -26px rgba(0,0,0,.28)!important;
  }
  .nav-links a.active{
    border-color:var(--line-strong)!important;
    color:#9b6d25!important;
  }
  .nav-links .nav-cta{
    display:inline-flex!important;
    background:#151515!important;
    color:#ffffff!important;
    border-color:#151515!important;
  }
}
@media (max-width:780px){
  .wrap{width:min(100% - 24px,var(--max))!important;}
  section{padding:62px 0!important;}
  .hero,.page-hero{padding:36px 0 46px!important;}
  .brand-banner img{width:min(210px,100%)!important;}
  .hero h1,.page-hero h1{font-size:clamp(2rem,10vw,3.1rem)!important;}
  .section-head{gap:18px!important;}
  .btn{width:100%!important;}
  .card:not(.service-card),.step,.faq details,.contact-box,.cta-box,.page-logo-card,.proof div,.signature-card,
  .service-card,.frame-main,.frame-side,.frame-detail,.port-big,.port-item,.wide-placeholder,.about-photo-card{
    border-radius:18px!important;
  }
}