/* =========================================================
   seomaxexpert.com — Main Styles
   smx- prefix | Playfair Display + IBM Plex Sans
   Palette: Terracotta #C45C2E + Cream #FAF5EF + Charcoal #1A1A1A
   ========================================================= */

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

:root {
  --smx-rust:    #C45C2E;
  --smx-rust-dk: #A04820;
  --smx-rust-lt: #E8CEC0;
  --smx-cream:   #FAF5EF;
  --smx-sand:    #EDE4D6;
  --smx-sand-dk: #D6C9B5;
  --smx-charcoal:#1A1A1A;
  --smx-ink:     #2C2C2C;
  --smx-mid:     #4A4A4A;
  --smx-gray:    #757575;
  --smx-bdr:     #DDD5C4;
  --smx-white:   #FFFFFF;
  --smx-sh1:     0 2px 8px rgba(26,26,26,.08);
  --smx-sh2:     0 8px 32px rgba(26,26,26,.12);
  --smx-sh3:     0 24px 72px rgba(26,26,26,.18);
  --smx-r4:      4px;
  --smx-r8:      8px;
  --smx-r12:     12px;
  --smx-fh:      'Playfair Display', Georgia, serif;
  --smx-fb:      'IBM Plex Sans', system-ui, sans-serif;
  --smx-tr:      all .22s ease;
}

/* ─── Reset ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--smx-fb);font-size:clamp(.94rem,1.5vw,1rem);color:var(--smx-ink);background:var(--smx-cream);line-height:1.7;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;font-size:inherit;}

/* ─── Layout ─── */
.smx-sky   {max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);}
.smx-sky-sm{max-width:800px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);}
.smx-sky-xs{max-width:580px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);}

/* ─── Typography helpers ─── */
.smx-eyebrow {
  display:inline-block;font-size:clamp(.72rem,1.1vw,.78rem);font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--smx-rust);
  margin-bottom:.8rem;
}
.smx-h2 {
  font-family:var(--smx-fh);font-size:clamp(1.9rem,4.5vw,3rem);
  color:var(--smx-charcoal);line-height:1.1;letter-spacing:-.01em;
}
.smx-h2-wh { color:var(--smx-white); }
.smx-lead  { font-size:clamp(.92rem,1.5vw,1.04rem);color:var(--smx-gray);line-height:1.8;max-width:580px; }

/* ─── Buttons ─── */
.smx-btn-rust {
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--smx-rust);color:var(--smx-white);
  font-size:clamp(.82rem,1.3vw,.9rem);font-weight:600;
  padding:.72rem 1.5rem;border-radius:var(--smx-r4);
  border:2px solid var(--smx-rust);transition:var(--smx-tr);white-space:nowrap;
}
.smx-btn-rust:hover{background:var(--smx-rust-dk);border-color:var(--smx-rust-dk);}
.smx-btn-outline {
  display:inline-flex;align-items:center;gap:.45rem;
  background:transparent;color:var(--smx-charcoal);
  font-size:clamp(.82rem,1.3vw,.9rem);font-weight:600;
  padding:.72rem 1.5rem;border-radius:var(--smx-r4);
  border:2px solid var(--smx-charcoal);transition:var(--smx-tr);white-space:nowrap;
}
.smx-btn-outline:hover{background:var(--smx-charcoal);color:var(--smx-white);}
.smx-btn-ghost {
  display:inline-flex;align-items:center;gap:.45rem;
  background:transparent;color:rgba(255,255,255,.75);
  font-size:clamp(.82rem,1.3vw,.9rem);font-weight:600;
  padding:.72rem 1.5rem;border-radius:var(--smx-r4);
  border:2px solid rgba(255,255,255,.25);transition:var(--smx-tr);white-space:nowrap;
}
.smx-btn-ghost:hover{border-color:var(--smx-white);color:var(--smx-white);}
.smx-btn-cream {
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--smx-cream);color:var(--smx-charcoal);
  font-size:clamp(.82rem,1.3vw,.9rem);font-weight:700;
  padding:.72rem 1.5rem;border-radius:var(--smx-r4);
  border:2px solid var(--smx-cream);transition:var(--smx-tr);white-space:nowrap;
}
.smx-btn-cream:hover{background:var(--smx-sand);border-color:var(--smx-sand);}
.smx-btn-sm{padding:.48rem 1rem;font-size:.8rem;}

