/* Shared typography, navigation and internal pages. Home layout loads separately. */
@font-face { font-family: Peyda; src: url('./fonts/peyda-regular.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: Peyda; src: url('./fonts/peyda-bold.woff') format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
:root { --ink:#213d42; --muted:#536b70; --green:#3cd5af; --brand:#3cd5af; --mint:#9eead7; --pale:#ecfbf7; --line:#dce6e7; --surface:#ffffffc9; --paper:#f5fdfb; --radius:22px; --shadow-soft:0 8px 28px #213d4205; --shadow-card:inset 0 1px 0 #fff,0 2px 3px #213d4203,0 12px 30px #213d4206; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html[data-site-modal-open] { overflow: hidden; scrollbar-gutter: stable; overscroll-behavior: none; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.9 Peyda, Tahoma, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, input, summary { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3, strong { font-weight: 700; }
h1, h2, h3 { line-height: 1.55; }
a, button { touch-action: manipulation; }
.icon { width: 22px; height: 22px; flex-shrink: 0; vertical-align: middle; }
.plain { border: 0; background: transparent; padding: 10px; min-width: 44px; min-height: 44px; }
.skip-link { position: fixed; top: -80px; right: 20px; z-index: 100; background: var(--ink); color: #fff; padding: 12px 24px; border-radius: 10px; }
.skip-link:focus { top: 8px; }
:focus-visible { outline: 3px solid #213d42; outline-offset: 4px; }

/* The original home sequence is retained: navigation, heading, plans, food, footer. */
.site-header { padding:20px 30px 0; }
.header-inner { max-width:1260px; margin:auto; display:grid; grid-template-columns:1fr auto 1fr; gap:24px; align-items:center; min-height:74px; padding:10px 16px; background:linear-gradient(125deg,#ffffffdb,#ffffff80); border:1px solid #fff; border-radius:20px; box-shadow:0 0 0 1px #cef5eb65,0 9px 30px #213d4205,inset 0 1px 1px #fff; }
.brand { display: flex; align-items: center; min-height: 44px; }
.brand img { object-fit: contain; width: 146px; height:auto; }
.desktop-nav { display: flex; gap: 7px; align-items: center; }
.desktop-nav a { display: flex; align-items: center; gap: 9px; padding: 10px 13px; min-height: 44px; border-radius: 13px; font-size: 14px; white-space: nowrap; transition: background .18s, color .18s; }
.desktop-nav .icon { width: 19px; height: 19px; color: #213d42; }
.desktop-nav a:hover { background: var(--pale); color: #213d42; }
.header-actions { justify-content: flex-end; }
.header-actions a:first-child { background:linear-gradient(130deg,#ecfbf7,#cef5eb); color:#213d42; border:1px solid #dce6e7; box-shadow:inset 0 1px 0 #fff; }
.mobile-menu, .mobile-support { display: none; }

@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .header-inner { -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } }
@media (prefers-reduced-transparency:reduce) { .header-inner { background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none; } }

/* Shared actions and native dialogs. */
.button { display:inline-flex; align-items:center; justify-content:center; gap:34px; min-height:56px; padding:14px 23px; border:1px solid var(--green); border-radius:14px; background:var(--green); color:#213d42; font-weight:700; transition:background .18s,transform .18s; }
.button:hover { background: #3cd5af; box-shadow: 0 7px 14px #213d4210; }
.button:active { transform: translateY(1px); }
.button:disabled { opacity: .5; cursor: not-allowed; box-shadow: none; }
.button .icon { width: 19px; height: 19px; }
.menu-dialog { border: 0; padding: 25px; margin: 0 0 0 auto; width: min(342px, 90vw); height: 100dvh; max-height: 100dvh; background: var(--paper); box-shadow: -20px 0 90px #213d4220; border-radius: 26px 0 0 26px; color: var(--ink); }
.menu-dialog::backdrop, .support-dialog::backdrop { background: #213d4266; }
.menu-dialog, .support-dialog { overscroll-behavior: contain; }
.menu-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; padding-bottom: 19px; border-bottom: 1px solid var(--line); }
.menu-top > img { width: 130px; height:auto; object-fit: contain; }
.close-menu { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; line-height:1; background:#ecfbf7; border-radius:50%; }
.close-menu svg { display:block; width:20px; height:20px; pointer-events:none; }
.menu-dialog nav { display: grid; gap: 7px; }
.menu-dialog nav a { padding: 16px 12px; display: flex; justify-content: space-between; border-radius: 13px; }
.menu-dialog nav a:hover { background: #ecfbf7; }
.menu-dialog nav .icon { width: 18px; color: #213d42; }
.support-dialog { position: fixed; border: 1px solid #dce6e7; border-radius: 28px; max-width: 390px; width: calc(100vw - 40px); padding: 48px 27px 29px; text-align: center; color: var(--ink); background: var(--paper); box-shadow: 0 28px 100px #213d4225; }
.support-dialog h2 { font-size: 21px; line-height: 1.9; margin: 5px 0 29px; }
.support-dialog .button { width: 100%; }
.support-dialog .close-dialog { position: absolute; top: 9px; left: 9px; font-size: 25px; color: var(--muted); border-radius: 50%; }

/* Editorial pages. */
.inner-page { max-width:1230px; padding:0 32px; margin:0 auto; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #213d42; font-size: 13px; font-weight: 700; margin-bottom: 18px; }
.eyebrow::before { content:''; width:8px; height:8px; background:#3cd5af; border-radius:50%; }
.lead { max-width: 565px; font-size: 18px; line-height: 2.1; color: var(--muted); }
.about-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:75px; align-items:center; padding:62px 0 76px; }
.about-hero h1 { font-size:clamp(42px,4.9vw,66px); line-height:1.5; letter-spacing:-1.7px; margin-bottom:25px; }
.about-hero h1 span { color:#213d42; }
.about-hero .button { margin-top: 31px; }
.about-photo { position:relative; border-radius:24px 24px 90px 24px; overflow:hidden; aspect-ratio:4/5; background:#ecfbf7; }
.about-photo::after { content:''; position:absolute; width:56px; height:56px; left:18px; bottom:18px; border-radius:50%; background:#f5fdfbd9 url('./images/brand/matcha-symbol-v20.svg?v=0.20.0') center/37px no-repeat; border:5px solid #ffffffcf; }
.about-photo img { width:100%; height:100%; object-fit:cover; }
.section-title h2 { font-size: 36px; line-height: 1.65; letter-spacing: -.6px; }
.section-title > p:last-child:not(.eyebrow) { color: var(--muted); margin-top: 13px; }
.about-principles { display:grid; grid-template-columns:1fr 2fr; gap:18px; padding:0 0 68px; }
.principle-list article { display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding:27px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.principle-list article:first-child { padding:27px; }
.principle-list article:last-child { grid-column:span 2; flex-direction:row; align-items:center; background:#ecfbf7; padding:27px; border:1px solid var(--line); }
.principle-list h3 { font-size:19px; margin-bottom:9px; }
.principle-list p { color:var(--muted); font-size:15px; line-height:1.95; }
.services-section { padding: 54px 0 50px; border-top: 1px solid var(--line); }
.service-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:28px; }
.service-list > div { position:relative; background:#fff; border:1px solid var(--line); border-radius:18px; padding:23px; }
.service-list span { font-size: 12px; color: var(--muted); }
.service-list h3 { font-size: 20px; margin-top: 5px; }
.about-stats { position: relative; isolation: isolate; overflow: hidden; margin: 30px 0 80px; padding: 39px 42px; background: #3cd5af; color: #213d42; border: 1px solid #3cd5af; border-radius: 29px; box-shadow: 0 18px 34px #213d420a; }
.about-stats::before { content: ''; position: absolute; z-index: -1; width: 400px; height: 400px; right: -240px; top: -160px; border: 1px solid #dce6e716; border-radius: 50%; box-shadow: 0 0 0 35px #cef5eb07, 0 0 0 70px #cef5eb05; }
.about-stats h2 { font-size: 24px; font-weight: 400; }
.stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; margin-top: 32px; }
.stats-grid > div { border-left: 1px solid #dce6e71c; padding-left: 15px; }
.stats-grid > div:last-child { border: 0; padding-left: 0; }
.stats-grid strong { display:block; color:#213d42; font:700 40px/1.7 Peyda,sans-serif; }
.stats-grid p { font-size: 13px; color: #213d42; margin-top: 6px; }
.faq-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; padding: 14px 0 70px; }
.faqs details { border:1px solid var(--line); border-radius:15px; padding:17px 21px; background:#fff; }
.faqs details:first-child { padding:17px 21px; }
.faqs summary { display: flex; align-items: center; justify-content: space-between; gap: 21px; min-height: 44px; cursor: pointer; font-size: 17px; list-style: none; }
.faqs summary::-webkit-details-marker { display: none; }
.faqs summary > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; flex: none; border: 1px solid #dce6e7; background: #ecfbf7; color: #213d42; font: 400 20px/1 Arial, sans-serif; transition: transform .16s; }
.faqs details[open] summary { color: #213d42; }
.faqs details[open] summary > span { transform:rotate(45deg); background:var(--mint); }
.faqs p { color: var(--muted); padding: 14px 0 3px 40px; font-size: 15px; line-height: 2.15; }
.testimonials-section { padding: 20px 0 70px; border-top: 1px solid var(--line); }
.testimonials-section .section-title { padding-top: 35px; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 32px; }
.testimonial-grid figure { position:relative; margin:0; padding:27px; border:1px solid var(--line); background:#fff; border-radius:20px; display:flex; flex-direction:column; justify-content:space-between; }
.testimonial-grid figure::before { content: ''; width: 27px; height: 19px; opacity: .55; display: block; margin-bottom: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20' fill='%233cd5af'%3E%3Cpath d='M1 13C1 6 4 2 11 1v4C7 6 6 8 6 10h6v10H1zm16 0c0-7 3-11 10-12v4c-4 1-5 3-5 5h6v10H17z'/%3E%3C/svg%3E") center/contain no-repeat; }
.testimonial-grid blockquote { font-size: 16px; line-height: 2.05; margin: 0 0 24px; flex: 1; }
.testimonial-grid figcaption { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 17px; border-top: 1px solid #dce6e7; color: var(--muted); font-size: 13px; }
.testimonial-grid figcaption > span { color: #213d42; }
.testimonial-grid figcaption a { display: flex; align-items: center; gap: 7px; min-height: 35px; color: #213d42; font-size: 12px; }
.testimonial-grid .icon { width: 16px; height: 16px; }
.refund { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:42px; margin-bottom:65px; background:linear-gradient(130deg,#f5fdfb,#cef5eb); border:1px solid #fff; box-shadow:0 0 0 1px var(--line); border-radius:25px; }
.refund h2 { font-size: 32px; }
.refund .eyebrow { color:#213d42; }
.refund p:not(.eyebrow) { max-width:760px; margin-top:16px; color:#213d42; font-size:16px; }
.refund a { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; margin-top: 18px; font-size: 15px; font-weight: 700; }
.refund-mark { display:grid; place-items:center; width:112px; height:112px; flex:none; padding:25px; border-radius:30px; transform:rotate(-8deg); background:#3cd5af; }
.refund-mark .icon { width:56px; height:56px; color:#213d42; transform:rotate(8deg); }

/* Contact channels and office details. */
.contact-intro { text-align: center; padding: 73px 0 43px; }
.contact-intro .eyebrow { justify-content: center; }
.contact-intro h1 { font-size: clamp(42px, 4.5vw, 62px); letter-spacing: -1.2px; margin-bottom: 15px; }
.contact-intro .lead { margin: auto; }
.contact-channels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 52px; }
.contact-channels > a { display: flex; align-items: center; gap: 17px; padding: 26px; border: 1px solid var(--line); border-radius: 23px; background: #fff; box-shadow: var(--shadow-card); transition: border-color .16s, transform .16s; }
.contact-channels > a:hover { border-color: #3cd5af; transform: translateY(-3px); }
.contact-channels > a > .icon { margin-right: auto; width: 18px; height: 18px; color: #213d42; }
.contact-channels strong { font-size: 17px; }
.channel-icon { display:grid; place-items:center; width:53px; height:53px; flex:none; border-radius:16px; border:1px solid #dce6e7; background:linear-gradient(135deg,#ecfbf7,#cef5eb); box-shadow:inset 0 1px 0 #fff; color:#213d42; }
.channel-icon .icon { width: 25px; height: 25px; }
.office-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 78px; }
.office-card { position: relative; isolation: isolate; overflow: hidden; padding: 31px; border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow-soft); }
.office-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; color: #213d42; font: 400 11px/1.8 Peyda, Arial, sans-serif; letter-spacing: 1.5px; }
.office-heading > span { border: 1px solid #dce6e7; border-radius: 8px; padding: 5px 10px; background: #ecfbf7; }
.office-heading .icon { width: 27px; height: 27px; }
.office-card h2 { font-size: 32px; }
.office-address { min-height: 132px; margin: 18px 0; color: var(--muted); font-size: 16px; line-height: 2.1; }
.office-address p + p { margin-top: 11px; }
.office-email { display: flex; align-items: center; gap: 11px; min-height: 65px; padding: 18px 0; border-top: 1px solid #dce6e7; font-size: 15px; }
.office-email .icon { width: 19px; height: 19px; color: #213d42; }
.map-link { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; margin-top:12px; min-height:54px; border-radius:13px; background:var(--green); color:#213d42; font-size:15px; transition:background .15s; }
.map-link:hover { background:#3cd5af; }
.map-link span { display: flex; align-items: center; gap: 11px; }
.map-link .icon { width: 19px; height: 19px; }

/* Original footer content and badge grouping. */
.site-footer { max-width: 1190px; padding: 34px 26px 35px; margin: auto; border-top: 1px solid #dce6e7; text-align: center; font-size: 14px; color: var(--muted); }
.footer-socials { display: flex; justify-content: center; gap: 10px 14px; flex-wrap: wrap; margin-bottom: 25px; }
.footer-socials a { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 5px 17px; background: #fff9; border: 1px solid #dce6e7; border-radius: 12px; font-size: 13px; transition: background .15s, color .15s; }
.footer-socials a:hover { color: #213d42; background: #ecfbf7; }
.footer-addresses p { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px 0; font-size: 13px; }
.footer-addresses .icon { width: 16px; height: 16px; color: #213d42; }
.footer-email { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin: 9px auto 23px; font-size: 13px; }
.footer-email .icon { width: 17px; height: 17px; }
.trust-marks { display: grid; grid-template-columns: repeat(6, 24px); gap: 12px; justify-content: center; align-items: center; }
.trust-marks a { justify-self: center; grid-column: span 2; }
.trust-marks a:nth-child(-n+2) { grid-column: span 3; }
.trust-marks a:last-child { grid-column: span 6; }
.trust-marks img { max-width: none; width: 50px; height: 62px; object-fit: contain; filter: saturate(.7); }
.trust-marks img[hidden], .trust-fallback[hidden] { display: none; }
.trust-fallback { display: grid; place-items: center; min-height: 55px; min-width: 64px; font-size: 12px; text-decoration: underline; text-underline-offset: 5px; }

.about-photo picture { display:block; width:100%; height:100%; }
.about-principles > .section-title { display:flex; flex-direction:column; justify-content:center; padding:35px; border:1px solid #dce6e7; border-radius:23px; background:linear-gradient(145deg,#f5fdfb,#cef5eb); box-shadow:inset 0 1px 0 #fff; }
.about-principles > .section-title .eyebrow { color:#213d42; }
.about-principles > .section-title h2 { font-size:34px; }
.principle-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.principle-art { width:49px; height:49px; flex:none; }
.service-art { width:49px; height:49px; margin-bottom:19px; }
.faqs { display:grid; gap:10px; align-content:start; }
.faqs details[open] { border-color:#3cd5af; background:#ecfbf7; }
.testimonial-grid figure:first-child { background:#ecfbf7; border-color:#dce6e7; }
.office-sketch { display:block; width:100%; height:95px; margin:18px 0 21px; color:#536b70; }
.office-sketch--iran { object-fit:contain; }
@media (max-width: 1100px) {
  .header-inner { gap: 12px; padding: 10px; }
  .desktop-nav { gap: 2px; }
  .desktop-nav a { gap: 6px; font-size: 13px; padding: 9px 10px; }
  .about-hero { gap: 38px; }
  .faq-section { gap:45px; }
  .about-principles { grid-template-columns:1fr; }


  .stats-grid { gap: 13px; }
  .stats-grid strong { font-size: 31px; }
  .contact-channels > a { gap: 12px; padding: 21px 18px; }
  .contact-channels strong { font-size: 15px; }
}
@media (min-width: 768px) and (max-width: 900px) {
  .desktop-nav .icon { display: none; }
  .brand img { width: 125px; }
  .service-list { grid-template-columns: repeat(2, 1fr); }
  .channel-icon { width: 42px; height: 42px; }
}
@media (max-width: 767px) {
  .site-header { padding: 12px 15px 0; }
  .header-inner { display: flex; justify-content: space-between; gap: 7px; min-height: 56px; padding: 5px 12px; border-radius: 19px; }
  .desktop-nav { display: none; }
  .brand img { width: 118px; height:auto; }
  .mobile-menu, .mobile-support { display: flex; align-items: center; min-height: 44px; gap: 6px; font-size: 12px; white-space: nowrap; }
  .mobile-menu { padding: 0; }
  .mobile-menu .icon { color:#213d42; width: 18px; height: 18px; }
  .mobile-support { flex-direction: row-reverse; }
  .mobile-support .icon { color:#213d42; width: 18px; height: 18px; }

  .about-principles > .section-title { padding:26px; border-radius:20px; }
  .about-principles > .section-title h2 { font-size:29px; }
  .principle-list article:first-child,.principle-list article:last-child { grid-column:auto; align-items:flex-start; padding:22px 20px; }
  .principle-art { width:42px; height:42px; }
  .service-art { width:44px; height:44px; margin-bottom:13px; }
  .office-sketch { height:78px; }
  .inner-page { padding: 0 24px; }
  .eyebrow { font-size: 12px; margin-bottom: 16px; }
  .lead { font-size: 16px; line-height: 2.05; }
  .about-hero { display:flex; flex-direction:column; align-items:stretch; gap:30px; padding:38px 0 39px; }
  .about-hero h1 { font-size: 41px; line-height: 1.55; letter-spacing: -.9px; margin-bottom: 20px; }
  .about-hero .button { margin-top: 24px; }
  .about-photo { aspect-ratio:4/5; border-radius:20px 20px 65px 20px; }
  .about-photo img { height:100%; object-position:50% 40%; }
  .section-title h2 { font-size: 29px; line-height: 1.65; letter-spacing: -.4px; }
  .about-principles { display:block; padding-bottom:39px; }
  .principle-list { display:grid; grid-template-columns:1fr; gap:11px; margin-top:12px; }
  .principle-list article { flex-direction:row; align-items:flex-start; gap:16px; padding:22px 20px; border-radius:18px; }
  .principle-list h3 { font-size:18px; margin-bottom:7px; }
  .principle-list p { font-size:14px; }
  .services-section { padding: 36px 0 32px; }
  .service-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
  .service-list > div { padding: 22px 17px; border-radius: 18px; }
  .service-list h3 { font-size: 18px; }
  .service-list span { font-size: 11px; }
  .about-stats { margin: 24px 0 46px; padding: 29px 25px; border-radius: 24px; }
  .about-stats h2 { font-size: 21px; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 25px 19px; margin-top: 26px; }
  .stats-grid > div { border: 0; padding: 0; }
  .stats-grid strong { font-size: 33px; }
  .stats-grid p { font-size: 12px; }
  .faq-section { display: block; padding: 10px 0 45px; }
  .faqs { margin-top: 26px; }
  .faqs summary { font-size: 16px; gap: 15px; }
  .faqs p { padding-left: 10px; font-size: 14px; }
  .testimonials-section { padding: 0 0 45px; }
  .testimonial-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 25px; }
  .testimonial-grid figure { padding: 25px; }
  .testimonial-grid blockquote { font-size: 15px; }
  .refund { padding: 28px 25px; margin-bottom: 45px; border-radius: 23px; }
  .refund h2 { font-size: 27px; }
  .refund p:not(.eyebrow) { font-size: 15px; }
  .refund a { font-size: 14px; }
  .refund-mark { display: none; }
  .contact-intro { text-align: right; padding: 47px 0 32px; }
  .contact-intro .eyebrow { justify-content: flex-start; }
  .contact-intro h1 { font-size: 42px; letter-spacing: -.9px; }
  .contact-channels { display:flex; flex-direction:column; gap:10px; margin-bottom:28px; }
  .contact-channels > a { padding:18px; border-radius:18px; }
  .contact-channels strong { font-size: 16px; }
  .channel-icon { width: 48px; height: 48px; border-radius: 16px; }
  .office-grid { grid-template-columns: 1fr; gap: 21px; margin-bottom: 47px; }
  .office-card { padding: 27px 24px; border-radius: 25px; }
  .office-heading { font-size: 10px; letter-spacing: .8px; margin-bottom: 22px; }
  .office-card h2 { font-size: 29px; }
  .office-address { min-height: 0; margin: 17px 0 24px; font-size: 15px; }
  .office-email { font-size: 14px; }
  .site-footer { padding: 27px 25px 28px; margin-top: 0; }
  .footer-socials { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 24px; }
  .footer-socials a { padding: 7px 10px; min-height: 44px; font-size: 12px; border-radius: 12px; }
  .footer-addresses p { align-items: flex-start; text-align: right; line-height: 2.1; margin: 11px 0; font-size: 12px; }
  .footer-addresses .icon { margin-top: 4px; }
  .footer-email { font-size: 12px; margin-bottom: 20px; }
  .trust-marks img { width: 45px; height: 55px; }
}
@media (max-width: 359px) {
  .header-inner { min-height:52px; padding:4px 9px; gap:4px; }
  .brand img { width: 106px; }
  .mobile-menu, .mobile-support { font-size: 11px; gap: 4px; }
  .about-hero h1 { font-size: 36px; }
  .contact-intro h1 { font-size: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}