/* marshalltranslation.com | Translation Agency | Herbertinger Str. 38, 88348 Bad Saulgau, BW
   MARINE NAVY #1C3D5A + TERRACOTTA #C85A18 (FIRST terracotta palette in 45-site series!)
   Fraunces (FIRST USE! soft-serif variable) + Epilogue (FIRST USE!)
   msl- CSS prefix | MSL JS | $msl PHP | msl_lang cookie
   SIDEBAR NAVIGATION (FIRST in 45-site series!) 
   NUMBERED EDITORIAL SERVICE CARDS (FIRST!) | ANIMATED LANGUAGE MARQUEE (FIRST!)
   PRICING COMPARISON MATRIX (FIRST!) | NUMBERED ACCORDION FAQ (FIRST!)
   EDITORIAL 3-COL NEWSPAPER CASES (FIRST!) | PROCESS NUMBERED TABLE (FIRST!)
   COMPASS ROSE FAVICON (FIRST!) | LinkedIn + Xing + Twitter */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,300;1,9..144,400;1,9..144,500&family=Epilogue:wght@300;400;500;600&display=swap');

:root {
  --msl-bg:    #FDFCFA; --msl-surf:  #F0EDE8; --msl-surf2: #E4E0D8;
  --msl-bl:    #DDD8D1; --msl-blL:   #E8E4DD;
  --msl-navy:  #1C3D5A; --msl-navy2: #142B40; --msl-navy3: #0D1E2D;
  --msl-terra: #C85A18; --msl-terra2:#A04814; --msl-terraL:rgba(200,90,24,.08);
  --msl-ink:   #0E1A24; --msl-stone: #6B7D8C; --msl-mid:   #3D5265;
  --msl-gold:  #B8943C; --msl-white: #FFFFFF;
  --msl-sb:    240px; /* sidebar width */
  --msl-max:   1100px;
  --msl-fh:    'Fraunces', Georgia, serif;
  --msl-fb:    'Epilogue', system-ui, sans-serif;
  --msl-r:4px; --msl-r2:8px; --msl-r3:14px; --msl-r4:24px;
  --msl-ease:  all .2s cubic-bezier(.4,0,.2,1);
  --msl-sh:    0 2px 16px rgba(28,61,90,.06);
  --msl-sh2:   0 16px 48px rgba(28,61,90,.1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--msl-bg);color:var(--msl-mid);font-family:var(--msl-fb);font-size:.95rem;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,h2,h3,h4{font-family:var(--msl-fh);color:var(--msl-navy);}
h2{font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.08;}
h3{font-size:1.3rem;line-height:1.3;}
p{font-size:.93rem;line-height:1.78;color:var(--msl-mid);}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR NAVIGATION (FIRST in 45-site series!)
   Fixed 240px left sidebar - dark navy, vertical nav
   ═══════════════════════════════════════════════════════════ */
.msl-sidebar{position:fixed;left:0;top:0;width:var(--msl-sb);height:100vh;background:var(--msl-navy3);z-index:200;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease;}
/* BIGGER SIDEBAR LOGO: Fraunces 1.9rem */
.msl-sb-logo{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.07);}
.msl-sb-brand{font-family:var(--msl-fh);font-size:1.9rem;font-weight:300;font-style:italic;color:rgba(255,255,255,.9);display:block;line-height:1.0;letter-spacing:-.02em;}
.msl-sb-brand2{font-family:var(--msl-fb);font-size:.42rem;font-weight:500;text-transform:uppercase;letter-spacing:.28em;color:rgba(255,255,255,.2);display:block;margin-top:.2rem;}
/* Sidebar navigation links: Epilogue 1.05rem 500 (bigger than body .95rem) */
.msl-sb-nav{padding:1rem 0;flex:1;}
.msl-sbn{display:block;font-family:var(--msl-fb);font-size:1.05rem;font-weight:500;color:rgba(255,255,255,.25);padding:.5rem 1.5rem;transition:color .14s,background .14s;position:relative;}
.msl-sbn:hover,.msl-sbn.msl-active{color:rgba(255,255,255,.9);}
.msl-sbn.msl-active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.5px;height:60%;background:var(--msl-terra);border-radius:0 2px 2px 0;}
.msl-sb-sep{border:none;border-top:1px solid rgba(255,255,255,.06);margin:.5rem 1.5rem;}
/* Services sub-nav in sidebar */
.msl-sb-svc-grp{display:none;padding-bottom:.3rem;}
.msl-sb-svc-grp.msl-sg-on{display:block;}
.msl-sb-svc-lk{display:block;font-size:.78rem;font-weight:400;color:rgba(255,255,255,.15);padding:.28rem 1.5rem .28rem 2.8rem;transition:color .14s;}
.msl-sb-svc-lk:hover,.msl-sb-svc-lk.msl-active{color:rgba(255,255,255,.6);}
.msl-sb-svc-trg{display:flex;align-items:center;justify-content:space-between;padding-right:1.5rem;}
.msl-sb-svc-trg svg{color:rgba(255,255,255,.15);transition:transform .2s;}
.msl-sb-svc-grp.msl-sg-on ~ .msl-sbn .msl-sb-svc-trg svg,.msl-sbn.msl-sg-on .msl-sb-svc-trg svg{transform:rotate(180deg);}
/* Sidebar bottom section */
.msl-sb-foot{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.07);}
.msl-sb-ct{font-size:.68rem;color:rgba(255,255,255,.15);line-height:1.7;margin-bottom:.6rem;}
.msl-sb-ct a{color:rgba(255,255,255,.15);transition:color .14s;}
.msl-sb-ct a:hover{color:var(--msl-terra);}
.msl-sb-lang{display:flex;align-items:center;gap:.3rem;margin-bottom:.7rem;}
.msl-sbl{font-family:var(--msl-fb);font-size:.42rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.15);cursor:pointer;transition:color .14s;}
.msl-sbl:hover,.msl-sbl.msl-lon{color:var(--msl-terra);}
.msl-sbl-sep{color:rgba(255,255,255,.08);}
.msl-sb-soc{display:flex;gap:.4rem;margin-bottom:1rem;}
.msl-sb-soc a{width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:var(--msl-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.15);transition:var(--msl-ease);}
.msl-sb-soc a:hover{border-color:var(--msl-terra);color:var(--msl-terra);}
.msl-sb-cta{display:block;background:var(--msl-terra);color:white;font-family:var(--msl-fb);font-size:.88rem;font-weight:500;text-align:center;padding:.54rem 1rem;border-radius:100px;margin:0 1.5rem .5rem;transition:background .14s;}
.msl-sb-cta:hover{background:var(--msl-terra2);}

