/*
  seopowerpack.com | SEO Agency | Camas, Seville, Andalusia, Spain | EUR | EN/ES
  Navy #162947 + Terracotta #D64818 + Sand #F5EFE8 (UNIQUE! never used!) | spp- prefix
  Saira Condensed 700/900 (FIRST USE!) + Asap 400/500/600 (FIRST USE!) | Brand new fonts!
  FIXED NAV + MEGA MENU desktop (unique!) | RIGHT-SLIDE SIDEBAR mobile
  MAGAZINE CENTERED HERO (sand bg, floating metrics, panoramic image strip)
  ALTERNATING EDITORIAL services (image+content - unique in series!)
  HORIZONTAL TIMELINE process (unique in series!) | 2-COL PRICING features+cards (unique!)
  SINGLE LARGE TESTIMONIAL CAROUSEL (unique in series!)
  FOOTER with NEWSLETTER signup (FIRST IN SERIES!)
  LinkedIn + YouTube + Instagram | Second Spain site (Seville vs Tenerife)
*/
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@700;900&family=Asap:wght@300;400;500;600;700&display=swap');

:root {
  --spp-navy:    #162947;
  --spp-navy2:   #1E3558;
  --spp-navy3:   #253E65;
  --spp-navyT:   rgba(22,41,71,.07);
  --spp-clay:    #D64818;
  --spp-clay2:   #B83C12;
  --spp-clay3:   #E85C2C;
  --spp-clayT:   rgba(214,72,24,.1);
  --spp-clayG:   rgba(214,72,24,.18);
  --spp-sand:    #F5EFE8;
  --spp-sand2:   #EDE4DA;
  --spp-sand3:   #E2D5C8;
  --spp-white:   #FFFFFF;
  --spp-dark:    #0E1A28;
  --spp-mid:     #4A5E72;
  --spp-muted:   #7A8B99;
  --spp-border:  #D8CFC6;
  --spp-borderN: rgba(22,41,71,.15);
  --spp-max:     1200px;
  --spp-fh:      'Saira Condensed', system-ui, sans-serif;
  --spp-fb:      'Asap', system-ui, sans-serif;
  --spp-r:       4px;
  --spp-r2:      8px;
  --spp-r3:      14px;
  --spp-r4:      20px;
  --spp-rp:      100px;
  --spp-ease:    all .18s cubic-bezier(.4,0,.2,1);
  --spp-sh:      0 4px 24px rgba(22,41,71,.07);
  --spp-sh2:     0 12px 40px rgba(22,41,71,.13);
  --spp-clay-glow: 0 0 30px rgba(214,72,24,.2), 0 0 60px rgba(214,72,24,.06);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--spp-white);color:var(--spp-dark);font-family:var(--spp-fb);font-size:1rem;line-height:1.72;overflow-x:hidden;}
img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;}address{font-style:normal;}

h1{font-family:var(--spp-fh);line-height:.92;font-weight:900;text-transform:uppercase;}
h2{font-family:var(--spp-fh);font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.0;font-weight:900;text-transform:uppercase;letter-spacing:.01em;}
h3{font-family:var(--spp-fh);font-size:1.2rem;font-weight:700;text-transform:uppercase;}
p{font-size:.96rem;line-height:1.8;color:var(--spp-mid);}

.spp-shell{max-width:var(--spp-max);margin:0 auto;padding:0 2.5rem;}
.spp-slab{padding:7rem 0;}
.spp-eyebrow{font-family:var(--spp-fb);font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:var(--spp-clay);display:block;margin-bottom:.6rem;}
.spp-eyebrow-w{color:rgba(214,72,24,.7);}
.spp-eyebrow-n{color:rgba(255,255,255,.3);}

/* ===== FIXED NAV + MEGA MENU (FIRST IN SERIES! dropdown on services hover) ===== */
.spp-nav-bar{
  position:fixed;top:0;left:0;right:0;z-index:500;
  background:var(--spp-navy);
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:box-shadow .2s;
}
.spp-nav-bar.spp-scrolled{box-shadow:0 2px 20px rgba(14,26,40,.25);}
.spp-nav-in{
  max-width:var(--spp-max);margin:0 auto;padding:0 2.5rem;
  height:70px;display:flex;align-items:center;justify-content:space-between;
  position:relative;
}
/* BIGGER LOGO - Saira Condensed 900 upper */
.spp-logo{
  font-family:var(--spp-fh);font-size:1.6rem;font-weight:900;letter-spacing:.01em;
  text-transform:uppercase;color:white;
}
.spp-logo-pack{color:var(--spp-clay);}
.spp-nav-links{display:flex;align-items:center;gap:.2rem;}
/* Nav font bigger than body */
.spp-nlink{
  font-family:var(--spp-fb);font-size:1.04rem;font-weight:500;
  color:rgba(255,255,255,.45);padding:.4rem .9rem;border-radius:var(--spp-r2);
  transition:var(--spp-ease);white-space:nowrap;
}
.spp-nlink:hover,.spp-nlink.spp-on{color:white;}
.spp-lang-pair{display:flex;align-items:center;gap:.1rem;margin:0 .4rem;}
.spp-la{font-family:var(--spp-fb);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.28);padding:.1rem .24rem;border-radius:var(--spp-r);transition:color .14s;}
.spp-la:hover,.spp-la.spp-lon{color:var(--spp-clay);}
.spp-la-sep{font-size:.5rem;color:rgba(255,255,255,.12);}
.spp-nav-cta{
  font-family:var(--spp-fh);font-size:1rem;font-weight:700;text-transform:uppercase;
  color:var(--spp-navy);background:var(--spp-clay);
  padding:.46rem 1.4rem;border-radius:var(--spp-rp);
  transition:var(--spp-ease);display:inline-flex;align-items:center;gap:.3rem;
}
.spp-nav-cta:hover{background:var(--spp-clay2);}
.spp-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--spp-r2);color:rgba(255,255,255,.6);transition:color .14s;}
.spp-burger:hover{color:white;}