/* ─── Reveal ─── */
.smx-ri{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.smx-ri.smx-vis{opacity:1;transform:none;}

/* ═══════════════════════════════════
   NAVIGATION — Charcoal + Mega Menu
   ═══════════════════════════════════ */
.smx-nav {
  position:fixed;top:0;left:0;right:0;z-index:900;
  background:var(--smx-charcoal);
}
.smx-nav-inner {
  max-width:1160px;margin:0 auto;
  padding:0 clamp(1rem,4vw,2.5rem);
  display:flex;align-items:center;justify-content:space-between;
  height:64px;
  position:relative;
}
.smx-nav-logo {
  font-family:var(--smx-fh);font-size:clamp(1.35rem,2.2vw,1.65rem);
  font-weight:700;color:var(--smx-white);flex-shrink:0;
  letter-spacing:-.02em;
}
.smx-nav-logo span{color:var(--smx-rust);}

.smx-nav-links {
  display:flex;align-items:center;gap:clamp(.3rem,2vw,1.5rem);
}
.smx-nav-link {
  font-size:clamp(.85rem,1.4vw,.96rem);font-weight:600;
  color:rgba(255,255,255,.7);transition:color .2s;
  white-space:nowrap;padding:.3rem .1rem;
}
.smx-nav-link:hover{color:var(--smx-white);}

/* Mega menu trigger */
.smx-has-mega{position:static;}
.smx-mega-trigger{
  display:flex;align-items:center;gap:.22rem;
  font-size:clamp(.85rem,1.4vw,.96rem);font-weight:600;
  color:rgba(255,255,255,.7);transition:color .2s;cursor:pointer;
  background:none;border:none;padding:.3rem .1rem;white-space:nowrap;
}
.smx-mega-trigger:hover{color:var(--smx-white);}
.smx-has-mega:hover .smx-mega-trigger{color:var(--smx-white);}

/* Full-width mega panel */
.smx-mega-panel {
  position:absolute;top:100%;left:calc(-1*clamp(1rem,4vw,2.5rem));
  width:calc(100vw - (100vw - 100%));
  background:var(--smx-cream);border-top:3px solid var(--smx-rust);
  box-shadow:var(--smx-sh3);
  display:none;z-index:100;padding:2rem clamp(1rem,4vw,2.5rem) 1.8rem;
}
.smx-has-mega:hover .smx-mega-panel{display:block;}
.smx-mega-grid {
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
  max-width:1160px;
}
.smx-mega-card {
  display:flex;align-items:flex-start;gap:.7rem;
  padding:.9rem;border-radius:var(--smx-r8);
  transition:var(--smx-tr);text-decoration:none;
}
.smx-mega-card:hover{background:var(--smx-sand);}
.smx-mega-ico{
  width:36px;height:36px;border-radius:var(--smx-r4);
  background:var(--smx-rust-lt);color:var(--smx-rust);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:var(--smx-tr);
}
.smx-mega-card:hover .smx-mega-ico{background:var(--smx-rust);color:var(--smx-white);}
.smx-mega-nm{font-size:.9rem;font-weight:700;color:var(--smx-charcoal);display:block;margin-bottom:.2rem;}
.smx-mega-br{font-size:.78rem;color:var(--smx-gray);line-height:1.5;}
.smx-mega-foot{
  border-top:1px solid var(--smx-bdr);margin-top:1.2rem;padding-top:1rem;
  display:flex;justify-content:space-between;align-items:center;
}
.smx-mega-all{font-size:.82rem;font-weight:700;color:var(--smx-rust);display:flex;align-items:center;gap:.3rem;}

.smx-nav-right{display:flex;align-items:center;gap:.8rem;flex-shrink:0;}
.smx-lang-sw{display:flex;gap:.25rem;}
.smx-lang-btn{
  font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:.2rem .5rem;border-radius:var(--smx-r4);
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.5);
  transition:var(--smx-tr);cursor:pointer;
}
.smx-lang-btn.smx-lb-on{background:var(--smx-rust);color:var(--smx-white);border-color:var(--smx-rust);}
.smx-lang-btn:not(.smx-lb-on):hover{border-color:rgba(255,255,255,.5);color:rgba(255,255,255,.8);}
.smx-nav-burger{
  display:none;flex-direction:column;gap:5px;
  padding:.3rem;cursor:pointer;
}
.smx-nav-burger span{
  display:block;width:22px;height:2px;
  background:rgba(255,255,255,.85);border-radius:2px;transition:var(--smx-tr);
}

/* Mobile overlay */
.smx-mob-overlay{
  display:none;position:fixed;inset:0;z-index:950;
  background:var(--smx-charcoal);flex-direction:column;
  padding:1.5rem clamp(1rem,5vw,2.5rem);overflow-y:auto;
}
.smx-mob-overlay.smx-mob-open{display:flex;}
.smx-mob-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.smx-mob-logo{font-family:var(--smx-fh);font-size:1.4rem;color:var(--smx-white);}
.smx-mob-logo span{color:var(--smx-rust);}
.smx-mob-link{
  display:block;font-size:1.3rem;font-weight:600;
  color:rgba(255,255,255,.65);padding:.9rem 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:color .2s;
}
.smx-mob-link:hover{color:var(--smx-rust);}
.smx-mob-cta{margin-top:1.5rem;}

/* ═══════════════════════════════════
   HERO — Editorial split layout
   ═══════════════════════════════════ */
.smx-hero {
  background:var(--smx-cream);
  padding:calc(64px + 4rem) clamp(1rem,5vw,2.5rem) 5rem;
  position:relative;overflow:hidden;
}
/* Decorative geometric accent */
.smx-hero::before {
  content:'';position:absolute;right:-100px;top:-80px;
  width:500px;height:500px;border-radius:50%;
  background:var(--smx-rust-lt);opacity:.35;
  pointer-events:none;
}
.smx-hero-inner {
  max-width:1160px;margin:0 auto;
  display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;
}
.smx-hero-tag {
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:clamp(.72rem,1.1vw,.78rem);font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--smx-rust);margin-bottom:1.2rem;
}
.smx-hero-tag-line{width:24px;height:2px;background:var(--smx-rust);}
.smx-hero-h1 {
  font-family:var(--smx-fh);font-size:clamp(2.2rem,5.5vw,4.2rem);
  color:var(--smx-charcoal);line-height:1.05;letter-spacing:-.02em;
  margin-bottom:1.2rem;
}
.smx-hero-h1 em{color:var(--smx-rust);font-style:italic;}
.smx-hero-sub{
  font-size:clamp(.92rem,1.6vw,1.05rem);color:var(--smx-gray);
  line-height:1.8;max-width:480px;margin-bottom:2rem;
}
.smx-hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;}
/* Results card */
.smx-results-card {
  background:var(--smx-charcoal);border-radius:var(--smx-r12);
  padding:1.8rem;position:relative;overflow:hidden;
}
.smx-results-card::before {
  content:'';position:absolute;bottom:-40px;right:-40px;
  width:200px;height:200px;border-radius:50%;
  background:var(--smx-rust);opacity:.08;
}
.smx-rc-label{
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.35);margin-bottom:1.2rem;
  display:flex;justify-content:space-between;align-items:center;
}
.smx-rc-dot{width:6px;height:6px;border-radius:50%;background:#4CAF50;animation:smxPulse 2s ease-in-out infinite;}
@keyframes smxPulse{0%,100%{opacity:1}50%{opacity:.3}}
.smx-rc-row{
  display:grid;grid-template-columns:1fr auto auto;gap:.4rem .7rem;
  align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.06);
}
.smx-rc-row:last-child{border-bottom:none;}
.smx-rc-kw{font-size:.8rem;color:rgba(255,255,255,.65);}
.smx-rc-old{font-size:.8rem;color:rgba(255,255,255,.3);text-decoration:line-through;}
.smx-rc-new{
  display:flex;align-items:center;gap:.25rem;
  font-size:.85rem;font-weight:700;color:#B8F04E;
}
.smx-rc-note{font-size:.69rem;color:rgba(255,255,255,.2);text-align:center;margin-top:1rem;}

/* ═══════════════════════════════════
   TRUST / MARQUEE STRIP
   ═══════════════════════════════════ */
