/* wanderlustcopywriting.com -- style.css
   Theme: Ligurian Riviera editorial copywriting, Alassio SV
   Nav: MEGA MENU with full-width services panel -- UNIQUE
   Hero: CINEMATIC FULL-BLEED MAGAZINE COVER -- UNIQUE
   Services: HORIZONTAL CARD ROW -- UNIQUE
   Process: JOURNEY HORIZONTAL NUMBERED -- UNIQUE
   Testimonials: FULL-WIDTH QUOTE BAND alternating -- UNIQUE
   Pricing: VOYAGE TIER (Drift/Voyage/Expedition) -- UNIQUE
   Footer: STACKED TWO-ROW with wave divider -- UNIQUE
   Fonts: Cormorant Garamond + Mulish -- UNIQUE in series
   Palette: Sand #F5F1EA + Ocean #1B3A4B + Sea #3D8BA1 + Terra #B56E3F -- UNIQUE
   CSS prefix: wl-
   ----------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Mulish:wght@300;400;500;600;700;800&display=swap');

:root {
  --wl-sand:    #F5F1EA;
  --wl-sand2:   #EDE7D8;
  --wl-sand3:   #E0D7C6;
  --wl-ocean:   #1B3A4B;
  --wl-ocean2:  #122836;
  --wl-sea:     #3D8BA1;
  --wl-sea2:    #2C6E81;
  --wl-seabg:   rgba(61,139,161,.08);
  --wl-terra:   #B56E3F;
  --wl-terra2:  #8A5030;
  --wl-mist:    #8FA5AD;
  --wl-ink:     #181F26;
  --wl-cream:   #FAF8F4;
  --wl-edge:    rgba(27,58,75,.10);
  --wl-edge2:   rgba(27,58,75,.18);
  --wl-max:     1140px;
  --wl-ease:    all 0.24s cubic-bezier(.4,0,.2,1);
  --wl-fh:      'Cormorant Garamond', Georgia, serif;
  --wl-fb:      'Mulish', system-ui, sans-serif;
  --wl-r:       4px;
  --wl-r2:      14px;
  --wl-sh:      0 2px 20px rgba(27,58,75,.08);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{background:var(--wl-sand);color:var(--wl-ink);font-family:var(--wl-fb);font-size:1rem;line-height:1.7;overflow-x:hidden;}
img,svg{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;font-size:1rem;}
address{font-style:normal;}
h1,h2,h3,h4,h5{font-family:var(--wl-fh);}
h1{font-size:clamp(3.2rem,7vw,8rem);font-weight:700;line-height:.95;letter-spacing:-.02em;}
h2{font-size:clamp(2rem,3.5vw,3.6rem);font-weight:600;line-height:1.05;letter-spacing:-.01em;}
h3{font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:600;}
p{font-size:.88rem;line-height:1.85;color:var(--wl-mist);}

.wl-shell{max-width:var(--wl-max);margin:0 auto;padding:0 2.5rem;}
.wl-slab{padding:7rem 0;}
.wl-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--wl-fb);font-size:.52rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--wl-terra);}
.wl-eyebrow::before{content:'';display:block;width:20px;height:1px;background:var(--wl-terra);}

/* ---- BUTTONS ---- */
.wl-btn-ocean{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--wl-fb);font-size:.82rem;font-weight:700;background:var(--wl-ocean);color:var(--wl-cream);padding:.8rem 1.9rem;border-radius:var(--wl-r);transition:var(--wl-ease);white-space:nowrap;border:none;cursor:pointer;letter-spacing:.02em;}
.wl-btn-ocean:hover{background:var(--wl-ocean2);transform:translateY(-1px);}
.wl-btn-terra{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--wl-fb);font-size:.82rem;font-weight:700;background:var(--wl-terra);color:white;padding:.8rem 1.9rem;border-radius:var(--wl-r);transition:var(--wl-ease);white-space:nowrap;border:none;cursor:pointer;}
.wl-btn-terra:hover{background:var(--wl-terra2);transform:translateY(-1px);}
.wl-btn-outline{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--wl-fb);font-size:.82rem;font-weight:700;color:var(--wl-ocean);padding:.78rem 1.85rem;border-radius:var(--wl-r);border:1.5px solid var(--wl-ocean);background:transparent;transition:var(--wl-ease);white-space:nowrap;}
.wl-btn-outline:hover{background:var(--wl-ocean);color:white;}
.wl-btn-outline-light{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--wl-fb);font-size:.82rem;font-weight:700;color:rgba(250,248,244,.7);padding:.78rem 1.85rem;border-radius:var(--wl-r);border:1.5px solid rgba(250,248,244,.3);background:transparent;transition:var(--wl-ease);white-space:nowrap;}
.wl-btn-outline-light:hover{background:rgba(250,248,244,.12);color:var(--wl-cream);}
.wl-btn-cream{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--wl-fb);font-size:.82rem;font-weight:700;background:var(--wl-cream);color:var(--wl-ocean);padding:.78rem 1.85rem;border-radius:var(--wl-r);transition:var(--wl-ease);white-space:nowrap;border:none;cursor:pointer;}
.wl-btn-cream:hover{background:white;}