/* MEGA MENU (unique! drops down on services hover) */
.spp-mega-wrap{position:relative;}
.spp-mega-panel{
  position:absolute;top:calc(100% + 8px);left:50%;
  transform:translateX(-50%);
  background:var(--spp-white);
  border:1.5px solid var(--spp-border);border-radius:var(--spp-r3);
  padding:1.4rem;width:560px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;
  box-shadow:var(--spp-sh2);
  opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;
  transform:translateX(-50%) translateY(-6px);
}
.spp-mega-wrap:hover .spp-mega-panel{
  opacity:1;pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.spp-mega-item{
  display:flex;flex-direction:column;gap:.2rem;
  padding:.7rem;border-radius:var(--spp-r2);
  transition:background .14s;
}
.spp-mega-item:hover{background:var(--spp-sand);}
.spp-mega-num{font-family:var(--spp-fh);font-size:.5rem;font-weight:700;color:var(--spp-clay);text-transform:uppercase;letter-spacing:.15em;}
.spp-mega-nm{font-family:var(--spp-fh);font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--spp-navy);}
.spp-mega-short{font-size:.7rem;color:var(--spp-muted);line-height:1.5;}

/* ===== RIGHT-SLIDE SIDEBAR MOBILE ===== */
.spp-sidebar{
  position:fixed;top:0;right:0;bottom:0;width:320px;
  background:var(--spp-navy);z-index:490;
  transform:translateX(100%);
  transition:transform .38s cubic-bezier(.7,0,.3,1);
  padding:5rem 2rem 2rem;display:flex;flex-direction:column;
  border-left:1px solid rgba(255,255,255,.07);
}
.spp-sidebar.spp-sb-on{transform:translateX(0);}
.spp-sb-lnk{display:block;font-family:var(--spp-fh);font-size:1.4rem;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.18);padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:color .14s;}
.spp-sb-lnk:hover{color:var(--spp-clay);}
.spp-sb-close{position:absolute;top:1.5rem;right:1.5rem;color:rgba(255,255,255,.3);transition:color .14s;}
.spp-sb-close:hover{color:white;}
.spp-sb-foot{margin-top:auto;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;}
.spp-sb-la{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.25);transition:color .14s;}
.spp-sb-la:hover,.spp-sb-la.spp-lon{color:var(--spp-clay);}
.spp-sidebar-overlay{position:fixed;inset:0;background:rgba(14,26,40,.5);z-index:489;opacity:0;pointer-events:none;transition:opacity .3s;}
.spp-sidebar-overlay.spp-ov-on{opacity:1;pointer-events:auto;}

/* ===== MAGAZINE CENTERED HERO (UNIQUE! centered, sand bg, floating metrics) ===== */
.spp-hero-arena{
  min-height:100vh;background:var(--spp-sand);
  display:flex;flex-direction:column;align-items:center;
  padding:8rem 0 0;overflow:hidden;text-align:center;
  position:relative;
}
.spp-hero-label{font-family:var(--spp-fb);font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:var(--spp-clay);display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;justify-content:center;}
.spp-hero-label::before,.spp-hero-label::after{content:'';width:40px;height:1.5px;background:var(--spp-clay3);}
/* GIANT SAIRA CONDENSED HEADING (the signature element!) */
.spp-hero-h1{font-family:var(--spp-fh);font-size:clamp(5rem,14vw,16rem);font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:-.01em;color:var(--spp-navy);max-width:var(--spp-max);margin:0 auto;}
.spp-hero-h1 .spp-hx-em{color:var(--spp-clay);}
.spp-hero-sub{font-size:.96rem;color:var(--spp-mid);max-width:52ch;margin:.8rem auto 2rem;line-height:1.8;}
.spp-hero-ctas{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem;}
/* FLOATING METRIC CARDS */
.spp-metric-belt{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;}
.spp-metric-item{background:var(--spp-white);border:1.5px solid var(--spp-border);border-radius:var(--spp-r3);padding:1rem 1.6rem;text-align:center;}
.spp-metric-n{font-family:var(--spp-fh);font-size:2rem;font-weight:900;color:var(--spp-navy);line-height:1;}
.spp-metric-l{font-family:var(--spp-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--spp-muted);margin-top:.2rem;}
/* PANORAMIC IMAGE STRIP at hero bottom */
.spp-hero-img-strip{
  width:100%;max-width:var(--spp-max);
  height:260px;overflow:hidden;border-radius:var(--spp-r4) var(--spp-r4) 0 0;
  border:1.5px solid var(--spp-border);border-bottom:none;
  margin:0 auto;
}
.spp-hero-img-strip img{width:100%;height:100%;object-fit:cover;}