.smx-trust-sec {
  background:var(--smx-sand);padding:1.2rem 0;
  border-top:1px solid var(--smx-bdr);border-bottom:1px solid var(--smx-bdr);
  overflow:hidden;
}
.smx-trust-track {
  display:inline-flex;gap:4rem;
  animation:smxScroll 28s linear infinite;white-space:nowrap;
}
.smx-trust-item{
  font-size:clamp(.78rem,1.2vw,.86rem);font-weight:700;
  color:var(--smx-mid);letter-spacing:.04em;
  display:flex;align-items:center;gap:.5rem;
}
.smx-trust-item::before{content:'✦';color:var(--smx-rust);font-size:.7rem;}
@keyframes smxScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ═══════════════════════════════════
   SERVICES BENTO GRID
   ═══════════════════════════════════ */
.smx-svc-sec{padding:6rem 0;background:var(--smx-white);}
.smx-svc-head{text-align:center;margin-bottom:3.5rem;}
.smx-bento {
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:auto auto;
  gap:1.2rem;
}
.smx-bento-cell {
  border:1px solid var(--smx-bdr);border-radius:var(--smx-r12);
  padding:1.8rem;background:var(--smx-cream);
  display:flex;flex-direction:column;transition:var(--smx-tr);
  cursor:pointer;
}
.smx-bento-cell:hover{border-color:var(--smx-rust);box-shadow:var(--smx-sh2);transform:translateY(-2px);}
.smx-bento-cell.smx-bc-wide{grid-column:span 2;}
.smx-bc-num{
  font-family:var(--smx-fh);font-size:3.5rem;font-weight:600;
  color:var(--smx-bdr);line-height:1;margin-bottom:1rem;
}
.smx-bc-ico{color:var(--smx-rust);margin-bottom:.8rem;}
.smx-bc-nm{
  font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:700;
  color:var(--smx-charcoal);margin-bottom:.5rem;
}
.smx-bc-br{
  font-size:clamp(.82rem,1.3vw,.9rem);color:var(--smx-gray);
  line-height:1.65;flex:1;margin-bottom:1rem;
}
.smx-bc-pr{font-size:.82rem;font-weight:700;color:var(--smx-rust);}
.smx-bc-arrow{color:var(--smx-bdr);transition:var(--smx-tr);align-self:flex-end;}
.smx-bento-cell:hover .smx-bc-arrow{color:var(--smx-rust);}
.smx-svc-cta{text-align:center;margin-top:2.5rem;}

/* ═══════════════════════════════════
   ABOUT TEASER
   ═══════════════════════════════════ */
.smx-about-sec{padding:6rem 0;background:var(--smx-cream);}
.smx-about-2col{
  display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
}
.smx-ab-facts{
  display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.8rem 0;
}
.smx-ab-fact{
  background:var(--smx-sand);border-radius:var(--smx-r8);
  padding:1.2rem;border-left:3px solid var(--smx-rust);
}
.smx-ab-fact-n{
  font-family:var(--smx-fh);font-size:clamp(1.8rem,3vw,2.5rem);
  color:var(--smx-rust);line-height:1;
}
.smx-ab-fact-l{font-size:.78rem;color:var(--smx-gray);margin-top:.3rem;}
.smx-ab-photo{
  border-radius:var(--smx-r12);overflow:hidden;background:var(--smx-sand);
  min-height:400px;position:relative;
}
.smx-ab-photo::before{
  content:'seomaxexpert';
  position:absolute;bottom:1.5rem;left:1.5rem;
  font-family:var(--smx-fh);font-size:1.2rem;font-style:italic;
  color:rgba(255,255,255,.6);
}
.smx-ab-photo-fill{
  width:100%;height:100%;min-height:400px;
  background:linear-gradient(135deg, #2C2C2C 0%, var(--smx-rust) 100%);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--smx-fh);font-size:4rem;color:rgba(255,255,255,.15);
}

/* ═══════════════════════════════════
   RESULTS COUNTER
   ═══════════════════════════════════ */
.smx-counter-sec{background:var(--smx-charcoal);padding:4.5rem 0;}
.smx-counter-inner{
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;
}
.smx-count-n{
  font-family:var(--smx-fh);font-size:clamp(2.5rem,5vw,3.8rem);
  color:var(--smx-rust);line-height:1;
}
.smx-count-l{font-size:clamp(.8rem,1.3vw,.88rem);color:rgba(255,255,255,.4);margin-top:.5rem;}

/* ═══════════════════════════════════
   PROCESS — Horizontal numbered cards
   ═══════════════════════════════════ */
.smx-proc-sec{padding:6rem 0;background:var(--smx-sand);}
.smx-proc-head{text-align:center;margin-bottom:3.5rem;}
.smx-proc-row{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  position:relative;
}
.smx-proc-row::before{
  content:'';position:absolute;top:28px;left:10%;right:10%;
  height:2px;background:var(--smx-bdr);z-index:0;
}
.smx-proc-card{
  background:var(--smx-cream);border:1px solid var(--smx-bdr);
  border-radius:var(--smx-r12);padding:1.5rem;text-align:center;
  position:relative;z-index:1;transition:var(--smx-tr);
}
.smx-proc-card:hover{box-shadow:var(--smx-sh2);border-color:var(--smx-rust);}
.smx-proc-num{
  width:44px;height:44px;border-radius:50%;
  background:var(--smx-charcoal);color:var(--smx-white);
  font-family:var(--smx-fh);font-size:.88rem;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1rem;transition:var(--smx-tr);
}
.smx-proc-card:hover .smx-proc-num{background:var(--smx-rust);}
.smx-proc-nm{font-size:.88rem;font-weight:700;color:var(--smx-charcoal);margin-bottom:.5rem;}
.smx-proc-txt{font-size:.78rem;color:var(--smx-gray);line-height:1.6;}

/* ═══════════════════════════════════
   CASE STUDIES
   ═══════════════════════════════════ */
.smx-cases-sec{padding:6rem 0;background:var(--smx-white);}
.smx-cases-head{text-align:center;margin-bottom:3rem;}
.smx-case-block{
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:flex;flex-direction:column;gap:1.5rem;
}
.smx-case-row {
  display:grid;grid-template-columns:280px 1fr;
  border:1px solid var(--smx-bdr);border-radius:var(--smx-r12);
  overflow:hidden;transition:var(--smx-tr);
}
.smx-case-row:hover{box-shadow:var(--smx-sh2);}
.smx-case-row:nth-child(even){grid-template-columns:1fr 280px;}
.smx-case-row:nth-child(even) .smx-cr-metric{order:2;}
.smx-case-row:nth-child(even) .smx-cr-body{order:1;}
.smx-cr-metric{
  background:var(--smx-charcoal);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:2rem;text-align:center;position:relative;overflow:hidden;
}
.smx-cr-metric::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%, rgba(196,92,46,.15) 0%, transparent 65%);
}
.smx-cr-big{
  font-family:var(--smx-fh);font-size:clamp(2.5rem,5vw,3.5rem);
  color:var(--smx-rust);line-height:1;position:relative;z-index:1;
}
.smx-cr-sub{font-size:.78rem;color:rgba(255,255,255,.4);position:relative;z-index:1;margin-top:.4rem;}
.smx-cr-body{padding:2rem;}
.smx-cr-cat{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--smx-rust);margin-bottom:.6rem;}
.smx-cr-nm{
  font-family:var(--smx-fh);font-size:clamp(1.2rem,2.5vw,1.6rem);
  color:var(--smx-charcoal);margin-bottom:.5rem;
}
.smx-cr-svc{font-size:.82rem;color:var(--smx-gray);margin-bottom:.9rem;}
.smx-cr-desc{font-size:clamp(.86rem,1.4vw,.94rem);color:var(--smx-gray);line-height:1.8;}
.smx-cases-more{text-align:center;margin-top:2rem;}

