:root{--bg:#fff;--panel:#fff;--text:#080808;--muted:#626262;--line:#111;--soft:#e9e9e9;--accent:#6ea8ff}
:root[data-theme=night]{--bg:#050505;--panel:#090909;--text:#f4f4f0;--muted:#a5a5a5;--line:#f4f4f0;--soft:#1b1b1b;--accent:#7db8ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em}a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,54px);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--soft)}
.mark img{height:32px;width:auto;display:block}
.menu-button,.text-toggle{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:0;min-height:42px;padding:0 16px;font:800 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.text-toggle{border:0;padding:0;min-height:auto;color:var(--muted)}
.menu-backdrop{position:fixed;inset:0;z-index:25;background:rgba(0,0,0,.28);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.2s}.menu-backdrop.open{opacity:1;visibility:visible}
.mobile-menu{position:fixed;top:0;right:0;z-index:30;width:min(360px,84vw);height:100vh;padding:82px 26px 26px;background:var(--bg);border-left:1px solid var(--soft);transform:translateX(100%);transition:transform .22s ease;display:flex;flex-direction:column;gap:10px}.mobile-menu.open{transform:translateX(0)}
.mobile-menu a,.mobile-menu button{text-align:left;text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 0;border:0;border-bottom:1px solid var(--soft);background:transparent;color:var(--text)}
main{width:min(1120px,calc(100% - 38px));margin:0 auto}.hero{min-height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:84px 0}.label{margin:0 0 20px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.20em;color:var(--muted)}
h1,h2,h3,p{margin-top:0}h1{max-width:820px;font-size:clamp(42px,8vw,92px);line-height:.95;letter-spacing:-.065em;margin-bottom:26px}h2{font-size:clamp(28px,4vw,52px);line-height:1;letter-spacing:-.045em;margin-bottom:18px}h3{font-size:18px;margin-bottom:12px}
.lead{max-width:620px;font-size:clamp(18px,2.2vw,23px);line-height:1.55;color:var(--muted);margin-bottom:34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border:1px solid var(--line);background:transparent;color:var(--text);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;border-radius:0}.button.primary{background:var(--text);color:var(--bg)}
.section{padding:84px 0;border-top:1px solid var(--soft)}.center{text-align:center}.cards{display:grid;gap:14px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}
.cards article,.placeholder{border:1px solid var(--soft);padding:26px;background:var(--panel)}.cards p,.placeholder p{color:var(--muted);line-height:1.65}.cards a{display:inline-block;margin-top:8px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;text-decoration:none}
.statement{max-width:860px}.statement p{font-size:clamp(24px,4vw,44px);line-height:1.12;letter-spacing:-.045em;color:var(--text)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps div{border-top:1px solid var(--line);padding-top:18px}.steps span{color:var(--muted);font-size:12px;letter-spacing:.16em;font-weight:800}.steps p{margin:16px 0 0;font-size:18px}
.page-hero{padding:100px 0 76px;border-bottom:1px solid var(--soft)}.page-hero h1{max-width:900px}.service-list ul{list-style:none;padding:0;margin:20px 0 0;color:var(--muted);line-height:1.9}
.form-section{max-width:900px}.form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label,.form-title{display:grid;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}label span{color:var(--muted);font-weight:600}
input,textarea,select{width:100%;border:1px solid var(--soft);background:var(--panel);color:var(--text);border-radius:0;min-height:48px;padding:14px;font:500 15px/1.4 Inter,sans-serif}textarea{min-height:128px;resize:vertical}input:focus,textarea:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}
.service-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px;border:1px solid var(--soft);padding:20px}.service-checks .form-title{grid-column:1/-1;margin:0 0 8px}.service-checks label{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}.service-checks input{width:auto;min-height:auto}.hidden{display:none}.submit{width:max-content}
.site-footer{width:min(1120px,calc(100% - 38px));margin:0 auto;padding:38px 0 46px;border-top:1px solid var(--soft);display:flex;justify-content:space-between;gap:26px;align-items:flex-start;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
.mode-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(5,5,5,.42);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.mode-overlay.open{opacity:1;visibility:visible}.mode-card{border:1px solid rgba(255,255,255,.34);background:rgba(0,0,0,.20);color:white;padding:22px 28px;min-width:min(340px,78vw)}.mode-title{font-weight:900;letter-spacing:.20em;font-size:12px}.mode-line{margin-top:10px;color:var(--accent);letter-spacing:.16em;font-size:12px;text-transform:uppercase}
@media(max-width:760px){.site-header{padding:16px 18px}.mark img{height:28px}main,.site-footer{width:calc(100% - 32px)}.hero{min-height:auto;padding:80px 0}h1{font-size:clamp(40px,13vw,68px)}.section{padding:58px 0}.cards.three,.cards.two,.steps,.form-grid,.service-checks{grid-template-columns:1fr}.page-hero{padding:76px 0 56px}.actions,.button,.submit{width:100%}}


/* SM_v8 header refinement */
.mark img{
  width:240px;
  height:auto;
  max-height:none;
  object-fit:contain;
}

.menu-button{
  min-width:104px;
  width:104px;
  padding:0 14px;
}

@media(max-width:760px){
  .mark img{
    width:200px;
    height:auto;
    max-height:none;
  }

  .menu-button{
    min-width:96px;
    width:96px;
    padding:0 12px;
  }
}


/* SM_v9 refinement: transparent controls, tighter header, live LEDs */
:root{
  --glass:rgba(0,0,0,.035);
  --glass-border:rgba(0,0,0,.18);
  --glass-hover:rgba(0,0,0,.07);
  --led:var(--accent);
}
:root[data-theme=night]{
  --glass:rgba(255,255,255,.035);
  --glass-border:rgba(255,255,255,.24);
  --glass-hover:rgba(255,255,255,.075);
  --led:var(--accent);
}

.site-header{
  padding-left:14px;
  padding-right:14px;
  background:color-mix(in srgb,var(--bg) 72%,transparent);
}

.mark{
  margin-left:0;
  padding-left:0;
}

.mark img{
  width:240px;
  height:auto;
  max-height:none;
  object-fit:contain;
  display:block;
}

.menu-button{
  margin-left:auto;
  margin-right:0;
  min-width:96px;
  width:96px;
  padding:0 12px;
  background:var(--glass);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(12px);
}

.button{
  background:var(--glass);
  border-color:var(--glass-border);
  backdrop-filter:blur(12px);
}

.button.primary{
  background:var(--glass);
  color:var(--text);
  border-color:var(--glass-border);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent);
}

.button:hover,
.menu-button:hover{
  background:var(--glass-hover);
  border-color:color-mix(in srgb,var(--accent) 46%,var(--glass-border));
  color:var(--text);
}

.button.primary:hover{
  color:var(--text);
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent);
}

.mobile-menu{
  background:color-mix(in srgb,var(--bg) 76%,transparent);
  backdrop-filter:blur(18px);
  border-left:1px solid var(--glass-border);
}

.menu-backdrop{
  background:rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}

.cards article{
  background:var(--glass);
  border-color:var(--glass-border);
  backdrop-filter:blur(10px);
}

.cards article{
  position:relative;
}

.cards article .live-led{
  position:absolute;
  right:28px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  border:0;
  margin:0;
  padding:0;
  display:block;
}

.cards article .live-led span{
  display:block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--led);
  box-shadow:0 0 10px var(--led), 0 0 24px color-mix(in srgb,var(--led) 70%,transparent);
}

.contact .cards article,
.cards.three article{
  min-height:150px;
}

@media(max-width:760px){
  .site-header{
    padding-left:14px;
    padding-right:14px;
  }

  .mark img{
    width:200px;
  }

  .menu-button{
    width:88px;
    min-width:88px;
    padding:0 10px;
  }

  .cards article .live-led{
    right:28px;
  }
}


/* SM_v10 portfolio case study */
.work-intro h1{
  max-width:900px;
}

.case-study{
  padding-top:64px;
}

.case-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:26px;
  align-items:center;
}

.case-copy p:not(.label){
  color:var(--muted);
  line-height:1.7;
  font-size:17px;
}

.case-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
}

.case-meta span{
  border:1px solid var(--glass-border);
  background:var(--glass);
  backdrop-filter:blur(10px);
  padding:10px 12px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}

.case-image,
.portfolio-gallery figure{
  margin:0;
  border:1px solid var(--glass-border);
  background:var(--glass);
  overflow:hidden;
}

.case-image img,
.portfolio-gallery img,
.featured-home img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.hero-shot{
  aspect-ratio:16/10;
}

.process-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.process-columns article{
  border:1px solid var(--glass-border);
  background:var(--glass);
  backdrop-filter:blur(10px);
  padding:28px;
}

.process-columns ul{
  list-style:none;
  padding:0;
  margin:0;
  color:var(--muted);
  line-height:1.9;
}

.process-columns li::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:12px;
  border-radius:50%;
  background:var(--led);
  box-shadow:0 0 10px var(--led);
  vertical-align:middle;
}

.portfolio-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:24px;
}

.portfolio-gallery figure{
  min-height:360px;
  position:relative;
}

.portfolio-gallery figure.large{
  grid-row:span 2;
  min-height:740px;
}

.portfolio-gallery figure.wide{
  grid-column:1/-1;
  min-height:520px;
}

.portfolio-gallery figcaption{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:10px 12px;
  background:rgba(0,0,0,.52);
  color:white;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.featured-home-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:24px;
  align-items:center;
}

.featured-home p:not(.label){
  color:var(--muted);
  line-height:1.7;
  max-width:560px;
}

.featured-home img{
  border:1px solid var(--glass-border);
  background:var(--glass);
  max-height:520px;
  object-position:top center;
}