/* ---- MEGA MENU NAV (UNIQUE) ---- */
.wl-header{position:fixed;top:0;left:0;right:0;z-index:900;background:var(--wl-cream);border-bottom:1px solid var(--wl-edge);transition:box-shadow .3s;}
.wl-header.wl-scrolled{box-shadow:var(--wl-sh);}
.wl-nav-bar{max-width:var(--wl-max);margin:0 auto;padding:0 2.5rem;height:68px;display:flex;align-items:center;gap:1.75rem;}
.wl-nav-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex-shrink:0;}
.wl-nav-brand img{height:26px;}
.wl-nav-brandnm{font-family:var(--wl-fh);font-size:1.15rem;font-weight:700;color:var(--wl-ocean);letter-spacing:-.01em;}
.wl-nav-brandnm em{font-style:italic;color:var(--wl-terra);}
.wl-nav-main{display:flex;align-items:stretch;gap:0;flex:1;}
/* Mega menu trigger */
.wl-nav-item{position:relative;}
.wl-nav-lk{display:flex;align-items:center;gap:.22rem;font-family:var(--wl-fb);font-size:.92rem;font-weight:500;color:var(--wl-mist);padding:.3rem .72rem;border-radius:var(--wl-r);transition:color .2s;cursor:pointer;white-space:nowrap;border:none;background:none;height:100%;}
.wl-nav-lk:hover,.wl-nav-lk.wl-on{color:var(--wl-ocean);}
.wl-nav-lk svg{transition:transform .2s;}
.wl-nav-item:hover .wl-nav-lk svg{transform:rotate(180deg);}
/* MEGA PANEL */
.wl-megapanel{position:fixed;top:68px;left:0;right:0;background:var(--wl-cream);border-top:1px solid var(--wl-edge);border-bottom:1px solid var(--wl-edge);box-shadow:0 8px 30px rgba(27,58,75,.08);z-index:850;display:none;opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s;pointer-events:none;}
.wl-megapanel.wl-mp-show{display:grid;opacity:1;transform:translateY(0);pointer-events:auto;}
.wl-mega-inner{max-width:var(--wl-max);margin:0 auto;padding:2rem 2.5rem;display:grid;grid-template-columns:1fr 1fr 1fr 340px;gap:2.5rem;}
.wl-mega-col-h{font-family:var(--wl-fb);font-size:.52rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wl-mist);margin-bottom:.85rem;}
.wl-mega-links{display:flex;flex-direction:column;gap:.1rem;}
.wl-mega-lk{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .6rem;border-radius:var(--wl-r);text-decoration:none;transition:background .18s;cursor:pointer;}
.wl-mega-lk:hover{background:var(--wl-sand2);}
.wl-mega-lk-ico{width:26px;height:26px;border-radius:var(--wl-r);background:var(--wl-seabg);color:var(--wl-sea);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.06rem;}
.wl-mega-lk-nm{font-family:var(--wl-fb);font-size:.82rem;font-weight:600;color:var(--wl-ocean);margin-bottom:.06rem;}
.wl-mega-lk-pr{font-size:.65rem;color:var(--wl-mist);}
/* Mega featured panel */
.wl-mega-feat{background:var(--wl-ocean);border-radius:var(--wl-r2);overflow:hidden;}
.wl-mega-feat-img{height:120px;overflow:hidden;}
.wl-mega-feat-img img{width:100%;height:100%;object-fit:cover;opacity:.7;}
.wl-mega-feat-body{padding:1.1rem;}
.wl-mega-feat-tag{font-family:var(--wl-fb);font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:rgba(250,248,244,.3);margin-bottom:.3rem;}
.wl-mega-feat-h{font-family:var(--wl-fh);font-size:1rem;font-weight:600;color:var(--wl-cream);margin-bottom:.35rem;}
.wl-mega-feat-p{font-size:.68rem;color:rgba(250,248,244,.35);line-height:1.65;margin-bottom:.75rem;}
.wl-mega-feat-link{font-family:var(--wl-fb);font-size:.68rem;font-weight:700;color:var(--wl-terra);display:flex;align-items:center;gap:.22rem;}
/* Nav right */
.wl-nav-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0;margin-left:auto;}
.wl-lang-btn{font-family:var(--wl-fb);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wl-mist);border:1.5px solid var(--wl-edge);padding:.2rem .5rem;border-radius:2px;transition:var(--wl-ease);}
.wl-lang-btn:hover{color:var(--wl-ocean);border-color:var(--wl-ocean);}
.wl-nav-cta{font-family:var(--wl-fb);font-size:.78rem;font-weight:700;background:var(--wl-ocean);color:var(--wl-cream);padding:.42rem 1.1rem;border-radius:var(--wl-r);transition:var(--wl-ease);letter-spacing:.02em;}
.wl-nav-cta:hover{background:var(--wl-ocean2);}
.wl-burger{display:none;width:34px;height:34px;align-items:center;justify-content:center;color:var(--wl-ocean);}
/* Mobile drawer - bottom sheet style (different from all previous) */
.wl-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--wl-cream);border-radius:var(--wl-r2) var(--wl-r2) 0 0;z-index:960;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;max-height:85vh;padding:1.5rem 1.5rem 2rem;}
.wl-drawer.wl-dr-open{transform:translateY(0);}
.wl-drawer-bd{position:fixed;inset:0;background:rgba(27,58,75,.3);z-index:950;opacity:0;pointer-events:none;transition:opacity .3s;}
.wl-drawer-bd.wl-dr-open{opacity:1;pointer-events:auto;}
.wl-dr-handle{width:36px;height:3px;background:var(--wl-edge2);border-radius:2px;margin:0 auto .85rem;}
.wl-dr-link{display:block;font-family:var(--wl-fb);font-size:.95rem;font-weight:500;color:var(--wl-ocean);padding:.5rem 0;border-bottom:1px solid var(--wl-edge);}
.wl-dr-link:hover{color:var(--wl-terra);}
.wl-dr-sub{display:block;font-size:.8rem;color:var(--wl-mist);padding:.35rem 0 .35rem .85rem;border-bottom:1px solid var(--wl-edge);}
body{padding-top:68px;}

