/*
  Masko OS — Mobile V4
  A phone-specific editorial / conversion layer.
  Desktop styles.css and app.js are intentionally untouched.
*/
@media (max-width: 767px) {
  :root {
    --m-pad: 18px;
    --m-gap: 12px;
    --m-radius: 24px;
  }

  html { scroll-padding-top: 78px; }
  body {
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  body, a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
  body.mobile-menu-open { overflow: hidden; }
  .aura { display: none !important; }
  .progress { height: 2px; }

  /* ---------- NAV ---------- */
  nav {
    top: max(9px, env(safe-area-inset-top));
    width: calc(100% - 20px);
    height: 58px;
    padding: 0 7px 0 8px;
    gap: 8px;
    border-radius: 20px;
    background: color-mix(in srgb,var(--paper) 92%,transparent);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 12px 34px rgba(20,18,16,.08);
    transition: height .2s, box-shadow .2s, background .2s;
  }
  nav.scrolled {
    height: 54px;
    background: color-mix(in srgb,var(--paper) 97%,transparent);
    box-shadow: 0 10px 30px rgba(20,18,16,.11);
  }
  .brand { gap: 9px; min-width: 0; }
  .brand img { width: 40px; height: 40px; }
  nav.scrolled .brand img { width: 37px; height: 37px; }
  .brand span { font-size: 10px; letter-spacing: .13em; white-space: nowrap; }
  .nav-actions { margin-left: auto; gap: 6px; }
  .mode, .nav-cta { display: none !important; }
  .menu {
    display: grid !important;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb,var(--card) 58%,transparent);
  }
  .menu i { width: 18px; margin: 2.5px auto; transition: transform .2s, opacity .2s; }
  nav.open .menu i:first-child { transform: translateY(3.5px) rotate(45deg); }
  nav.open .menu i:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  nav.open .links {
    display: grid;
    position: fixed;
    top: calc(max(9px, env(safe-area-inset-top)) + 66px);
    left: 10px;
    right: 10px;
    gap: 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: color-mix(in srgb,var(--paper) 98%,transparent);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    box-shadow: 0 26px 80px rgba(18,19,21,.18);
  }
  nav.open .links a {
    min-height: 53px;
    display: flex;
    align-items: center;
    padding: 0 13px;
    border-bottom: 1px solid var(--line);
    color: var(--ink);
    font-size: 14px;
    font-weight: 700;
  }
  nav.open .links a:after { display: none; }
  nav.open .links a:last-child { border-bottom: 0; }
  nav.open .links .mobile-menu-cta {
    margin-top: 8px;
    justify-content: space-between;
    padding: 0 16px;
    border-radius: 15px;
    background: var(--ink);
    color: var(--paper);
  }

  /* ---------- HERO ---------- */
  .hero {
    min-height: auto;
    display: block;
    padding: calc(104px + env(safe-area-inset-top)) var(--m-pad) 42px;
    background:
      radial-gradient(circle at -2% 4%,rgba(255,112,103,.17),transparent 31%),
      radial-gradient(circle at 110% 38%,rgba(185,199,255,.2),transparent 32%),
      var(--paper);
  }
  .hero > .hero-copy,
  .hero > .hero-live,
  .hero > .ticker { display: none !important; }
  .mobile-v4-hero { display: block; }
  .m4-kicker {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 23px;
    font: 600 7.5px/1.3 var(--mono);
    letter-spacing: .12em;
    color: var(--muted);
  }
  .m4-kicker i {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--signal);
    box-shadow: 0 0 0 6px rgba(230,59,49,.09);
  }
  .mobile-v4-hero h1 {
    max-width: 9.5ch;
    margin: 0;
    font: 500 clamp(49px,14.1vw,61px)/.88 var(--serif);
    letter-spacing: -.058em;
    text-wrap: balance;
  }
  .m4-lead {
    max-width: 31rem;
    margin: 24px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.58;
  }
  .m4-actions { margin-top: 25px; display: grid; gap: 4px; }
  .m4-btn {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 17px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 780;
  }
  .m4-primary { background: var(--ink); color: var(--paper); box-shadow: 0 14px 34px rgba(20,18,16,.12); }
  .m4-text-link {
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
  }
  .m4-proofline {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 6px;
    margin-top: 25px;
  }
  .m4-proofline div {
    min-width: 0;
    padding-top: 10px;
    border-top: 1px solid var(--line);
  }
  .m4-proofline b { display: block; font: 500 20px/1 var(--serif); }
  .m4-proofline span { display: block; margin-top: 5px; color: var(--muted); font-size: 7.5px; line-height: 1.25; }
  .m4-rule {
    display: grid;
    gap: 10px;
    margin-top: 27px;
    padding: 17px 18px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: color-mix(in srgb,var(--card) 74%,transparent);
  }
  .m4-rule span { font: 600 7px/1 var(--mono); letter-spacing: .12em; color: var(--signal); }
  .m4-rule b { font: 500 19px/1.15 var(--serif); letter-spacing: -.018em; }

  /* ---------- SHARED SECTION TYPOGRAPHY ---------- */
  .section { padding: 58px var(--m-pad); }
  .m4-section-head { margin-bottom: 25px; }
  .m4-section-head > small,
  .mobile-v4-proof > small {
    display: block;
    margin-bottom: 12px;
    font: 600 7.5px/1 var(--mono);
    letter-spacing: .13em;
    color: var(--muted);
  }
  .m4-section-head h2,
  .mobile-v4-proof h2,
  .mobile-v4-contact-copy h2 {
    margin: 0;
    font: 500 clamp(38px,11vw,47px)/.93 var(--serif);
    letter-spacing: -.047em;
  }
  .m4-section-head p,
  .mobile-v4-proof > p,
  .mobile-v4-contact-copy > p {
    margin: 15px 0 0;
    color: var(--muted);
    font-size: 13.5px;
    line-height: 1.58;
  }

  /* ---------- WHAT I FIX ---------- */
  #services > .section-head,
  #services > .bento { display: none !important; }
  .mobile-v4-services { display: block; }
  .m4-problems { display: grid; gap: 8px; }
  .m4-problems article {
    display: grid;
    grid-template-columns: 31px 1fr;
    gap: 4px 10px;
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 19px;
    background: var(--card);
  }
  .m4-num {
    grid-row: 1 / 3;
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--signal);
    font: 600 8px/1 var(--mono);
  }
  .m4-problems h3 { margin: 0 0 5px; font: 500 23px/1 var(--serif); letter-spacing: -.022em; }
  .m4-problems p { margin: 0; color: var(--muted); font-size: 11.5px; line-height: 1.45; }
  .m4-problems article > small {
    grid-column: 2;
    margin-top: 7px;
    color: color-mix(in srgb,var(--muted) 85%,transparent);
    font: 600 7px/1.2 var(--mono);
    letter-spacing: .045em;
    text-transform: uppercase;
  }
  .m4-method {
    margin-top: 25px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--ink);
    color: var(--paper);
  }
  .m4-method-head { padding: 20px 20px 17px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .m4-method-head small { display: block; color: #85868b; font: 600 7px/1 var(--mono); letter-spacing: .13em; }
  .m4-method-head b { display: block; margin-top: 10px; font: 500 25px/1.03 var(--serif); }
  .m4-method ol { list-style: none; margin: 0; padding: 4px 20px; }
  .m4-method li {
    min-height: 69px;
    display: grid;
    grid-template-columns: 33px 1fr;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255,255,255,.09);
  }
  .m4-method li:last-child { border-bottom: 0; }
  .m4-method li i { font: 600 8px/1 var(--mono); color: var(--signal2); font-style: normal; }
  .m4-method li div { display: grid; gap: 4px; }
  .m4-method li b { font-size: 12px; }
  .m4-method li span { color: #999a9e; font-size: 9.5px; line-height: 1.3; }
  .m4-method-cta {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 7px;
    padding: 0 15px;
    border-radius: 17px;
    background: #f2efe8;
    color: #121315;
    font-size: 11px;
    font-weight: 780;
  }

  /* The desktop Before/After is beautiful on desktop, but not worth the height on a phone. */
  .section.before { display: none !important; }

  /* ---------- MASKO // SCAN ---------- */
  .scan { padding-top: 12px; padding-bottom: 58px; }
  .scan-shell { grid-template-columns: 1fr; border: 0; border-radius: 26px; overflow: hidden; background: var(--dark); color: #f4f2ec; box-shadow: 0 20px 60px rgba(18,19,21,.12); }
  .scan-side { min-height: 0; padding: 22px 20px 19px; background: radial-gradient(circle at 95% 5%,rgba(255,112,103,.18),transparent 38%), linear-gradient(150deg,#18191d,#111216); }
  .scan-side > small { color: #8f9096; font-size: 7px; }
  .scan-side h2 { margin: 13px 0 10px; font-size: 39px; line-height: .94; color: #f4f2ec; }
  .scan-side p { margin: 0; color: #9c9da2; font-size: 12px; line-height: 1.5; }
  .scan-method { margin-top: 17px; }
  .scan-method span { border-color: rgba(255,255,255,.12); color: #9c9da2; font-size: 6px; }
  .scan-progress { margin-top: 21px; }
  .scan-progress span { color: #8f9096; font-size: 7px; }
  .scan-progress i { height: 3px; margin-top: 9px; background: rgba(255,255,255,.1); }
  .scan-progress b { background: var(--signal2); }
  .scan-note { margin-top: 12px !important; font-size: 8px !important; }
  .scan-body { min-height: 0; padding: 18px; background: #f8f5ef; color: #151619; }
  .question-kicker { margin-bottom: 9px; font-size: 6.5px; }
  .step h3 { margin: 1px 0 17px; font-size: 28px; line-height: 1; }
  .step > button:not(.back) { min-height: 62px; grid-template-columns: 35px 1fr; align-items: center; padding: 11px 12px; margin-bottom: 7px; border-color: rgba(18,19,21,.13); border-radius: 16px; background: rgba(255,255,255,.42); color: #151619; touch-action: manipulation; }
  .step > button:not(.back):active { transform: scale(.99); }
  .step > button:not(.back):hover { transform: none; }
  .step button b { width: 32px; height: 32px; border-color: rgba(18,19,21,.13); color: var(--signal); }
  .step button span { font-size: 12px; }
  .step button small { color: #777872; font-size: 9px; line-height: 1.3; }
  .back { min-height: 44px; color: #777872; }
  .scan-result-head { grid-template-columns: 1fr; gap: 12px; }
  .scan-result h3 { margin: 16px 0 9px; font-size: 34px; }
  .scan-result p { color: #6f706a; font-size: 11.5px; line-height: 1.5; }
  .scan-confidence { padding: 13px; border-color: rgba(18,19,21,.12); background: rgba(255,255,255,.48); }
  .scan-confidence b { font-size: 27px; }
  .scan-verdict { margin: 14px 0 6px; padding: 15px; border-radius: 16px; }
  .scan-verdict strong { font-size: 19px; }
  .scan-verdict p { font-size: 10px; }
  .scan-attachment { padding: 13px; border-radius: 14px; }
  .scan-attachment-head { display: grid; grid-template-columns: 1fr; gap: 8px; }
  .scan-attachment-head > span { width: max-content; }
  .scan-attachment-grid { grid-template-columns: 1fr 1fr; gap: 6px; margin: 12px 0 6px; }
  .scan-attachment-grid > div { padding: 9px; }
  .scan-attachment-summary { grid-template-columns: 1fr; gap: 6px; }
  .scan-attachment-summary > div { padding: 10px; }
  .scan-attachment p { font-size: 9.5px; }
  .scan-attachment-note { font-size: 8.5px !important; }
  .scan-score-grid { grid-template-columns: 1fr 1fr; gap: 6px; margin: 16px 0; }
  .scan-score-grid article { padding: 11px; border-color: rgba(18,19,21,.12); border-radius: 14px; background: rgba(255,255,255,.45); }
  .scan-score-grid span { min-height: 24px; font-size: 6px; }
  .scan-score-grid strong { margin: 7px 0 9px; font-size: 17px; }
  .scan-badges { gap: 5px; margin-bottom: 12px; }
  .scan-badges span { font-size: 6px; }
  .scan-insights { grid-template-columns: 1fr; gap: 6px; }
  .scan-insights article { padding: 13px; border-color: rgba(18,19,21,.12); border-radius: 15px; background: rgba(255,255,255,.36); }
  .scan-insights h4 { font-size: 14px; }
  .scan-insights p { font-size: 10px; }
  .scan-disclaimer { font-size: 7px !important; }
  .result-actions { display: grid; grid-template-columns: 1fr; }
  .result-actions .btn, .result-actions .scan-restart { min-height: 48px; width: 100%; }
  .scan-restart { text-align: center; }

  /* ---------- PROOF ---------- */
  .proof { padding-top: 58px; padding-bottom: 58px; background: var(--paper2); }
  .proof > .proof-grid { display: none !important; }
  .mobile-v4-proof {
    overflow: hidden;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 25px;
    background: var(--card);
  }
  .mobile-v4-proof > p { max-width: 32rem; }
  .m4-proof-grid { display: grid; gap: 7px; margin-top: 24px; }
  .m4-proof-grid div {
    display: grid;
    grid-template-columns: 82px 1fr;
    align-items: center;
    min-height: 58px;
    padding: 10px 0;
    border-top: 1px solid var(--line);
  }
  .m4-proof-grid b { font: 500 24px/1 var(--serif); }
  .m4-proof-grid span { color: var(--muted); font-size: 10px; line-height: 1.35; }
  .m4-case-note {
    display: grid;
    gap: 8px;
    margin: 18px -22px -22px;
    padding: 18px 22px;
    background: var(--ink);
    color: var(--paper);
  }
  .m4-case-note span { font: 600 7px/1 var(--mono); letter-spacing: .12em; color: var(--signal2); }
  .m4-case-note p { margin: 0; color: #9b9ca0; font-size: 10px; line-height: 1.45; }

  /* ---------- PRICING / WAYS TO WORK ---------- */
  .pricing { padding-top: 58px; padding-bottom: 58px; background: var(--paper); }
  .pricing > .pricing-head,
  .pricing > .price-grid,
  .pricing > .fine { display: none !important; }
  .mobile-v4-pricing { display: block; }
  .m4-offers { display: grid; gap: 9px; }
  .m4-offers article {
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: var(--card);
  }
  .m4-offers article.dark { background: var(--ink); color: var(--paper); border-color: transparent; }
  .m4-offer-top { display: flex; align-items: center; justify-content: space-between; }
  .m4-offer-top small { font: 600 7px/1 var(--mono); letter-spacing: .12em; color: var(--muted); }
  .dark .m4-offer-top small { color: #8d8e93; }
  .m4-offer-top span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font: 600 8px/1 var(--mono); color: var(--signal); }
  .dark .m4-offer-top span { border-color: rgba(255,255,255,.14); color: var(--signal2); }
  .m4-offers h3 { margin: 22px 0 8px; font: 500 31px/1 var(--serif); letter-spacing: -.03em; }
  .m4-offers article > p { margin: 0; color: var(--muted); font-size: 11.5px; line-height: 1.48; }
  .dark > p { color: #96979c !important; }
  .m4-price { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 4px 10px; margin-top: 19px; }
  .m4-price > span { color: var(--muted); font: 600 7px/1 var(--mono); text-transform: uppercase; }
  .dark .m4-price > span { color: #85868b; }
  .m4-price b { grid-column: 1 / -1; font-size: 29px; letter-spacing: -.04em; }
  .m4-price small { grid-column: 1 / -1; color: var(--muted); font-size: 8.5px; }
  .dark .m4-price small { color: #85868b; }
  .m4-offer-details {
    width: 100%;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 13px;
    padding: 0;
    border: 0;
    border-top: 1px solid var(--line);
    background: transparent;
    color: var(--muted);
    text-align: left;
    font: 700 9px/1 var(--mono);
  }
  .dark .m4-offer-details { border-top-color: rgba(255,255,255,.12); color: #8f9094; }
  .m4-offer-details i { font-style: normal; font-size: 16px; transition: transform .2s; }
  .m4-offers article.open .m4-offer-details i { transform: rotate(45deg); }
  .m4-offers ul { display: none; list-style: none; margin: 0 0 8px; padding: 0 0 10px; gap: 7px; }
  .m4-offers article.open ul { display: grid; }
  .m4-offers li { color: var(--muted); font-size: 10.5px; }
  .dark li { color: #999a9e; }
  .m4-offers li:before { content: "↳ "; color: var(--signal); }
  .dark li:before { color: var(--signal2); }
  .m4-offers article > a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 15px;
    font-size: 10.5px;
    font-weight: 760;
  }
  .dark > a { border-color: rgba(255,255,255,.14) !important; color: #f4f2ec; }
  .m4-pricing-note {
    margin: 13px 2px 0;
    color: var(--muted);
    font-size: 9.5px;
    line-height: 1.45;
  }
  .m4-pricing-note b { color: var(--ink); }

  /* ---------- SHOP ---------- */
  .shop { padding-top: 58px; padding-bottom: 58px; }
  .shop-head { display: grid; gap: 14px; margin-bottom: 20px; }
  .shop-head h2 { margin: 9px 0 0; font-size: 39px; line-height: .94; }
  .shop-head > a { min-height: 48px; width: 100%; justify-content: space-between; }
  .product { grid-template-columns: 1fr; border-radius: 23px; }
  .product-img { min-height: 0; aspect-ratio: 16 / 10; }
  .product-img span { top: 11px; left: 11px; padding: 7px 8px; font-size: 6.5px; }
  .product-copy { padding: 18px; }
  .product-copy > small { font-size: 6.5px; }
  .product-copy h3 { margin: 13px 0 8px; font-size: 30px; line-height: .98; }
  .product-copy p { margin: 0; font-size: 11.5px; line-height: 1.48; }
  .product-tags { margin: 14px 0 17px; gap: 5px; }
  .product-tags span { padding: 7px 8px; font-size: 7px; }
  .product-copy .btn { width: 100%; min-height: 48px; justify-content: space-between; }

  /* ---------- FAQ ---------- */
  .mobile-v4-faq {
    padding: 58px var(--m-pad);
    border-bottom: 1px solid var(--line);
    background: var(--paper2);
  }
  .m4-faq-list { display: grid; gap: 7px; }
  .m4-faq-list details {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: var(--card);
  }
  .m4-faq-list summary {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 14px;
    cursor: pointer;
    list-style: none;
    font-size: 11.5px;
    font-weight: 750;
  }
  .m4-faq-list summary::-webkit-details-marker { display: none; }
  .m4-faq-list summary i { flex: 0 0 auto; font-style: normal; color: var(--signal); font-size: 17px; transition: transform .2s; }
  .m4-faq-list details[open] summary i { transform: rotate(45deg); }
  .m4-faq-list details p { margin: -3px 14px 15px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10.5px; line-height: 1.5; }

  /* ---------- CONTACT ---------- */
  .contact { grid-template-columns: 1fr; gap: 22px; padding-top: 58px; padding-bottom: 58px; }
  .contact-copy { position: static; }
  .contact-copy > small,
  .contact-copy > h2,
  .contact-copy > p { display: none !important; }
  .mobile-v4-contact-copy { display: block; }
  .m4-contact-note { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: #4a9d67; font: 600 7px/1 var(--mono); letter-spacing: .11em; }
  .m4-contact-note i { width: 7px; height: 7px; border-radius: 50%; background: #4a9d67; }
  .form { padding: 17px; border-radius: 22px; gap: 13px; }
  .row { grid-template-columns: 1fr; gap: 13px; }
  .form label { gap: 7px; }
  .form label span { font-size: 7px; }
  .form input, .form select, .form textarea {
    min-height: 51px;
    padding: 13px 14px;
    border-radius: 14px;
    font-size: 16px;
    line-height: 1.35;
  }
  .form textarea { min-height: 112px; }
  .form-bottom { flex-direction: column; align-items: stretch; gap: 10px; }
  .form-bottom > small { display: none; }
  .form-bottom .btn { width: 100%; min-height: 51px; justify-content: space-between; }

  /* ---------- FOOTER / CONSENT ---------- */
  footer { padding: 32px var(--m-pad) calc(18px + env(safe-area-inset-bottom)); }
  .footer-brand img { width: 45px; height: 45px; }
  .footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: 23px 0 0;
  }
  .footer-links a, .footer-links button {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
  }
  .footer-meta { flex-direction: column; gap: 9px; margin-top: 23px; line-height: 1.35; }
  .cookie-banner {
    left: 10px;
    right: 10px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    max-height: calc(100dvh - 20px);
    overflow: auto;
    padding: 15px;
    border-radius: 20px;
    gap: 11px;
  }
  .cookie-copy strong { font-size: 16px; }
  .cookie-copy p { font-size: 11px; line-height: 1.45; }
  .cookie-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .cookie-btn { min-height: 46px; }

  .m4-btn, .menu, .m4-method-cta, .step button, .m4-offer-details, .m4-offers article > a, .m4-faq-list summary, .cookie-btn { touch-action: manipulation; }
}

@media (max-width: 374px) {
  :root { --m-pad: 15px; }
  .brand span { display: none; }
  .mobile-v4-hero h1 { font-size: 47px; }
  .m4-proofline span { font-size: 7px; }
  .m4-problems article { padding: 15px; }
}

@media (max-width: 767px) and (orientation: landscape) {
  .hero { padding-top: 92px; }
}

@media (max-width:767px){
  .site-footer{padding:36px var(--m-pad) calc(20px + env(safe-area-inset-bottom))!important}
  .site-footer .footer-main{display:grid;grid-template-columns:1fr;gap:28px}
  .site-footer .footer-brand img{width:46px;height:46px}
  .site-footer .footer-intro p{max-width:32rem;margin:16px 0 14px;font-size:11.5px;line-height:1.55}
  .site-footer .footer-email{font-size:12px}
  .site-footer .footer-group{gap:0;border-top:1px solid rgba(255,255,255,.09);padding-top:15px}
  .site-footer .footer-group small{margin-bottom:7px}
  .site-footer .footer-group a,.site-footer .footer-group button{width:100%;min-height:42px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px}
  .site-footer .footer-meta{flex-direction:column;gap:7px;margin-top:28px;padding-top:16px}
}