@media(max-width:760px){
  .case-grid,
  .process-columns,
  .portfolio-gallery,
  .featured-home-grid{
    grid-template-columns:1fr;
  }

  .portfolio-gallery figure,
  .portfolio-gallery figure.large,
  .portfolio-gallery figure.wide{
    grid-column:auto;
    grid-row:auto;
    min-height:auto;
    aspect-ratio:auto;
  }

  .portfolio-gallery figure img{
    height:auto;
    object-fit:contain;
  }

  .hero-shot{
    aspect-ratio:auto;
  }

  .hero-shot img{
    height:auto;
  }
}


/* SM_v11 cleanup: xenon-only accents, refined header, cleaner contact cards */
:root{
  --accent:#6EA8FF;
  --accent-soft:rgba(110,168,255,.18);
  --glass:rgba(0,0,0,.025);
  --glass-border:rgba(0,0,0,.12);
  --glass-hover:rgba(0,0,0,.05);
}

:root[data-theme=night]{
  --accent:#7DB8FF;
  --accent-soft:rgba(125,184,255,.18);
  --glass:rgba(255,255,255,.025);
  --glass-border:rgba(255,255,255,.16);
  --glass-hover:rgba(255,255,255,.055);
}

/* Header */
.site-header{
  padding:22px clamp(18px,4vw,48px);
  background:color-mix(in srgb,var(--bg) 82%,transparent);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--soft);
  gap:24px;
}

.mark{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
}

.mark img{
  width:220px;
  height:auto;
  max-height:none;
  object-fit:contain;
  display:block;
}

.menu-button{
  margin-left:auto;
  width:auto;
  min-width:88px;
  min-height:46px;
  padding:0 18px;
  background:var(--glass);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(14px);
  box-shadow:none;
  color:var(--text);
}

.menu-button:hover{
  background:var(--glass-hover);
  border-color:var(--accent);
  color:var(--text);
}

/* Transparent buttons */
.button{
  background:var(--glass);
  border-color:var(--glass-border);
  backdrop-filter:blur(12px);
  box-shadow:none;
}

.button.primary{
  background:var(--glass);
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 38%,var(--glass-border));
  box-shadow:0 0 18px var(--accent-soft);
}

.button:hover{
  background:var(--glass-hover);
  border-color:var(--accent);
  color:var(--text);
}

.button.primary:hover{
  color:var(--text);
  box-shadow:0 0 24px var(--accent-soft);
}

/* Remove all LED styling */
.live-led,
.live-led span{
  display:none !important;
}

.process-columns li::before{
  background:var(--accent);
  box-shadow:0 0 10px var(--accent-soft);
}

/* Contact page social cards */
.contact-social,
.cards.three article{
  position:relative;
}

.cards article{
  background:var(--glass);
  border-color:var(--glass-border);
  backdrop-filter:blur(10px);
}

.cards article .social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  min-height:38px;
  padding:0 14px;
  border:1px solid color-mix(in srgb,var(--accent) 35%,var(--glass-border));
  background:var(--glass);
  color:var(--text);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:800;
}

.cards article .social-link::after{
  content:"";
  width:6px;
  height:6px;
  margin-left:10px;
  border-top:1px solid var(--accent);
  border-right:1px solid var(--accent);
  transform:rotate(45deg);
}

.cards article .social-link:hover{
  border-color:var(--accent);
  box-shadow:0 0 18px var(--accent-soft);
}

/* Menu panel glass */
.mobile-menu{
  background:color-mix(in srgb,var(--bg) 84%,transparent);
  backdrop-filter:blur(20px);
  border-left:1px solid var(--glass-border);
}

.menu-backdrop{
  background:rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}

.mobile-menu a,
.mobile-menu button{
  border-bottom:1px solid var(--soft);
}

/* Project meta and pills should use blue only */
.case-meta span{
  border-color:var(--glass-border);
  background:var(--glass);
}

/* Mobile header balance */
@media(max-width:760px){
  .site-header{
    padding:20px 16px;
    gap:14px;
  }

  .mark img{
    width:180px;
  }

  .menu-button{
    min-width:82px;
    min-height:42px;
    padding:0 14px;
  }

  .cards article .social-link{
    margin-top:16px;
  }
}


/* SM_v13 MOK case study timeline + natural image display */
.project-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 22px;
  padding:10px 14px;
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--glass-border));
  background:var(--glass);
  color:var(--text);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  box-shadow:0 0 18px var(--accent-soft);
}

.portfolio-gallery img,
.case-image img,
.featured-home img{
  object-fit:contain;
  height:auto;
}

.portfolio-gallery figure,
.portfolio-gallery figure.large,
.portfolio-gallery figure.wide{
  min-height:auto;
}

.case-image,
.portfolio-gallery figure{
  background:color-mix(in srgb,var(--bg) 92%,var(--panel));
}


/* SM_v14 project header actions */
.project-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}

.project-actions .project-badge{
  margin:0;
}

.project-actions .button{
  width:auto;
}

@media(max-width:760px){
  .project-actions{
    align-items:stretch;
  }

  .project-actions .project-badge,
  .project-actions .button{
    width:100%;
    justify-content:center;
  }
}


/* Premium refresh additions */
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.proof-strip div{border:1px solid var(--soft);padding:24px;background:var(--panel)}
.proof-strip strong{display:block;font-size:clamp(28px,4vw,46px);letter-spacing:-.05em;line-height:1}
.proof-strip span{display:block;margin-top:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}
.work-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.work-card{display:flex;flex-direction:column;border:1px solid var(--soft);background:var(--panel);text-decoration:none;overflow:hidden}
.work-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--soft);filter:saturate(.95)}
.work-card div{padding:22px}
.work-card span,.case-meta span,.project-badge{display:inline-block;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}
.work-card h3{margin:12px 0 8px;font-size:clamp(22px,2.7vw,34px);letter-spacing:-.04em}
.work-card p{color:var(--muted);line-height:1.6;margin:0}
.review-block{max-width:860px}
.review-block p{color:var(--muted);line-height:1.65;max-width:680px}
.steps.four{grid-template-columns:repeat(4,1fr)}
.case-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px);align-items:center}
.case-grid.flip{grid-template-columns:1.1fr .9fr}
.case-copy p{color:var(--muted);line-height:1.7}
.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.case-meta span,.project-badge{border:1px solid var(--soft);padding:9px 10px;background:var(--panel)}
.project-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}
.case-image{margin:0;border:1px solid var(--soft);background:var(--panel);padding:10px}
.case-image img{display:block;width:100%;height:auto}
.portfolio-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
.portfolio-gallery figure{margin:0;border:1px solid var(--soft);background:var(--panel);padding:10px}
.portfolio-gallery figure.wide{grid-column:span 2}
.portfolio-gallery img{display:block;width:100%;height:auto}
.portfolio-gallery figcaption{padding:12px 4px 2px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.about-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(34px,6vw,84px)}
.founder-card{margin:0;border:1px solid var(--soft);background:var(--panel);padding:14px}
.founder-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1)}
.founder-card figcaption{display:flex;flex-direction:column;gap:6px;padding:18px 4px 4px}
.founder-card strong{font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.founder-card span,.founder-card small{color:var(--muted);font-size:13px;line-height:1.5}
.about-founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px)}
.about-founder p:not(.label):not(.lead){color:var(--muted);font-size:18px;line-height:1.7;max-width:680px}
.about-statement{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start}
.about-statement div p{margin:0 0 12px;font-weight:900;letter-spacing:-.045em;font-size:clamp(30px,5vw,62px);line-height:.98}
.about-statement > p{color:var(--muted);font-size:clamp(20px,2.4vw,30px);line-height:1.35;max-width:640px}
.pricing-preview strong{display:inline-block;margin-top:10px;font-size:15px}
@media (min-width:900px){.founder-card{max-width:430px;justify-self:end}.about-hero{min-height:calc(100vh - 78px)}}
@media (max-width:899px){
  .section-head{display:block}.section-head .button{margin-top:16px}
  .proof-strip,.work-cards,.case-grid,.case-grid.flip,.about-hero,.about-founder,.about-statement{grid-template-columns:1fr}
  .steps.four{grid-template-columns:1fr}
  .portfolio-gallery{grid-template-columns:1fr}
  .portfolio-gallery figure.wide{grid-column:auto}
  .founder-card{max-width:420px}
}


.testimonial-card{max-width:900px;margin:24px auto;padding:28px;border:1px solid var(--soft);background:var(--panel)}
.stars{font-weight:800;letter-spacing:.08em;margin-bottom:18px}
.stars span{font-weight:600;color:var(--muted);margin-left:8px}
.testimonial-card blockquote{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6;margin:0 0 18px;font-style:italic}
.testimonial-author{margin:0;color:var(--muted);font-weight:700}


/* v23 readability + work-page corrections */
.portfolio-gallery figcaption{
  position:absolute !important;
  left:16px !important;
  bottom:16px !important;
  padding:11px 13px !important;
  background:#050505 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:none !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  z-index:2 !important;
}
:root[data-theme=day] .portfolio-gallery figcaption{
  background:#050505 !important;
  color:#ffffff !important;
}
.case-meta span,
.project-badge,
.work-card span{
  color:var(--text) !important;
}
:root[data-theme=night] .case-meta span,
:root[data-theme=night] .project-badge,
:root[data-theme=night] .work-card span{
  color:var(--text) !important;
}
.testimonial-card{
  border:1px solid var(--soft);
  background:var(--panel);
  padding:clamp(22px,4vw,34px);
}
.testimonial-card blockquote{
  margin:18px 0;
  font-size:clamp(22px,3.2vw,38px);
  line-height:1.18;
  letter-spacing:-.04em;
}
.stars{
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.stars span{
  display:inline-block;
  margin-left:10px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
}
.testimonial-author{
  color:var(--muted);
  margin:0;
}
@media (max-width:899px){
  .portfolio-gallery figcaption{
    left:12px !important;
    bottom:12px !important;
    font-size:10px !important;
  }
}


/* v24 sticky footer + STATICMETHOD signature */
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}
.site-footer,footer{margin-top:auto}
.footer-signature{
  width:100%;
  margin-top:24px;
  text-align:center;
  font-size:11px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--muted);
}
.footer-signature a{
  color:inherit;
  text-decoration:none;
  border-bottom:0;
}
.footer-signature a:hover{color:var(--text)}