/* ---- CINEMATIC HERO (UNIQUE - magazine cover) ---- */
.wl-hero{position:relative;height:96vh;min-height:580px;overflow:hidden;display:flex;align-items:flex-end;}
.wl-hero-bg{position:absolute;inset:0;}
.wl-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%;}
.wl-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(27,58,75,.28) 0%,rgba(27,58,75,.75) 100%);}
.wl-hero-content{position:relative;z-index:2;padding:0 2.5rem 5rem;max-width:var(--wl-max);margin:0 auto;width:100%;}
.wl-hero-kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--wl-fb);font-size:.52rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:rgba(250,248,244,.45);margin-bottom:.85rem;}
.wl-hero-kicker::before{content:'';display:block;width:24px;height:1px;background:var(--wl-terra);}
.wl-hero h1{color:var(--wl-cream);font-weight:700;font-style:italic;margin-bottom:.65rem;}
.wl-hero h1 span{font-style:normal;color:var(--wl-terra);}
.wl-hero-sub{font-family:var(--wl-fb);font-size:.92rem;color:rgba(250,248,244,.5);max-width:50ch;margin-bottom:2.25rem;line-height:1.8;}
.wl-hero-acts{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;}
/* Stat strip bottom */
.wl-hero-strip{display:flex;align-items:center;gap:0;border-top:1px solid rgba(250,248,244,.1);padding-top:1.5rem;}
.wl-hero-stat{flex:1;text-align:center;}
.wl-hero-stat + .wl-hero-stat{border-left:1px solid rgba(250,248,244,.1);}
.wl-hero-stat-n{font-family:var(--wl-fh);font-size:2rem;font-weight:700;color:var(--wl-cream);line-height:1;}
.wl-hero-stat-l{font-family:var(--wl-fb);font-size:.52rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:rgba(250,248,244,.3);margin-top:.2rem;}

/* ---- SERVICES CARD ROW (horizontal scroll cards) ---- */
.wl-svc-shelf-sec{background:var(--wl-cream);}
.wl-svc-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.wl-svc-tile{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);overflow:hidden;display:block;text-decoration:none;transition:var(--wl-ease);}
.wl-svc-tile:hover{border-color:var(--wl-sea);transform:translateY(-3px);box-shadow:0 8px 28px rgba(27,58,75,.08);}
.wl-svc-tile-img{height:155px;overflow:hidden;}
.wl-svc-tile-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.wl-svc-tile:hover .wl-svc-tile-img img{transform:scale(1.05);}
.wl-svc-tile-body{padding:1.25rem;}
.wl-svc-tile-ico{width:28px;height:28px;border-radius:var(--wl-r);background:var(--wl-seabg);color:var(--wl-sea);display:flex;align-items:center;justify-content:center;margin-bottom:.65rem;}
.wl-svc-tile-nm{font-family:var(--wl-fh);font-size:1.05rem;font-weight:600;color:var(--wl-ocean);margin-bottom:.28rem;}
.wl-svc-tile-tg{font-size:.74rem;color:var(--wl-mist);line-height:1.65;margin-bottom:.7rem;}
.wl-svc-tile-pr{font-family:var(--wl-fb);font-size:.68rem;font-weight:700;color:var(--wl-terra);}

/* ---- CASE STUDY FEATURE - EDITORIAL FULL BLEED ---- */
.wl-editorial-case{background:var(--wl-ocean);}
.wl-ec-inner{max-width:var(--wl-max);margin:0 auto;padding:6rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.wl-ec-img{border-radius:var(--wl-r2);overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.25);}
.wl-ec-img img{width:100%;display:block;opacity:.9;}
.wl-ec-tag{font-family:var(--wl-fb);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--wl-terra);margin-bottom:.55rem;}
.wl-ec-h{font-family:var(--wl-fh);font-size:clamp(1.8rem,3vw,3rem);font-weight:600;font-style:italic;color:var(--wl-cream);line-height:1.1;margin-bottom:.85rem;}
.wl-ec-p{font-size:.86rem;color:rgba(250,248,244,.35);line-height:1.85;margin-bottom:1.5rem;}
.wl-ec-results{display:flex;gap:2.5rem;padding:1.25rem 0;border-top:1px solid rgba(250,248,244,.08);border-bottom:1px solid rgba(250,248,244,.08);margin-bottom:1.5rem;}
.wl-ecr-n{font-family:var(--wl-fh);font-size:3rem;font-weight:700;color:var(--wl-terra);line-height:1;}
.wl-ecr-l{font-family:var(--wl-fb);font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(250,248,244,.25);margin-top:.2rem;}