/* OVERLAY for mobile sidebar */
.msl-sb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:199;opacity:0;pointer-events:none;transition:opacity .3s;}
.msl-sb-overlay.msl-sb-ov-on{opacity:1;pointer-events:auto;}

/* MOBILE TOP BAR (hidden on desktop) */
.msl-mob-bar{display:none;position:sticky;top:0;z-index:150;background:var(--msl-bg);border-bottom:1.5px solid var(--msl-bl);padding:.9rem 1.5rem;align-items:center;justify-content:space-between;}
.msl-mob-logo-txt{font-family:var(--msl-fh);font-size:1.4rem;font-weight:300;font-style:italic;color:var(--msl-navy);line-height:1;}
.msl-mob-logo-txt span{font-family:var(--msl-fb);font-size:.42rem;font-weight:500;text-transform:uppercase;letter-spacing:.2em;color:var(--msl-stone);display:block;}
.msl-mob-open{color:var(--msl-navy);}
.msl-sb-cls{display:none;position:absolute;top:1rem;right:1rem;color:rgba(255,255,255,.3);}

/* MAIN CONTENT AREA (offset by sidebar) */
.msl-main-wrap{margin-left:var(--msl-sb);min-height:100vh;}

/* SECTIONS */
.msl-pad{padding:6rem 5rem;}
.msl-pad-sm{padding:4rem 5rem;}
.msl-eyebrow{font-family:var(--msl-fb);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--msl-terra);display:block;margin-bottom:.5rem;}