/* ═══════════════════════════════════
   TESTIMONIALS — 3-col grid
   ═══════════════════════════════════ */
.smx-voices-sec{padding:6rem 0;background:var(--smx-cream);}
.smx-voices-head{text-align:center;margin-bottom:3rem;}
.smx-voices-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
}
.smx-voice-card{
  background:var(--smx-white);border:1px solid var(--smx-bdr);
  border-radius:var(--smx-r12);padding:1.8rem;
  display:flex;flex-direction:column;
}
.smx-vc-stars{display:flex;gap:.2rem;color:var(--smx-rust);margin-bottom:1rem;}
.smx-vc-q{
  font-family:var(--smx-fh);font-size:clamp(.95rem,1.6vw,1.1rem);
  font-style:italic;color:var(--smx-charcoal);line-height:1.65;
  flex:1;margin-bottom:1.5rem;
}
.smx-vc-q::before{content:'\201C';color:var(--smx-rust);}
.smx-vc-q::after{content:'\201D';color:var(--smx-rust);}
.smx-vc-name{font-size:.88rem;font-weight:700;color:var(--smx-charcoal);}
.smx-vc-role{font-size:.78rem;color:var(--smx-gray);}

/* ═══════════════════════════════════
   PRICING — 3 col cards
   ═══════════════════════════════════ */
.smx-price-sec{padding:6rem 0;background:var(--smx-sand);}
.smx-price-head{text-align:center;margin-bottom:3.5rem;}
.smx-price-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
}
.smx-price-card{
  background:var(--smx-white);border:1px solid var(--smx-bdr);
  border-radius:var(--smx-r12);padding:2rem;
  display:flex;flex-direction:column;transition:var(--smx-tr);
}
.smx-price-card:hover{box-shadow:var(--smx-sh2);transform:translateY(-3px);}
.smx-price-card.smx-pc-feat{
  background:var(--smx-charcoal);border-color:var(--smx-charcoal);
  transform:scale(1.03);
}
.smx-price-card.smx-pc-feat:hover{transform:scale(1.03) translateY(-3px);}
.smx-pc-badge{
  display:inline-block;font-size:.69rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  background:var(--smx-rust);color:var(--smx-white);
  padding:.22rem .65rem;border-radius:100px;margin-bottom:.8rem;align-self:flex-start;
}
.smx-pc-nm{font-family:var(--smx-fh);font-size:1.5rem;color:var(--smx-charcoal);margin-bottom:.4rem;}
.smx-price-card.smx-pc-feat .smx-pc-nm{color:var(--smx-white);}
.smx-pc-tag{font-size:.85rem;color:var(--smx-gray);margin-bottom:1.2rem;line-height:1.5;}
.smx-price-card.smx-pc-feat .smx-pc-tag{color:rgba(255,255,255,.45);}
.smx-pc-pr{
  font-family:var(--smx-fh);font-size:clamp(2rem,4vw,2.8rem);
  color:var(--smx-charcoal);margin-bottom:1.5rem;line-height:1;
}
.smx-price-card.smx-pc-feat .smx-pc-pr{color:var(--smx-rust);}
.smx-pc-list{border-top:1px solid var(--smx-bdr);padding-top:1.2rem;margin-bottom:1.5rem;flex:1;}
.smx-price-card.smx-pc-feat .smx-pc-list{border-color:rgba(255,255,255,.1);}
.smx-pc-list li{
  display:flex;align-items:flex-start;gap:.45rem;
  font-size:clamp(.82rem,1.3vw,.9rem);color:var(--smx-mid);padding:.3rem 0;
}
.smx-price-card.smx-pc-feat .smx-pc-list li{color:rgba(255,255,255,.6);}
.smx-pc-tick{color:var(--smx-rust);flex-shrink:0;margin-top:.15rem;}
.smx-pc-days{font-size:.75rem;color:var(--smx-gray);margin-bottom:1.2rem;}
.smx-price-card.smx-pc-feat .smx-pc-days{color:rgba(255,255,255,.3);}
.smx-pc-cta{margin-top:auto;}
.smx-price-note{text-align:center;margin-top:2rem;font-size:.88rem;color:var(--smx-gray);}
.smx-price-note a{color:var(--smx-charcoal);font-weight:700;text-decoration:underline;}

/* ═══════════════════════════════════
   FAQ — Large numbered single col
   ═══════════════════════════════════ */