/* ===== MARQUEE / TICKER STRIP ===== */
.spp-ticker-belt{background:var(--spp-navy);padding:.7rem 0;overflow:hidden;border-top:2px solid var(--spp-clay);}
.spp-ticker-track{display:flex;gap:0;animation:sppScroll 30s linear infinite;}
.spp-ticker-track:hover{animation-play-state:paused;}
.spp-tick-item{white-space:nowrap;font-family:var(--spp-fh);font-size:.88rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.18);letter-spacing:.1em;padding:0 2rem;}
.spp-tick-sep{color:var(--spp-clay);padding:0 .5rem;}
@keyframes sppScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ===== ALTERNATING EDITORIAL SERVICES (UNIQUE in series!) ===== */
.spp-svc-section{background:var(--spp-white);}
.spp-svc-ed-item{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:400px;position:relative;overflow:hidden;
  border-bottom:1.5px solid var(--spp-border);
}
.spp-svc-ed-item.spp-ed-flip .spp-svc-ed-visual{order:2;}
.spp-svc-ed-item.spp-ed-flip .spp-svc-ed-body{order:1;}
.spp-svc-ed-visual{position:relative;overflow:hidden;background:var(--spp-sand2);}
.spp-svc-ed-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.spp-svc-ed-item:hover .spp-svc-ed-visual img{transform:scale(1.03);}
/* LARGE NUMBER DECORATION */
.spp-svc-ed-num{
  position:absolute;bottom:-.15em;right:-.05em;
  font-family:var(--spp-fh);font-size:9rem;font-weight:900;text-transform:uppercase;
  color:rgba(255,255,255,.1);line-height:1;pointer-events:none;
}
.spp-svc-ed-body{
  background:var(--spp-white);padding:3.5rem 3.5rem;
  display:flex;flex-direction:column;justify-content:center;
  position:relative;
}
.spp-svc-ed-body::before{
  content:attr(data-num);
  position:absolute;top:.8rem;left:3.5rem;
  font-family:var(--spp-fh);font-size:.46rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.22em;color:var(--spp-clay);
}
.spp-svc-ed-icon{color:var(--spp-clay);margin-bottom:1rem;}
.spp-svc-ed-nm{font-family:var(--spp-fh);font-size:2rem;font-weight:900;text-transform:uppercase;color:var(--spp-navy);margin-bottom:.8rem;line-height:1.0;}
.spp-svc-ed-bl{font-size:.9rem;color:var(--spp-mid);line-height:1.8;margin-bottom:1.2rem;max-width:44ch;}
.spp-svc-ed-pr{font-family:var(--spp-fh);font-size:1.1rem;font-weight:700;color:var(--spp-clay);}

/* ===== CASE STUDIES: LARGE + 2 SMALL STAGGERED ===== */
.spp-cases-section{background:var(--spp-navy);}
.spp-cases-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;}
.spp-case-big{position:relative;border-radius:var(--spp-r4);overflow:hidden;min-height:500px;cursor:pointer;}
.spp-case-big img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.spp-case-big:hover img{transform:scale(1.04);}
.spp-case-big-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,26,40,.9) 0%,transparent 50%);padding:2rem;}
.spp-case-big-overlay>div{position:absolute;bottom:2rem;left:2rem;right:2rem;}
.spp-case-sm-col{display:flex;flex-direction:column;gap:1.5rem;}
.spp-case-sm{position:relative;border-radius:var(--spp-r4);overflow:hidden;flex:1;cursor:pointer;}
.spp-case-sm img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.spp-case-sm:hover img{transform:scale(1.05);}
.spp-case-sm-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(14,26,40,.85) 0%,transparent 60%);padding:1.2rem;}
.spp-case-sm-overlay>div{position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem;}
.spp-case-type{font-family:var(--spp-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--spp-clay);margin-bottom:.3rem;display:block;}
.spp-case-nm{font-family:var(--spp-fh);font-size:1.3rem;font-weight:900;text-transform:uppercase;color:white;margin-bottom:.5rem;}
.spp-case-big .spp-case-nm{font-size:1.8rem;}
.spp-case-stats{display:flex;gap:1.5rem;}
.spp-case-sv{font-family:var(--spp-fh);font-size:1.1rem;font-weight:900;color:var(--spp-clay);}
.spp-case-sl{font-size:.4rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.3);}

/* ===== PROCESS: HORIZONTAL TIMELINE (UNIQUE in series!) ===== */
.spp-proc-section{background:var(--spp-sand);}
.spp-tml-wrap{position:relative;margin-top:3rem;}
.spp-tml-track{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;position:relative;
}
/* Connecting line */
.spp-tml-track::before{
  content:'';position:absolute;top:20px;left:12.5%;right:12.5%;
  height:2px;background:var(--spp-border);z-index:0;
}
.spp-tml-step{padding:0 1.5rem;text-align:center;position:relative;}
.spp-tml-dot-wrap{display:flex;justify-content:center;margin-bottom:1.5rem;}
.spp-tml-dot{
  width:24px;height:24px;border-radius:50%;
  background:var(--spp-clay);border:3px solid var(--spp-sand);
  position:relative;z-index:1;
  box-shadow:0 0 0 4px var(--spp-clayT);
}
.spp-tml-num{font-family:var(--spp-fh);font-size:.46rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--spp-clay);margin-bottom:.4rem;}
.spp-tml-nm{font-family:var(--spp-fh);font-size:1.1rem;font-weight:900;text-transform:uppercase;color:var(--spp-navy);margin-bottom:.5rem;}
.spp-tml-bl{font-size:.8rem;color:var(--spp-mid);line-height:1.7;}