/* ═══ HERO (Split left text / right visual) ═══ */
.msl-hero{min-height:100vh;display:grid;grid-template-rows:1fr auto;background:var(--msl-bg);}
.msl-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:5rem;}
.msl-hero-hl{font-family:var(--msl-fh);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:300;color:var(--msl-navy);line-height:1.02;letter-spacing:-.03em;margin-bottom:1rem;}
.msl-hero-hl em{font-style:italic;color:var(--msl-terra);}
.msl-hero-sub{font-size:.97rem;color:var(--msl-stone);max-width:44ch;line-height:1.78;margin-bottom:1.8rem;}
.msl-hero-acts{display:flex;gap:.7rem;flex-wrap:wrap;}
.msl-hero-trust{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;}
.msl-htrust{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:500;color:var(--msl-stone);}
.msl-htrust-dot{width:5px;height:5px;border-radius:50%;background:var(--msl-terra);}
/* Hero visual: dark navy panel */
.msl-hero-visual{background:var(--msl-navy);border-radius:var(--msl-r4);overflow:hidden;height:560px;position:relative;}
.msl-hero-visual img{width:100%;height:100%;object-fit:cover;opacity:.7;mix-blend-mode:luminosity;}
.msl-hv-stat{position:absolute;bottom:2rem;left:2rem;right:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.msl-hvs-blk{background:rgba(255,255,255,.06);border-radius:var(--msl-r2);padding:.8rem 1rem;border:1px solid rgba(255,255,255,.07);}
.msl-hvs-v{font-family:var(--msl-fh);font-size:1.8rem;font-weight:300;font-style:italic;color:var(--msl-terra);display:block;line-height:1;}
.msl-hvs-l{font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.2);}
/* ANIMATED LANGUAGE MARQUEE (FIRST!) */
.msl-lang-marquee{overflow:hidden;white-space:nowrap;background:var(--msl-navy);padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.06);}
.msl-lm-track{display:inline-block;animation:mslMarquee 35s linear infinite;font-family:var(--msl-fh);font-size:1rem;font-style:italic;font-weight:300;color:rgba(255,255,255,.2);letter-spacing:.08em;}
@keyframes mslMarquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ═══ STATS BAND ═══ */
.msl-stats-band{background:var(--msl-surf);border-top:1px solid var(--msl-bl);border-bottom:1px solid var(--msl-bl);}
.msl-stats-in{display:flex;gap:0;padding:2rem 5rem;}
.msl-stat-blk{flex:1;text-align:center;padding:1rem;border-right:1px solid var(--msl-bl);}
.msl-stat-blk:last-child{border-right:none;}
.msl-sv{font-family:var(--msl-fh);font-size:2.8rem;font-weight:300;font-style:italic;color:var(--msl-terra);display:block;line-height:1;}
.msl-sl{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--msl-stone);}

/* ═══ NUMBERED EDITORIAL SERVICE CARDS (FIRST!) ═══ */
.msl-svc-zone{background:var(--msl-bg);}
.msl-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.msl-sc{background:var(--msl-bg);border:1.5px solid var(--msl-bl);border-radius:var(--msl-r3);padding:2rem;transition:var(--msl-ease);position:relative;overflow:hidden;}
.msl-sc:hover{border-color:var(--msl-terra);box-shadow:var(--msl-sh2);}
.msl-sc-n{position:absolute;top:.8rem;right:1.2rem;font-family:var(--msl-fh);font-size:4rem;font-weight:300;font-style:italic;color:var(--msl-terra);opacity:.1;line-height:1;pointer-events:none;transition:opacity .2s;}
.msl-sc:hover .msl-sc-n{opacity:.2;}
.msl-sc-icon{width:40px;height:40px;background:var(--msl-terraL);border-radius:var(--msl-r);display:flex;align-items:center;justify-content:center;color:var(--msl-terra);margin-bottom:1rem;flex-shrink:0;}
.msl-sc-nm{font-family:var(--msl-fh);font-size:1.2rem;font-weight:500;font-style:italic;color:var(--msl-navy);margin-bottom:.4rem;}
.msl-sc-body{font-size:.84rem;color:var(--msl-stone);line-height:1.7;margin-bottom:1rem;}
.msl-sc-lk{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:500;color:var(--msl-terra);transition:gap .14s;}
.msl-sc-lk:hover{gap:.6rem;}

/* ═══ EDITORIAL 3-COL NEWSPAPER CASES (FIRST!) ═══ */
.msl-cases-zone{background:var(--msl-surf);}
.msl-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;}
.msl-case-col{display:flex;flex-direction:column;}
.msl-case-kicker{font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--msl-terra);border-top:2px solid var(--msl-terra);padding-top:.5rem;display:block;margin-bottom:.4rem;}
.msl-case-img{width:100%;height:200px;object-fit:cover;border-radius:var(--msl-r2);margin-bottom:.8rem;background:var(--msl-surf2);}
.msl-case-hl{font-family:var(--msl-fh);font-size:1.3rem;font-weight:500;font-style:italic;color:var(--msl-navy);line-height:1.2;margin-bottom:.3rem;}
.msl-case-meta{font-size:.72rem;color:var(--msl-stone);margin-bottom:.6rem;display:flex;gap:1rem;flex-wrap:wrap;}
.msl-case-lede{font-size:.86rem;font-weight:500;color:var(--msl-mid);margin-bottom:.4rem;line-height:1.65;}
.msl-case-stats{display:flex;gap:1rem;padding:.6rem 0;margin-bottom:.5rem;border-top:1px solid var(--msl-bl);border-bottom:1px solid var(--msl-bl);}
.msl-csm-v{font-family:var(--msl-fh);font-size:1.4rem;font-weight:300;font-style:italic;color:var(--msl-terra);display:block;line-height:1;}
.msl-csm-l{font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--msl-stone);}
.msl-case-body{font-size:.82rem;color:var(--msl-stone);line-height:1.75;flex:1;}