/* v25 footer signature, simplified intake, and visual polish */
.footer-signature{
  width:100%;
  margin-top:24px;
  text-align:right !important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--muted);
}
.footer-signature a{
  color:inherit;
  text-decoration:none;
}
.footer-signature a:hover{color:var(--text)}
@media (max-width:760px){
  .footer-signature{text-align:left !important}
}

/* Keep portfolio labels legible on every image/background */
.portfolio-gallery figcaption{
  background:#050505 !important;
  color:#fff !important;
  opacity:1 !important;
  backdrop-filter:none !important;
  border:1px solid rgba(255,255,255,.32) !important;
}

/* Cleaner work page image presentation */
.case-image,
.portfolio-gallery figure{
  overflow:hidden;
}
.case-image img,
.portfolio-gallery img{
  image-rendering:auto;
}

/* Shorter, lower-friction inquiry form */
.form label{
  gap:9px;
}
.form textarea{
  min-height:132px;
}
.form-section .form{
  max-width:920px;
}



/* SM_v25 centered signature */
.footer-signature{
  width:100%;
  text-align:center !important;
  margin-top:40px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--muted);
}
.footer-signature a{
  color:inherit;
  text-decoration:none;
  transition:color .2s ease;
}
.footer-signature a:hover{
  color:#6CCBFF;
}

/* Keep portfolio/service labels readable with xenon accent */
.case-meta span,
.project-badge,
.work-card span{
  color:#6CCBFF !important;
  background:rgba(88,191,255,.08) !important;
  border:1px solid rgba(88,191,255,.25) !important;
}
.portfolio-gallery figcaption{
  color:#6CCBFF !important;
}
.pricing-preview .cards article .label{
  color:#6CCBFF !important;
}

/* SM_v26 homepage conversion pass */
.testimonial-hero{
  padding-top:clamp(54px,7vw,84px);
}
.testimonial-card{
  border:1px solid var(--soft);
  background:var(--panel);
  padding:clamp(24px,4vw,38px);
}
.testimonial-card blockquote{
  margin:18px 0;
  font-size:clamp(22px,3.4vw,42px);
  line-height:1.16;
  letter-spacing:-.045em;
  max-width:980px;
}
.stars{
  color:#6CCBFF;
  font-weight:900;
  letter-spacing:.10em;
  font-size:14px;
}
.stars span{
  display:inline-block;
  margin-left:10px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:10px;
}
.testimonial-author{
  color:var(--muted);
  margin:0;
}
.trust-cards article h3{
  font-size:clamp(22px,2.4vw,32px);
}
.systems-thinker{
  max-width:920px;
}
.systems-thinker .lead{
  max-width:780px;
}
.steps.four{
  grid-template-columns:repeat(4,1fr);
}
@media(max-width:899px){
  .steps.four{grid-template-columns:1fr}
  .testimonial-card blockquote{font-size:clamp(22px,7vw,34px)}
}


/* SM_v29 tablet/mobile spacing refinement */
@media (min-width: 700px) and (max-width: 1100px) and (orientation: portrait){
  .site-header,
  header{
    padding-top: clamp(30px, 5vw, 54px) !important;
    padding-bottom: clamp(28px, 4vw, 48px) !important;
  }

  .hero,
  .page-hero{
    min-height: auto !important;
    padding-top: clamp(44px, 6vw, 70px) !important;
    padding-bottom: clamp(46px, 6vw, 76px) !important;
  }

  .hero h1,
  .page-hero h1{
    margin-bottom: 18px !important;
  }

  .hero .lead,
  .page-hero .lead{
    margin-bottom: 26px !important;
  }

  .section{
    padding-top: clamp(46px, 6vw, 72px) !important;
    padding-bottom: clamp(46px, 6vw, 72px) !important;
  }

  .testimonial-hero{
    padding-top: clamp(34px, 5vw, 58px) !important;
  }

  .statement{
    padding-top: clamp(36px, 5vw, 58px) !important;
    padding-bottom: clamp(36px, 5vw, 58px) !important;
  }
}

