/*
  wilddogseo.com (Build 59) | SEO Agency | Melilla, Spain | EUR | EN+ES
  AMBER #D4890A + PITCH BLACK #0C0C0C + WARM CREAM (FIRST in 59!)
  Bricolage Grotesque + DM Sans (BOTH FIRST in 59!)
  STICKY NAV + 3px AMBER TOP LINE (FIRST in 59!)
  BENTO HERO: cream left + angled black right (FIRST in 59!)
  AMBER MARQUEE STRIP (FIRST in 59!)
  3x2 SERVICE CARD GRID (different from B58!)
  MAGAZINE ALTERNATING CASES (different from B58!)
  VERTICAL ACCORDION PROCESS (different from B58!)
  DARK BLACK PRICING + AMBER GLOW FEATURED (FIRST in 59!)
  CSS prefix: wds-
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --wds-amber:   #D4890A;
  --wds-amber2:  #B8760A;
  --wds-amber3:  #F0A020;
  --wds-ambert:  rgba(212,137,10,.12);
  --wds-ambert2: rgba(212,137,10,.22);
  --wds-black:   #0C0C0C;
  --wds-black2:  #161616;
  --wds-black3:  #222222;
  --wds-cream:   #F7F4EF;
  --wds-cream2:  #EFE9DF;
  --wds-cream3:  #E8E0D2;
  --wds-white:   #FFFFFF;
  --wds-ink:     #1A1A1A;
  --wds-mid:     #4A4A4A;
  --wds-muted:   #8A8A8A;
  --wds-border:  #E2DCD4;
  --wds-border2: #D5CEC5;
  --wds-max:     1160px;
  --wds-r:       4px;
  --wds-r2:      10px;
  --wds-r3:      18px;
  --wds-rp:      100px;
  --wds-fh:      'Bricolage Grotesque', system-ui, sans-serif;
  --wds-fb:      'DM Sans', system-ui, sans-serif;
  --wds-ease:    all 0.22s cubic-bezier(.4,0,.2,1);
  --wds-sh:      0 4px 20px rgba(12,12,12,.07);
  --wds-sh2:     0 16px 60px rgba(12,12,12,.14);
  --wds-ash:     0 6px 24px rgba(212,137,10,.22);
  --wds-aglow:   0 0 40px rgba(212,137,10,.18);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { background:var(--wds-cream); color:var(--wds-ink); font-family:var(--wds-fb); font-size:1rem; line-height:1.74; 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(--wds-fh); font-size:clamp(2.8rem,5.2vw,7rem); font-weight:800; line-height:1.02; letter-spacing:-.025em; }
h2 { font-family:var(--wds-fh); font-size:clamp(1.9rem,2.8vw,3.2rem); font-weight:700; line-height:1.1; letter-spacing:-.015em; }
h3 { font-family:var(--wds-fh); font-size:1.1rem; font-weight:700; }
p  { font-size:.96rem; line-height:1.84; color:var(--wds-mid); }

/* ============================================================
   STICKY NAV + 3px AMBER TOP ACCENT LINE (FIRST in 59!)
   Clean cream background, differs from all previous navs
   ============================================================ */