/* PULL-QUOTE TESTIMONIALS */
.msl-testi-zone{background:var(--msl-navy);padding:6rem 5rem;}
.msl-testi-inner{max-width:720px;margin:0 auto;}
.msl-testi-item{display:none;}
.msl-testi-item.msl-ti-on{display:block;}
.msl-testi-open{font-family:var(--msl-fh);font-size:6rem;font-style:italic;font-weight:300;color:var(--msl-terra);opacity:.25;line-height:.5;display:block;margin-bottom:.8rem;}
.msl-testi-q{font-family:var(--msl-fh);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:300;font-style:italic;color:rgba(255,255,255,.7);line-height:1.55;margin-bottom:1.5rem;}
.msl-testi-who{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.35);}
.msl-testi-role{font-size:.74rem;color:rgba(255,255,255,.15);margin-top:.2rem;}
.msl-testi-nav{display:flex;gap:.5rem;margin-top:2rem;}
.msl-tdot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.12);cursor:pointer;border:none;transition:background .14s;}
.msl-tdot.msl-td-on{background:var(--msl-terra);}

/* ═══ PRICING COMPARISON MATRIX (FIRST!) ═══ */
.msl-price-zone{background:var(--msl-bg);}
.msl-price-cmp{width:100%;margin-top:2.5rem;}
.msl-pc-hd{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;align-items:end;padding-bottom:1.5rem;border-bottom:2px solid var(--msl-navy);}
.msl-pc-hd-lbl{font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--msl-stone);padding:0 1rem;}
.msl-pc-hd-pkg{text-align:center;padding:.5rem;}
.msl-pc-badge{display:inline-block;font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:white;background:var(--msl-terra);padding:.18rem .7rem;border-radius:100px;margin-bottom:.3rem;}
.msl-pc-nm{font-family:var(--msl-fh);font-size:1.5rem;font-weight:500;font-style:italic;color:var(--msl-navy);}
.msl-pc-std .msl-pc-nm{color:var(--msl-terra);}
.msl-pc-pr{font-family:var(--msl-fh);font-size:2.8rem;font-weight:300;color:var(--msl-navy);line-height:1;}
.msl-pc-std .msl-pc-pr{color:var(--msl-terra);}
.msl-pc-fr{font-size:.7rem;color:var(--msl-stone);}
.msl-pc-row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;align-items:center;border-top:1px solid var(--msl-bl);}
.msl-pc-feat-nm{font-size:.86rem;color:var(--msl-stone);padding:.65rem 1rem;}
.msl-pc-cell{text-align:center;padding:.65rem .5rem;font-size:.84rem;color:var(--msl-mid);}
.msl-pc-std{background:rgba(200,90,24,.04);}
.msl-pc-chk{color:var(--msl-terra);}
.msl-pc-btn{display:block;text-align:center;margin:.3rem;padding:.5rem;font-family:var(--msl-fb);font-size:.84rem;font-weight:500;border-radius:100px;transition:var(--msl-ease);}
.msl-pc-btn-out{color:var(--msl-navy);border:1.5px solid var(--msl-bl);}
.msl-pc-btn-out:hover{border-color:var(--msl-terra);color:var(--msl-terra);}
.msl-pc-btn-fill{background:var(--msl-terra);color:white;}
.msl-pc-btn-fill:hover{background:var(--msl-terra2);}