/* ---- CASES GRID 3-COL ---- */
.wl-cases-sec{background:var(--wl-sand2);}
.wl-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.wl-case-card{background:var(--wl-cream);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);overflow:hidden;transition:var(--wl-ease);text-decoration:none;display:block;}
.wl-case-card:hover{border-color:var(--wl-sea);box-shadow:var(--wl-sh);}
.wl-case-card-img{height:180px;overflow:hidden;}
.wl-case-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.wl-case-card:hover .wl-case-card-img img{transform:scale(1.05);}
.wl-case-card-body{padding:1.25rem;}
.wl-cc-type{font-family:var(--wl-fb);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--wl-terra);margin-bottom:.38rem;}
.wl-cc-nm{font-family:var(--wl-fh);font-size:1.05rem;font-weight:600;color:var(--wl-ocean);margin-bottom:.38rem;}
.wl-cc-p{font-size:.76rem;color:var(--wl-mist);line-height:1.7;}
.wl-cc-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem;}
.wl-cc-badge{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--wl-edge2);color:var(--wl-mist);padding:.1rem .38rem;border-radius:2px;font-family:var(--wl-fb);}

/* ---- PROCESS: HORIZONTAL JOURNEY STEPS ---- */
.wl-journey-sec{background:var(--wl-cream);}
.wl-journey-row{display:flex;align-items:flex-start;gap:0;position:relative;overflow-x:auto;}
.wl-journey-row::before{content:'';position:absolute;top:26px;left:0;right:0;height:1px;background:var(--wl-edge2);}
.wl-journey-step{flex:1;min-width:200px;padding:0 1.5rem;text-align:center;position:relative;}
.wl-journey-dot{width:52px;height:52px;border-radius:50%;background:var(--wl-cream);border:2px solid var(--wl-sea);display:flex;align-items:center;justify-content:center;font-family:var(--wl-fh);font-size:1.2rem;font-weight:700;color:var(--wl-ocean);margin:0 auto 1rem;position:relative;z-index:1;}
.wl-journey-step:nth-child(1) .wl-journey-dot{background:var(--wl-ocean);color:var(--wl-cream);border-color:var(--wl-ocean);}
.wl-journey-h{font-family:var(--wl-fh);font-size:.95rem;font-weight:600;color:var(--wl-ocean);margin-bottom:.38rem;}
.wl-journey-p{font-family:var(--wl-fb);font-size:.74rem;color:var(--wl-mist);line-height:1.7;}

/* ---- TESTIMONIALS: FULL-WIDTH ALTERNATING QUOTE BAND ---- */
.wl-quote-band{}
.wl-qb-item{padding:5rem 0;}
.wl-qb-item:nth-child(even){background:var(--wl-ocean);}
.wl-qb-item:nth-child(odd){background:var(--wl-cream);}
.wl-qb-inner{max-width:720px;margin:0 auto;padding:0 2.5rem;text-align:center;}
.wl-qb-ico{display:flex;justify-content:center;margin-bottom:1.5rem;opacity:.18;}
.wl-qb-item:nth-child(even) .wl-qb-ico{color:var(--wl-cream);}
.wl-qb-item:nth-child(odd) .wl-qb-ico{color:var(--wl-ocean);}
.wl-qb-q{font-family:var(--wl-fh);font-size:clamp(1.4rem,2.5vw,2.4rem);font-weight:300;font-style:italic;line-height:1.35;margin-bottom:1.5rem;}
.wl-qb-item:nth-child(even) .wl-qb-q{color:var(--wl-cream);}
.wl-qb-item:nth-child(odd) .wl-qb-q{color:var(--wl-ocean);}
.wl-qb-who{font-family:var(--wl-fb);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;}
.wl-qb-item:nth-child(even) .wl-qb-who{color:rgba(250,248,244,.3);}
.wl-qb-item:nth-child(odd) .wl-qb-who{color:var(--wl-mist);}
.wl-qb-stars{display:flex;justify-content:center;gap:.15rem;color:var(--wl-terra);margin-bottom:.85rem;}

