@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --lilac:#CCA8EE;
  --bg:#F9F6FD;
  --wine:#1C082B;
  --wine-soft:#6E2246;
  --purple:#5B2A86;
  --teal:#287B89;
  --cream:#F1E6FB;
  --text:#615E6F;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Inter', Arial, sans-serif;
  background:var(--bg);
  color:var(--wine);
}
a{color:inherit;text-decoration:none;}
h1,h2,h3{
  font-family:'Playfair Display', Georgia, serif;
  font-weight:500;
  margin:0;
  color:var(--wine);
}
em{font-style:italic;color:var(--wine-soft);}

.label{
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.1em;
  font-weight:600;
  color:var(--wine-soft);
}

header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:28px 48px;
  position:sticky;
  top:0;
  z-index:10;
  background:var(--bg);
}
.logo{font-family:'Playfair Display',serif;font-weight:600;font-size:1.4rem;color:var(--wine);}
nav{display:flex;gap:30px;align-items:center;}
nav a{
  text-transform:uppercase;
  font-size:.82rem;
  letter-spacing:.08em;
  font-weight:600;
  color:var(--wine-soft);
}
nav a:hover{color:var(--purple);}
nav a.lang{border:1.5px solid var(--wine-soft);border-radius:999px;padding:6px 12px;font-size:.75rem;letter-spacing:.06em;}
nav a.lang:hover{background:var(--wine-soft);color:#fff;}
.cta-btn{
  background:var(--purple);
  color:#fff !important;
  padding:12px 26px;
  border-radius:30px;
  font-weight:700 !important;
}
.cta-btn:hover{background:var(--teal);}
.outline-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:2px solid var(--wine-soft);
  color:var(--wine-soft);
  padding:12px 28px;
  border-radius:30px;
  font-weight:700;
  text-transform:uppercase;
  font-size:.82rem;
  letter-spacing:.06em;
}
.outline-btn:hover{background:var(--wine-soft);color:#fff;}

.strip{
  display:grid;
  grid-template-columns:repeat(10,1fr);
  gap:4px;
  padding:4px 4px 0;
}
.strip div{
  aspect-ratio:1/1;
  border-radius:4px;
}
.strip div:nth-child(5n+1){background:var(--lilac);}
.strip div:nth-child(5n+2){background:var(--wine-soft);}
.strip div:nth-child(5n+3){background:var(--teal);}
.strip div:nth-child(5n+4){background:var(--purple);}
.strip div:nth-child(5n+5){background:var(--cream);}

section{padding:80px 48px;max-width:1200px;margin:0 auto;}
.center{text-align:center;}
.divider{border:none;border-top:1px solid rgba(74,20,40,.2);margin:0;}

h1{font-size:3.4rem;line-height:1.1;}
h2{font-size:2.3rem;margin-bottom:14px;}
.subtitle{color:var(--wine-soft);opacity:.8;max-width:600px;margin:0 auto 40px;}

/* HERO two-column */
.hero-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
  padding-top:50px;
}
.hero-split p{font-size:1.05rem;line-height:1.7;color:var(--wine-soft);}
.hero-split p strong{color:var(--wine);}
.hero-split .email{
  display:inline-block;
  margin-top:10px;
  font-weight:700;
  color:var(--wine);
  text-decoration:underline;
  text-underline-offset:4px;
}

/* solid panel (replaces white card w/ shadow) */
.panel{
  background:var(--wine-soft);
  border-radius:28px;
  padding:44px;
  color:var(--cream);
}
.panel .label{color:var(--lilac);}
.panel input, .panel select, .panel textarea{
  width:100%;
  background:var(--cream);
  border:none;
  border-radius:10px;
  padding:14px 16px;
  font-size:1rem;
  font-family:inherit;
  color:var(--wine);
  margin-top:8px;
}
.panel input:focus, .panel select:focus, .panel textarea:focus{outline:2px solid var(--teal);}
.panel .field{margin-bottom:22px;}
.panel .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.chip-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
.chip{
  border:1.5px solid rgba(246,235,228,.4);
  color:var(--cream);
  padding:9px 18px;
  border-radius:30px;
  font-size:.9rem;
  font-weight:600;
}
.chip:hover{border-color:var(--cream);}
button[type="submit"]{
  margin-top:10px;
  width:100%;
  padding:16px;
  background:var(--teal);
  color:#fff;
  border:none;
  border-radius:30px;
  font-size:.9rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
  cursor:pointer;
}
button[type="submit"]:hover{background:var(--purple);}

.call-block{text-align:center;padding:50px 20px 0;}
.call-block p{color:var(--wine-soft);margin-bottom:16px;font-size:1.05rem;}

.notice{
  text-align:center;
  max-width:560px;
  margin:0 auto;
  font-weight:600;
  color:var(--wine);
}