/* ═══ PROCESS NUMBERED TABLE (FIRST!) ═══ */
.msl-proc-zone{background:var(--msl-surf);}
.msl-proc-tbl{margin-top:2.5rem;}
.msl-pt-row{display:grid;grid-template-columns:80px 200px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--msl-bl);align-items:start;}
.msl-pt-num{font-family:var(--msl-fh);font-size:3.5rem;font-weight:300;font-style:italic;color:var(--msl-terra);opacity:.25;line-height:1;}
.msl-pt-nm{font-family:var(--msl-fh);font-size:1rem;font-weight:500;color:var(--msl-navy);padding-top:.5rem;}
.msl-pt-body{font-size:.88rem;color:var(--msl-stone);line-height:1.78;padding-top:.3rem;}

/* ═══ NUMBERED ACCORDION FAQ (FIRST!) ═══ */
.msl-faq-zone{background:var(--msl-bg);}
.msl-faq-list{margin-top:2rem;}
.msl-faq-item{border-top:1px solid var(--msl-bl);}
.msl-faq-item:last-child{border-bottom:1px solid var(--msl-bl);}
.msl-faq-trg{display:flex;align-items:baseline;gap:1rem;width:100%;text-align:left;cursor:pointer;background:none;border:none;padding:1.2rem 0;}
.msl-faq-num{font-family:var(--msl-fh);font-size:2.5rem;font-weight:300;font-style:italic;color:var(--msl-terra);opacity:.2;flex-shrink:0;line-height:1;transition:opacity .2s;width:60px;}
.msl-fi-on .msl-faq-num{opacity:1;}
.msl-faq-q{font-family:var(--msl-fb);font-size:1.05rem;font-weight:500;color:var(--msl-navy);flex:1;line-height:1.4;}
.msl-faq-ico{font-size:1.5rem;color:var(--msl-stone);transition:transform .2s,color .14s;padding-left:.5rem;}
.msl-fi-on .msl-faq-ico{transform:rotate(45deg);color:var(--msl-terra);}
.msl-faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease;}
.msl-fi-on .msl-faq-ans{max-height:500px;padding-bottom:1.2rem;}
.msl-faq-ans-in{padding-left:calc(60px + 1rem);font-size:.9rem;color:var(--msl-stone);line-height:1.78;}

/* CTA BAND */
.msl-cta-zone{background:var(--msl-terra);padding:5rem;}
.msl-cta-in{max-width:var(--msl-max);display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap;}
.msl-cta-txt h2{color:white;font-style:italic;font-weight:300;margin-bottom:.3rem;}
.msl-cta-sub{font-size:.9rem;color:rgba(255,255,255,.5);}
.msl-cta-btns{display:flex;gap:.7rem;flex-shrink:0;flex-wrap:wrap;}

/* SERVICE DETAIL PAGE */
.msl-svc-pg{max-width:var(--msl-max);margin:0 auto;padding:5rem 5rem 8rem;}
.msl-svc-main{display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.msl-svc-aside{background:var(--msl-navy);border-radius:var(--msl-r3);overflow:hidden;position:sticky;top:2rem;}
.msl-sas-hd{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.07);}
.msl-sas-from{font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.2);}
.msl-sas-pr{font-family:var(--msl-fh);font-size:2.5rem;font-weight:300;font-style:italic;color:var(--msl-terra);line-height:1;margin-bottom:.6rem;}
.msl-sas-links{padding:.5rem 0;}
.msl-sas-lnk{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:rgba(255,255,255,.18);padding:.45rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);transition:color .14s;}
.msl-sas-lnk:hover,.msl-sas-lnk.msl-active{color:var(--msl-terra);}