.smx-faq-sec{padding:6rem 0;background:var(--smx-white);}
.smx-faq-head{text-align:center;margin-bottom:3.5rem;}
.smx-faq-list{
  max-width:780px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
}
.smx-faq-item{
  border-bottom:1px solid var(--smx-bdr);
  display:grid;grid-template-columns:48px 1fr;gap:1rem;
  padding:.2rem 0;
}
.smx-faq-n{
  font-family:var(--smx-fh);font-size:1.5rem;color:var(--smx-bdr);
  line-height:1;padding-top:1.1rem;transition:var(--smx-tr);
}
.smx-faq-item.smx-fi-open .smx-faq-n{color:var(--smx-rust);}
.smx-faq-trigger{
  width:100%;text-align:left;padding:1.1rem .2rem 1.1rem 0;
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;
  cursor:pointer;background:transparent;
}
.smx-faq-q{
  font-size:clamp(.9rem,1.5vw,1rem);font-weight:700;
  color:var(--smx-charcoal);line-height:1.45;
}
.smx-faq-ico{color:var(--smx-gray);flex-shrink:0;margin-top:.15rem;transition:transform .25s;}
.smx-faq-item.smx-fi-open .smx-faq-ico{transform:rotate(45deg);color:var(--smx-rust);}
.smx-faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.smx-faq-item.smx-fi-open .smx-faq-ans{max-height:300px;}
.smx-faq-ans-in{
  padding:0 .2rem 1.2rem;font-size:clamp(.85rem,1.35vw,.94rem);
  color:var(--smx-gray);line-height:1.8;
}
.smx-faq-cta{text-align:center;margin-top:3rem;}

/* ═══════════════════════════════════
   CTA BAND — Terracotta
   ═══════════════════════════════════ */
.smx-cta-sec{
  background:var(--smx-rust);padding:5rem clamp(1rem,5vw,2.5rem);
  text-align:center;position:relative;overflow:hidden;
}
.smx-cta-sec::before{
  content:'';position:absolute;top:-60px;right:-60px;
  width:300px;height:300px;border-radius:50%;
  background:rgba(255,255,255,.06);
}
.smx-cta-h{
  font-family:var(--smx-fh);font-size:clamp(2rem,5vw,3.5rem);
  color:var(--smx-white);margin-bottom:.7rem;letter-spacing:-.02em;
  position:relative;
}
.smx-cta-sub{font-size:clamp(.9rem,1.6vw,1rem);color:rgba(255,255,255,.7);margin-bottom:1.8rem;}
.smx-cta-btns{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;}

/* ═══════════════════════════════════
   FOOTER — Light editorial
   ═══════════════════════════════════ */
.smx-foot{background:var(--smx-charcoal);padding:4.5rem 0 0;}
.smx-foot-top{
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;
  padding-bottom:3.5rem;
}
.smx-foot-logo{
  font-family:var(--smx-fh);font-size:clamp(1.5rem,2.5vw,2rem);
  color:var(--smx-white);display:block;margin-bottom:.6rem;
}
.smx-foot-logo span{color:var(--smx-rust);}
.smx-foot-tl{font-size:.88rem;color:rgba(255,255,255,.35);line-height:1.65;max-width:280px;margin-bottom:1.5rem;}
.smx-foot-contacts a{
  display:flex;align-items:center;gap:.45rem;
  font-size:.82rem;color:rgba(255,255,255,.4);
  margin-bottom:.5rem;transition:color .2s;
}
.smx-foot-contacts a:hover{color:var(--smx-rust);}
.smx-foot-socials{display:flex;gap:.6rem;margin-top:1.2rem;}
.smx-foot-socials a{
  width:34px;height:34px;border-radius:var(--smx-r4);
  background:rgba(255,255,255,.06);color:rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;
  transition:var(--smx-tr);
}
.smx-foot-socials a:hover{background:var(--smx-rust);color:var(--smx-white);}
.smx-foot-col h4{
  font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.28);margin-bottom:1rem;
}
.smx-foot-col a{
  display:block;font-size:.86rem;color:rgba(255,255,255,.45);
  margin-bottom:.45rem;transition:color .2s;
}
.smx-foot-col a:hover{color:var(--smx-rust);}
.smx-foot-bottom{
  border-top:1px solid rgba(255,255,255,.06);
  max-width:1160px;margin:0 auto;padding:1.2rem clamp(1rem,4vw,2.5rem);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem;
}
.smx-foot-copy{font-size:.75rem;color:rgba(255,255,255,.22);}
.smx-foot-legal{display:flex;gap:1.2rem;flex-wrap:wrap;}
.smx-foot-legal a{font-size:.75rem;color:rgba(255,255,255,.22);transition:color .2s;}
.smx-foot-legal a:hover{color:rgba(255,255,255,.5);}
.smx-dig-note{font-size:.72rem;color:rgba(255,255,255,.18);margin-top:.3rem;}

/* ═══════════════════════════════════
   PAGE TOP (interior pages)
   ═══════════════════════════════════ */
.smx-pg-top{
  background:var(--smx-charcoal);
  padding:calc(64px + 4rem) clamp(1rem,5vw,2.5rem) 4rem;
  text-align:center;
}
.smx-pg-h1{
  font-family:var(--smx-fh);font-size:clamp(2rem,5vw,3.5rem);
  color:var(--smx-white);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem;
}
.smx-pg-sub{font-size:clamp(.92rem,1.6vw,1.05rem);color:rgba(255,255,255,.45);max-width:580px;margin:0 auto;line-height:1.8;}

/* ═══════════════════════════════════
   SERVICES PAGE GRID
   ═══════════════════════════════════ */
.smx-svcs-pg{background:var(--smx-white);padding:5rem 0;}
.smx-svcs-pg-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
}
.smx-svc-tile{
  border:1px solid var(--smx-bdr);border-radius:var(--smx-r12);
  padding:2rem;background:var(--smx-cream);
  display:flex;flex-direction:column;gap:.6rem;transition:var(--smx-tr);
}
.smx-svc-tile:hover{border-color:var(--smx-rust);box-shadow:var(--smx-sh2);transform:translateY(-2px);}
.smx-st-num{font-family:var(--smx-fh);font-size:2.8rem;color:var(--smx-bdr);line-height:1;}
.smx-st-ico{color:var(--smx-rust);}
.smx-st-nm{font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:700;color:var(--smx-charcoal);}
.smx-st-br{font-size:clamp(.82rem,1.3vw,.9rem);color:var(--smx-gray);line-height:1.65;flex:1;}
.smx-st-pr{font-size:.82rem;font-weight:700;color:var(--smx-rust);}

/* ═══════════════════════════════════
   SERVICE PAGE (individual)
   ═══════════════════════════════════ */