.wds-nav { background:var(--wds-cream); border-top:3px solid var(--wds-amber); position:sticky; top:0; z-index:200; transition:box-shadow .2s; }
.wds-nav.wds-nav-scrolled { box-shadow:0 4px 24px rgba(12,12,12,.08); }
.wds-nav-inner { max-width:var(--wds-max); margin:0 auto; padding:0 2rem; display:flex; align-items:center; height:64px; gap:.4rem; }
/* BIGGER LOGO */
.wds-logo { font-family:var(--wds-fh); font-size:1.35rem; font-weight:800; color:var(--wds-black); letter-spacing:-.02em; margin-right:auto; }
.wds-logo em { font-style:normal; color:var(--wds-amber); }
.wds-nav-links { display:flex; align-items:center; gap:.1rem; }
/* Nav font bigger than body */
.wds-nl { font-family:var(--wds-fb); font-size:1.0rem; font-weight:600; color:var(--wds-mid); padding:.38rem .78rem; border-radius:var(--wds-r2); transition:var(--wds-ease); white-space:nowrap; }
.wds-nl:hover,.wds-nl.wds-on { background:var(--wds-cream2); color:var(--wds-black); }
.wds-nav-r { display:flex; align-items:center; gap:.5rem; flex-shrink:0; }
.wds-lang-sw { display:flex; align-items:center; gap:.25rem; }
.wds-lb { font-family:var(--wds-fb); font-size:.72rem; font-weight:700; color:var(--wds-muted); padding:.2rem .3rem; border-radius:var(--wds-r); transition:color .14s; }
.wds-lb:hover,.wds-lb.wds-lon { color:var(--wds-amber); }
.wds-lang-div { color:var(--wds-border); }
.wds-nav-cta { font-family:var(--wds-fh); font-size:.88rem; font-weight:700; color:var(--wds-cream); background:var(--wds-black); padding:.46rem 1.2rem; border-radius:var(--wds-rp); transition:background .14s; white-space:nowrap; }
.wds-nav-cta:hover { background:var(--wds-black2); }
.wds-ham { display:none; width:36px; height:36px; border-radius:var(--wds-r2); background:var(--wds-cream2); color:var(--wds-black); align-items:center; justify-content:center; }
/* Mobile overlay */
.wds-mob-ov { position:fixed; inset:0; background:var(--wds-black); z-index:290; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:.3rem; opacity:0; visibility:hidden; transform:scale(.97); transition:all .2s; }
.wds-mob-ov.wds-mob-open { opacity:1; visibility:visible; transform:none; }
.wds-mob-close { position:absolute; top:1.4rem; right:1.4rem; color:rgba(255,255,255,.4); background:rgba(255,255,255,.06); border-radius:var(--wds-rp); width:40px; height:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.wds-mob-link { font-family:var(--wds-fh); font-size:2.2rem; font-weight:800; color:rgba(255,255,255,.6); padding:.4rem; display:block; transition:color .14s; text-align:center; }
.wds-mob-link:hover { color:var(--wds-amber); }
.wds-mob-cta { font-family:var(--wds-fh); font-size:1rem; font-weight:700; color:var(--wds-black); background:var(--wds-amber); padding:.62rem 2rem; border-radius:var(--wds-rp); margin-top:1rem; }

/* ============================================================
   BENTO HERO (FIRST in 59!) 
   Cream left panel + angled black right panel
   ============================================================ */
.wds-hero-wrap { display:grid; grid-template-columns:1.4fr 1fr; min-height:calc(100vh - 67px); }
.wds-hero-l { background:var(--wds-cream); padding:7rem 4rem 5rem 6rem; display:flex; flex-direction:column; justify-content:center; position:relative; }
.wds-hero-r { background:var(--wds-black); padding:7rem 4rem 5rem 4rem; clip-path:polygon(5% 0,100% 0,100% 100%,0 100%); display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }
.wds-hero-r::before { content:''; position:absolute; top:-100px; right:-100px; width:400px; height:400px; background:radial-gradient(circle,rgba(212,137,10,.06) 0%,transparent 70%); }
.wds-hero-ey { font-family:var(--wds-fb); font-size:.52rem; font-weight:700; text-transform:uppercase; letter-spacing:.28em; color:var(--wds-amber); display:inline-flex; align-items:center; gap:.5rem; margin-bottom:1.1rem; }
.wds-hero-ey::before { content:''; width:28px; height:2px; background:var(--wds-amber); border-radius:1px; }
.wds-hero-h1 { max-width:14ch; margin-bottom:1.2rem; }
.wds-hero-h1 span { color:var(--wds-amber); }
.wds-hero-sub { max-width:42ch; font-size:1.06rem; color:var(--wds-mid); line-height:1.78; margin-bottom:2rem; }
.wds-hero-acts { display:flex; gap:.6rem; flex-wrap:wrap; margin-bottom:3rem; }
.wds-hero-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.wds-hst-n { font-family:var(--wds-fh); font-size:2rem; font-weight:800; color:var(--wds-black); line-height:1; }
.wds-hst-l { font-size:.5rem; text-transform:uppercase; letter-spacing:.12em; color:var(--wds-muted); margin-top:.1rem; }
/* Right panel service list */
.wds-hero-svclist { list-style:none; display:flex; flex-direction:column; gap:.5rem; position:relative; z-index:1; }
.wds-hero-svclist li { display:flex; align-items:center; gap:.7rem; font-family:var(--wds-fb); font-size:.86rem; color:rgba(255,255,255,.45); padding:.5rem 0; border-bottom:1px solid rgba(255,255,255,.05); transition:var(--wds-ease); cursor:default; }
.wds-hero-svclist li:hover { color:rgba(255,255,255,.85); }
.wds-hero-svclist li:last-child { border-bottom:none; }
.wds-hsl-num { font-family:var(--wds-fh); font-size:.64rem; font-weight:700; color:rgba(212,137,10,.5); width:24px; flex-shrink:0; }
.wds-hero-stat-card { background:rgba(212,137,10,.08); border:1px solid rgba(212,137,10,.18); border-radius:var(--wds-r2); padding:1.1rem 1.2rem; position:relative; z-index:1; margin-top:1.2rem; }
.wds-hsc-n { font-family:var(--wds-fh); font-size:2.4rem; font-weight:800; color:var(--wds-amber); line-height:1; }
.wds-hsc-l { font-size:.62rem; color:rgba(255,255,255,.3); margin-top:.2rem; }

/* ============================================================
   AMBER MARQUEE STRIP (FIRST amber marquee in 59!)
   ============================================================ */
.wds-march-band { background:var(--wds-amber); overflow:hidden; padding:.7rem 0; }
.wds-march-roll { display:flex; gap:2.5rem; white-space:nowrap; animation:wdsMarchAnim 22s linear infinite; }
.wds-march-roll:hover { animation-play-state:paused; }
@keyframes wdsMarchAnim { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.wds-march-item { font-family:var(--wds-fh); font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--wds-black); }
.wds-march-dot { color:rgba(0,0,0,.3); }

/* ============================================================
   3x2 SERVICE CARD GRID (different from B58's horizontal scroll!)
   ============================================================ */
.wds-svc-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--wds-border); border:1px solid var(--wds-border); border-radius:var(--wds-r3); overflow:hidden; }
.wds-sc-card { background:var(--wds-white); padding:2rem; display:block; transition:var(--wds-ease); position:relative; }
.wds-sc-card:hover { background:var(--wds-cream); }
.wds-sc-card:hover .wds-sc-icon { background:var(--wds-amber); color:var(--wds-white); }
.wds-sc-icon { width:44px; height:44px; background:var(--wds-ambert); border-radius:var(--wds-r2); display:flex; align-items:center; justify-content:center; color:var(--wds-amber); margin-bottom:1rem; transition:var(--wds-ease); }
.wds-sc-num { font-family:var(--wds-fb); font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.22em; color:var(--wds-muted); margin-bottom:.3rem; }
.wds-sc-nm { font-family:var(--wds-fh); font-size:1.1rem; font-weight:700; color:var(--wds-black); margin-bottom:.35rem; }
.wds-sc-brief { font-size:.82rem; color:var(--wds-mid); line-height:1.72; margin-bottom:.9rem; }
.wds-sc-ft { display:flex; align-items:center; justify-content:space-between; }
.wds-sc-price { font-family:var(--wds-fh); font-size:.88rem; font-weight:700; color:var(--wds-black); }
.wds-sc-arr { color:var(--wds-amber); transition:transform .14s; }
.wds-sc-card:hover .wds-sc-arr { transform:translateX(4px); }