/* BUILDER */
.msl-bld-wrap{max-width:var(--msl-max);margin:0 auto;padding:4rem 5rem 8rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.msl-bld-sec{margin-bottom:2rem;}
.msl-bld-lbl{display:block;font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--msl-stone);margin-bottom:.9rem;}
.msl-sel-row{background:var(--msl-bg);border:1.5px solid var(--msl-bl);border-radius:var(--msl-r2);padding:.75rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:var(--msl-ease);margin-bottom:.4rem;}
.msl-sel-row.msl-sel-on{border-color:var(--msl-terra);background:var(--msl-terraL);}
.msl-sel-dot{width:16px;height:16px;border:1.5px solid var(--msl-bl);border-radius:50%;flex-shrink:0;transition:var(--msl-ease);}
.msl-sel-row.msl-sel-on .msl-sel-dot{background:var(--msl-terra);border-color:var(--msl-terra);}
.msl-sel-nm{font-size:.9rem;color:var(--msl-stone);flex:1;}
.msl-sel-row.msl-sel-on .msl-sel-nm{color:var(--msl-navy);font-weight:500;}
.msl-sel-pr{font-family:var(--msl-fh);font-size:1rem;font-weight:500;color:var(--msl-navy);}
.msl-adn-rack{display:flex;flex-wrap:wrap;gap:.5rem;}
.msl-adn-chip{background:var(--msl-bg);border:1.5px solid var(--msl-bl);border-radius:var(--msl-r2);padding:.4rem .9rem;cursor:pointer;user-select:none;transition:var(--msl-ease);}
.msl-adn-chip.msl-adn-on{border-color:var(--msl-terra);background:var(--msl-terraL);}
.msl-adn-nm{font-size:.8rem;font-weight:500;color:var(--msl-stone);}
.msl-adn-chip.msl-adn-on .msl-adn-nm{color:var(--msl-navy);}
.msl-adn-pr{font-size:.68rem;color:var(--msl-stone);}
.msl-hrs-box{background:var(--msl-bg);border:1.5px solid var(--msl-bl);border-radius:var(--msl-r2);padding:1rem;}
.msl-hrs-hd{display:flex;justify-content:space-between;margin-bottom:.5rem;}
.msl-hrs-lbl{font-size:.88rem;color:var(--msl-stone);}
.msl-hrs-val{font-family:var(--msl-fh);font-size:1.5rem;font-weight:300;font-style:italic;color:var(--msl-terra);}
.msl-hrs-rng{-webkit-appearance:none;width:100%;height:2px;background:var(--msl-bl);border-radius:1px;cursor:pointer;}
.msl-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--msl-terra);cursor:pointer;}

/* RECEIPT SIDEBAR */
.msl-rcpt{background:var(--msl-navy);border-radius:var(--msl-r3);overflow:hidden;position:sticky;top:2rem;}
.msl-rcpt-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.07);}
.msl-rcpt-hl{font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.msl-rcpt-bd{padding:.9rem 1.2rem;}
.msl-rcpt-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.35rem;}
.msl-rcpt-lnm{color:rgba(255,255,255,.25);}
.msl-rcpt-lnp{font-family:var(--msl-fh);font-size:.95rem;font-weight:500;color:var(--msl-terra);}
.msl-rcpt-sep{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.4rem 1.2rem;}
.msl-rcpt-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem .5rem;}
.msl-rcpt-totl{font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.18);}
.msl-rcpt-totv{font-family:var(--msl-fh);font-size:2rem;font-weight:300;font-style:italic;color:var(--msl-terra);}
.msl-rcpt-ft{padding:.9rem 1.2rem;border-top:1px solid rgba(255,255,255,.07);}
.msl-rcpt-go{display:block;width:100%;background:var(--msl-terra);color:white;font-family:var(--msl-fb);font-size:.96rem;font-weight:500;padding:.72rem;border-radius:100px;border:none;cursor:pointer;transition:background .14s;}
.msl-rcpt-go:hover:not(:disabled){background:var(--msl-terra2);}
.msl-rcpt-go:disabled{opacity:.3;cursor:not-allowed;}

/* PAGE BANNER */
.msl-pg-banner{background:var(--msl-navy);padding:5rem 5rem 4rem;}
.msl-pg-banner h1{font-family:var(--msl-fh);font-size:clamp(2.5rem,6vw,5.5rem);font-weight:300;font-style:italic;color:white;line-height:1.06;}
.msl-pg-banner h1 em{color:var(--msl-terra);font-style:italic;}
.msl-pg-sub{font-size:.93rem;color:rgba(255,255,255,.3);max-width:52ch;margin:.7rem 0 0;line-height:1.72;}

/* CHECKOUT */
.msl-co-wrap{max-width:var(--msl-max);margin:0 auto;padding:5rem 5rem 8rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.msl-co-side{background:var(--msl-navy);border-radius:var(--msl-r3);overflow:hidden;position:sticky;top:2rem;}

/* FORMS */
.msl-fg{margin-bottom:.7rem;}
.msl-fl{display:block;font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--msl-stone);margin-bottom:.28rem;}
.msl-fi{width:100%;background:white;border:1.5px solid var(--msl-bl);border-radius:var(--msl-r2);padding:.65rem 1rem;color:var(--msl-navy);font-size:.92rem;transition:border-color .14s;}
.msl-fi:focus{outline:none;border-color:var(--msl-terra);box-shadow:0 0 0 3px var(--msl-terraL);}
.msl-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--msl-stone);margin:1rem 0;line-height:1.6;}
.msl-agree input{margin-top:.14rem;accent-color:var(--msl-terra);}
.msl-agree a{color:var(--msl-terra);}