@media (max-width: 699px){
  .site-header,
  header{
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .hero,
  .page-hero{
    min-height: auto !important;
    padding-top: 42px !important;
    padding-bottom: 48px !important;
  }

  .section{
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
}

/* SM_v30 score tool promo */
.score-tool-promo{
  border-top:1px solid var(--soft);
  border-bottom:1px solid var(--soft);
}
.score-tool-promo .lead{
  max-width:760px;
}

/* SM_v31 integrated score tool */
.score-tool-grid{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:22px;
  align-items:start;
}
.score-tool-card{
  border:1px solid var(--soft);
  background:var(--panel);
  padding:clamp(22px,4vw,32px);
}
.score-form{
  display:grid;
  gap:14px;
}
.score-form label{
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
}
.score-form input{
  width:100%;
  min-height:54px;
  border:1px solid var(--soft);
  background:var(--bg);
  color:var(--text);
  padding:0 14px;
  font:inherit;
  font-size:18px;
  border-radius:0;
  -webkit-appearance:none;
  appearance:none;
}
.score-form input:focus{
  outline:1px solid rgba(108,203,255,.55);
  outline-offset:0;
}
.score-status{
  min-height:24px;
  color:var(--muted);
  line-height:1.5;
}
.score-status.error{color:#ff9a9a}
.score-checks{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
  color:var(--muted);
  line-height:1.5;
}
.score-checks li::before{
  content:"✓";
  color:#6CCBFF;
  font-weight:900;
  margin-right:10px;
}
.score-btn{
  position:relative;
  overflow:hidden;
}
.score-btn.is-loading{
  background:rgba(255,255,255,.03)!important;
  color:transparent!important;
  border-color:rgba(255,255,255,.2)!important;
  backdrop-filter:blur(10px);
  cursor:wait;
}
.score-btn.is-loading::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(108,203,255,.13),transparent);
  animation:scoreSweep 1.35s linear infinite;
}
.score-btn.is-loading::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6CCBFF;
  box-shadow:-18px 0 0 rgba(108,203,255,.55),18px 0 0 rgba(108,203,255,.55);
  transform:translate(-50%,-50%);
  animation:scoreDots 1s ease-in-out infinite;
}
@keyframes scoreSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes scoreDots{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.score-results{
  display:none;
}
.score-row{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:24px;
  align-items:center;
  margin-bottom:24px;
}
.score-number{
  display:flex;
  align-items:flex-end;
  gap:12px;
  border:1px solid var(--soft);
  background:var(--panel);
  padding:20px 18px;
  font-size:clamp(54px,10vw,92px);
  font-weight:950;
  letter-spacing:-.035em;
  line-height:.82;
  color:#6CCBFF;
}
.score-number small{
  font-size:.32em;
  color:var(--muted);
  letter-spacing:-.02em;
  margin-bottom:8px;
  white-space:nowrap;
}
.score-breakdown{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:24px 0;
}
.score-metric{
  border:1px solid var(--soft);
  background:var(--panel);
  padding:16px;
}
.score-metric strong{
  display:block;
  font-size:28px;
  color:#6CCBFF;
  letter-spacing:-.04em;
}
.score-metric span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-top:6px;
}
.score-issues{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.score-issue{
  border:1px solid var(--soft);
  background:var(--panel);
  padding:16px;
  line-height:1.5;
  color:var(--muted);
}
.score-issue b{color:var(--text)}
.score-issue .pass{color:#9df2b0}
.score-issue .fail{color:#ff8b8b}
.score-cta{
  margin-top:24px;
  border:1px solid rgba(108,203,255,.28);
  background:rgba(108,203,255,.06);
  padding:22px;
}
.score-tool-promo{
  border-top:1px solid var(--soft);
  border-bottom:1px solid var(--soft);
}
@media(max-width:820px){
  .score-tool-grid,.score-row{grid-template-columns:1fr}
  .score-breakdown{grid-template-columns:1fr}
  .score-number{
    justify-content:flex-start;
    font-size:clamp(48px,15vw,68px);
  }
}

/* SM_v33 free score menu priority */
nav a[href="score.html"]{
  color:#6CCBFF;
}
.score-tool-promo-priority{
  border-top:1px solid var(--soft);
  border-bottom:1px solid var(--soft);
}
.score-tool-promo-priority .button{
  margin-top:12px;
}


/* SM_v34 // responsive sizing + xenon interface polish */
:root{
  --xenon:#6CCBFF;
  --xenon-soft:rgba(108,203,255,.36);
  --xenon-faint:rgba(108,203,255,.08);
}

/* Global responsive tightening */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:hidden;
}
body{
  overflow-x:hidden;
}
main,
.section,
.page-hero,
.hero,
.site-section{
  max-width:100%;
}
.section,
.page-hero,
.hero{
  padding-left:clamp(22px,4.8vw,56px);
  padding-right:clamp(22px,4.8vw,56px);
}
@media (min-width:768px) and (max-width:1180px){
  .section,
  .page-hero,
  .hero{
    padding-left:clamp(34px,5vw,64px);
    padding-right:clamp(34px,5vw,64px);
  }
}
@media (max-width:760px){
  .section,
  .page-hero,
  .hero{
    padding-left:28px;
    padding-right:28px;
  }
  h1{
    font-size:clamp(46px,12vw,68px);
    line-height:.95;
  }
  h2{
    font-size:clamp(32px,8.5vw,46px);
    line-height:1.03;
  }
  p,.lead{
    line-height:1.45;
  }
}

/* Buttons: solid primary, transparent secondary */
.button,
button,
input[type="submit"],
a.button{
  border-radius:0!important;
  touch-action:manipulation;
}
.button.primary,
button.primary,
a.button.primary,
.score-form .button.primary{
  background:var(--text, #fff)!important;
  color:var(--bg, #000)!important;
  border:1px solid rgba(108,203,255,.22)!important;
  box-shadow:none!important;
}
.button.secondary,
a.button.secondary,
.menu-toggle,
button.menu-toggle,
.nav-toggle,
.review-button,
.project-link,
a[href*="review"],
a[href="work.html"],
a[href="score.html"].button{
  background:transparent!important;
  color:var(--text, inherit)!important;
  border:1px solid var(--xenon-soft)!important;
  box-shadow:0 0 0 1px var(--xenon-faint), 0 0 18px rgba(108,203,255,.06)!important;
  backdrop-filter:blur(10px);
}
.button.secondary:hover,
a.button.secondary:hover,
.menu-toggle:hover,
.nav-toggle:hover,
.review-button:hover,
.project-link:hover{
  background:rgba(108,203,255,.065)!important;
  border-color:rgba(108,203,255,.55)!important;
}

/* Menu item emphasis */
nav a[href="score.html"]{
  color:var(--xenon)!important;
}

/* Screenshot/mockup image framing */
.work-card img,
.portfolio-card img,
.project-card img,
.case-card img,
.mockup img,
.showcase img,
figure img,
.work img,
img.screenshot,
img.mockup-image,
img.portfolio-image{
  border:1px solid var(--xenon-soft)!important;
  box-shadow:
    0 0 0 1px var(--xenon-faint),
    0 0 18px rgba(108,203,255,.075)!important;
}

/* Do not frame logos/icons */
.logo img,
.site-logo img,
header img,
nav img,
.icon img,
img[src*="favicon"],
img[src*="apple-touch-icon"]{
  border:none!important;
  box-shadow:none!important;
}

/* Card refinements */
.work-card,
.portfolio-card,
.project-card,
.case-card{
  border-color:rgba(108,203,255,.18)!important;
}
.work-card:hover,
.portfolio-card:hover,
.project-card:hover,
.case-card:hover{
  border-color:rgba(108,203,255,.38)!important;
}

/* Homepage Free Score CTA */
.score-tool-promo-priority{
  border-top:1px solid var(--xenon-soft)!important;
  border-bottom:1px solid var(--xenon-soft)!important;
  background:rgba(108,203,255,.035);
}
.score-tool-promo-priority .button{
  margin-top:12px;
}

/* Score page alignment refinements */
.score-form input{
  font-size:18px!important;
}
.score-number{
  gap:12px!important;
}
.score-number small{
  margin-left:6px!important;
}

/* iPad: keep layouts premium, avoid giant dead zones */
@media (min-width:768px) and (max-width:1180px){
  .hero,
  .page-hero{
    padding-top:clamp(46px,7vw,82px);
    padding-bottom:clamp(34px,5vw,64px);
  }
  .score-tool-grid,
  .work-grid,
  .portfolio-grid,
  .services-grid{
    gap:22px!important;
  }
}

/* Mobile: tighter premium scale */
@media (max-width:760px){
  .hero,
  .page-hero{
    padding-top:42px;
    padding-bottom:34px;
  }
  .button,
  a.button,
  button{
    min-height:52px;
  }
  .work-card img,
  .portfolio-card img,
  .project-card img,
  .case-card img,
  .mockup img,
  figure img{
    border-width:1px!important;
  }
}


/* SM_v35 // sticky header + cleaner featured menu score item */
.site-header,
header,
.header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  background:var(--bg, #fff);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* Keep sticky header working in night shift */
body.night .site-header,
body.night header,
body.night .header,
[data-theme="dark"] .site-header,
[data-theme="dark"] header,
[data-theme="dark"] .header{
  background:rgba(5,5,5,.92)!important;
}

/* Menu cleanup */
nav a.menu-score-link,
.menu a.menu-score-link,
.mobile-menu a.menu-score-link,
.overlay-menu a.menu-score-link{
  color:var(--xenon, #6CCBFF)!important;
  border:1px solid rgba(108,203,255,.38)!important;
  background:rgba(108,203,255,.055)!important;
  padding:16px 18px!important;
  margin:8px 0 10px!important;
  letter-spacing:.18em!important;
  box-shadow:0 0 0 1px rgba(108,203,255,.08),0 0 18px rgba(108,203,255,.06)!important;
}

/* Make regular menu links simpler and cleaner */
nav a:not(.menu-score-link),
.menu a:not(.menu-score-link),
.mobile-menu a:not(.menu-score-link),
.overlay-menu a:not(.menu-score-link){
  background:transparent!important;
}

/* If menu uses a vertical overlay, tighten spacing */
.menu,
.mobile-menu,
.overlay-menu,
.nav-panel{
  gap:0!important;
}

@media(max-width:760px){
  nav a.menu-score-link,
  .menu a.menu-score-link,
  .mobile-menu a.menu-score-link,
  .overlay-menu a.menu-score-link{
    font-size:14px!important;
    padding:15px 16px!important;
  }

  .site-header,
  header,
  .header{
    top:0!important;
  }
}


/* SM_v36 // clean menu + score CTA naming */
.site-header,
header,
.header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* Menu links should stay clean: no outlines, boxes, borders, glow, or special score treatment */
nav a,
.menu a,
.mobile-menu a,
.overlay-menu a,
.nav-panel a,
nav a[href="score.html"],
.menu a[href="score.html"],
.mobile-menu a[href="score.html"],
.overlay-menu a[href="score.html"],
.nav-panel a[href="score.html"],
nav a.menu-score-link,
.menu a.menu-score-link,
.mobile-menu a.menu-score-link,
.overlay-menu a.menu-score-link{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  outline:none!important;
  backdrop-filter:none!important;
  color:inherit!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Keep the score item normal, but allow active/hover behavior inherited from site */
nav a[href="score.html"]{
  color:inherit!important;
}

/* Secondary transparent buttons remain outside the menu only */
main .button.secondary,
main a.button.secondary{
  background:transparent!important;
  border:1px solid rgba(108,203,255,.36)!important;
  box-shadow:0 0 0 1px rgba(108,203,255,.08),0 0 18px rgba(108,203,255,.06)!important;
  backdrop-filter:blur(10px);
}


/* SM_v38 // clean fixed header, compact menu, smaller review */
:root{
  --sm-header-height:112px;
}

/* Real sticky/fixed header during normal scroll */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9000!important;
  background:color-mix(in srgb,var(--bg) 88%,transparent)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid var(--soft)!important;
}

body{
  padding-top:var(--sm-header-height)!important;
  overflow-x:hidden;
}

/* Menu should start below the fixed header and feel tighter */
.mobile-menu{
  top:var(--sm-header-height)!important;
  height:calc(100vh - var(--sm-header-height))!important;
  width:min(340px,82vw)!important;
  padding:18px 24px 24px!important;
  gap:0!important;
  z-index:8999!important;
}

.menu-backdrop{
  top:var(--sm-header-height)!important;
  height:calc(100vh - var(--sm-header-height))!important;
  z-index:8998!important;
}

/* Tighten only actual mobile menu links/buttons — no outlines, no boxes */
.mobile-menu a,
.mobile-menu button{
  padding:11px 0!important;
  margin:0!important;
  min-height:auto!important;
  border:0!important;
  border-bottom:1px solid var(--soft)!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  color:var(--text)!important;
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:.16em!important;
  text-decoration:none!important;
}

/* Keep day/night smaller so it doesn't dominate */
.mobile-menu button[data-theme-toggle]{
  font-size:11px!important;
  letter-spacing:.14em!important;
  color:var(--muted)!important;
}

/* Do not let generic nav styling affect the slide menu */
.mobile-menu a[href="score.html"]{
  color:var(--text)!important;
  border:0!important;
  border-bottom:1px solid var(--soft)!important;
  background:transparent!important;
}

/* Smaller, cleaner customer review */
.testimonial-hero{
  padding-top:clamp(40px,6vw,68px)!important;
  padding-bottom:clamp(42px,6vw,72px)!important;
}

.testimonial-card{
  max-width:760px!important;
  padding:clamp(20px,4vw,30px)!important;
  margin:18px auto!important;
}

.testimonial-card blockquote{
  font-size:clamp(19px,4.8vw,30px)!important;
  line-height:1.22!important;
  letter-spacing:-.035em!important;
  margin:16px 0!important;
}

.stars{
  font-size:12px!important;
}

.stars span{
  font-size:9px!important;
  letter-spacing:.12em!important;
}

.testimonial-author{
  font-size:14px!important;
}

/* Mobile adjustments */
@media(max-width:760px){
  :root{
    --sm-header-height:102px;
  }

  .site-header{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  .mobile-menu{
    width:min(330px,82vw)!important;
    padding:16px 22px 22px!important;
  }

  .mobile-menu a,
  .mobile-menu button{
    padding:10px 0!important;
    font-size:12px!important;
  }

  .testimonial-card blockquote{
    font-size:clamp(20px,5.7vw,28px)!important;
  }
}


/* SM_v39 // transparent sticky header + compact open menu */

/* Transparent/glass sticky header */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9000!important;
  background:rgba(255,255,255,.58)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}

body.night .site-header,
[data-theme="dark"] .site-header{
  background:rgba(5,5,5,.52)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

/* Compact mobile menu panel */
.mobile-menu{
  top:var(--sm-header-height)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - var(--sm-header-height) - 28px)!important;
  width:min(300px,72vw)!important;
  right:28px!important;
  left:auto!important;
  padding:18px 22px 20px!important;
  overflow:auto!important;
  background:rgba(5,5,5,.78)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

/* Keep page dim area from feeling like a giant block */
.menu-backdrop{
  top:var(--sm-header-height)!important;
  height:calc(100vh - var(--sm-header-height))!important;
  background:rgba(0,0,0,.30)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Tighter menu items */
.mobile-menu a,
.mobile-menu button{
  padding:9px 0!important;
  margin:0!important;
  min-height:auto!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.105)!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  color:#f4f4f0!important;
  font-size:11px!important;
  line-height:1.05!important;
  letter-spacing:.18em!important;
  text-decoration:none!important;
}

/* Last item clean */
.mobile-menu a:last-child,
.mobile-menu button:last-child{
  border-bottom:0!important;
}

/* Day/Night toggle slightly quieter */
.mobile-menu button[data-theme-toggle],
.mobile-menu .theme-toggle{
  color:rgba(244,244,240,.68)!important;
  font-size:10.5px!important;
}

/* Desktop/tablet menu should also stay refined if same class is used */
@media(min-width:761px){
  .mobile-menu{
    width:min(360px,36vw)!important;
    right:clamp(36px,6vw,72px)!important;
  }
}

/* Mobile-specific compactness */
@media(max-width:760px){
  :root{
    --sm-header-height:102px;
  }

  .site-header{
    background:rgba(255,255,255,.50)!important;
  }

  body.night .site-header,
  [data-theme="dark"] .site-header{
    background:rgba(5,5,5,.48)!important;
  }

  .mobile-menu{
    width:min(300px,72vw)!important;
    right:28px!important;
    padding:16px 20px 18px!important;
  }

  .mobile-menu a,
  .mobile-menu button{
    padding:8.5px 0!important;
    font-size:11px!important;
    letter-spacing:.17em!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .mobile-menu{
    width:min(286px,74vw)!important;
    right:22px!important;
  }
}


/* SM_v40 // compact menu panel fix — no slide drawer */
:root{
  --sm-header-height:102px;
}

/* Header stays fixed + transparent/glass */
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:10000!important;
  background:rgba(255,255,255,.48)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}

body.night .site-header,
[data-theme="dark"] .site-header{
  background:rgba(5,5,5,.46)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

body{
  padding-top:var(--sm-header-height)!important;
  overflow-x:hidden!important;
}

/* Kill the old off-canvas drawer behavior completely */
.mobile-menu{
  position:fixed!important;
  top:var(--sm-header-height)!important;
  left:clamp(104px,27vw,138px)!important;
  right:22px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - var(--sm-header-height) - 32px)!important;
  z-index:9999!important;
  padding:16px 20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:auto!important;
  background:rgba(5,5,5,.76)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.28)!important;

  transform:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease, visibility .18s ease!important;
}

.mobile-menu.open{
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Backdrop stays behind the compact panel */
.menu-backdrop{
  position:fixed!important;
  top:var(--sm-header-height)!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:auto!important;
  z-index:9998!important;
  background:rgba(0,0,0,.24)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}

/* Clean, tight menu links */
.mobile-menu a,
.mobile-menu button{
  display:block!important;
  width:100%!important;
  padding:9px 0!important;
  margin:0!important;
  min-height:auto!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.105)!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  color:#f4f4f0!important;
  font-size:11px!important;
  line-height:1.08!important;
  letter-spacing:.18em!important;
  text-align:left!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
}

.mobile-menu a:last-child,
.mobile-menu button:last-child{
  border-bottom:0!important;
}

.mobile-menu a[href="score.html"]{
  color:#f4f4f0!important;
  background:transparent!important;
  border-left:0!important;
  box-shadow:none!important;
}

.mobile-menu button[data-theme-toggle],
.mobile-menu .theme-toggle{
  color:rgba(244,244,240,.68)!important;
  font-size:10.5px!important;
}

/* Tablet keeps the panel compact and aligned to the right */
@media(min-width:761px){
  :root{
    --sm-header-height:118px;
  }

  .mobile-menu{
    left:auto!important;
    right:clamp(42px,7vw,88px)!important;
    width:min(360px,38vw)!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .mobile-menu{
    left:98px!important;
    right:18px!important;
    padding:15px 18px 17px!important;
  }

  .mobile-menu a,
  .mobile-menu button{
    font-size:10.5px!important;
    letter-spacing:.165em!important;
  }
}


/* SM_v41 // shift-aware transparent header + reduced homepage scrolling */

/* Header glass must follow shift mode */
.site-header{
  background:rgba(255,255,255,.54)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}

html[data-theme="dark"] .site-header,
html.dark .site-header,
body[data-theme="dark"] .site-header,
body.dark .site-header,
body.night .site-header,
body.night-shift .site-header,
body.is-night .site-header{
  background:rgba(5,5,5,.58)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}

html[data-theme="light"] .site-header,
html.light .site-header,
body[data-theme="light"] .site-header,
body.light .site-header,
body.day .site-header,
body.day-shift .site-header,
body.is-day .site-header{
  background:rgba(255,255,255,.54)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}

/* Homepage vertical compression */
body.home main > section,
.index main > section,
main.home > section{
  padding-top:clamp(34px,5vw,64px)!important;
  padding-bottom:clamp(34px,5vw,64px)!important;
}

.hero{
  padding-top:clamp(34px,5vw,70px)!important;
  padding-bottom:clamp(28px,4vw,54px)!important;
}

.score-tool-promo-priority{
  padding-top:clamp(28px,4vw,48px)!important;
  padding-bottom:clamp(28px,4vw,48px)!important;
}

.score-tool-promo-priority .lead{
  margin-bottom:18px!important;
}

.services-grid,
.work-grid,
.portfolio-grid,
.score-breakdown{
  gap:14px!important;
}

.service-card,
.work-card,
.portfolio-card,
.project-card,
.case-card{
  padding:clamp(18px,3.2vw,26px)!important;
}

/* smaller reviews/testimonials */
.testimonial-hero,
section[class*="feedback"],
section[class*="review"],
section[class*="testimonial"]{
  padding-top:clamp(30px,5vw,56px)!important;
  padding-bottom:clamp(30px,5vw,58px)!important;
}

.testimonial-card,
.feedback-card,
.review-card,
.quote-card{
  padding:clamp(18px,3.5vw,28px)!important;
  margin-top:14px!important;
  margin-bottom:14px!important;
}

.testimonial-card blockquote,
.feedback-card blockquote,
.review-card blockquote,
.quote-card blockquote,
section[class*="feedback"] blockquote,
section[class*="review"] blockquote,
section[class*="testimonial"] blockquote{
  font-size:clamp(20px,4.6vw,34px)!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
  margin:12px 0!important;
}

.button,
a.button,
button{
  min-height:50px!important;
}

@media(max-width:760px){
  .hero{
    padding-top:32px!important;
    padding-bottom:28px!important;
  }

  .section,
  .page-hero{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

  .score-tool-promo-priority{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }

  .service-card,
  .work-card,
  .portfolio-card,
  .project-card,
  .case-card{
    padding:18px!important;
  }

  .testimonial-card blockquote,
  .feedback-card blockquote,
  .review-card blockquote,
  .quote-card blockquote{
    font-size:clamp(20px,5.8vw,28px)!important;
    line-height:1.14!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .hero,
  .page-hero{
    padding-top:48px!important;
    padding-bottom:44px!important;
  }

  .section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
}


/* SM_v42 // darker night header + homepage scroll reduction */

/* FINAL header color override — placed last so it wins */
.site-header,
header.site-header{
  background:rgba(255,255,255,.48)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Match every likely Night Shift selector */
html[data-theme="dark"] .site-header,
html[data-theme="night"] .site-header,
html[data-shift="night"] .site-header,
html.night .site-header,
html.dark .site-header,
html.night-shift .site-header,
body[data-theme="dark"] .site-header,
body[data-theme="night"] .site-header,
body[data-shift="night"] .site-header,
body.night .site-header,
body.dark .site-header,
body.night-shift .site-header,
body.is-night .site-header,
body[data-mode="night"] .site-header,
body[data-mode="dark"] .site-header{
  background:rgba(3,3,3,.82)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}

/* Match every likely Day Shift selector */
html[data-theme="light"] .site-header,
html[data-theme="day"] .site-header,
html[data-shift="day"] .site-header,
html.day .site-header,
html.light .site-header,
html.day-shift .site-header,
body[data-theme="light"] .site-header,
body[data-theme="day"] .site-header,
body[data-shift="day"] .site-header,
body.day .site-header,
body.light .site-header,
body.day-shift .site-header,
body.is-day .site-header,
body[data-mode="day"] .site-header,
body[data-mode="light"] .site-header{
  background:rgba(255,255,255,.48)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
}

/* Use prefers-color-scheme only as a fallback when no class/data is present */
@media (prefers-color-scheme: dark){
  html:not([data-theme]):not([data-shift]) body:not([data-theme]):not([data-shift]) .site-header{
    background:rgba(3,3,3,.82)!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
  }
}

/* Homepage: reduce total scroll length */
body.home{
  --home-section-y:clamp(24px,4vw,48px);
}

body.home .hero{
  padding-top:clamp(24px,4vw,46px)!important;
  padding-bottom:clamp(22px,3.5vw,40px)!important;
}

body.home .section,
body.home main > section{
  padding-top:var(--home-section-y)!important;
  padding-bottom:var(--home-section-y)!important;
}

/* Make hero less oversized on mobile/iPad */
body.home h1{
  font-size:clamp(42px,10vw,84px)!important;
  line-height:.94!important;
  margin-bottom:clamp(14px,2.5vw,22px)!important;
}

body.home h2{
  font-size:clamp(28px,6.4vw,54px)!important;
  line-height:1.02!important;
  margin-bottom:clamp(12px,2vw,18px)!important;
}

body.home .lead{
  font-size:clamp(17px,3.7vw,23px)!important;
  line-height:1.38!important;
  margin-bottom:clamp(14px,2vw,20px)!important;
}

/* Homepage buttons closer together */
body.home .button,
body.home a.button,
body.home button{
  min-height:48px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

/* Homepage cards tighter */
body.home .service-card,
body.home .work-card,
body.home .portfolio-card,
body.home .project-card,
body.home .case-card,
body.home .score-tool-card,
body.home .testimonial-card{
  padding:clamp(16px,3vw,24px)!important;
}

body.home .services-grid,
body.home .work-grid,
body.home .portfolio-grid{
  gap:12px!important;
}

/* Customer review: noticeably smaller */
body.home .testimonial-card,
body.home .feedback-card,
body.home .review-card,
body.home .quote-card,
body.home section[class*="feedback"],
body.home section[class*="review"],
body.home section[class*="testimonial"]{
  max-width:820px!important;
}

body.home .testimonial-card blockquote,
body.home .feedback-card blockquote,
body.home .review-card blockquote,
body.home .quote-card blockquote,
body.home section[class*="feedback"] blockquote,
body.home section[class*="review"] blockquote,
body.home section[class*="testimonial"] blockquote{
  font-size:clamp(18px,4.6vw,30px)!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  margin:10px 0!important;
}

body.home .stars,
body.home .testimonial-author{
  font-size:12px!important;
}

/* Score promo smaller */
body.home .score-tool-promo-priority{
  padding-top:24px!important;
  padding-bottom:24px!important;
}

body.home .score-tool-promo-priority h2{
  font-size:clamp(28px,6vw,44px)!important;
}

/* Mobile: more aggressive compression */
@media(max-width:760px){
  body.home{
    --home-section-y:28px;
  }

  body.home .hero{
    padding-top:24px!important;
    padding-bottom:22px!important;
  }

  body.home .section,
  body.home main > section{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }

  body.home h1{
    font-size:clamp(42px,11vw,58px)!important;
  }

  body.home h2{
    font-size:clamp(28px,7.6vw,38px)!important;
  }

  body.home .lead{
    font-size:clamp(16px,4.3vw,20px)!important;
  }

  body.home .testimonial-card blockquote,
  body.home .feedback-card blockquote,
  body.home .review-card blockquote,
  body.home .quote-card blockquote{
    font-size:clamp(18px,5.4vw,25px)!important;
    line-height:1.12!important;
  }
}

/* iPad compression */
@media(min-width:761px) and (max-width:1180px){
  body.home .hero{
    padding-top:34px!important;
    padding-bottom:32px!important;
  }

  body.home .section,
  body.home main > section{
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
}


/* SM_v43 // public service packages + white glove systems */
.package-section .lead,.white-glove-section .lead,.shopify-preview-section .lead{max-width:820px}
.project-timeline-note{border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.timeline-grid,.package-grid,.white-glove-grid,.signature-grid{display:grid;gap:18px}
.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
.white-glove-grid,.signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
.timeline-card,.package-card,.signature-card{border:1px solid var(--soft);background:var(--panel);padding:clamp(20px,3.5vw,30px)}
.timeline-card strong{display:block;font-size:clamp(22px,3vw,32px);line-height:1;letter-spacing:-.04em;margin-bottom:10px}
.timeline-card span,.package-card p:not(.package-kicker):not(.package-price),.signature-card p{color:var(--muted);line-height:1.5}
.package-kicker{color:#6CCBFF;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;margin:0 0 14px}
.package-card h3{font-size:clamp(28px,4vw,42px);line-height:.98;letter-spacing:-.055em;margin:0 0 14px}
.package-price{font-size:clamp(24px,4vw,38px);line-height:1;letter-spacing:-.045em;color:#6CCBFF;font-weight:900;margin:0 0 18px}
.package-card ul,.signature-card ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}
.package-card li,.signature-card li{color:var(--text);line-height:1.35;font-size:clamp(14px,2vw,16px)}
.package-card li::before,.signature-card li::before{content:"✓";color:#6CCBFF;font-weight:900;margin-right:9px}
.white-glove-card{border-color:rgba(108,203,255,.44);box-shadow:0 0 0 1px rgba(108,203,255,.08),0 0 24px rgba(108,203,255,.06)}
.signature-card{border-color:rgba(108,203,255,.26)}
.shopify-preview-section{border-top:1px solid var(--soft)}
@media(max-width:980px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.timeline-grid,.package-grid,.white-glove-grid,.signature-grid{grid-template-columns:1fr;gap:14px}.package-card h3{font-size:clamp(28px,8vw,38px)}.package-price{font-size:clamp(26px,7vw,34px)}}


/* SM_v44 // fullscreen premium menu + vault + refinements */
.sm-integrated-belief{border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.package-card ul,.signature-card ul,.vault-card ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.package-card li,.signature-card li,.vault-card li{display:grid;grid-template-columns:20px 1fr;align-items:start;column-gap:10px;font-size:.96rem;line-height:1.42}
.package-card li::before,.signature-card li::before,.vault-card li::before{content:"✓";color:#6CCBFF;font-weight:900;margin:0;line-height:1.35}
.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vault-card{border:1px solid rgba(108,203,255,.26);background:var(--panel);padding:clamp(22px,4vw,34px)}
.vault-card h2{margin-top:0}.vault-renewal{margin-top:24px}
.sm-fullscreen-menu{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .28s ease}
.sm-fullscreen-menu.is-open{pointer-events:auto;opacity:1}
.sm-menu-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(18px)}
.sm-menu-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,6vw,76px);background:radial-gradient(circle at 20% 30%,rgba(108,203,255,.08),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.92) 46%,rgba(0,0,0,.98));border-left:1px solid rgba(255,255,255,.08);transform:translateY(12px);transition:transform .34s ease}
.sm-fullscreen-menu.is-open .sm-menu-panel{transform:translateY(0)}
.sm-menu-top{position:absolute;top:clamp(22px,5vw,52px);left:clamp(28px,6vw,76px);right:clamp(28px,6vw,76px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.sm-menu-label{color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:900}
.sm-menu-close,.sm-menu-shift{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02);color:var(--text);font:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;padding:14px 16px;border-radius:0}
.sm-menu-links{display:grid;gap:clamp(10px,1.6vh,18px);width:min(100%,980px);margin:0 auto}
.sm-menu-links a{display:block;color:var(--text);text-decoration:none;font-size:clamp(40px,8.8vw,96px);line-height:.86;letter-spacing:-.065em;font-weight:950;border:0!important;outline:0!important;box-shadow:none!important;transition:opacity .18s ease,transform .18s ease,color .18s ease}
.sm-menu-links a:hover{opacity:.68;transform:translateX(8px);color:#6CCBFF}
.sm-menu-secondary{width:min(100%,980px);margin:clamp(26px,4vh,44px) auto 0;padding-top:clamp(18px,3vh,28px);border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:18px 28px}
.sm-menu-secondary a{color:var(--muted);text-decoration:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:900;border:0!important}
.sm-menu-shift{width:min(100%,980px);margin:clamp(22px,3vh,32px) auto 0;text-align:left;border-color:rgba(108,203,255,.28)}
body.menu-open{overflow:hidden}
.site-footer nav a[href$="services.html"],.site-footer nav a[href$="about.html"],.site-footer nav a[href$="contact.html"],.site-footer a[href*="review"]{display:none!important}
@media(max-width:760px){.package-card,.signature-card,.vault-card{padding:2.35rem 1.65rem}.package-card li,.signature-card li,.vault-card li{font-size:.93rem;line-height:1.38;grid-template-columns:18px 1fr;column-gap:9px}.vault-grid{grid-template-columns:1fr}.sm-menu-panel{justify-content:flex-start;padding:104px 28px 36px;overflow-y:auto}.sm-menu-links{margin:0}.sm-menu-links a{font-size:clamp(38px,13.5vw,64px);line-height:.92}.sm-menu-secondary{margin-left:0;margin-right:0}.sm-menu-shift{margin-left:0;margin-right:0;width:100%}}


/* SM_v45 // vault login + centered footer */
.vault-login-hero{
  min-height:auto;
}

.vault-login-section{
  padding-top:clamp(18px,4vw,44px)!important;
}

.vault-login-card{
  width:min(100%,620px);
  margin:0 auto;
  border:1px solid rgba(108,203,255,.28);
  background:var(--panel);
  padding:clamp(24px,5vw,42px);
  box-shadow:0 0 0 1px rgba(108,203,255,.06),0 0 26px rgba(108,203,255,.05);
}

.vault-login-form{
  display:grid;
  gap:16px;
}

.vault-login-form label{
  display:grid;
  gap:8px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:900;
}

.vault-login-form input{
  width:100%;
  min-height:54px;
  border:1px solid var(--soft);
  background:var(--bg);
  color:var(--text);
  padding:0 14px;
  border-radius:0;
  font:inherit;
  font-size:18px;
  -webkit-appearance:none;
  appearance:none;
}

.vault-login-form input:focus{
  outline:1px solid rgba(108,203,255,.55);
  outline-offset:0;
}

.vault-access-note,
.vault-help{
  color:var(--muted);
  line-height:1.5;
  margin-top:18px;
}

.vault-help a{
  color:#6CCBFF;
  text-decoration:none;
}

footer,
.site-footer{
  text-align:center!important;
}

footer nav,
.site-footer nav,
footer .footer-links,
.site-footer .footer-links,
footer .social-links,
.site-footer .social-links{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
}

footer a,
.site-footer a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

footer > *,
.site-footer > *{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(min-width:761px){
  footer nav,
  .site-footer nav,
  footer .footer-links,
  .site-footer .footer-links,
  footer .social-links,
  .site-footer .social-links{
    flex-wrap:nowrap!important;
  }
}

@media(max-width:760px){
  .vault-login-card{
    padding:2rem 1.5rem;
  }
}


/* SM_v46 // Access Grid inspired menu + compact footer */
.sm-fullscreen-menu{position:fixed!important;inset:0!important;z-index:99999!important;opacity:0!important;pointer-events:none!important;transition:opacity .28s ease!important}
.sm-fullscreen-menu.is-open{opacity:1!important;pointer-events:auto!important}
.sm-menu-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;padding:0!important;background:rgba(245,245,242,.72)!important;backdrop-filter:blur(22px) saturate(120%)!important;-webkit-backdrop-filter:blur(22px) saturate(120%)!important}
[data-theme="dark"] .sm-menu-backdrop,.dark .sm-menu-backdrop,body.dark .sm-menu-backdrop,body.night .sm-menu-backdrop{background:rgba(0,0,0,.72)!important}
.sm-menu-panel{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:clamp(28px,6vw,70px)!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:translateY(14px)!important;transition:transform .32s ease!important}
.sm-fullscreen-menu.is-open .sm-menu-panel{transform:translateY(0)!important}
.sm-menu-head{position:absolute!important;top:clamp(22px,5vw,54px)!important;left:clamp(24px,6vw,72px)!important;right:clamp(24px,6vw,72px)!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.sm-menu-kicker{margin:0!important;color:var(--muted)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.24em!important}
.sm-menu-close{border:1px solid var(--soft)!important;background:rgba(255,255,255,.03)!important;color:var(--text)!important;padding:12px 16px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important;border-radius:0!important}
.sm-menu-list{width:min(100%,1040px)!important;display:grid!important;gap:0!important;border-top:1px solid var(--soft)!important;border-bottom:1px solid var(--soft)!important}
.sm-menu-list a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:clamp(54px,8vh,92px)!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--soft)!important;background:transparent!important;color:var(--text)!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:clamp(18px,4.8vw,54px)!important;line-height:1!important;font-weight:900!important;outline:0!important;box-shadow:none!important}
.sm-menu-list a:last-child{border-bottom:0!important}.sm-menu-list a:hover{color:#6CCBFF!important}
.sm-menu-foot{width:min(100%,1040px)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:14px 28px!important;margin-top:clamp(24px,4vh,42px)!important}
.sm-menu-foot a,.sm-menu-foot button{border:0!important;background:transparent!important;color:var(--muted)!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-size:12px!important;font-weight:900!important;padding:0!important;outline:0!important;box-shadow:none!important}
body.menu-open{overflow:hidden!important}
footer,footer.sm-compact-footer,.site-footer{padding-top:clamp(28px,6vw,56px)!important;padding-bottom:clamp(32px,6vw,60px)!important;text-align:center!important}
footer nav,.site-footer nav,footer .footer-links,.site-footer .footer-links,footer .social-links,.site-footer .social-links{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px 20px!important;margin:0 auto!important;text-align:center!important}
footer a,.site-footer a,footer button,.site-footer button{display:inline-flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;border:0!important;outline:0!important;box-shadow:none!important}
footer a[href$="services.html"],footer a[href$="about.html"],footer a[href$="contact.html"],footer a[href$="work.html"],footer a[href$="start.html"],footer a[href$="score.html"],footer a[href*="review"],.site-footer a[href$="services.html"],.site-footer a[href$="about.html"],.site-footer a[href$="contact.html"],.site-footer a[href$="work.html"],.site-footer a[href$="start.html"],.site-footer a[href$="score.html"],.site-footer a[href*="review"]{display:none!important}
footer > *,.site-footer > *{margin-left:auto!important;margin-right:auto!important}
@media(max-width:760px){.sm-menu-panel{justify-content:flex-start!important;padding:92px 24px 34px!important;overflow:auto!important}.sm-menu-list{margin-top:18px!important}.sm-menu-list a{justify-content:flex-start!important;min-height:50px!important;font-size:clamp(18px,5.2vw,28px)!important;letter-spacing:.18em!important}.sm-menu-foot{justify-content:flex-start!important;gap:16px 22px!important}footer,.site-footer{padding-top:34px!important;padding-bottom:42px!important}footer nav,.site-footer nav,footer .footer-links,.site-footer .footer-links,footer .social-links,.site-footer .social-links{flex-direction:row!important;flex-wrap:wrap!important;gap:18px 22px!important}}

/* SM_v47 // verified mobile-only frosted menu rebuild */
.site-header{
  z-index:1000!important;
}
.desktop-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(14px,2vw,28px)!important;
  margin-left:auto!important;
}
.desktop-nav a{
  color:var(--muted)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}
.desktop-nav a:hover{
  color:var(--text)!important;
}
.menu-button{
  display:none!important;
}
.sm-fullscreen-menu{
  display:none!important;
}

@media(max-width:760px){
  .desktop-nav{
    display:none!important;
  }
  .menu-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:92px!important;
    width:92px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border:1px solid var(--glass-border)!important;
    background:var(--glass)!important;
    color:var(--text)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    border-radius:0!important;
    font:900 11px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .sm-fullscreen-menu{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .28s ease,visibility 0s linear .28s!important;
  }
  .sm-fullscreen-menu.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .28s ease,visibility 0s!important;
  }
  .sm-menu-glass{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    padding:0!important;
    cursor:pointer!important;
    background:rgba(248,248,244,.78)!important;
    backdrop-filter:blur(24px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
  }
  :root[data-theme=night] .sm-menu-glass{
    background:rgba(3,3,3,.78)!important;
  }
  .sm-menu-panel{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:92px 24px 34px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:translateY(18px) scale(.985)!important;
    opacity:.001!important;
    transition:transform .34s cubic-bezier(.075,.82,.165,1),opacity .28s ease!important;
    overflow:auto!important;
  }
  .sm-fullscreen-menu.is-open .sm-menu-panel{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
  }
  .sm-menu-head{
    position:absolute!important;
    top:22px!important;
    left:22px!important;
    right:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
  }
  .sm-menu-kicker{
    margin:0!important;
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.24em!important;
    text-transform:uppercase!important;
  }
  .sm-menu-close{
    min-height:40px!important;
    padding:0 14px!important;
    border:1px solid var(--glass-border)!important;
    background:rgba(255,255,255,.04)!important;
    color:var(--text)!important;
    border-radius:0!important;
    font:900 11px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .sm-menu-list{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    display:grid!important;
    gap:0!important;
    border-top:1px solid var(--soft)!important;
    border-bottom:1px solid var(--soft)!important;
  }
  .sm-menu-list a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:54px!important;
    padding:12px 4px!important;
    border:0!important;
    border-bottom:1px solid var(--soft)!important;
    background:transparent!important;
    color:var(--text)!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    letter-spacing:.16em!important;
    font-size:clamp(18px,5.4vw,31px)!important;
    line-height:1!important;
    font-weight:900!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .sm-menu-list a:last-child{
    border-bottom:0!important;
  }
  .sm-menu-list a:active,
  .sm-menu-list a:hover{
    color:var(--accent)!important;
  }
  .sm-menu-foot{
    width:100%!important;
    max-width:620px!important;
    margin:24px auto 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:16px 24px!important;
  }
  .sm-menu-foot a,
  .sm-menu-foot button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--muted)!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    letter-spacing:.18em!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:900!important;
    outline:0!important;
    box-shadow:none!important;
  }
  body.menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }
}

.site-footer.sm-signature-footer{
  width:min(1120px,calc(100% - 38px))!important;
  margin:0 auto!important;
  padding:34px 0 42px!important;
  border-top:1px solid var(--soft)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  text-align:center!important;
}
.footer-socials{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
}
.footer-socials a,
.footer-socials span,
.footer-signature,
.footer-signature a,
.site-footer.sm-signature-footer .text-toggle{
  color:var(--muted)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.5!important;
}
.site-footer.sm-signature-footer .text-toggle{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  min-height:0!important;
}

/* SM_v48 // iPad portrait uses the clean fullscreen menu */
@media (min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .desktop-nav{
    display:none!important;
  }
  .menu-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:104px!important;
    width:104px!important;
    min-height:44px!important;
    padding:0 16px!important;
    border:1px solid var(--glass-border)!important;
    background:var(--glass)!important;
    color:var(--text)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    border-radius:0!important;
    font:900 11px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .sm-fullscreen-menu{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .28s ease,visibility 0s linear .28s!important;
  }
  .sm-fullscreen-menu.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .28s ease,visibility 0s!important;
  }
  .sm-menu-glass{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border:0!important;
    padding:0!important;
    cursor:pointer!important;
    background:rgba(248,248,244,.78)!important;
    backdrop-filter:blur(24px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
  }
  :root[data-theme=night] .sm-menu-glass{
    background:rgba(3,3,3,.78)!important;
  }
  .sm-menu-panel{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:108px 42px 44px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:translateY(18px) scale(.985)!important;
    opacity:.001!important;
    transition:transform .34s cubic-bezier(.075,.82,.165,1),opacity .28s ease!important;
    overflow:auto!important;
  }
  .sm-fullscreen-menu.is-open .sm-menu-panel{
    transform:translateY(0) scale(1)!important;
    opacity:1!important;
  }
  .sm-menu-head{
    position:absolute!important;
    top:30px!important;
    left:42px!important;
    right:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
  }
  .sm-menu-kicker{
    margin:0!important;
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.24em!important;
    text-transform:uppercase!important;
  }
  .sm-menu-close{
    min-height:42px!important;
    padding:0 16px!important;
    border:1px solid var(--glass-border)!important;
    background:rgba(255,255,255,.04)!important;
    color:var(--text)!important;
    border-radius:0!important;
    font:900 11px/1 Inter,system-ui,sans-serif!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }
  .sm-menu-list{
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    display:grid!important;
    gap:0!important;
    border-top:1px solid var(--soft)!important;
    border-bottom:1px solid var(--soft)!important;
  }
  .sm-menu-list a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    padding:12px 4px!important;
    border:0!important;
    border-bottom:1px solid var(--soft)!important;
    background:transparent!important;
    color:var(--text)!important;
    text-align:center!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    letter-spacing:.16em!important;
    font-size:clamp(22px,4.2vw,38px)!important;
    line-height:1!important;
    font-weight:900!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .sm-menu-list a:last-child{
    border-bottom:0!important;
  }
  .sm-menu-list a:active,
  .sm-menu-list a:hover{
    color:var(--accent)!important;
  }
  .sm-menu-foot{
    width:100%!important;
    max-width:680px!important;
    margin:28px auto 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:16px 24px!important;
  }
  .sm-menu-foot a,
  .sm-menu-foot button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--muted)!important;
    text-decoration:none!important;
    text-transform:uppercase!important;
    letter-spacing:.18em!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:900!important;
    outline:0!important;
    box-shadow:none!important;
  }
  body.menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }
}

/* SM_v49 // Field Notes + menu flow refinement */
.desktop-nav{
  gap:clamp(10px,1.42vw,22px)!important;
}
.desktop-nav a{
  font-size:10.5px!important;
  letter-spacing:.13em!important;
}
.sm-menu-list .sm-menu-rule{
  display:block!important;
  height:18px!important;
  border-bottom:1px solid var(--soft)!important;
  opacity:.72!important;
}
@media(max-width:760px), (min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .sm-menu-list .sm-menu-rule{
    height:18px!important;
  }
  .sm-menu-list .sm-menu-rule + a{
    border-top:0!important;
  }
}
.field-notes-hero .lead{
  max-width:760px;
}
.field-notes-section{
  padding-top:clamp(42px,7vw,88px)!important;
}
.field-notes-list{
  width:min(100%,920px);
  margin:2rem auto 0;
  border-top:1px solid var(--soft);
}
.field-note{
  border-bottom:1px solid var(--soft);
}
.field-note summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px 0;
  color:var(--text);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:clamp(1rem,2.1vw,1.55rem);
  line-height:1.15;
  font-weight:900;
}
.field-note summary::-webkit-details-marker{
  display:none;
}
.field-note-toggle{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--soft);
  color:var(--muted);
  font-size:20px;
  line-height:1;
  transition:transform .2s ease,color .2s ease,border-color .2s ease;
}
.field-note[open] .field-note-toggle{
  transform:rotate(45deg);
  color:var(--accent);
  border-color:rgba(108,203,255,.35);
}
.field-note-body{
  max-width:740px;
  padding:0 0 30px;
  color:var(--muted);
  font-size:clamp(1rem,1.75vw,1.16rem);
  line-height:1.72;
}
.field-note-body p{
  margin:0 0 1.05rem;
}
.field-note-body p:last-child{
  margin-bottom:0;
}
.field-notes-preview .cards article{
  min-height:190px;
}
.field-notes-cta .lead{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:760px){
  .field-note summary{
    padding:22px 0;
    align-items:flex-start;
    letter-spacing:.1em;
  }
  .field-note-toggle{
    width:30px;
    height:30px;
    font-size:18px;
  }
}


/* SM_v50 // Conversion + trust optimizations */
.hero-proof{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:22px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.proof-stars{color:var(--text);letter-spacing:.08em}
.proof-divider{opacity:.55}
.business-infrastructure{
  align-items:flex-start;
  text-align:left;
  border-top:1px solid var(--soft);
  border-bottom:1px solid var(--soft);
}
.business-infrastructure .infrastructure-copy{max-width:920px;margin:0 auto}
.business-infrastructure h2{max-width:780px}
.steps.four h3{margin:8px 0 8px;font-size:clamp(18px,2vw,24px);letter-spacing:.04em;text-transform:uppercase}
.steps.four p{max-width:280px;color:var(--muted);line-height:1.55}
.name-meaning{border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}
.white-glove-boundaries{border-top:1px solid var(--soft)}
.white-glove-boundaries .cards article ul{margin-top:18px}
.case-metric-strip{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  margin:18px 0 8px;color:var(--muted);font-size:12px;font-weight:900;
  letter-spacing:.14em;text-transform:uppercase;
}
.score-expectation-note{max-width:760px;margin:14px auto 0;color:var(--muted);font-size:14px;line-height:1.6}
@media (max-width: 900px){
  .hero-proof{justify-content:flex-start;font-size:11px;gap:8px}
  .proof-divider{display:none}
  .business-infrastructure{text-align:left}
  .steps.four p{max-width:none}
}


/* SM_v52 micro-conversion refinements */
.form-intro,
.form-microcopy,
.score-privacy-note{
  color:var(--muted);
}
.form-intro{
  max-width:760px;
  margin:0 0 1.5rem;
}
.form-intro strong{
  color:var(--text);
}
.form-microcopy,
.score-privacy-note{
  display:block;
  margin-top:.45rem;
  font-size:.82rem;
  line-height:1.45;
}
.soft-score-cta{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.why-method-grid article p:first-of-type{
  color:var(--text);
}
.package-outcome{
  display:block;
  margin-top:.35rem;
  font-size:.9rem;
  color:var(--muted);
  line-height:1.45;
}

/* SM_v59 // Footer spacing fix
   Removes the old sticky-footer layout so the footer sits directly
   after page content instead of forcing short pages to stretch. */
html,
body{
  min-height:100%!important;
}
body{
  display:block!important;
  min-height:auto!important;
}
main{
  flex:unset!important;
  flex-grow:0!important;
  flex-shrink:1!important;
  flex-basis:auto!important;
}
.site-footer,
footer{
  margin-top:clamp(34px,5vw,56px)!important;
}
main > .section:last-child,
main > section:last-child{
  padding-bottom:clamp(34px,5vw,64px)!important;
}
.field-notes-page main > .section:last-child,
.field-notes-page main > section:last-child,
body:has(.field-notes-grid) main > .section:last-child,
body:has(.field-notes-grid) main > section:last-child{
  padding-bottom:clamp(24px,4vw,42px)!important;
}
@media(max-width:760px){
  .site-footer,
  footer{
    margin-top:28px!important;
  }
  main > .section:last-child,
  main > section:last-child{
    padding-bottom:32px!important;
  }
}

/* SM_v60 // clean universal header menu
   Use the same restrained MENU control on mobile, iPad, and desktop. */
.site-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:clamp(18px,4vw,48px)!important;
}
.desktop-nav{
  display:none!important;
}
.menu-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  min-width:clamp(104px,10vw,136px)!important;
  min-height:clamp(44px,4.4vw,54px)!important;
  padding:0 clamp(18px,2.6vw,28px)!important;
  border:1px solid var(--soft)!important;
  background:rgba(255,255,255,.03)!important;
  color:var(--text)!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font:900 11px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.menu-button:hover,
.menu-button:focus-visible{
  border-color:rgba(108,203,255,.55)!important;
  color:var(--text)!important;
}
.sm-fullscreen-menu{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .28s ease,visibility 0s linear .28s!important;
}
.sm-fullscreen-menu.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .28s ease,visibility 0s!important;
}
.sm-menu-glass{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  padding:0!important;
  cursor:pointer!important;
  background:rgba(248,248,244,.82)!important;
  backdrop-filter:blur(26px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(132%)!important;
}
:root[data-theme=night] .sm-menu-glass,
html[data-theme="night"] .sm-menu-glass,
body.night .sm-menu-glass,
html.dark .sm-menu-glass,
body.dark .sm-menu-glass{
  background:rgba(3,3,3,.82)!important;
}
.sm-menu-panel{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(92px,9vw,132px) clamp(24px,6vw,72px) clamp(34px,5vw,64px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateY(18px) scale(.985)!important;
  opacity:.001!important;
  transition:transform .34s cubic-bezier(.075,.82,.165,1),opacity .28s ease!important;
  overflow:auto!important;
}
.sm-fullscreen-menu.is-open .sm-menu-panel{
  transform:translateY(0) scale(1)!important;
  opacity:1!important;
}
.sm-menu-list{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
}
.sm-menu-list a{
  min-height:clamp(54px,7.2vh,84px)!important;
  font-size:clamp(20px,4.2vw,52px)!important;
}
body.menu-open{
  overflow:hidden!important;
  touch-action:none!important;
}
@media(max-width:760px){
  .site-header{
    padding:16px 18px!important;
  }
  .menu-button{
    min-width:96px!important;
    min-height:42px!important;
    padding:0 14px!important;
    letter-spacing:.18em!important;
  }
  .sm-menu-panel{
    justify-content:flex-start!important;
    padding:92px 24px 34px!important;
  }
  .sm-menu-list{
    max-width:620px!important;
  }
  .sm-menu-list a{
    justify-content:flex-start!important;
    min-height:50px!important;
    font-size:clamp(18px,5.2vw,28px)!important;
  }
}

/* SM_v61 // header menu refinement */
.site-header{
  align-items:center!important;
}
.mark{
  transform:translateY(2px)!important;
}
.menu-button{
  min-width:clamp(86px,7.2vw,108px)!important;
  width:auto!important;
  min-height:clamp(38px,3.5vw,46px)!important;
  padding:0 clamp(14px,1.9vw,20px)!important;
  font-size:10px!important;
  letter-spacing:.20em!important;
  border-color:color-mix(in srgb,var(--soft) 82%,transparent)!important;
  background:rgba(255,255,255,.018)!important;
}
.menu-button:hover,
.menu-button:focus-visible{
  background:rgba(108,203,255,.045)!important;
  border-color:rgba(108,203,255,.42)!important;
}
@media(max-width:760px){
  .mark{
    transform:translateY(1px)!important;
  }
  .menu-button{
    min-width:88px!important;
    min-height:40px!important;
    padding:0 12px!important;
    font-size:10px!important;
    letter-spacing:.18em!important;
  }
}