/* ============================================================
   MAGAZINE ALTERNATING CASE STUDIES (different from B58 3-col!)
   ============================================================ */
.wds-case-mag { display:flex; flex-direction:column; gap:4rem; }
.wds-cm-row { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.wds-cm-img { border-radius:var(--wds-r3); overflow:hidden; }
.wds-cm-img img { width:100%; height:320px; object-fit:cover; display:block; transition:transform .4s; }
.wds-cm-row:hover .wds-cm-img img { transform:scale(1.03); }
.wds-cm-type { font-family:var(--wds-fb); font-size:.46rem; font-weight:700; text-transform:uppercase; letter-spacing:.2em; color:var(--wds-amber); margin-bottom:.4rem; }
.wds-cm-nm { font-family:var(--wds-fh); font-size:1.3rem; font-weight:700; color:var(--wds-black); margin-bottom:.8rem; line-height:1.24; }
.wds-cm-ch { font-size:.86rem; margin-bottom:.8rem; }
.wds-cm-res { font-size:.9rem; font-style:italic; color:var(--wds-black); margin-bottom:.9rem; }
.wds-cm-stat-row { display:flex; align-items:center; gap:.8rem; padding-top:.8rem; border-top:1px solid var(--wds-border); }
.wds-cm-stat-n { font-family:var(--wds-fh); font-size:2.4rem; font-weight:800; color:var(--wds-amber); line-height:1; }
.wds-cm-stat-l { font-size:.5rem; color:var(--wds-muted); text-transform:uppercase; letter-spacing:.08em; }

/* ============================================================
   STACKED TESTIMONIALS (3 cards in column layout)
   ============================================================ */
.wds-testi-trio { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.wds-tt-card { background:var(--wds-white); border:1.5px solid var(--wds-border); border-radius:var(--wds-r3); padding:2rem; position:relative; }
.wds-tt-mark { font-family:var(--wds-fh); font-size:4.5rem; font-weight:800; color:var(--wds-amber); opacity:.18; position:absolute; top:1rem; left:1.4rem; line-height:1; }
.wds-tt-q { font-size:.9rem; color:var(--wds-mid); line-height:1.82; font-style:italic; position:relative; z-index:1; margin-bottom:1.2rem; }
.wds-tt-who { display:flex; align-items:center; gap:.7rem; }
.wds-tt-av { width:40px; height:40px; border-radius:50%; background:var(--wds-ambert); display:flex; align-items:center; justify-content:center; font-family:var(--wds-fh); font-weight:700; color:var(--wds-amber); font-size:.96rem; flex-shrink:0; }
.wds-tt-nm { font-family:var(--wds-fh); font-size:.88rem; font-weight:700; color:var(--wds-black); }
.wds-tt-role { font-size:.72rem; color:var(--wds-muted); }
.wds-tt-stat { display:inline-block; font-size:.64rem; font-weight:700; color:var(--wds-amber2); background:var(--wds-ambert); border:1px solid var(--wds-ambert2); padding:.18rem .7rem; border-radius:var(--wds-rp); margin-top:.3rem; }

/* ============================================================
   ABOUT BAND (dark black section with amber stats)
   ============================================================ */
.wds-about-band { background:var(--wds-black); padding:7rem 0; }
.wds-ab-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.wds-ab-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.04); border-radius:var(--wds-r3); overflow:hidden; }
.wds-ab-stat { padding:1.5rem; }
.wds-ab-stat-n { font-family:var(--wds-fh); font-size:3rem; font-weight:800; color:var(--wds-amber); line-height:1; }
.wds-ab-stat-l { font-size:.52rem; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.22); margin-top:.2rem; }
.wds-ab-text { }
.wds-ab-ey { font-family:var(--wds-fb); font-size:.52rem; font-weight:700; text-transform:uppercase; letter-spacing:.28em; color:var(--wds-amber); display:inline-flex; align-items:center; gap:.4rem; margin-bottom:.7rem; }
.wds-ab-h2 { font-family:var(--wds-fh); font-size:clamp(1.7rem,2.5vw,2.6rem); font-weight:700; color:white; margin-bottom:1rem; }
.wds-ab-p { font-size:.9rem; color:rgba(255,255,255,.4); line-height:1.84; margin-bottom:.8rem; }

/* ============================================================
   VERTICAL ACCORDION PROCESS (FIRST in 59! differs from B58 timeline)
   ============================================================ */