/* ===== TESTIMONIAL: FULL-WIDTH CAROUSEL (UNIQUE in series!) ===== */
.spp-testi-section{background:var(--spp-white);overflow:hidden;}
.spp-testi-carousel-wrap{max-width:820px;margin:0 auto;text-align:center;}
.spp-testi-panel{display:none;}
.spp-testi-panel.spp-tp-on{display:block;animation:sppFadeIn .4s ease;}
@keyframes sppFadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.spp-tq-mark{font-family:serif;font-size:6rem;line-height:.8;color:var(--spp-clay);opacity:.2;display:block;text-align:center;}
.spp-tq-text{font-family:var(--spp-fh);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700;text-transform:uppercase;color:var(--spp-navy);line-height:1.2;letter-spacing:.01em;margin-bottom:1.5rem;}
.spp-tq-stars{display:flex;justify-content:center;gap:.2rem;margin-bottom:.8rem;color:var(--spp-clay);}
.spp-tq-nm{font-family:var(--spp-fh);font-size:.96rem;font-weight:700;text-transform:uppercase;color:var(--spp-clay);}
.spp-tq-role{font-size:.8rem;color:var(--spp-muted);margin-top:.1rem;}
.spp-testi-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;}
.spp-tnav-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--spp-border);display:flex;align-items:center;justify-content:center;color:var(--spp-muted);cursor:pointer;transition:var(--spp-ease);background:var(--spp-white);}
.spp-tnav-btn:hover{border-color:var(--spp-clay);color:var(--spp-clay);}
.spp-tnav-dots{display:flex;gap:.4rem;}
.spp-tdot{width:6px;height:6px;border-radius:50%;background:var(--spp-border);cursor:pointer;transition:background .14s;}
.spp-tdot.spp-td-on{background:var(--spp-clay);}

/* ===== PRICING: 2-COL FEATURES + CARDS (UNIQUE in series!) ===== */
.spp-price-section{background:var(--spp-sand);}
.spp-price-2col{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;align-items:start;}
.spp-pfeat-hd{font-family:var(--spp-fh);font-size:1rem;font-weight:700;text-transform:uppercase;color:var(--spp-muted);margin-bottom:1rem;}
.spp-pfeat-row{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem 0;border-bottom:1.5px solid var(--spp-border);}
.spp-pfeat-row:last-child{border-bottom:none;}
.spp-pfeat-icon{color:var(--spp-clay);flex-shrink:0;margin-top:.1rem;}
.spp-pfeat-nm{font-family:var(--spp-fh);font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--spp-navy);margin-bottom:.2rem;}
.spp-pfeat-bl{font-size:.78rem;color:var(--spp-muted);}
.spp-pk-stack{display:flex;flex-direction:column;gap:1rem;}
.spp-pk-row{
  background:var(--spp-white);border:1.5px solid var(--spp-border);
  border-radius:var(--spp-r3);overflow:hidden;transition:var(--spp-ease);
}
.spp-pk-row:hover{box-shadow:var(--spp-sh);}
/* FEATURED plan: dark navy with clay glow */
.spp-pk-row.spp-pk-star{
  background:var(--spp-navy);border-color:var(--spp-clay);
  box-shadow:var(--spp-clay-glow);
}
.spp-pk-row.spp-pk-star:hover{box-shadow:var(--spp-clay-glow),var(--spp-sh2);}
.spp-pk-badge{background:var(--spp-clay);color:white;font-family:var(--spp-fh);font-size:.44rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:.3rem 1rem;display:inline-block;}
.spp-pk-badge-plain{background:var(--spp-sand2);color:var(--spp-muted);font-family:var(--spp-fh);font-size:.44rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:.3rem 1rem;display:inline-block;}
.spp-pk-body{padding:1.2rem 1.5rem;}
.spp-pk-nm{font-family:var(--spp-fh);font-size:1.3rem;font-weight:900;text-transform:uppercase;color:var(--spp-navy);display:inline-block;margin-bottom:.2rem;}
.spp-pk-row.spp-pk-star .spp-pk-nm{color:white;}
.spp-pk-tag{font-size:.8rem;color:var(--spp-muted);}
.spp-pk-row.spp-pk-star .spp-pk-tag{color:rgba(255,255,255,.3);}
.spp-pk-pr-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:.6rem;}
.spp-pk-amt{font-family:var(--spp-fh);font-size:1.8rem;font-weight:900;color:var(--spp-navy);line-height:1;}
.spp-pk-row.spp-pk-star .spp-pk-amt{color:var(--spp-clay3);}
.spp-pk-note{font-size:.62rem;color:var(--spp-muted);margin-bottom:.2rem;}
.spp-pk-row.spp-pk-star .spp-pk-note{color:rgba(255,255,255,.2);}