/* ---- PRICING: VOYAGE TIER CARDS ---- */
.wl-pricing-sec{background:var(--wl-sand2);}
.wl-tier-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start;}
.wl-tier-card{background:var(--wl-cream);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);overflow:hidden;transition:var(--wl-ease);}
.wl-tier-card:hover{box-shadow:0 8px 32px rgba(27,58,75,.1);}
.wl-tier-card.wl-tf{border-color:var(--wl-sea);box-shadow:0 0 0 3px rgba(61,139,161,.15);}
.wl-tier-head{padding:1.5rem;border-bottom:1.5px solid var(--wl-edge);}
.wl-tier-badge{display:inline-flex;font-family:var(--wl-fb);font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--wl-seabg);color:var(--wl-sea);padding:.1rem .42rem;border-radius:2px;border:1px solid rgba(61,139,161,.2);margin-bottom:.55rem;}
.wl-tier-nm{font-family:var(--wl-fh);font-size:1.6rem;font-weight:700;font-style:italic;color:var(--wl-ocean);margin-bottom:.15rem;}
.wl-tier-sub{font-family:var(--wl-fb);font-size:.72rem;color:var(--wl-mist);}
.wl-tier-pr{font-family:var(--wl-fh);font-size:3rem;font-weight:700;color:var(--wl-ocean);line-height:1;padding:1.1rem 1.5rem 0;}
.wl-tier-unit{font-family:var(--wl-fb);font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--wl-mist);padding:0 1.5rem .65rem;}
.wl-tier-body{padding:0 1.5rem 1.5rem;}
.wl-tier-inc{display:flex;flex-direction:column;gap:.32rem;margin-bottom:1.35rem;}
.wl-tier-inc li{font-family:var(--wl-fb);font-size:.76rem;color:var(--wl-mist);display:flex;align-items:flex-start;gap:.38rem;}
.wl-tier-inc li svg{flex-shrink:0;margin-top:.12rem;color:var(--wl-sea);}
.wl-tf .wl-tier-inc li{color:var(--wl-ocean);}
.wl-tier-cta{display:block;text-align:center;font-family:var(--wl-fb);font-size:.8rem;font-weight:700;padding:.72rem;border-radius:var(--wl-r);transition:var(--wl-ease);cursor:pointer;border:none;text-decoration:none;}
.wl-tc-ocean{background:var(--wl-ocean);color:var(--wl-cream);}
.wl-tc-ocean:hover{background:var(--wl-ocean2);}
.wl-tc-outline{border:1.5px solid var(--wl-edge2);color:var(--wl-mist);}
.wl-tc-outline:hover{border-color:var(--wl-ocean);color:var(--wl-ocean);}

/* ---- PAGE CROWN ---- */
.wl-crown{background:var(--wl-ocean);padding:5rem 0 3rem;}
.wl-crown-inner{max-width:var(--wl-max);margin:0 auto;padding:0 2.5rem;text-align:center;}
.wl-crown h1{color:var(--wl-cream);font-style:italic;max-width:20ch;margin:0 auto;}
.wl-crown-sub{font-family:var(--wl-fb);font-size:.88rem;color:rgba(250,248,244,.35);max-width:52ch;margin:.7rem auto 0;line-height:1.85;}

/* ---- SERVICE PAGES ---- */
.wl-sp-wrap{max-width:var(--wl-max);margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 260px;gap:5rem;align-items:start;}
.wl-sp-body h2{font-family:var(--wl-fh);font-size:1.6rem;font-weight:600;font-style:italic;color:var(--wl-ocean);margin:2.5rem 0 .75rem;}
.wl-sp-body p{margin-bottom:1rem;}
.wl-sp-inc{display:flex;flex-direction:column;gap:.38rem;margin-bottom:1.5rem;}
.wl-sp-li{display:flex;align-items:center;gap:.5rem;font-family:var(--wl-fb);font-size:.84rem;color:var(--wl-ocean);}
.wl-sp-li svg{color:var(--wl-sea);flex-shrink:0;}
.wl-sp-del{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);padding:1.1rem 1.25rem;margin-bottom:1.25rem;}
.wl-sp-note{background:var(--wl-seabg);border-left:3px solid var(--wl-sea);padding:.85rem 1.1rem;border-radius:0 var(--wl-r) var(--wl-r) 0;font-family:var(--wl-fb);font-size:.82rem;color:var(--wl-mist);line-height:1.75;}
.wl-sp-aside{position:sticky;top:1.5rem;}
.wl-aside-card{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);overflow:hidden;margin-bottom:.85rem;}
.wl-aside-img img{width:100%;height:140px;object-fit:cover;display:block;}
.wl-aside-bdy{padding:1.2rem;}
.wl-aside-nm{font-family:var(--wl-fh);font-size:.9rem;font-weight:600;font-style:italic;color:var(--wl-ocean);margin-bottom:.2rem;}
.wl-aside-pr{font-family:var(--wl-fh);font-size:2.2rem;font-weight:700;color:var(--wl-ocean);line-height:1;}
.wl-aside-unit{font-family:var(--wl-fb);font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--wl-mist);margin-bottom:1rem;}
.wl-aside-acts{display:flex;flex-direction:column;gap:.42rem;}