.wds-proc-acc { border-top:1px solid var(--wds-border); }
.wds-proc-item { border-bottom:1px solid var(--wds-border); overflow:hidden; }
.wds-proc-trigger { display:flex; align-items:center; gap:1.5rem; padding:1.4rem 0; cursor:pointer; background:none; border:none; width:100%; text-align:left; }
.wds-proc-num { font-family:var(--wds-fh); font-size:2.8rem; font-weight:800; color:var(--wds-amber); opacity:.18; width:60px; flex-shrink:0; transition:opacity .2s; line-height:1; }
.wds-proc-item.wds-proc-open .wds-proc-num { opacity:1; }
.wds-proc-icon { width:36px; height:36px; background:var(--wds-cream2); border-radius:var(--wds-r2); display:flex; align-items:center; justify-content:center; color:var(--wds-muted); flex-shrink:0; transition:var(--wds-ease); }
.wds-proc-item.wds-proc-open .wds-proc-icon { background:var(--wds-amber); color:white; }
.wds-proc-nm { font-family:var(--wds-fh); font-size:1.1rem; font-weight:700; color:var(--wds-black); flex:1; }
.wds-proc-tog { color:var(--wds-muted); transition:transform .2s; margin-left:auto; }
.wds-proc-item.wds-proc-open .wds-proc-tog { transform:rotate(180deg); }
.wds-proc-body-wrap { max-height:0; overflow:hidden; transition:max-height .32s ease; }
.wds-proc-item.wds-proc-open .wds-proc-body-wrap { max-height:260px; }
.wds-proc-body { padding:.3rem 0 1.5rem 7.5rem; }
.wds-proc-txt { font-size:.9rem; color:var(--wds-mid); line-height:1.84; }

/* ============================================================
   DARK BLACK PRICING (FIRST in 59! amber glow featured card)
   ============================================================ */
.wds-price-arena { background:var(--wds-black); padding:7rem 0; }
.wds-price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2rem; }
.wds-px-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:var(--wds-r3); padding:2rem; transition:var(--wds-ease); }
.wds-px-card:hover { background:rgba(255,255,255,.06); }
.wds-px-card.wds-px-feat { border-color:var(--wds-amber); box-shadow:var(--wds-aglow); }
.wds-px-badge { font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--wds-black); background:var(--wds-amber); padding:.2rem .7rem; border-radius:var(--wds-rp); display:inline-block; margin-bottom:.6rem; }
.wds-px-nm { font-family:var(--wds-fh); font-size:1.4rem; font-weight:800; color:white; display:block; margin-bottom:.2rem; }
.wds-px-tag { font-size:.82rem; color:rgba(255,255,255,.3); display:block; margin-bottom:.9rem; }
.wds-px-price { font-family:var(--wds-fh); font-size:3rem; font-weight:800; color:var(--wds-amber); line-height:1; }
.wds-px-per { font-size:.5rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.2); margin-bottom:1.2rem; }
.wds-px-div { border:none; border-top:1px solid rgba(255,255,255,.07); margin:.8rem 0; }
.wds-px-items { display:flex; flex-direction:column; gap:.35rem; margin-bottom:1.4rem; }
.wds-px-item { display:flex; align-items:flex-start; gap:.38rem; font-size:.82rem; color:rgba(255,255,255,.45); }
.wds-px-item svg { color:var(--wds-amber); flex-shrink:0; margin-top:.1rem; }

/* ============================================================
   FAQ TWO-COLUMN MASONRY (different from B58 stepper!)
   ============================================================ */
.wds-faq-duo { columns:2 400px; gap:1rem; margin-top:2rem; }
.wds-fq-item { break-inside:avoid; background:var(--wds-white); border:1.5px solid var(--wds-border); border-radius:var(--wds-r2); margin-bottom:.8rem; overflow:hidden; }
.wds-fq-qbtn { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; padding:.76rem 1rem; cursor:pointer; background:none; border:none; width:100%; text-align:left; transition:background .12s; }
.wds-fq-qbtn:hover { background:var(--wds-cream); }
.wds-fq-item.wds-fq-on .wds-fq-qbtn { background:var(--wds-cream2); }
.wds-fq-qtxt { font-family:var(--wds-fh); font-size:.88rem; font-weight:700; color:var(--wds-mid); transition:color .12s; flex:1; line-height:1.4; }
.wds-fq-item.wds-fq-on .wds-fq-qtxt { color:var(--wds-black); }
.wds-fq-tog { width:24px; height:24px; background:var(--wds-cream2); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:var(--wds-ease); color:var(--wds-muted); }
.wds-fq-item.wds-fq-on .wds-fq-tog { background:var(--wds-amber); color:white; }
.wds-fq-ans-wrap { max-height:0; overflow:hidden; transition:max-height .28s ease; }
.wds-fq-item.wds-fq-on .wds-fq-ans-wrap { max-height:200px; }
.wds-fq-ans { padding:.3rem 1rem .8rem; font-size:.84rem; color:var(--wds-mid); line-height:1.84; }

/* ============================================================
   BUILDER
   ============================================================ */