/* BUTTONS */
.msl-btn-p{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--msl-fb);font-size:.92rem;font-weight:500;color:white;background:var(--msl-terra);padding:.56rem 1.6rem;border-radius:100px;transition:var(--msl-ease);border:none;cursor:pointer;white-space:nowrap;}
.msl-btn-p:hover{background:var(--msl-terra2);}
.msl-btn-out{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--msl-fb);font-size:.92rem;font-weight:500;color:var(--msl-navy);background:transparent;padding:.54rem 1.6rem;border-radius:100px;border:1.5px solid var(--msl-bl);transition:var(--msl-ease);white-space:nowrap;}
.msl-btn-out:hover{border-color:var(--msl-terra);color:var(--msl-terra);}
.msl-btn-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--msl-fb);font-size:.92rem;font-weight:500;color:var(--msl-terra);background:white;padding:.56rem 1.6rem;border-radius:100px;transition:var(--msl-ease);border:none;cursor:pointer;white-space:nowrap;}
.msl-btn-w:hover{background:var(--msl-surf);}
.msl-btn-ghost-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--msl-fb);font-size:.92rem;font-weight:500;color:rgba(255,255,255,.4);background:transparent;padding:.54rem 1.6rem;border-radius:100px;border:1.5px solid rgba(255,255,255,.15);transition:var(--msl-ease);white-space:nowrap;}
.msl-btn-ghost-w:hover{border-color:var(--msl-terra);color:var(--msl-terra);}

/* LEGAL */
.msl-legal-wrap{max-width:800px;margin:0 auto;padding:5rem 5rem 8rem;}
.msl-legal-eff{display:inline-block;font-size:.72rem;color:var(--msl-stone);background:var(--msl-surf);border:1px solid var(--msl-bl);padding:.22rem .8rem;border-radius:100px;margin-bottom:1.5rem;}
.msl-legal-wrap h2{font-family:var(--msl-fh);font-size:1rem;font-weight:500;font-style:italic;color:var(--msl-terra);margin:2.5rem 0 .5rem;}
.msl-legal-wrap p,.msl-legal-wrap li{font-size:.9rem;color:var(--msl-stone);line-height:1.78;margin-bottom:.9rem;}
.msl-legal-wrap ul{padding-left:1.4rem;margin:.5rem 0 .9rem;}
.msl-legal-wrap li{list-style:disc;}
.msl-legal-wrap a{color:var(--msl-terra);}