/* ---- BUILDER ---- */
.wl-build-wrap{max-width:var(--wl-max);margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 260px;gap:4rem;align-items:start;}
.wl-bld-grp{margin-bottom:2.25rem;}
.wl-bld-grp-h{font-family:var(--wl-fb);font-size:.52rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--wl-terra);display:block;margin-bottom:.85rem;}
.wl-bld-tiles{display:flex;flex-direction:column;gap:.38rem;}
.wl-bld-tile{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r);padding:.8rem 1rem;display:flex;align-items:center;gap:.65rem;cursor:pointer;transition:var(--wl-ease);user-select:none;}
.wl-bld-tile:hover{border-color:var(--wl-edge2);}
.wl-bld-tile.wl-chosen{border-color:var(--wl-sea);background:var(--wl-seabg);}
.wl-bld-tile-ico{width:26px;height:26px;border-radius:var(--wl-r);background:var(--wl-seabg);color:var(--wl-sea);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wl-bld-tile-nm{font-family:var(--wl-fb);font-size:.8rem;color:var(--wl-ocean);flex:1;}
.wl-bld-tile-pr{font-family:var(--wl-fb);font-size:.7rem;color:var(--wl-mist);}
.wl-bld-tile-dot{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--wl-edge2);flex-shrink:0;transition:var(--wl-ease);}
.wl-bld-tile.wl-chosen .wl-bld-tile-dot{background:var(--wl-sea);border-color:var(--wl-sea);}
.wl-adn-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;}
.wl-adn-chip{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r);padding:.65rem .85rem;cursor:pointer;transition:var(--wl-ease);user-select:none;}
.wl-adn-chip:hover{border-color:var(--wl-edge2);}
.wl-adn-chip.wl-chosen{border-color:var(--wl-terra);background:rgba(181,110,63,.06);}
.wl-adn-nm{font-family:var(--wl-fb);font-size:.74rem;font-weight:600;color:var(--wl-ocean);}
.wl-adn-pr{font-size:.65rem;color:var(--wl-mist);margin-top:.04rem;}
.wl-adn-chip.wl-chosen .wl-adn-pr{color:var(--wl-terra);}
.wl-hrs-wrap{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r);padding:1rem 1.2rem;}
.wl-hrs-sl{-webkit-appearance:none;width:100%;height:3px;background:var(--wl-sand3);border-radius:2px;margin-top:.65rem;}
.wl-hrs-sl::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--wl-sea);cursor:pointer;box-shadow:0 0 0 3px var(--wl-seabg);}
.wl-hrs-val{font-family:var(--wl-fh);font-size:1.4rem;font-weight:700;color:var(--wl-sea);}
/* Summary box */
.wl-summ-box{background:var(--wl-cream);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);overflow:hidden;position:sticky;top:1.5rem;}
.wl-summ-hd{background:var(--wl-ocean);padding:.8rem 1.2rem;}
.wl-summ-hd-t{font-family:var(--wl-fb);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(250,248,244,.25);}
.wl-summ-lines{padding:.9rem 1.2rem;min-height:52px;}
.wl-summ-empty{font-family:var(--wl-fb);font-size:.72rem;color:var(--wl-mist);font-style:italic;}
.wl-summ-line{display:flex;justify-content:space-between;gap:.6rem;font-family:var(--wl-fb);font-size:.72rem;margin-bottom:.4rem;}
.wl-summ-lnm{color:var(--wl-mist);}
.wl-summ-lpr{font-weight:700;color:var(--wl-ocean);}
.wl-summ-foot{border-top:1.5px solid var(--wl-edge);padding:.9rem 1.2rem;}
.wl-summ-tot{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;}
.wl-summ-totl{font-family:var(--wl-fb);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--wl-mist);}
.wl-summ-totn{font-family:var(--wl-fh);font-size:2rem;font-weight:700;color:var(--wl-ocean);}
.wl-summ-go{display:block;width:100%;text-align:center;background:var(--wl-ocean);color:var(--wl-cream);font-family:var(--wl-fb);font-size:.8rem;font-weight:700;padding:.75rem;border-radius:var(--wl-r);border:none;cursor:pointer;transition:var(--wl-ease);}
.wl-summ-go:hover:not(:disabled){background:var(--wl-ocean2);}
.wl-summ-go:disabled{opacity:.22;cursor:not-allowed;}

/* ---- CHECKOUT ---- */
.wl-co-wrap{max-width:860px;margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 265px;gap:3.5rem;align-items:start;}
.wl-fld-lbl{display:block;font-family:var(--wl-fb);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--wl-mist);margin-bottom:.38rem;}
.wl-fld{width:100%;background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r);padding:.65rem .9rem;color:var(--wl-ocean);font-size:.86rem;transition:border-color .2s;font-family:var(--wl-fb);}
.wl-fld:focus{outline:none;border-color:var(--wl-sea);}
.wl-fgrp{margin-bottom:.85rem;}
.wl-fgrp-duo{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;}
.wl-agree{display:flex;align-items:flex-start;gap:.5rem;font-family:var(--wl-fb);font-size:.74rem;color:var(--wl-mist);line-height:1.55;margin:1.1rem 0;}
.wl-agree input{margin-top:.15rem;accent-color:var(--wl-sea);}
.wl-agree a{color:var(--wl-sea);}
.wl-co-panel{background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r2);overflow:hidden;position:sticky;top:1.5rem;}
.wl-co-ph{background:var(--wl-ocean);padding:.8rem 1.1rem;}
.wl-co-ph-t{font-family:var(--wl-fb);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(250,248,244,.25);}
.wl-co-pb{padding:1rem 1.15rem;}
.wl-co-line{display:flex;justify-content:space-between;gap:1rem;font-family:var(--wl-fb);font-size:.74rem;margin-bottom:.4rem;}
.wl-co-nm{color:var(--wl-mist);}
.wl-co-pr{font-weight:700;color:var(--wl-ocean);}
.wl-co-hr{border:none;border-top:1.5px solid var(--wl-edge);margin:.65rem 0;}
.wl-co-tot{display:flex;justify-content:space-between;gap:1rem;font-family:var(--wl-fb);margin-bottom:.4rem;}
.wl-co-totl{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--wl-mist);}
.wl-co-totn{font-family:var(--wl-fh);font-size:1.8rem;font-weight:700;color:var(--wl-ocean);}