/* ===== FAQ ===== */
.spp-faq-section{background:var(--spp-white);}
.spp-faq-cols{display:grid;grid-template-columns:1fr 1.6fr;gap:5rem;align-items:start;}
.spp-faq-inner{border-top:1.5px solid var(--spp-border);}
.spp-faq-entry{border-bottom:1.5px solid var(--spp-border);}
.spp-faq-q-row{display:flex;align-items:center;gap:.8rem;padding:1rem 0;cursor:pointer;}
.spp-faq-q-txt{font-family:var(--spp-fh);font-size:.92rem;font-weight:700;text-transform:uppercase;color:var(--spp-navy);flex:1;line-height:1.3;}
.spp-faq-q-icn{color:var(--spp-muted);flex-shrink:0;transition:transform .2s;}
.spp-faq-entry.spp-fq-open .spp-faq-q-icn{transform:rotate(180deg);color:var(--spp-clay);}
.spp-faq-entry.spp-fq-open .spp-faq-q-txt{color:var(--spp-clay);}
.spp-faq-ans{display:none;padding:.2rem 0 1rem;}
.spp-faq-ans p{font-size:.88rem;color:var(--spp-mid);}

/* ===== TERRACOTTA CTA ===== */
.spp-cta-clay{background:var(--spp-clay);padding:7rem 0;}
.spp-cta-in{max-width:var(--spp-max);margin:0 auto;padding:0 2.5rem;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;}
.spp-cta-in h2{color:white;font-size:clamp(1.8rem,3.5vw,3.5rem);}
.spp-cta-in p{color:rgba(255,255,255,.45);margin-top:.5rem;}
.spp-cta-btns{display:flex;flex-direction:column;gap:.6rem;flex-shrink:0;}

/* PAGE BANNER */
.spp-page-banner{background:var(--spp-navy);padding:9rem 0 5rem;position:relative;overflow:hidden;}
.spp-page-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--spp-clay),var(--spp-clay3),transparent);}
.spp-banner-in{max-width:var(--spp-max);margin:0 auto;padding:0 2.5rem;text-align:center;}
.spp-banner-in h1{color:white;font-size:clamp(3rem,6vw,7rem);}
.spp-banner-in h1 em{font-style:normal;color:var(--spp-clay);}
.spp-banner-sub{font-size:.96rem;color:rgba(255,255,255,.28);max-width:52ch;margin:.8rem auto 0;line-height:1.8;}

/* CHECKOUT + BUILDER */
.spp-co-frame{max-width:var(--spp-max);margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start;}
.spp-co-side{position:sticky;top:84px;background:var(--spp-navy);border:1px solid rgba(214,72,24,.2);border-radius:var(--spp-r3);overflow:hidden;}
.spp-co-s-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06);}
.spp-co-s-hl{font-family:var(--spp-fh);font-size:.76rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.25);}
.spp-co-s-body{padding:.9rem 1.2rem;}
.spp-co-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;margin-bottom:.4rem;}
.spp-co-lnm{color:rgba(255,255,255,.3);}
.spp-co-lnp{font-family:var(--spp-fh);font-weight:700;color:var(--spp-clay3);}
.spp-co-sep{border:none;border-top:1px solid rgba(255,255,255,.06);margin:.5rem 0;}
.spp-co-tot{display:flex;justify-content:space-between;align-items:flex-end;}
.spp-co-totl{font-family:var(--spp-fh);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.2);}
.spp-co-totv{font-family:var(--spp-fh);font-size:2rem;font-weight:900;color:var(--spp-clay3);}
.spp-bld-wrap{max-width:var(--spp-max);margin:0 auto;padding:4rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start;}
.spp-bld-grp{margin-bottom:2rem;}
.spp-bld-lbl{display:block;font-family:var(--spp-fh);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--spp-clay);margin-bottom:.9rem;}
.spp-sel-row{background:var(--spp-white);border:1.5px solid var(--spp-border);border-radius:var(--spp-r2);padding:.88rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:var(--spp-ease);margin-bottom:.44rem;}
.spp-sel-row:hover{border-color:rgba(214,72,24,.3);}
.spp-sel-row.spp-sel-on{border-color:var(--spp-clay);background:var(--spp-clayT);}
.spp-sel-radio{width:16px;height:16px;border:1.5px solid var(--spp-border);border-radius:50%;flex-shrink:0;transition:var(--spp-ease);}
.spp-sel-row.spp-sel-on .spp-sel-radio{background:var(--spp-clay);border-color:var(--spp-clay);}
.spp-sel-nm{font-family:var(--spp-fb);font-size:.88rem;color:var(--spp-muted);flex:1;}
.spp-sel-row.spp-sel-on .spp-sel-nm{color:var(--spp-dark);font-weight:600;}
.spp-sel-pr{font-family:var(--spp-fh);font-size:.9rem;font-weight:700;color:var(--spp-clay);}
.spp-atag-rack{display:flex;flex-wrap:wrap;gap:.5rem;}
.spp-atag{background:var(--spp-white);border:1.5px solid var(--spp-border);border-radius:var(--spp-r2);padding:.46rem 1rem;cursor:pointer;user-select:none;transition:var(--spp-ease);}
.spp-atag.spp-atag-on{border-color:var(--spp-clay);background:var(--spp-clayT);}
.spp-atag-nm{font-family:var(--spp-fb);font-size:.82rem;font-weight:600;color:var(--spp-muted);}
.spp-atag.spp-atag-on .spp-atag-nm{color:var(--spp-dark);}
.spp-atag-pr{font-family:var(--spp-fh);font-size:.72rem;font-weight:700;color:var(--spp-muted);margin-top:.1rem;}
.spp-atag.spp-atag-on .spp-atag-pr{color:var(--spp-clay);}
.spp-hrs-box{background:var(--spp-white);border:1.5px solid var(--spp-border);border-radius:var(--spp-r2);padding:1rem 1.1rem;}
.spp-hrs-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;}
.spp-hrs-lbl{font-family:var(--spp-fb);font-size:.88rem;color:var(--spp-muted);}
.spp-hrs-val{font-family:var(--spp-fh);font-size:1.8rem;font-weight:900;color:var(--spp-clay);}
.spp-hrs-range{-webkit-appearance:none;width:100%;height:3px;background:var(--spp-border);border-radius:2px;cursor:pointer;}
.spp-hrs-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--spp-clay);border:2px solid white;cursor:pointer;box-shadow:0 2px 8px rgba(214,72,24,.4);}
.spp-rcpt{background:var(--spp-navy);border-radius:var(--spp-r3);overflow:hidden;position:sticky;top:84px;}
.spp-rcpt-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.06);}
.spp-rcpt-hl{font-family:var(--spp-fh);font-size:.76rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,.2);}
.spp-rcpt-body{padding:.9rem 1.2rem;min-height:70px;}
.spp-rcpt-empty{font-size:.78rem;color:rgba(255,255,255,.18);}
.spp-rcpt-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.4rem;}
.spp-rcpt-lnm{color:rgba(255,255,255,.3);}
.spp-rcpt-lnp{font-family:var(--spp-fh);font-weight:700;color:var(--spp-clay3);}
.spp-rcpt-ft{border-top:1px solid rgba(255,255,255,.06);padding:.9rem 1.2rem;}
.spp-rcpt-tot{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.9rem;}
.spp-rcpt-totl{font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.2);}
.spp-rcpt-totv{font-family:var(--spp-fh);font-size:2.2rem;font-weight:900;color:var(--spp-clay3);}
.spp-rcpt-go{display:block;width:100%;background:var(--spp-clay);color:white;font-family:var(--spp-fh);font-size:.96rem;font-weight:900;text-transform:uppercase;padding:.76rem;border-radius:var(--spp-rp);border:none;cursor:pointer;transition:background .14s;letter-spacing:.05em;}
.spp-rcpt-go:hover:not(:disabled){background:var(--spp-clay2);}
.spp-rcpt-go:disabled{opacity:.2;cursor:not-allowed;}

