:root{
  --wm-ink:#0b1f38;--wm-red:#ed1c2e;--wm-paper:#f6f2eb;--wm-white:#fff;
  --wm-line:#d9d2c8;--wm-muted:#667085;--wm-yellow:#f3b61f;--wm-green:#0b8a64;
  --wm-radius:16px;--wm-max:1240px;--wm-shadow:0 14px 40px rgba(11,31,56,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wm-paper);color:var(--wm-ink);font-family:Inter,Arial,sans-serif;letter-spacing:-.01em}
.container{width:min(var(--wm-max),calc(100% - 40px));margin-inline:auto}
.nav{position:sticky;top:0;z-index:1000;background:rgba(246,242,235,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--wm-line)}
.nav-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand-logo-img{width:122px;height:auto;display:block}.nav-links{margin-left:auto;display:flex;align-items:center;gap:20px}.nav-links>a,.nav-drop-btn{font-size:14px;font-weight:700;color:var(--wm-ink);background:none;border:0;padding:8px 0}.nav-links>a:not(.btn):hover,.nav-drop-btn:hover{color:var(--wm-red)}
.btn{border-radius:999px;font-weight:800;border:1px solid var(--wm-ink);padding:12px 18px;box-shadow:none;transition:.2s ease}.btn-red{background:var(--wm-red)!important;color:#fff!important;border-color:var(--wm-red)!important}.btn-red:hover{transform:translateY(-1px);background:#d91627!important}.btn-light{background:transparent!important;color:var(--wm-ink)!important;border-color:var(--wm-line)!important}.btn-light:hover{border-color:var(--wm-ink)!important;background:#fff!important}
.nav-dropdown{position:relative}.nav-drop-menu{top:44px;border:1px solid var(--wm-line);border-radius:12px;background:#fff;box-shadow:var(--wm-shadow);padding:8px;min-width:210px}.nav-drop-menu a{border-radius:8px;padding:10px 12px;font-weight:700}
.section{padding:76px 0}.section-tight{padding:56px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--wm-red)}
h1,h2,h3{font-family:Inter,Arial,sans-serif;color:var(--wm-ink);letter-spacing:-.04em}h1{font-size:clamp(48px,7vw,104px);line-height:.92;font-weight:900}h2{font-size:clamp(32px,4vw,56px);line-height:1;font-weight:900}h3{font-weight:800}.lead{font-size:clamp(18px,2vw,24px);line-height:1.45;color:#46556a}.muted{color:var(--wm-muted)}
.panel,.card{background:#fff;border:1px solid var(--wm-line);border-radius:var(--wm-radius);box-shadow:none}.panel{padding:24px}.card:hover{box-shadow:var(--wm-shadow)}
.badge,.status-pill{border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
input,textarea,select{border:1px solid #cbc5bc!important;border-radius:10px!important;background:#fff!important;color:var(--wm-ink)!important;box-shadow:none!important}input:focus,textarea:focus,select:focus{outline:2px solid rgba(237,28,46,.18)!important;border-color:var(--wm-red)!important}
footer{border-top:1px solid var(--wm-line);background:#efeae2;padding:42px 0;color:#5d6777;font-size:13px}footer a{color:var(--wm-ink)}
/* user pages */
.account-hero,.verification-strip,.dashboard-bookings .booking-progress-card{border-color:var(--wm-line)!important}.account-hero{background:#fff!important}.message-meta-grid>div{background:#f7f3ed!important;border-color:#e4ddd3!important}.booking-progress-media.led-creation-media{background:#0b1f38!important}.account-video-dialog{border-radius:16px!important}
.creator-shell,.creator-left,.creator-right,.creator-preview-sticky{border-color:var(--wm-line)!important}.builder-step span{background:var(--wm-red)!important}.creator-preview-sticky{background:#ece7df!important}.template-choice{border-radius:12px!important;border-color:var(--wm-line)!important}.template-choice:has(input:checked){border-color:var(--wm-red)!important;box-shadow:0 0 0 2px rgba(237,28,46,.12)!important}.wallmark-screen{box-shadow:0 12px 32px rgba(0,0,0,.22)!important}
.video-preview-shell,.led-artwork-frame{border-radius:10px!important}
/* remove default fake-gloss treatment */
.soft-section{background:#eee8df!important}.notice-box{border-radius:10px!important}
.mobile-menu-toggle{background:none;border:1px solid var(--wm-line);border-radius:10px;padding:8px 11px;color:var(--wm-ink)}
@media(max-width:860px){.container{width:min(100% - 24px,var(--wm-max))}.nav-inner{min-height:68px}.nav-links{background:var(--wm-paper)!important;border-top:1px solid var(--wm-line)!important}.section{padding:52px 0}.section-tight{padding:40px 0}}


/* V24.01 — tighter, layout-appropriate type scale + transparent brand handling */
.brand-logo-link,.brand-logo-img{background:transparent!important}
.brand-logo-img{object-fit:contain!important;mix-blend-mode:normal}
h1{font-size:clamp(38px,5.2vw,74px)!important;line-height:.98!important;letter-spacing:-.035em!important}
h2{font-size:clamp(28px,3.3vw,44px)!important;line-height:1.05!important;letter-spacing:-.03em!important}
h3{line-height:1.15!important;letter-spacing:-.02em!important}
.lead{font-size:clamp(16px,1.6vw,21px)!important;line-height:1.5!important}
.section{padding:64px 0!important}.section-tight{padding:46px 0!important}
.wm-hero-copy h1,.wm-v2313 .wm-hero-copy h1{font-size:clamp(40px,5.1vw,68px)!important;line-height:.96!important;letter-spacing:-2px!important}
.wm-hero-copy>p,.wm-v2313 .wm-hero-copy>p{font-size:clamp(16px,1.55vw,19px)!important;line-height:1.4!important;max-width:540px!important}
.wm-section-title,.wm-how-intro h2,.wm-section-head h2,.wm-testimonials h2,.wm-bottom-cta h2{font-size:clamp(26px,2.8vw,36px)!important;line-height:1.08!important}
.section-head h2{font-size:clamp(28px,3vw,42px)!important}
.account-hero h2,.admin-main h2{font-size:clamp(26px,2.5vw,38px)!important}
.creator-preview-sticky h2,.preview-loading-card h2{font-size:clamp(24px,2.6vw,36px)!important}
@media(max-width:650px){h1{font-size:clamp(34px,10vw,46px)!important}h2{font-size:clamp(27px,7vw,36px)!important}.section{padding:46px 0!important}.wm-hero-copy h1,.wm-v2313 .wm-hero-copy h1{font-size:clamp(36px,11vw,48px)!important}}

/* V24.02 tighter typography: more layout, less oversized type */
body{font-size:15px}
h1,.hero-copy h1,.message-seo-grid h1{font-size:clamp(38px,5vw,68px)!important;line-height:.98!important}
h2,.section-head h2,.account-section h2{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.06!important}
h3{font-size:clamp(19px,2vw,28px)!important}
.lead{font-size:clamp(17px,1.8vw,21px)!important;line-height:1.55!important}
.nav-links>a,.nav-drop-btn{font-size:13px!important}
.btn{font-size:14px!important}
.creator-main h2,.creator-sidebar h2,.panel h2{font-size:clamp(24px,2.5vw,34px)!important}
.creator-main h3,.creator-sidebar h3,.panel h3{font-size:20px!important}
.text-style-card>b{font-size:14px!important}
.text-style-card label{font-size:12px!important}
@media(max-width:760px){
  h1,.hero-copy h1,.message-seo-grid h1{font-size:clamp(34px,10vw,52px)!important}
  h2,.section-head h2,.account-section h2{font-size:clamp(26px,7vw,36px)!important}
}

/* V24.03 final typography caps */
h1,.hero-copy h1,.message-seo-grid h1{font-size:clamp(34px,4.5vw,58px)!important}
h2,.section-head h2,.account-section h2{font-size:clamp(26px,3vw,38px)!important}
.creator-main h2,.creator-sidebar h2,.panel h2{font-size:clamp(22px,2.2vw,30px)!important}
.creator-main h3,.creator-sidebar h3,.panel h3{font-size:18px!important}
@media(max-width:760px){
  h1,.hero-copy h1,.message-seo-grid h1{font-size:clamp(30px,9vw,44px)!important}
  h2,.section-head h2,.account-section h2{font-size:clamp(24px,6.5vw,32px)!important}
}

/* V24.04 compact typography scale */
body{font-size:14px!important}
h1,.hero-copy h1,.message-seo-grid h1{
  font-size:clamp(30px,3.8vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
h2,.section-head h2,.account-section h2{
  font-size:clamp(24px,2.6vw,32px)!important;
  line-height:1.08!important;
}
h3{font-size:clamp(17px,1.7vw,23px)!important}
.lead{font-size:clamp(15px,1.45vw,18px)!important;line-height:1.55!important}
.creator-main h2,.creator-sidebar h2,.panel h2{font-size:26px!important}
.creator-main h3,.creator-sidebar h3,.panel h3{font-size:17px!important}
.preview-toolbar b{font-size:15px!important}
.text-style-card>b{font-size:13px!important;line-height:1.25!important}
.text-style-card label{font-size:11px!important}
@media(max-width:760px){
  h1,.hero-copy h1,.message-seo-grid h1{font-size:clamp(28px,8.5vw,38px)!important}
  h2,.section-head h2,.account-section h2{font-size:clamp(22px,6vw,29px)!important}
}

/* V24.05 MOBILE NAVIGATION FIX
   On phones/tablets the header shows only logo + hamburger until tapped. */
@media (max-width:900px){
  .nav{position:relative!important;overflow:visible!important}
  .nav-inner{
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    position:relative!important;
  }
  .brand-logo-link{margin-right:auto!important;min-width:0!important}
  .brand-logo-img{width:118px!important;max-width:42vw!important;height:auto!important}
  .mobile-menu-toggle{
    display:grid!important;
    place-items:center!important;
    margin-left:auto!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    border:1px solid var(--wm-line)!important;
    border-radius:12px!important;
    background:var(--wm-paper)!important;
    color:var(--wm-ink)!important;
    font-size:26px!important;
    line-height:1!important;
    position:relative!important;
    z-index:1002!important;
    flex:0 0 auto!important;
  }
  .nav-links{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    margin:0!important;
    padding:10px!important;
    background:var(--wm-paper)!important;
    border:1px solid var(--wm-line)!important;
    border-radius:14px!important;
    box-shadow:0 18px 50px rgba(15,35,58,.16)!important;
    z-index:1001!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .nav-links.mobile-open{display:grid!important}
  .nav-links>a,
  .nav-drop-btn{
    width:100%!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    padding:13px 12px!important;
    margin:0!important;
    border-radius:9px!important;
    font-size:15px!important;
    line-height:1.2!important;
    text-align:left!important;
  }
  .nav-links>a.btn{
    justify-content:center!important;
    margin-top:6px!important;
  }
  .nav-dropdown{width:100%!important}
  .nav-drop-menu{
    position:static!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:4px 8px 8px!important;
    box-shadow:none!important;
    border:0!important;
    background:transparent!important;
  }
}
@media (min-width:901px){
  .mobile-menu-toggle{display:none!important}
  .nav-links{display:flex!important}
}