/* ---- LEGAL ---- */
.wl-docpage{max-width:740px;margin:0 auto;padding:5rem 2.5rem;}
.wl-docpage h2{font-family:var(--wl-fh);font-size:1.4rem;font-weight:600;font-style:italic;color:var(--wl-ocean);margin:2.5rem 0 .7rem;}
.wl-docpage h3{font-family:var(--wl-fh);font-size:.95rem;font-weight:600;color:var(--wl-ocean);margin:1.25rem 0 .35rem;}
.wl-docpage p{margin-bottom:.85rem;font-size:.86rem;}
.wl-docpage ul{padding-left:1.1rem;margin:.35rem 0 .85rem;display:flex;flex-direction:column;gap:.28rem;}
.wl-docpage li{font-size:.86rem;list-style:disc;line-height:1.72;color:var(--wl-mist);}
.wl-docpage a{color:var(--wl-sea);}
.wl-docpage address{font-style:normal;background:var(--wl-sand2);border-left:3px solid var(--wl-sea);padding:.8rem 1.1rem;border-radius:0 var(--wl-r) var(--wl-r) 0;font-family:var(--wl-fb);font-size:.84rem;line-height:1.9;color:var(--wl-ocean);margin:.85rem 0;}
.wl-docpage table{width:100%;border-collapse:collapse;font-size:.78rem;margin:.85rem 0 1.2rem;}
.wl-docpage th{background:var(--wl-sand2);color:var(--wl-ocean);padding:.5rem .85rem;text-align:left;font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--wl-edge);font-family:var(--wl-fb);}
.wl-docpage td{padding:.5rem .85rem;border-bottom:1px solid var(--wl-edge);color:var(--wl-mist);}

/* ---- FOOTER ---- */
.wl-footer{background:var(--wl-ocean2);}
.wl-foot-top{max-width:var(--wl-max);margin:0 auto;padding:4rem 2.5rem 2.5rem;display:grid;grid-template-columns:280px 1fr 1fr 1fr;gap:3rem;}
.wl-foot-brand{}
.wl-foot-brand-inner{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem;}
.wl-foot-brand-inner img{height:24px;opacity:.7;}
.wl-foot-brand-nm{font-family:var(--wl-fh);font-size:1rem;font-weight:600;color:rgba(250,248,244,.3);}
.wl-foot-brand-nm em{font-style:italic;color:var(--wl-terra);}
.wl-foot-tagline{font-family:var(--wl-fb);font-size:.68rem;color:rgba(250,248,244,.15);line-height:1.65;margin-bottom:1rem;max-width:24ch;}
.wl-foot-soc{display:flex;gap:.35rem;}
.wl-foot-soc a{width:26px;height:26px;border-radius:var(--wl-r);background:rgba(250,248,244,.04);border:1px solid rgba(250,248,244,.08);display:flex;align-items:center;justify-content:center;color:rgba(250,248,244,.2);transition:var(--wl-ease);}
.wl-foot-soc a:hover{color:var(--wl-terra);border-color:rgba(181,110,63,.3);}
.wl-foot-col-h{font-family:var(--wl-fb);font-size:.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(250,248,244,.15);margin-bottom:.85rem;}
.wl-foot-links{display:flex;flex-direction:column;gap:.48rem;}
.wl-foot-links a{font-family:var(--wl-fb);font-size:.74rem;color:rgba(250,248,244,.2);transition:color .18s;}
.wl-foot-links a:hover{color:rgba(250,248,244,.6);}
.wl-foot-ct{display:flex;flex-direction:column;gap:.45rem;}
.wl-foot-ct a{display:flex;align-items:flex-start;gap:.4rem;font-family:var(--wl-fb);font-size:.7rem;color:rgba(250,248,244,.18);transition:color .2s;word-break:break-word;}
.wl-foot-ct a:hover{color:rgba(250,248,244,.55);}
.wl-foot-ct svg{color:var(--wl-terra);opacity:.5;flex-shrink:0;margin-top:.06rem;}
.wl-foot-bottom{border-top:1px solid rgba(250,248,244,.05);max-width:var(--wl-max);margin:0 auto;padding:1.2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.wl-foot-copy{font-family:var(--wl-fb);font-size:.6rem;color:rgba(250,248,244,.1);}
.wl-foot-note{font-family:var(--wl-fb);font-size:.6rem;color:rgba(250,248,244,.08);}
.wl-foot-legal-row{display:flex;gap:1.1rem;}
.wl-foot-legal-row a{font-family:var(--wl-fb);font-size:.6rem;color:rgba(250,248,244,.1);transition:color .2s;}
.wl-foot-legal-row a:hover{color:rgba(250,248,244,.45);}

/* ---- CTA BAND ---- */
.wl-cta-wave{background:var(--wl-sea);padding:6rem 2.5rem;}
.wl-cta-wave-inner{max-width:580px;margin:0 auto;text-align:center;}
.wl-cta-wave-inner h2{font-family:var(--wl-fh);font-style:italic;color:white;margin-bottom:.65rem;}
.wl-cta-wave-inner p{color:rgba(255,255,255,.55);font-family:var(--wl-fb);margin-bottom:2rem;}
.wl-cta-acts{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;}

/* ---- RESULT PAGES ---- */
.wl-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 2.5rem;}
.wl-ri{max-width:440px;}
.wl-ri-ico{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}
.wl-ri-ok{background:var(--wl-seabg);color:var(--wl-sea);}
.wl-ri-err{background:rgba(220,38,38,.06);color:#DC2626;}

/* ---- COOKIE + CHAT ---- */
.wl-ck-bar{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:520px;margin:0 auto;background:var(--wl-ocean);border-radius:var(--wl-r2);z-index:9999;padding:1rem 1.25rem;display:none;gap:1rem;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.2);}
.wl-ck-bar p{font-family:var(--wl-fb);font-size:.72rem;color:rgba(250,248,244,.4);margin:0;}
.wl-ck-bar a{color:var(--wl-terra);}
.wl-ck-btns{display:flex;gap:.45rem;flex-shrink:0;}
.wl-ck-yes{background:var(--wl-terra);color:white;font-family:var(--wl-fb);font-size:.72rem;font-weight:700;padding:.35rem .85rem;border-radius:var(--wl-r);border:none;cursor:pointer;transition:var(--wl-ease);}
.wl-ck-yes:hover{background:var(--wl-terra2);}
.wl-ck-no{font-family:var(--wl-fb);font-size:.72rem;color:rgba(250,248,244,.25);padding:.35rem .85rem;border-radius:var(--wl-r);border:1px solid rgba(250,248,244,.1);background:none;cursor:pointer;}
.wl-chat-fab{position:fixed;bottom:5rem;right:1.5rem;z-index:9990;width:44px;height:44px;border-radius:50%;background:var(--wl-sea);color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(61,139,161,.4);cursor:pointer;border:none;transition:var(--wl-ease);}
.wl-chat-fab:hover{background:var(--wl-sea2);transform:scale(1.08);}
.wl-chatbox{position:fixed;bottom:5.5rem;right:1.5rem;z-index:9989;width:268px;background:var(--wl-cream);border:1.5px solid var(--wl-edge2);border-radius:var(--wl-r2);overflow:hidden;box-shadow:0 8px 28px rgba(27,58,75,.12);transform:translateY(10px);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;}
.wl-chatbox.wl-cb-show{opacity:1;pointer-events:auto;transform:translateY(0);}
.wl-chat-hd{background:var(--wl-ocean);padding:.85rem 1.1rem;display:flex;align-items:center;justify-content:space-between;}
.wl-chat-ht{font-family:var(--wl-fh);font-size:.9rem;font-weight:600;font-style:italic;color:var(--wl-cream);}
.wl-chat-hs{font-family:var(--wl-fb);font-size:.6rem;color:rgba(250,248,244,.3);}
.wl-chat-xb{color:rgba(250,248,244,.3);background:none;border:none;cursor:pointer;}
.wl-chat-xb:hover{color:var(--wl-cream);}
.wl-chat-bd{padding:1rem;}
.wl-chat-done{display:none;text-align:center;padding:.85rem;font-family:var(--wl-fb);font-size:.76rem;color:var(--wl-sea);font-weight:700;}
.wl-chat-inp{width:100%;background:var(--wl-sand);border:1.5px solid var(--wl-edge);border-radius:var(--wl-r);padding:.45rem .7rem;color:var(--wl-ocean);font-size:.74rem;margin-bottom:.4rem;resize:none;transition:border-color .2s;font-family:var(--wl-fb);}
.wl-chat-inp:focus{outline:none;border-color:var(--wl-sea);}
.wl-chat-go{width:100%;background:var(--wl-sea);color:white;font-family:var(--wl-fb);font-size:.74rem;font-weight:700;padding:.46rem;border-radius:var(--wl-r);border:none;cursor:pointer;transition:var(--wl-ease);}
.wl-chat-go:hover{background:var(--wl-sea2);}