.wds-bld-wrap { max-width:var(--wds-max); margin:0 auto; padding:4rem 2rem 8rem; display:grid; grid-template-columns:1fr 280px; gap:4rem; align-items:start; }
.wds-bgrp { margin-bottom:2rem; }
.wds-bgrp-lbl { display:block; font-family:var(--wds-fb); font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.24em; color:var(--wds-amber); margin-bottom:.8rem; }
.wds-pick-row { background:var(--wds-white); border:1.5px solid var(--wds-border); border-radius:var(--wds-r2); padding:.72rem 1rem; display:flex; align-items:center; gap:.6rem; cursor:pointer; user-select:none; transition:var(--wds-ease); margin-bottom:.4rem; }
.wds-pick-row:hover { border-color:var(--wds-border2); background:var(--wds-cream); }
.wds-pick-row.wds-picked { border-color:var(--wds-amber); background:var(--wds-ambert); }
.wds-pick-dot { width:17px; height:17px; border:1.5px solid var(--wds-border2); border-radius:var(--wds-r); flex-shrink:0; transition:var(--wds-ease); }
.wds-pick-row.wds-picked .wds-pick-dot { background:var(--wds-amber); border-color:var(--wds-amber); }
.wds-pick-nm { font-size:.88rem; color:var(--wds-mid); flex:1; }
.wds-pick-row.wds-picked .wds-pick-nm { color:var(--wds-black); font-weight:600; }
.wds-pick-pr { font-size:.74rem; font-weight:700; color:var(--wds-amber); white-space:nowrap; }
.wds-adn-chips { display:flex; flex-wrap:wrap; gap:.4rem; }
.wds-adn-chip { background:var(--wds-white); border:1.5px solid var(--wds-border); border-radius:var(--wds-rp); padding:.44rem .9rem; cursor:pointer; user-select:none; transition:var(--wds-ease); }
.wds-adn-chip.wds-adn-on { border-color:var(--wds-amber); background:var(--wds-ambert); }
.wds-adn-cn { font-size:.8rem; font-weight:600; color:var(--wds-mid); }
.wds-adn-chip.wds-adn-on .wds-adn-cn { color:var(--wds-black); }
.wds-adn-cp { font-size:.62rem; color:var(--wds-muted); }
.wds-adn-chip.wds-adn-on .wds-adn-cp { color:var(--wds-amber2); }
.wds-hrs-panel { background:var(--wds-white); border:1.5px solid var(--wds-border); border-radius:var(--wds-r2); padding:.9rem 1rem; }
.wds-hrs-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:.5rem; }
.wds-hrs-lbl { font-size:.84rem; color:var(--wds-mid); }
.wds-hrs-num { font-family:var(--wds-fh); font-size:2rem; font-weight:800; color:var(--wds-amber); line-height:1; }
.wds-hrs-range { -webkit-appearance:none; width:100%; height:3px; background:var(--wds-border); border-radius:2px; cursor:pointer; }
.wds-hrs-range::-webkit-slider-thumb { -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--wds-amber); cursor:pointer; border:2px solid white; box-shadow:var(--wds-sh); }
.wds-hrs-note { font-size:.66rem; color:var(--wds-muted); margin-top:.4rem; }
/* BLACK receipt panel */
.wds-receipt { background:var(--wds-black); border-radius:var(--wds-r3); overflow:hidden; position:sticky; top:2rem; }
.wds-receipt-hd { background:rgba(255,255,255,.04); padding:.8rem 1.2rem; border-bottom:1px solid rgba(255,255,255,.07); }
.wds-receipt-hl { font-family:var(--wds-fb); font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:rgba(255,255,255,.25); }
.wds-receipt-body { padding:.8rem 1.2rem; min-height:60px; }
.wds-receipt-empty { font-size:.76rem; color:rgba(255,255,255,.2); font-style:italic; }
.wds-receipt-ln { display:flex; justify-content:space-between; gap:.5rem; font-size:.76rem; margin-bottom:.38rem; }
.wds-receipt-lnm { color:rgba(255,255,255,.4); }
.wds-receipt-lpr { font-weight:700; color:var(--wds-amber); }
.wds-receipt-ft { border-top:1px solid rgba(255,255,255,.07); padding:.8rem 1.2rem; }
.wds-receipt-tot { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:.8rem; }
.wds-receipt-totl { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.2); }
.wds-receipt-tota { font-family:var(--wds-fh); font-size:2.8rem; font-weight:800; color:var(--wds-amber); line-height:1; }
.wds-receipt-go { display:block; width:100%; background:var(--wds-amber); color:var(--wds-black); font-family:var(--wds-fh); font-size:.9rem; font-weight:800; padding:.76rem; border-radius:var(--wds-rp); border:none; cursor:pointer; transition:background .14s; }
.wds-receipt-go:hover:not(:disabled) { background:var(--wds-amber3); }
.wds-receipt-go:disabled { opacity:.2; cursor:not-allowed; }

/* ============================================================
   PAGE CAP (inner pages)
   ============================================================ */
.wds-pagecap { background:var(--wds-black); padding:6rem 0 5rem; border-bottom:3px solid var(--wds-amber); position:relative; }
.wds-pagecap-in { max-width:var(--wds-max); margin:0 auto; padding:0 2.5rem; }
.wds-pagecap-tag { font-family:var(--wds-fb); font-size:.52rem; font-weight:700; text-transform:uppercase; letter-spacing:.28em; color:var(--wds-amber); display:inline-flex; align-items:center; gap:.4rem; margin-bottom:.7rem; }
.wds-pagecap h1 { color:white; max-width:22ch; }
.wds-pagecap-sub { color:rgba(255,255,255,.35); max-width:56ch; margin:.6rem 0 0; font-size:.98rem; }