/* SERVICE DETAIL */
.spp-svc-detail{max-width:var(--spp-max);margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 260px;gap:5rem;align-items:start;}
.spp-svc-body h2{font-family:var(--spp-fh);font-size:1.1rem;font-weight:700;text-transform:uppercase;color:var(--spp-clay);margin:2.5rem 0 .5rem;}
.spp-dlv-row{display:flex;align-items:flex-start;gap:.44rem;font-size:.9rem;color:var(--spp-mid);margin-bottom:.36rem;}
.spp-dlv-row svg{color:var(--spp-clay);flex-shrink:0;margin-top:.1rem;}
.spp-svc-aside{background:var(--spp-navy);border:1px solid rgba(214,72,24,.2);border-radius:var(--spp-r3);overflow:hidden;position:sticky;top:84px;}
.spp-svc-aside-top{padding:1.4rem;border-bottom:1px solid rgba(255,255,255,.06);}
.spp-from{font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.2);margin-bottom:.3rem;}
.spp-from-pr{font-family:var(--spp-fh);font-size:2rem;font-weight:900;color:var(--spp-clay3);margin-bottom:.9rem;}
.spp-other-h{font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.2);padding:1rem 1.4rem .5rem;}
.spp-other-lnk{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:rgba(255,255,255,.2);padding:.4rem 1.4rem;border-top:1px solid rgba(255,255,255,.04);transition:color .14s;}
.spp-other-lnk:hover{color:var(--spp-clay3);}

/* FORMS */
.spp-fg{margin-bottom:.7rem;}
.spp-fl{display:block;font-family:var(--spp-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--spp-muted);margin-bottom:.3rem;}
.spp-fi{width:100%;background:var(--spp-white);border:1.5px solid var(--spp-border);border-radius:var(--spp-r2);padding:.7rem 1rem;color:var(--spp-dark);font-size:.94rem;transition:border-color .14s;}
.spp-fi:focus{outline:none;border-color:var(--spp-clay);box-shadow:0 0 0 3px var(--spp-clayT);}
.spp-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--spp-mid);margin:1rem 0;line-height:1.6;}
.spp-agree input{margin-top:.14rem;accent-color:var(--spp-clay);}
.spp-agree a{color:var(--spp-clay);}