.smx-svc-pg-top{background:var(--smx-charcoal);padding:calc(64px + 3rem) clamp(1rem,5vw,2.5rem) 3.5rem;}
.smx-svc-pg-in{
  max-width:1160px;margin:0 auto;
  display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:start;
}
.smx-svc-pg-h1{
  font-family:var(--smx-fh);font-size:clamp(1.8rem,4.5vw,3rem);
  color:var(--smx-white);font-weight:600;letter-spacing:-.02em;margin-bottom:.8rem;
}
.smx-svc-pg-sub{font-size:clamp(.92rem,1.5vw,1.05rem);color:rgba(255,255,255,.5);line-height:1.8;max-width:500px;margin-bottom:1.5rem;}
.smx-svc-pg-btns{display:flex;gap:.8rem;flex-wrap:wrap;}
.smx-svc-aside{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--smx-r12);padding:1.8rem;
  position:sticky;top:calc(64px + 1rem);
}
.smx-sa-lbl{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:.7rem;}
.smx-sa-pr{
  font-family:var(--smx-fh);font-size:clamp(1.8rem,3vw,2.5rem);
  color:var(--smx-rust);margin-bottom:.3rem;
}
.smx-sa-note{font-size:.8rem;color:rgba(255,255,255,.3);margin-bottom:1.2rem;}
.smx-sa-list{border-top:1px solid rgba(255,255,255,.08);padding-top:.9rem;margin-bottom:1.2rem;}
.smx-sa-row{
  display:flex;align-items:flex-start;gap:.4rem;padding:.3rem 0;
  font-size:clamp(.79rem,1.3vw,.86rem);color:rgba(255,255,255,.55);
}
.smx-sa-ico{color:var(--smx-rust);flex-shrink:0;margin-top:.1rem;}
.smx-svc-body-sec{background:var(--smx-white);padding:5rem 0;}
.smx-svc-2col{
  max-width:1160px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:grid;grid-template-columns:1fr 280px;gap:4rem;
}
.smx-svc-body h2{
  font-family:var(--smx-fh);font-size:clamp(1.3rem,2.5vw,1.8rem);
  color:var(--smx-charcoal);margin:1.6rem 0 .6rem;letter-spacing:-.01em;
}
.smx-svc-body h2:first-child{margin-top:0;}
.smx-svc-body p{font-size:clamp(.9rem,1.5vw,1rem);color:var(--smx-gray);line-height:1.85;margin-bottom:1rem;}
.smx-svc-sidebar{border:1px solid var(--smx-bdr);border-radius:var(--smx-r12);padding:1.5rem;position:sticky;top:calc(64px + 1.5rem);}
.smx-ssb-h{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--smx-gray);margin-bottom:1rem;}
.smx-ssb-link{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.86rem;color:var(--smx-mid);padding:.5rem .3rem;
  transition:var(--smx-tr);border-radius:var(--smx-r4);
}
.smx-ssb-link:hover{background:var(--smx-cream);color:var(--smx-charcoal);}

/* ═══════════════════════════════════
   PRICING PAGE
   ═══════════════════════════════════ */
.smx-price-pg-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
  max-width:1100px;margin:0 auto;padding:3rem clamp(1rem,4vw,2.5rem);
}
.smx-hourly-sec{
  max-width:560px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem) 5rem;
}
.smx-hourly-card{
  background:var(--smx-cream);border:1px solid var(--smx-bdr);
  border-radius:var(--smx-r12);padding:2rem;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
}
.smx-hc-h{font-size:1.05rem;font-weight:700;color:var(--smx-charcoal);margin-bottom:.3rem;}
.smx-hc-sub{font-size:.85rem;color:var(--smx-gray);}
.smx-hc-rate{font-family:var(--smx-fh);font-size:2rem;color:var(--smx-rust);}

/* ═══════════════════════════════════
   CUSTOM PACKAGE BUILDER
   ═══════════════════════════════════ */
.smx-bld-sec{background:var(--smx-white);padding:5rem 0;}
.smx-bld-2col{
  display:grid;grid-template-columns:1fr 360px;gap:3rem;
  max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  align-items:start;
}
.smx-bld-col{display:flex;flex-direction:column;gap:1.5rem;}
.smx-bld-block{
  background:var(--smx-cream);border:1px solid var(--smx-bdr);
  border-radius:var(--smx-r12);padding:1.8rem;
}
.smx-bld-h{font-size:1rem;font-weight:700;color:var(--smx-charcoal);margin-bottom:.3rem;}
.smx-bld-s{font-size:.86rem;color:var(--smx-gray);margin-bottom:1.2rem;}
/* Plan radios */
input.smx-plan-rb{display:none;}
.smx-plan-lbl{
  display:flex;justify-content:space-between;align-items:flex-start;
  border:2px solid var(--smx-bdr);border-radius:var(--smx-r8);
  padding:1rem 1.1rem;cursor:pointer;transition:var(--smx-tr);margin-bottom:.6rem;
}
.smx-plan-lbl:last-of-type{margin-bottom:0;}
input.smx-plan-rb:checked + .smx-plan-lbl{border-color:var(--smx-rust);background:rgba(196,92,46,.05);}
.smx-pl-name{font-size:.94rem;font-weight:700;color:var(--smx-charcoal);}
.smx-pl-tag{font-size:.78rem;color:var(--smx-gray);margin-top:.2rem;}
.smx-pl-pr{font-weight:700;color:var(--smx-rust);font-size:.94rem;white-space:nowrap;flex-shrink:0;}
/* Addon checkboxes */
input.smx-addon-cb{display:none;}
.smx-addon-lbl{
  display:flex;justify-content:space-between;align-items:flex-start;
  border:2px solid var(--smx-bdr);border-radius:var(--smx-r8);
  padding:.8rem 1rem;cursor:pointer;transition:var(--smx-tr);margin-bottom:.5rem;
}
input.smx-addon-cb:checked + .smx-addon-lbl{border-color:var(--smx-rust);background:rgba(196,92,46,.05);}
.smx-ad-name{font-size:.9rem;font-weight:600;color:var(--smx-charcoal);}
.smx-ad-brief{font-size:.77rem;color:var(--smx-gray);margin-top:.15rem;}
.smx-ad-pr{font-weight:700;color:var(--smx-rust);font-size:.88rem;white-space:nowrap;flex-shrink:0;margin-left:.5rem;}
/* Hours */
.smx-hrs-row{display:flex;align-items:center;gap:1rem;}
.smx-hrs-slide{flex:1;accent-color:var(--smx-rust);}
.smx-hrs-val{font-size:1.1rem;font-weight:700;color:var(--smx-charcoal);min-width:1.5ch;}
/* Summary panel */
.smx-sum-panel{
  background:var(--smx-charcoal);border-radius:var(--smx-r12);
  padding:1.8rem;position:sticky;top:calc(64px + 1rem);
}
.smx-sum-lbl{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1rem;}
.smx-sum-ph{font-size:.86rem;color:rgba(255,255,255,.25);}
.smx-sum-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.86rem;color:rgba(255,255,255,.55);padding:.32rem 0;}
.smx-sum-div{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.9rem 0;}
.smx-sum-tot-row{display:flex;justify-content:space-between;align-items:baseline;}
.smx-sum-tl{font-size:.86rem;font-weight:600;color:rgba(255,255,255,.4);}
.smx-sum-grand{font-family:var(--smx-fh);font-size:1.8rem;color:var(--smx-rust);}
.smx-proceed-btn{
  display:block;width:100%;margin-top:1.2rem;padding:.75rem;
  background:var(--smx-rust);color:var(--smx-white);font-weight:700;
  font-size:.9rem;border-radius:var(--smx-r4);cursor:pointer;border:none;
  transition:var(--smx-tr);
}
.smx-proceed-btn:disabled{opacity:.4;cursor:not-allowed;}
.smx-proceed-btn:not(:disabled):hover{background:var(--smx-rust-dk);}
.smx-sum-note{font-size:.7rem;color:rgba(255,255,255,.18);margin-top:.8rem;text-align:center;}