/* ============================================================
   SERVICE PAGE
   ============================================================ */
.wds-svc-layout { max-width:var(--wds-max); margin:0 auto; padding:5rem 2.5rem; display:grid; grid-template-columns:1fr 270px; gap:5rem; align-items:start; }
.wds-svc-main h2 { font-family:var(--wds-fh); color:var(--wds-amber2); font-size:1.3rem; margin:2.5rem 0 .5rem; }
.wds-svc-main p { margin-bottom:.88rem; }
.wds-deliv-row { display:flex; align-items:flex-start; gap:.44rem; font-size:.88rem; color:var(--wds-mid); margin-bottom:.35rem; }
.wds-deliv-row svg { color:var(--wds-amber); flex-shrink:0; margin-top:.1rem; }
.wds-svc-aside { background:var(--wds-black); border-radius:var(--wds-r3); overflow:hidden; position:sticky; top:2rem; }
.wds-aside-top { padding:1.3rem; }
.wds-aside-from { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.28); margin-bottom:.2rem; }
.wds-aside-price { font-family:var(--wds-fh); font-size:1.15rem; font-weight:800; color:var(--wds-amber); margin-bottom:.8rem; }
.wds-aside-img img { width:100%; height:100px; object-fit:cover; }
.wds-other-h { font-size:.42rem; font-weight:700; text-transform:uppercase; letter-spacing:.22em; color:rgba(255,255,255,.2); margin:1.2rem 1.3rem .5rem; }
.wds-other-lk { display:flex; align-items:center; gap:.4rem; font-size:.8rem; color:rgba(255,255,255,.28); padding:.35rem 1.3rem; border-top:1px solid rgba(255,255,255,.05); transition:color .14s; }
.wds-other-lk:hover { color:var(--wds-amber); }

/* ============================================================
   CHECKOUT
   ============================================================ */
.wds-co-wrap { max-width:900px; margin:0 auto; padding:5rem 2rem; display:grid; grid-template-columns:1fr 260px; gap:4rem; align-items:start; }
.wds-fg { margin-bottom:.6rem; }
.wds-fl { display:block; font-family:var(--wds-fb); font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--wds-muted); margin-bottom:.28rem; }
.wds-fi { width:100%; background:var(--wds-white); border:1.5px solid var(--wds-border); border-radius:var(--wds-r2); padding:.68rem .94rem; color:var(--wds-black); font-size:.94rem; transition:border-color .15s; }
.wds-fi:focus { outline:none; border-color:var(--wds-amber); box-shadow:0 0 0 3px rgba(212,137,10,.1); }
.wds-agree { display:flex; align-items:flex-start; gap:.5rem; font-size:.8rem; color:var(--wds-mid); margin:.9rem 0; line-height:1.6; }
.wds-agree input { margin-top:.14rem; accent-color:var(--wds-amber); }
.wds-agree a { color:var(--wds-amber2); }
.wds-co-recap { background:var(--wds-black); border-radius:var(--wds-r3); overflow:hidden; position:sticky; top:2rem; }
.wds-co-hd { background:rgba(255,255,255,.04); padding:.7rem 1.1rem; border-bottom:1px solid rgba(255,255,255,.07); }
.wds-co-hl { font-family:var(--wds-fb); font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.25); }
.wds-co-body { padding:.9rem 1.1rem; }
.wds-co-ln { display:flex; justify-content:space-between; gap:1rem; font-size:.76rem; margin-bottom:.38rem; }
.wds-co-lnm { color:rgba(255,255,255,.38); }
.wds-co-lpr { font-weight:700; color:var(--wds-amber); }
.wds-co-div { border:none; border-top:1px solid rgba(255,255,255,.07); margin:.5rem 0; }
.wds-co-tot { display:flex; justify-content:space-between; align-items:flex-end; }
.wds-co-totl { font-size:.44rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.22); }
.wds-co-totv { font-family:var(--wds-fh); font-size:2.4rem; font-weight:800; color:var(--wds-amber); line-height:1; }

/* ============================================================
   LEGAL
   ============================================================ */
.wds-legal { max-width:820px; margin:0 auto; padding:5rem 2rem 8rem; }
.wds-legal h2 { font-family:var(--wds-fh); font-size:1.4rem; font-weight:700; color:var(--wds-amber2); margin:2.8rem 0 .5rem; }
.wds-legal h3 { font-family:var(--wds-fh); font-size:.92rem; font-weight:700; color:var(--wds-black); margin:1.4rem 0 .3rem; }
.wds-legal p { margin-bottom:.88rem; font-size:.92rem; }
.wds-legal ul { padding-left:1.2rem; margin:.4rem 0 .88rem; }
.wds-legal li { font-size:.92rem; list-style:disc; color:var(--wds-mid); line-height:1.72; margin-bottom:.26rem; }
.wds-legal a { color:var(--wds-amber2); }
.wds-legal address { background:var(--wds-cream); border-left:3px solid var(--wds-amber); padding:.88rem 1.1rem; font-size:.88rem; color:var(--wds-mid); line-height:1.86; margin:.88rem 0; border-radius:0 var(--wds-r) var(--wds-r) 0; }
.wds-legal-eff { display:inline-block; font-size:.7rem; color:var(--wds-muted); background:var(--wds-cream); border:1px solid var(--wds-border); padding:.24rem .7rem; border-radius:var(--wds-rp); margin-bottom:1.5rem; }
.wds-result-page { min-height:72vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:6rem 2rem; }