/* ---- SCROLL REVEAL ---- */
.wl-fade{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.wl-fade.wl-vis{opacity:1;transform:translateY(0);}
.wl-fade-l{opacity:0;transform:translateX(-16px);transition:opacity .5s ease,transform .5s ease;}
.wl-fade-l.wl-vis{opacity:1;transform:translateX(0);}
.wl-fade-r{opacity:0;transform:translateX(16px);transition:opacity .5s ease,transform .5s ease;}
.wl-fade-r.wl-vis{opacity:1;transform:translateX(0);}

/* ---- RESPONSIVE ---- */
@media(max-width:1060px){
  .wl-nav-main{display:none;}
  .wl-burger{display:flex;}
  .wl-svc-shelf{grid-template-columns:1fr 1fr;}
  .wl-ec-inner{grid-template-columns:1fr;}
  .wl-cases-grid{grid-template-columns:1fr 1fr;}
  .wl-tier-row{grid-template-columns:1fr;}
  .wl-journey-row{flex-direction:column;}
  .wl-journey-row::before{display:none;}
  .wl-sp-wrap,.wl-build-wrap,.wl-co-wrap{grid-template-columns:1fr;}
  .wl-foot-top{grid-template-columns:1fr 1fr;gap:2rem;}
}
@media(max-width:640px){
  .wl-shell{padding:0 1.25rem;}
  .wl-slab{padding:4.5rem 0;}
  .wl-svc-shelf{grid-template-columns:1fr;}
  .wl-cases-grid{grid-template-columns:1fr;}
  .wl-hero h1{font-size:clamp(2.8rem,12vw,4rem);}
  .wl-adn-grid{grid-template-columns:1fr;}
  .wl-fgrp-duo{grid-template-columns:1fr;}
  .wl-foot-top{grid-template-columns:1fr 1fr;}
  .wl-ck-bar{flex-direction:column;align-items:flex-start;}
}