/* ═══════════════════════════════════
   CHECKOUT
   ═══════════════════════════════════ */
.smx-co-sec{background:var(--smx-white);padding:3rem 0 5rem;}
.smx-co-2col{
  display:grid;grid-template-columns:1fr 360px;gap:3rem;
  max-width:1000px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  align-items:start;
}
.smx-co-panel{background:var(--smx-cream);border:1px solid var(--smx-bdr);border-radius:var(--smx-r12);padding:2rem;}
.smx-co-panel h2{font-size:1.05rem;font-weight:700;color:var(--smx-charcoal);margin-bottom:1.5rem;}
.smx-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.smx-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem;}
.smx-field label{font-size:.8rem;font-weight:600;color:var(--smx-mid);}
.smx-field input,.smx-field select,.smx-field textarea{
  border:1px solid var(--smx-bdr);border-radius:var(--smx-r4);
  padding:.6rem .85rem;font-size:.92rem;color:var(--smx-charcoal);
  transition:border-color .2s;background:var(--smx-white);width:100%;
}
.smx-field input:focus,.smx-field select:focus,.smx-field textarea:focus{
  outline:none;border-color:var(--smx-rust);
}
.smx-field textarea{min-height:120px;resize:vertical;}
.smx-agree{
  display:flex;align-items:flex-start;gap:.6rem;
  margin:.8rem 0 1.2rem;font-size:.82rem;color:var(--smx-mid);
}
.smx-agree a{color:var(--smx-charcoal);text-decoration:underline;}
.smx-co-sumbox{
  background:var(--smx-charcoal);border-radius:var(--smx-r12);padding:2rem;
  position:sticky;top:calc(64px + 1rem);
}
.smx-co-sumbox h2{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:1.2rem;}
.smx-co-sum-rows{margin-bottom:1rem;}
.smx-co-sum-row{display:flex;justify-content:space-between;font-size:.86rem;color:rgba(255,255,255,.5);padding:.28rem 0;}
.smx-co-div{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.8rem 0;}
.smx-co-tot-row{display:flex;justify-content:space-between;align-items:baseline;}
.smx-co-tot-l{font-size:.86rem;color:rgba(255,255,255,.35);}
.smx-co-tot-v{font-family:var(--smx-fh);font-size:1.8rem;color:var(--smx-rust);}
.smx-co-note{font-size:.76rem;color:rgba(255,255,255,.22);margin-top:1.2rem;line-height:1.65;}
.smx-co-empty{font-size:.86rem;color:rgba(255,255,255,.25);}

/* ═══════════════════════════════════
   ABOUT PAGE
   ═══════════════════════════════════ */
.smx-ab-pg{background:var(--smx-white);padding:5rem 0;}
.smx-ab-pg-2col{
  max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;
}
.smx-ab-pg h2{font-family:var(--smx-fh);font-size:clamp(1.6rem,3.5vw,2.5rem);color:var(--smx-charcoal);margin-bottom:1rem;}
.smx-ab-pg p{font-size:clamp(.9rem,1.5vw,1rem);color:var(--smx-gray);line-height:1.85;margin-bottom:.9rem;}
.smx-ab-table{border-top:1px solid var(--smx-bdr);margin-top:1.5rem;}
.smx-ab-tr{
  display:flex;justify-content:space-between;padding:.7rem 0;
  border-bottom:1px solid var(--smx-bdr);font-size:.9rem;
}
.smx-ab-tr-k{color:var(--smx-gray);}
.smx-ab-tr-v{color:var(--smx-charcoal);font-weight:600;}

/* ═══════════════════════════════════
   CONTACT PAGE
   ═══════════════════════════════════ */
.smx-ct-sec{background:var(--smx-white);padding:5rem 0;}
.smx-ct-2col{
  max-width:960px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;
}
.smx-ct-det{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem;}
.smx-ct-row{display:flex;align-items:flex-start;gap:.7rem;font-size:.9rem;color:var(--smx-mid);}
.smx-ct-ico{color:var(--smx-rust);flex-shrink:0;margin-top:.1rem;}
.smx-ct-info{
  background:var(--smx-sand);border-radius:var(--smx-r12);
  padding:1.8rem;margin-top:2rem;
}
.smx-ct-info h3{font-size:.9rem;font-weight:700;color:var(--smx-charcoal);margin-bottom:.7rem;}
.smx-ct-info p{font-size:.86rem;color:var(--smx-gray);line-height:1.75;}

/* ═══════════════════════════════════
   LEGAL PAGES
   ═══════════════════════════════════ */
.smx-legal-sec{background:var(--smx-white);padding:3rem 0 5rem;}
.smx-legal-wrap{
  max-width:760px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);
  font-size:clamp(.9rem,1.5vw,1rem);color:var(--smx-mid);line-height:1.85;
}
.smx-legal-wrap h2{
  font-family:var(--smx-fh);font-size:clamp(1.2rem,2.5vw,1.6rem);
  color:var(--smx-charcoal);margin:2rem 0 .6rem;
}
.smx-legal-wrap h2:first-child{margin-top:0;}
.smx-legal-wrap p{margin-bottom:.9rem;}
.smx-legal-wrap ul{padding-left:1.2rem;margin-bottom:.9rem;}
.smx-legal-wrap ul li{list-style:disc;margin-bottom:.3rem;}
.smx-legal-wrap a{color:var(--smx-rust);}