/* ============================================================
   BUTTONS
   ============================================================ */
.wds-btn-black { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--wds-fh); font-size:.94rem; font-weight:700; color:white; background:var(--wds-black); padding:.72rem 2rem; border-radius:var(--wds-rp); transition:opacity .14s; border:none; cursor:pointer; white-space:nowrap; }
.wds-btn-black:hover { opacity:.8; }
.wds-btn-amber { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--wds-fh); font-size:.94rem; font-weight:800; color:var(--wds-black); background:var(--wds-amber); padding:.72rem 2rem; border-radius:var(--wds-rp); transition:background .14s; border:none; cursor:pointer; white-space:nowrap; box-shadow:var(--wds-ash); }
.wds-btn-amber:hover { background:var(--wds-amber2); }
.wds-btn-outline { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--wds-fh); font-size:.94rem; font-weight:700; color:var(--wds-black); background:transparent; padding:.7rem 1.9rem; border-radius:var(--wds-rp); border:1.5px solid var(--wds-border2); transition:var(--wds-ease); white-space:nowrap; }
.wds-btn-outline:hover { border-color:var(--wds-black); }
.wds-btn-outline-w { display:inline-flex; align-items:center; gap:.4rem; font-family:var(--wds-fh); font-size:.94rem; font-weight:700; color:rgba(255,255,255,.5); background:transparent; padding:.7rem 1.9rem; border-radius:var(--wds-rp); border:1.5px solid rgba(255,255,255,.15); transition:var(--wds-ease); white-space:nowrap; }
.wds-btn-outline-w:hover { color:white; border-color:rgba(255,255,255,.4); }
.wds-btn-sm-amber { display:inline-flex; align-items:center; gap:.35rem; font-family:var(--wds-fh); font-size:.84rem; font-weight:800; color:var(--wds-black); background:var(--wds-amber); padding:.5rem 1.1rem; border-radius:var(--wds-rp); transition:background .14s; border:none; cursor:pointer; white-space:nowrap; }
.wds-btn-sm-amber:hover { background:var(--wds-amber2); }
.wds-btn-sm-out { display:inline-flex; align-items:center; gap:.35rem; font-family:var(--wds-fh); font-size:.84rem; font-weight:700; color:var(--wds-mid); background:transparent; padding:.48rem 1.2rem; border-radius:var(--wds-rp); border:1.5px solid var(--wds-border); transition:var(--wds-ease); white-space:nowrap; }
.wds-btn-sm-out:hover { border-color:var(--wds-amber); color:var(--wds-amber2); }
.wds-btn-sm-w { display:inline-flex; align-items:center; gap:.35rem; font-family:var(--wds-fh); font-size:.84rem; font-weight:700; color:rgba(255,255,255,.4); background:transparent; padding:.48rem 1.2rem; border-radius:var(--wds-rp); border:1.5px solid rgba(255,255,255,.12); transition:var(--wds-ease); white-space:nowrap; }
.wds-btn-sm-w:hover { border-color:var(--wds-amber); color:var(--wds-amber); }

/* ============================================================
   UTILITIES
   ============================================================ */
.wds-hull { max-width:var(--wds-max); margin:0 auto; padding:0 2.5rem; }
.wds-slab { padding:7rem 0; }
.wds-ey { font-family:var(--wds-fb); font-size:.52rem; font-weight:700; text-transform:uppercase; letter-spacing:.28em; color:var(--wds-amber); display:inline-flex; align-items:center; gap:.5rem; }
.wds-ey::before { content:''; width:28px; height:2px; background:var(--wds-amber); border-radius:1px; }
.wds-float { opacity:0; transform:translateY(16px); transition:opacity .44s ease,transform .44s ease; }
.wds-float.wds-vis { opacity:1; transform:none; }

/* ============================================================
   COOKIE + CHAT
   ============================================================ */