/* FOOTER */
.msl-footer{background:var(--msl-navy3);border-top:1px solid rgba(255,255,255,.04);}
.msl-ft-in{max-width:100%;padding:3rem 5rem 2rem;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:3rem;border-bottom:1px solid rgba(255,255,255,.05);}
/* BIGGER footer logo: Fraunces 2rem */
.msl-ft-brand{font-family:var(--msl-fh);font-size:2rem;font-weight:300;font-style:italic;color:rgba(255,255,255,.15);display:block;line-height:1;}
.msl-ft-brand-tag{font-family:var(--msl-fb);font-size:.4rem;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.07);display:block;margin-bottom:.7rem;}
.msl-ft-desc{font-size:.78rem;color:rgba(255,255,255,.12);line-height:1.65;margin-bottom:.8rem;}
.msl-ft-soc{display:flex;gap:.4rem;}
.msl-ft-soc a{width:30px;height:30px;border:1px solid rgba(255,255,255,.07);border-radius:var(--msl-r);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.12);transition:var(--msl-ease);}
.msl-ft-soc a:hover{border-color:var(--msl-terra);color:var(--msl-terra);}
.msl-ft-col-h{font-family:var(--msl-fb);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.1);margin-bottom:.7rem;}
.msl-ft-nav{display:flex;flex-direction:column;gap:.25rem;}
.msl-ft-nav a{font-size:.78rem;color:rgba(255,255,255,.12);transition:color .14s;}
.msl-ft-nav a:hover{color:var(--msl-terra);}
.msl-ft-ct{display:flex;flex-direction:column;gap:.25rem;}
.msl-ft-ct a{display:flex;align-items:flex-start;gap:.35rem;font-size:.76rem;color:rgba(255,255,255,.12);transition:color .14s;}
.msl-ft-ct a:hover{color:var(--msl-terra);}
.msl-ft-btm{padding:.8rem 5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.msl-ft-copy{font-size:.62rem;color:rgba(255,255,255,.06);}
.msl-ft-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.msl-ft-legal a{font-size:.62rem;color:rgba(255,255,255,.06);transition:color .14s;}
.msl-ft-legal a:hover{color:var(--msl-terra);}

/* COOKIE + CHAT */
.msl-ck-bar{position:fixed;bottom:0;left:var(--msl-sb);right:0;z-index:9999;background:var(--msl-navy);border-top:2px solid var(--msl-terra);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.msl-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.msl-ck-bar a{color:var(--msl-terra);}
.msl-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.msl-ck-yes{background:var(--msl-terra);color:white;font-family:var(--msl-fb);font-size:.88rem;font-weight:500;padding:.32rem .9rem;border-radius:100px;cursor:pointer;border:none;}
.msl-ck-no{background:transparent;color:rgba(255,255,255,.25);font-size:.82rem;padding:.3rem .9rem;border:1px solid rgba(255,255,255,.1);border-radius:100px;cursor:pointer;}
.msl-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--msl-terra);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--msl-sh2);transition:var(--msl-ease);color:white;}
.msl-chat-fab:hover{background:var(--msl-terra2);}
.msl-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--msl-bl);border-radius:var(--msl-r3);box-shadow:var(--msl-sh2);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.msl-chatpop.msl-cp-on{opacity:1;pointer-events:auto;transform:none;}
.msl-chatpop-hd{background:var(--msl-terra);padding:.8rem 1.1rem;}
.msl-chatpop-nm{font-family:var(--msl-fh);font-size:1rem;font-weight:500;font-style:italic;color:white;}
.msl-chat-fi{width:100%;background:var(--msl-surf);border:1.5px solid var(--msl-bl);border-radius:var(--msl-r);padding:.5rem .8rem;font-size:.84rem;color:var(--msl-navy);margin-bottom:.36rem;resize:none;transition:border-color .14s;}
.msl-chat-fi:focus{outline:none;border-color:var(--msl-terra);}
.msl-chat-send{width:100%;background:var(--msl-terra);color:white;font-family:var(--msl-fb);font-size:.9rem;font-weight:500;padding:.5rem;border-radius:var(--msl-r2);border:none;cursor:pointer;}
.msl-chat-done{display:none;text-align:center;padding:.9rem;font-family:var(--msl-fh);font-size:1rem;font-style:italic;color:var(--msl-terra);}

/* REVEAL */
.msl-reveal{opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;}
.msl-reveal.msl-in{opacity:1;transform:none;}
.msl-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 5rem;flex-direction:column;gap:1.5rem;}

/* RESPONSIVE */
@media(max-width:960px){
  .msl-sidebar{transform:translateX(-100%);box-shadow:4px 0 24px rgba(0,0,0,.2);}
  .msl-sidebar.msl-sb-on{transform:translateX(0);}
  .msl-sb-cls{display:block;}
  .msl-main-wrap{margin-left:0;}
  .msl-mob-bar{display:flex;}
  .msl-ck-bar{left:0;}
  .msl-hero-split{grid-template-columns:1fr;gap:2rem;padding:3rem 2rem;}
  .msl-hero-visual{height:280px;}
  .msl-svc-grid{grid-template-columns:1fr 1fr;}
  .msl-cases-grid{grid-template-columns:1fr;}
  .msl-pc-hd,.msl-pc-row{grid-template-columns:1.2fr 1fr;}
  .msl-pc-hd-pkg:nth-child(3),.msl-pc-cell.msl-pc-std:not(:nth-child(3)),.msl-pc-hd-pkg:last-child{display:none;}
  .msl-pt-row{grid-template-columns:60px 1fr;gap:1rem;}
  .msl-pt-nm{display:none;}
  .msl-ft-in{grid-template-columns:1fr 1fr;}
  .msl-bld-wrap,.msl-co-wrap,.msl-svc-main{grid-template-columns:1fr;}
  .msl-testi-zone,.msl-cta-zone,.msl-pad,.msl-pad-sm,.msl-pg-banner,.msl-svc-pg,.msl-bld-wrap,.msl-co-wrap,.msl-legal-wrap,.msl-stats-in,.msl-ft-in,.msl-ft-btm{padding-left:2rem;padding-right:2rem;}
}
@media(max-width:600px){
  .msl-svc-grid,.msl-ft-in{grid-template-columns:1fr;}
  .msl-cta-in{flex-direction:column;}
  .msl-faq-num{font-size:1.8rem;width:45px;}
}
