*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#f2ede8;
  --text:#1a1a1a;
  --muted:#888;
  --border:#ddd8d2;
  --white:#fff;
  --gold:hsl(150,22%,27%);
  --surface2:hsl(0,0%,90%);
}

html{scroll-behavior:smooth}

body{
  font-family:'DM Sans',sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:16px;
  line-height:1.7;
  font-weight:300;
}

h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.15}
a{color:var(--text);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.6}

/* ── NAV ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(242,237,232,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);height:60px;display:flex;align-items:center}
.nav-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 2.5rem;display:flex;align-items:center;justify-content:center;position:relative}
.nav-logo{position:absolute;left:2.5rem;font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;letter-spacing:.05em}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{font-size:.72rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}
.nav-links a:hover,.nav-links a.active{opacity:.5}
.nav-lang{position:absolute;right:2.5rem;display:flex;gap:.5rem;align-items:center;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.nav-lang a{color:var(--muted)}
.nav-lang a.active{color:var(--text)}
.nav-lang span{color:var(--border)}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;position:absolute;right:2.5rem}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--text);margin:5px 0}
.nav-links li{position:relative}
.nav-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--bg);border:1px solid var(--border);min-width:220px;padding:12px 0 6px;z-index:200}
.nav-dropdown::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.nav-links li:hover .nav-dropdown{display:block}
.nav-dropdown a{display:block;padding:.55rem 1.2rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.nav-dropdown a:hover{color:var(--text);opacity:1;background:rgba(0,0,0,.03)}

/* ── PAGE HERO ── */
.page-hero{padding:140px 2.5rem 80px;border-bottom:1px solid var(--border)}
.page-hero-inner{max-width:900px;margin:0 auto}
.breadcrumb{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}
.breadcrumb a{color:var(--muted)}
.breadcrumb span{margin:0 .5rem}
.page-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;color:var(--text);margin-bottom:1.25rem}
.page-hero .lead{font-size:1.05rem;font-weight:300;color:var(--muted);max-width:680px;line-height:1.85;margin-bottom:2rem}
.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}
.tag{font-size:.72rem;font-weight:300;border:1px solid var(--border);border-radius:50px;padding:.25rem .85rem;color:var(--text)}

.btn-outline-dark{display:inline-block;padding:1rem 2rem;border:1px solid var(--text);border-radius:1rem;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--text);transition:background .2s,color .2s}
.btn-outline-dark:hover{background:var(--text);color:var(--bg);opacity:1}

/* ── SECTIONS ── */
.page-section{padding:70px 2.5rem;border-top:1px solid var(--border)}
.section-inner{max-width:900px;margin:0 auto}
.sec-label{font-size:.65rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}
.sec-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;color:var(--text);margin-bottom:2rem}
.prose p{font-size:.95rem;font-weight:300;color:var(--muted);line-height:1.85;margin-bottom:1.2rem}

/* ── SERVICE CARDS ── */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.svc-card{border:1px solid var(--border);padding:1.8rem;transition:border-color .2s;border-radius:.5rem}
.svc-card:hover{border-color:var(--gold)}
.svc-icon{font-size:1.2rem;color:var(--gold);margin-bottom:.85rem}
.svc-card h3{font-size:1.1rem;font-weight:400;margin-bottom:.5rem;font-family:'Cormorant Garamond',serif}
.svc-card p{font-size:.85rem;font-weight:300;color:var(--muted);line-height:1.75}

/* ── DASH LIST ── */
.dash-list{list-style:none;padding:0;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}
.dash-list li{font-size:.95rem;font-weight:300;color:var(--muted);padding-left:1.5rem;position:relative;line-height:1.75}
.dash-list li::before{content:'—';position:absolute;left:0;color:var(--gold);font-size:.8rem}

/* ── ENGAGEMENT CARDS ── */
.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.eng-card{border:1px solid var(--border);padding:1.8rem;transition:border-color .2s;border-radius:.5rem}
.eng-card:hover{border-color:var(--gold)}
.eng-card.featured{border-color:var(--gold)}
.eng-label{font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.eng-card h3{font-size:1.2rem;font-weight:400;font-family:'Cormorant Garamond',serif;margin-bottom:.6rem}
.eng-card p{font-size:.85rem;font-weight:300;color:var(--muted);line-height:1.75}

/* ── FOR GRID ── */
.for-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}
.for-item{border:1px solid var(--border);padding:1rem 1.25rem;font-size:.9rem;font-weight:300;color:var(--muted);display:flex;align-items:flex-start;gap:.75rem;line-height:1.65;border-radius:.5rem;transition:border-color .2s}
.for-item:hover{border-color:var(--gold)}
.for-item::before{content:'—';color:var(--gold);flex-shrink:0;font-size:.8rem;margin-top:.15rem}

/* ── STATS GRID (market-expansion) ── */
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}
.stat-item{padding:1.5rem;border:1px solid var(--border);border-radius:.5rem}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:var(--gold);line-height:1;margin-bottom:.4rem}
.stat-label{font-size:.8rem;font-weight:300;color:var(--muted)}

/* ── PROCESS LIST (partnership, gtm) ── */
.process-list{list-style:none;padding:0;margin-top:1.5rem;counter-reset:process;display:flex;flex-direction:column;gap:1.25rem}
.process-list li{display:flex;gap:1.25rem;align-items:flex-start;counter-increment:process}
.process-list li::before{content:counter(process,decimal-leading-zero);font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:300;color:var(--gold);flex-shrink:0;line-height:1.2}
.process-list li p{font-size:.95rem;font-weight:300;color:var(--muted);line-height:1.75}
.process-list li strong{display:block;font-size:.95rem;font-weight:400;color:var(--text);margin-bottom:.2rem}

/* ── CTA ── */
.cta-section{padding:80px 2.5rem;background:var(--text);text-align:center;border-top:1px solid var(--border)}
.cta-section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300;color:var(--bg);margin-bottom:.85rem;font-family:'Cormorant Garamond',serif}
.cta-section p{font-size:.95rem;font-weight:300;color:rgba(242,237,232,.6);max-width:480px;margin:0 auto 2rem;line-height:1.8}
.btn-outline-light{display:inline-block;padding:1rem 2rem;border:1px solid rgba(242,237,232,.5);border-radius:1rem;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--bg);transition:background .2s,color .2s}
.btn-outline-light:hover{background:var(--bg);color:var(--text);opacity:1}

/* ── FOOTER ── */
footer{background:var(--text);color:rgba(242,237,232,.3);text-align:center;padding:1.5rem;font-size:.78rem;font-weight:300;border-top:1px solid rgba(255,255,255,.1)}
footer a{color:rgba(242,237,232,.3)}
footer a:hover{color:rgba(242,237,232,.6);opacity:1}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .services-grid{grid-template-columns:1fr 1fr}
  .engagement-grid{grid-template-columns:1fr}
  .for-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg);padding:1rem 2rem;border-bottom:1px solid var(--border);gap:1rem}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .nav-lang{display:none}
  .services-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
}