/* BUTTONS */
.spp-btn-clay{display:inline-flex;align-items:center;gap:.44rem;font-family:var(--spp-fh);font-size:1rem;font-weight:900;text-transform:uppercase;color:white;background:var(--spp-clay);padding:.72rem 2rem;border-radius:var(--spp-rp);transition:var(--spp-ease);border:none;cursor:pointer;white-space:nowrap;letter-spacing:.04em;}
.spp-btn-clay:hover{background:var(--spp-clay2);}
.spp-btn-navy{display:inline-flex;align-items:center;gap:.44rem;font-family:var(--spp-fh);font-size:1rem;font-weight:900;text-transform:uppercase;color:white;background:var(--spp-navy);padding:.72rem 2rem;border-radius:var(--spp-rp);transition:var(--spp-ease);border:none;cursor:pointer;white-space:nowrap;letter-spacing:.04em;}
.spp-btn-navy:hover{background:var(--spp-navy2);}
.spp-btn-ghost-n{display:inline-flex;align-items:center;gap:.44rem;font-family:var(--spp-fh);font-size:1rem;font-weight:900;text-transform:uppercase;color:var(--spp-navy);background:transparent;padding:.7rem 2rem;border-radius:var(--spp-rp);border:1.5px solid var(--spp-border);transition:var(--spp-ease);white-space:nowrap;letter-spacing:.04em;}
.spp-btn-ghost-n:hover{border-color:var(--spp-clay);color:var(--spp-clay);}
.spp-btn-ghost-w{display:inline-flex;align-items:center;gap:.44rem;font-family:var(--spp-fh);font-size:1rem;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.5);background:transparent;padding:.7rem 2rem;border-radius:var(--spp-rp);border:1.5px solid rgba(255,255,255,.15);transition:var(--spp-ease);white-space:nowrap;letter-spacing:.04em;}
.spp-btn-ghost-w:hover{border-color:white;color:white;}
.spp-btn-ghost-c{display:inline-flex;align-items:center;gap:.44rem;font-family:var(--spp-fh);font-size:1rem;font-weight:900;text-transform:uppercase;color:rgba(255,255,255,.7);background:transparent;padding:.7rem 2rem;border-radius:var(--spp-rp);border:1.5px solid rgba(255,255,255,.3);transition:var(--spp-ease);white-space:nowrap;letter-spacing:.04em;}
.spp-btn-ghost-c:hover{border-color:white;color:white;}
.spp-btn-sm-clay{display:inline-flex;align-items:center;gap:.36rem;font-family:var(--spp-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;color:white;background:var(--spp-clay);padding:.42rem 1.2rem;border-radius:var(--spp-rp);transition:var(--spp-ease);border:none;cursor:pointer;white-space:nowrap;letter-spacing:.04em;}
.spp-btn-sm-clay:hover{background:var(--spp-clay2);}
.spp-btn-sm-gh{display:inline-flex;align-items:center;gap:.36rem;font-family:var(--spp-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;color:var(--spp-muted);background:transparent;padding:.4rem 1.1rem;border-radius:var(--spp-rp);border:1.5px solid var(--spp-border);transition:var(--spp-ease);white-space:nowrap;letter-spacing:.04em;}
.spp-btn-sm-gh:hover{border-color:var(--spp-clay);color:var(--spp-clay);}

/* LEGAL */
.spp-legal-wrap{max-width:820px;margin:0 auto;padding:5rem 2.5rem 8rem;}
.spp-legal-eff{display:inline-block;font-size:.72rem;color:var(--spp-muted);background:var(--spp-sand);border:1.5px solid var(--spp-border);padding:.24rem .8rem;border-radius:var(--spp-rp);margin-bottom:1.6rem;}
.spp-legal-wrap h2{font-family:var(--spp-fh);font-size:1.05rem;font-weight:700;text-transform:uppercase;color:var(--spp-clay);margin:2.8rem 0 .6rem;}
.spp-legal-wrap p,.spp-legal-wrap li{font-size:.9rem;color:var(--spp-mid);line-height:1.78;margin-bottom:.9rem;}
.spp-legal-wrap ul{padding-left:1.4rem;margin:.5rem 0 .9rem;}
.spp-legal-wrap li{list-style:disc;}
.spp-legal-wrap a{color:var(--spp-clay);}

/* FOOTER WITH NEWSLETTER (FIRST IN SERIES!) */
.spp-footer{background:var(--spp-dark);border-top:3px solid var(--spp-clay);}
.spp-foot-grid{
  max-width:var(--spp-max);margin:0 auto;padding:4rem 2.5rem 3rem;
  display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:3rem;
}
/* BIGGER footer logo - Saira Condensed 900 */
.spp-foot-logo{font-family:var(--spp-fh);font-size:1.7rem;font-weight:900;text-transform:uppercase;color:white;}
.spp-foot-logo-pack{color:var(--spp-clay);}
.spp-foot-tag{font-size:.72rem;color:rgba(255,255,255,.18);margin:.5rem 0 1.2rem;line-height:1.6;max-width:24ch;}
.spp-foot-ct a{display:flex;align-items:flex-start;gap:.4rem;font-size:.76rem;color:rgba(255,255,255,.2);margin-bottom:.4rem;transition:color .14s;}
.spp-foot-ct a:hover{color:var(--spp-clay);}
.spp-foot-soc{display:flex;gap:.4rem;margin-top:1rem;}
.spp-foot-soc a{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:var(--spp-r2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);transition:var(--spp-ease);}
.spp-foot-soc a:hover{border-color:var(--spp-clay);color:var(--spp-clay);}
.spp-foot-col-h{font-family:var(--spp-fh);font-size:.44rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.18);margin-bottom:.9rem;}
.spp-foot-nav{display:flex;flex-direction:column;gap:.4rem;}
.spp-foot-nav a{font-size:.78rem;color:rgba(255,255,255,.22);transition:color .14s;}
.spp-foot-nav a:hover{color:var(--spp-clay);}
/* NEWSLETTER (unique in series!) */
.spp-nl-col{min-width:220px;}
.spp-nl-tag{font-size:.8rem;color:rgba(255,255,255,.25);line-height:1.6;margin-bottom:1rem;max-width:24ch;}
.spp-nl-form{display:flex;flex-direction:column;gap:.5rem;}
.spp-nl-fi{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--spp-r2);padding:.6rem 1rem;color:white;font-size:.84rem;font-family:var(--spp-fb);transition:border-color .14s;}
.spp-nl-fi::placeholder{color:rgba(255,255,255,.2);}
.spp-nl-fi:focus{outline:none;border-color:var(--spp-clay);}
.spp-nl-btn{background:var(--spp-clay);color:white;font-family:var(--spp-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:.56rem 1rem;border-radius:var(--spp-rp);border:none;cursor:pointer;transition:background .14s;}
.spp-nl-btn:hover{background:var(--spp-clay2);}
.spp-nl-done{display:none;font-size:.8rem;color:var(--spp-clay);padding:.5rem 0;}
.spp-foot-btm{border-top:1px solid rgba(255,255,255,.06);max-width:var(--spp-max);margin:0 auto;padding:.9rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.spp-foot-copy{font-size:.62rem;color:rgba(255,255,255,.15);}
.spp-foot-legal{display:flex;gap:1.2rem;flex-wrap:wrap;}
.spp-foot-legal a{font-size:.62rem;color:rgba(255,255,255,.15);transition:color .14s;}
.spp-foot-legal a:hover{color:var(--spp-clay);}

/* COOKIE + CHAT */
.spp-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--spp-navy);border-top:2px solid var(--spp-clay);padding:1rem 2.5rem;display:none;align-items:center;gap:1.5rem;justify-content:space-between;flex-wrap:wrap;}
.spp-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.spp-ck-bar a{color:var(--spp-clay);}
.spp-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.spp-ck-yes{background:var(--spp-clay);color:white;font-family:var(--spp-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;padding:.4rem 1rem;border-radius:var(--spp-r);cursor:pointer;border:none;}
.spp-ck-no{background:transparent;color:rgba(255,255,255,.25);font-family:var(--spp-fb);font-size:.82rem;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--spp-r);cursor:pointer;}
.spp-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:52px;height:52px;background:var(--spp-clay);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 6px 24px rgba(214,72,24,.35);transition:var(--spp-ease);color:white;}
.spp-chat-fab:hover{background:var(--spp-clay2);transform:scale(1.08);}
.spp-chatpop{position:fixed;bottom:7.5rem;right:1.5rem;z-index:9989;width:290px;background:var(--spp-white);border:1.5px solid var(--spp-clayG);border-radius:var(--spp-r3);box-shadow:var(--spp-sh2);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.spp-chatpop.spp-cp-on{opacity:1;pointer-events:auto;transform:none;}
.spp-chatpop-hd{background:var(--spp-navy);padding:.8rem 1.1rem;display:flex;align-items:center;justify-content:space-between;}
.spp-chatpop-nm{font-family:var(--spp-fh);font-size:.96rem;font-weight:900;text-transform:uppercase;color:white;}
.spp-chatpop-nm span{color:var(--spp-clay);}
.spp-chat-done{display:none;text-align:center;padding:.9rem;font-family:var(--spp-fh);font-size:.96rem;font-weight:700;color:var(--spp-clay);}
.spp-chat-fi{width:100%;background:var(--spp-sand);border:1.5px solid var(--spp-border);border-radius:var(--spp-r);padding:.5rem .8rem;font-size:.84rem;color:var(--spp-dark);margin-bottom:.36rem;resize:none;transition:border-color .14s;}
.spp-chat-fi:focus{outline:none;border-color:var(--spp-clay);}
.spp-chat-send{width:100%;background:var(--spp-clay);color:white;font-family:var(--spp-fh);font-size:.9rem;font-weight:900;text-transform:uppercase;padding:.5rem;border-radius:var(--spp-rp);border:none;cursor:pointer;letter-spacing:.05em;}

/* REVEAL */
.spp-reveal{opacity:0;transform:translateY(14px);transition:opacity .44s,transform .44s;}
.spp-reveal.spp-in{opacity:1;transform:none;}

/* MISC */
.spp-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2.5rem;background:var(--spp-sand);}
.spp-contact-cols{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
.spp-about-cols{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}

/* RESPONSIVE */
@media(max-width:1100px){
  .spp-nav-links{display:none;}
  .spp-burger{display:flex;}
  .spp-foot-grid{grid-template-columns:1fr 1fr;gap:2rem;}
  .spp-price-2col{grid-template-columns:1fr;}
  .spp-cases-layout{grid-template-columns:1fr;}
  .spp-tml-track{grid-template-columns:repeat(2,1fr);}
  .spp-tml-track::before{display:none;}
  .spp-svc-ed-item{grid-template-columns:1fr;}
  .spp-svc-ed-item.spp-ed-flip .spp-svc-ed-visual{order:0;}
  .spp-svc-ed-visual{height:260px;}
  .spp-co-frame,.spp-bld-wrap,.spp-svc-detail{grid-template-columns:1fr;}
  .spp-contact-cols,.spp-about-cols{grid-template-columns:1fr;}
  .spp-cta-in{grid-template-columns:1fr;}
  .spp-faq-cols{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .spp-shell{padding:0 1.5rem;}
  .spp-foot-grid{grid-template-columns:1fr;}
  .spp-tml-track{grid-template-columns:1fr;}
  .spp-hero-img-strip{display:none;}
}