.wds-ck-bar { position:fixed; bottom:0; left:0; right:0; background:var(--wds-black); border-top:3px solid var(--wds-amber); z-index:9999; padding:.9rem 2rem; display:none; gap:1rem; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.wds-ck-bar p { font-size:.78rem; color:rgba(255,255,255,.35); margin:0; }
.wds-ck-bar a { color:var(--wds-amber); }
.wds-ck-btns { display:flex; gap:.4rem; flex-shrink:0; }
.wds-ck-yes { background:var(--wds-amber); color:var(--wds-black); font-family:var(--wds-fh); font-size:.78rem; font-weight:800; padding:.38rem .92rem; border:none; border-radius:var(--wds-r); cursor:pointer; }
.wds-ck-no { background:transparent; color:rgba(255,255,255,.3); font-family:var(--wds-fb); font-size:.78rem; padding:.38rem .92rem; border:1px solid rgba(255,255,255,.12); border-radius:var(--wds-r); cursor:pointer; }
.wds-chat-fab { position:fixed; bottom:4.5rem; right:1.5rem; z-index:9990; width:54px; height:54px; background:var(--wds-amber); border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:var(--wds-ash); cursor:pointer; border:none; transition:var(--wds-ease); }
.wds-chat-fab:hover { background:var(--wds-amber2); transform:scale(1.06); }
.wds-chatpop { position:fixed; bottom:7.8rem; right:1.5rem; z-index:9989; width:274px; background:white; border:1px solid var(--wds-border); border-radius:var(--wds-r3); box-shadow:var(--wds-sh2); opacity:0; pointer-events:none; transform:translateY(8px) scale(.97); transition:opacity .2s,transform .22s; overflow:hidden; }
.wds-chatpop.wds-cp-on { opacity:1; pointer-events:auto; transform:none; }
.wds-chatpop-hd { background:var(--wds-black); padding:.9rem 1rem; display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid var(--wds-amber); }
.wds-chatpop-nm { font-family:var(--wds-fh); font-size:.9rem; font-weight:700; color:white; }
.wds-chatpop-sub { font-size:.54rem; color:rgba(255,255,255,.35); }
.wds-chat-done { display:none; text-align:center; padding:.7rem; font-size:.82rem; color:var(--wds-amber2); font-weight:700; }
.wds-chat-inp { width:100%; background:var(--wds-cream); border:1px solid var(--wds-border); border-radius:var(--wds-r); padding:.46rem .78rem; font-size:.82rem; color:var(--wds-black); margin-bottom:.36rem; resize:none; }
.wds-chat-send { width:100%; background:var(--wds-amber); color:var(--wds-black); font-family:var(--wds-fh); font-size:.8rem; font-weight:800; padding:.48rem; border-radius:var(--wds-rp); border:none; cursor:pointer; }

/* ============================================================
   FOOTER
   ============================================================ */
.wds-foot { background:var(--wds-black2); border-top:3px solid var(--wds-amber); }
.wds-foot-body { max-width:var(--wds-max); margin:0 auto; padding:5rem 2.5rem 2rem; display:grid; grid-template-columns:1.8fr 1fr 1fr 1fr; gap:2rem; }
/* BIGGER LOGO footer */
.wds-foot-logo { font-family:var(--wds-fh); font-size:1.7rem; font-weight:800; color:white; letter-spacing:-.02em; }
.wds-foot-logo em { font-style:normal; color:var(--wds-amber); }
.wds-foot-tagline { font-size:.76rem; color:rgba(255,255,255,.22); margin-top:.25rem; max-width:28ch; line-height:1.72; margin-bottom:.9rem; }
.wds-foot-soc { display:flex; gap:.38rem; flex-wrap:wrap; }
.wds-foot-soc a { width:30px; height:30px; border:1px solid rgba(255,255,255,.1); border-radius:var(--wds-r); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.28); transition:var(--wds-ease); }
.wds-foot-soc a:hover { border-color:var(--wds-amber); color:var(--wds-amber); }
.wds-foot-col-h { font-family:var(--wds-fb); font-size:.42rem; font-weight:700; text-transform:uppercase; letter-spacing:.28em; color:rgba(255,255,255,.16); margin-bottom:.8rem; }
.wds-foot-navs { display:flex; flex-direction:column; gap:.44rem; }
.wds-foot-navs a { font-size:.8rem; color:rgba(255,255,255,.3); transition:color .14s; }
.wds-foot-navs a:hover { color:var(--wds-amber); }
.wds-foot-ct a { display:flex; align-items:flex-start; gap:.36rem; font-size:.78rem; color:rgba(255,255,255,.3); margin-bottom:.44rem; transition:color .14s; }
.wds-foot-ct a:hover { color:var(--wds-amber); }
.wds-foot-ct svg { color:rgba(255,255,255,.18); flex-shrink:0; margin-top:.06rem; }
.wds-foot-btm { border-top:1px solid rgba(255,255,255,.05); max-width:var(--wds-max); margin:0 auto; padding:.9rem 2.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.wds-foot-copy { font-size:.62rem; color:rgba(255,255,255,.16); }
.wds-foot-legal { display:flex; gap:1rem; flex-wrap:wrap; }
.wds-foot-legal a { font-size:.62rem; color:rgba(255,255,255,.16); transition:color .14s; }
.wds-foot-legal a:hover { color:var(--wds-amber); }
.wds-foot-lang { display:flex; align-items:center; gap:.4rem; }
.wds-foot-lang a { font-size:.62rem; font-weight:700; color:rgba(255,255,255,.2); transition:color .14s; }
.wds-foot-lang a:hover,.wds-foot-lang a.wds-lon { color:var(--wds-amber); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px) {
  .wds-nav-links,.wds-nav-cta { display:none; }
  .wds-ham { display:flex; }
  .wds-hero-wrap { grid-template-columns:1fr; }
  .wds-hero-r { clip-path:none; padding:3rem 2rem; }
  .wds-hero-svclist { display:none; }
  .wds-svc-grid { grid-template-columns:1fr 1fr; }
  .wds-testi-trio,.wds-price-grid { grid-template-columns:1fr; }
  .wds-ab-grid { grid-template-columns:1fr; gap:3rem; }
  .wds-bld-wrap,.wds-co-wrap,.wds-svc-layout { grid-template-columns:1fr; gap:2.5rem; }
  .wds-cm-row { grid-template-columns:1fr; }
  .wds-faq-duo { columns:1; }
  .wds-foot-body { grid-template-columns:1fr 1fr; }
  .wds-hull { padding-left:1.4rem; padding-right:1.4rem; }
}
@media (max-width:640px) {
  .wds-svc-grid { grid-template-columns:1fr; }
  .wds-foot-body { grid-template-columns:1fr; }
  .wds-hero-stats { grid-template-columns:repeat(3,1fr); }
}