/* ═══════════════════════════════════
   STATUS PAGES
   ═══════════════════════════════════ */
.smx-status-pg{
  min-height:70vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:4rem 1.5rem;background:var(--smx-cream);
}
.smx-status-in{max-width:500px;}
.smx-status-in h1{
  font-family:var(--smx-fh);font-size:clamp(2rem,5vw,3rem);
  color:var(--smx-charcoal);margin:.7rem 0;
}
.smx-status-in p{font-size:1rem;color:var(--smx-gray);margin-bottom:1.5rem;line-height:1.8;}
.smx-status-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}

/* ═══════════════════════════════════
   CHAT WIDGET
   ═══════════════════════════════════ */
.smx-chat-fab{
  position:fixed;bottom:1.5rem;right:1.5rem;z-index:800;
  width:52px;height:52px;border-radius:50%;
  background:var(--smx-rust);color:var(--smx-white);
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--smx-sh2);border:none;cursor:pointer;transition:var(--smx-tr);
}
.smx-chat-fab:hover{background:var(--smx-rust-dk);}
.smx-chat-box{
  position:fixed;bottom:4.8rem;right:1.5rem;z-index:800;
  width:300px;background:var(--smx-white);border:1px solid var(--smx-bdr);
  border-radius:var(--smx-r12);box-shadow:var(--smx-sh3);
  display:none;flex-direction:column;overflow:hidden;
}
.smx-chat-box.smx-cb-open{display:flex;}
.smx-chat-head{
  background:var(--smx-charcoal);padding:.9rem 1.1rem;
  display:flex;justify-content:space-between;align-items:center;
}
.smx-chat-hd-nm{font-size:.88rem;font-weight:700;color:var(--smx-white);}
.smx-chat-hd-sub{font-size:.7rem;color:rgba(255,255,255,.4);}
.smx-chat-msgs{flex:1;padding:.8rem 1rem;min-height:140px;overflow-y:auto;}
.smx-chat-msg{
  background:var(--smx-cream);border-radius:var(--smx-r8);
  font-size:.8rem;color:var(--smx-mid);padding:.6rem .8rem;margin-bottom:.5rem;
  line-height:1.5;max-width:90%;
}
.smx-chat-foot{display:flex;gap:.4rem;padding:.6rem;border-top:1px solid var(--smx-bdr);}
.smx-chat-inp{
  flex:1;border:1px solid var(--smx-bdr);border-radius:var(--smx-r4);
  padding:.5rem .7rem;font-size:.84rem;
}
.smx-chat-send{
  background:var(--smx-rust);color:var(--smx-white);
  border:none;border-radius:var(--smx-r4);padding:.5rem .7rem;
  display:flex;align-items:center;cursor:pointer;transition:var(--smx-tr);
}
.smx-chat-send:hover{background:var(--smx-rust-dk);}

/* ═══════════════════════════════════
   COOKIE BANNER
   ═══════════════════════════════════ */
.smx-cookie{
  position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:890;
  max-width:480px;background:var(--smx-charcoal);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--smx-r12);
  padding:1.2rem 1.5rem;box-shadow:var(--smx-sh3);
  display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;
}
.smx-cookie.smx-ck-hidden{display:none;}
.smx-ck-txt{font-size:.8rem;color:rgba(255,255,255,.55);line-height:1.6;flex:1;}
.smx-ck-txt a{color:var(--smx-rust);}
.smx-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.smx-ck-yes{
  background:var(--smx-rust);color:var(--smx-white);
  font-size:.76rem;font-weight:700;padding:.38rem .85rem;
  border-radius:var(--smx-r4);border:none;cursor:pointer;transition:var(--smx-tr);
}
.smx-ck-yes:hover{background:var(--smx-rust-dk);}
.smx-ck-no{
  background:transparent;color:rgba(255,255,255,.4);
  font-size:.76rem;padding:.38rem .75rem;
  border:1px solid rgba(255,255,255,.12);border-radius:var(--smx-r4);
  cursor:pointer;transition:var(--smx-tr);
}
.smx-ck-no:hover{color:rgba(255,255,255,.7);}

/* ═══════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════ */
@media(max-width:960px){
  .smx-nav-links,.smx-lang-sw,.smx-nav-cta-wrap{display:none;}
  .smx-nav-burger{display:flex;}
  .smx-hero-inner{grid-template-columns:1fr;}
  .smx-results-card{display:none;}
  .smx-bento{grid-template-columns:1fr 1fr;}
  .smx-bento-cell.smx-bc-wide{grid-column:span 2;}
  .smx-counter-inner{grid-template-columns:repeat(2,1fr);}
  .smx-proc-row{grid-template-columns:repeat(3,1fr);}
  .smx-proc-row::before{display:none;}
  .smx-case-row,.smx-case-row:nth-child(even){grid-template-columns:1fr;}
  .smx-case-row .smx-cr-metric,.smx-case-row:nth-child(even) .smx-cr-metric{order:0;min-height:160px;}
  .smx-case-row .smx-cr-body,.smx-case-row:nth-child(even) .smx-cr-body{order:0;}
  .smx-voices-grid,.smx-price-grid,.smx-price-pg-grid{grid-template-columns:1fr;}
  .smx-price-card.smx-pc-feat{transform:none;}
  .smx-foot-top{grid-template-columns:1fr 1fr;}
  .smx-bld-2col,.smx-co-2col,.smx-svc-pg-in,.smx-svc-2col,.smx-ab-pg-2col,.smx-ct-2col{grid-template-columns:1fr;}
  .smx-svcs-pg-grid{grid-template-columns:repeat(2,1fr);}
  .smx-form-2col{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .smx-bento,.smx-svcs-pg-grid{grid-template-columns:1fr;}
  .smx-bento-cell.smx-bc-wide{grid-column:span 1;}
  .smx-proc-row{grid-template-columns:1fr 1fr;}
  .smx-counter-inner{grid-template-columns:repeat(2,1fr);}
  .smx-foot-top{grid-template-columns:1fr;}
  .smx-ab-facts{grid-template-columns:1fr 1fr;}
  .smx-cookie{flex-direction:column;}
}