/* pills row (services) */
.services-track{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}
.pill{
  background:transparent;
  border:1.5px solid var(--wine-soft);
  color:var(--wine-soft);
  padding:9px 20px;
  border-radius:30px;
  font-size:.88rem;
  font-weight:600;
}

/* image blocks (flat, no gradients) */
.img-block{border-radius:20px;background:var(--lilac);}
.hero-imgs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px;}
.hero-imgs div{aspect-ratio:3/4;border-radius:16px;}
.hero-imgs div:nth-child(1){background:var(--lilac);}
.hero-imgs div:nth-child(2){background:var(--wine-soft);}
.hero-imgs div:nth-child(3){background:var(--teal);}
.hero-imgs div:nth-child(4){background:var(--purple);}

.two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;}
.two-col .img-block{aspect-ratio:4/5;}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:34px;}
.card .thumb{aspect-ratio:4/3;border-radius:18px;}
.card:nth-child(4n+1) .thumb{background:var(--lilac);}
.card:nth-child(4n+2) .thumb{background:var(--teal);}
.card:nth-child(4n+3) .thumb{background:var(--purple);}
.card:nth-child(4n+4) .thumb{background:var(--wine-soft);}
.card .body{padding-top:14px;}
.card .tag{font-size:.78rem;color:var(--teal);font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.card h3{margin:6px 0 0;font-size:1.15rem;font-family:'Inter';font-weight:700;color:var(--wine);}

.testimonials{display:flex;gap:24px;overflow-x:auto;padding-bottom:10px;}
.testimonial{
  background:var(--wine-soft);
  color:var(--cream);
  border-radius:20px;
  padding:28px;
  min-width:280px;
}
.testimonial .name{font-weight:700;margin-top:14px;color:var(--lilac);}

.agency-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.agency-services .panel ul{padding-left:18px;margin:14px 0 0;line-height:1.7;}
.agency-services .panel h3{color:var(--cream);font-family:'Inter';font-weight:700;font-size:1.1rem;}

.sectors{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}

.cta-block{
  text-align:center;
  background:var(--wine-soft);
  color:var(--cream);
  border-radius:28px;
  padding:70px 30px;
}
.cta-block h2{color:var(--cream);}
.cta-block .outline-btn{border-color:var(--cream);color:var(--cream);margin-top:20px;}
.cta-block .outline-btn:hover{background:var(--cream);color:var(--wine);}

.fact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.fact-cards .panel{padding:24px;}
.fact-cards .panel p{margin:10px 0 0;color:var(--cream);opacity:.9;}

.keywords{text-align:center;font-weight:700;color:var(--purple);letter-spacing:.3em;margin:50px 0;text-transform:uppercase;font-size:.9rem;}

.faq-list{max-width:760px;margin:30px auto 0;}
.faq-item{padding:26px 0;border-bottom:1px solid rgba(74,20,40,.2);display:flex;gap:20px;}
.faq-num{font-family:'Playfair Display',serif;color:var(--purple);font-weight:600;min-width:42px;font-size:1.2rem;}
.faq-q{font-weight:700;color:var(--wine);margin-bottom:6px;}
.faq-a{color:var(--wine-soft);opacity:.85;line-height:1.6;}

/* footer: gradient lilac -> wine, serif CTA, arrow link list */
footer{
  background:linear-gradient(180deg, var(--bg) 0%, var(--wine-soft) 55%, var(--wine) 100%);
  color:var(--cream);
  padding:70px 48px 40px;
}
footer .footer-cta{
  font-size:2.6rem;
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:10px;
}
.link-list{max-width:1200px;margin:0 auto;}
.link-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 0;
  border-top:1px solid rgba(246,235,228,.25);
  text-transform:uppercase;
  font-size:.85rem;
  letter-spacing:.1em;
  font-weight:700;
}
.link-row:last-of-type{border-bottom:1px solid rgba(246,235,228,.25);}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin-top:40px;
  font-size:.85rem;
  opacity:.8;
}

@media(max-width:800px){
  .two-col, .hero-split{grid-template-columns:1fr;}
  .panel .row2{grid-template-columns:1fr;}
  .hero-imgs{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  header{padding:14px 20px;}
  nav a:not(.cta-btn):not(.lang){display:none;}
  nav{gap:10px;}
  nav .cta-btn{padding:10px 18px;font-size:.75rem;}
  nav{flex-wrap:wrap;justify-content:center;gap:16px;}
  section{padding:60px 24px;}
  h1{font-size:2.3rem;}
  .strip{grid-template-columns:repeat(5,1fr);}
  .panel{padding:28px;}
  footer{padding:50px 24px 30px;}
  .footer-cta{font-size:1.8rem;}
}