@font-face{font-family:Arvo;src:url("assets/fonts/arvo-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF}
@font-face{font-family:"IBM Plex Sans Thai Looped";src:url("assets/fonts/ibm-plex-sans-thai-looped-thai-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}
@font-face{font-family:"IBM Plex Sans Thai Looped";src:url("assets/fonts/ibm-plex-sans-thai-looped-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF}
@font-face{font-family:"Bai Jamjuree";src:url("assets/fonts/bai-jamjuree-thai-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}
@font-face{font-family:"Bai Jamjuree";src:url("assets/fonts/bai-jamjuree-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF}
@font-face{font-family:"Bai Jamjuree";src:url("assets/fonts/bai-jamjuree-thai-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}
@font-face{font-family:"Bai Jamjuree";src:url("assets/fonts/bai-jamjuree-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF}
@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF}
@font-face{font-family:"IBM Plex Sans Thai";src:url("assets/fonts/ibm-plex-sans-thai-thai-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E00-0E7F}
@font-face{font-family:"Material Symbols Rounded";src:url("assets/fonts/material-symbols-rounded-citychat-landing-v369.ttf") format("truetype");font-weight:300;font-style:normal;font-display:block}

/* CityChat DS Add-on layer — product overlay on the vendored Landometer Design System.
   Adds ONLY new names. It never redefines a build-kit projection token or selector,
   so the shared Landometer layer stays product-neutral.

   Why this file exists: the CityChat product gradient is a fixed surface, and every
   fixed surface owns its complete foreground contract. The projection ships the
   gradient but no contract for it, because product colour is product-owned. The
   contract flips by theme:
     light  #007A58 -> #007E79  is a deep field  -> white ink   (onDeep)
     dark   #3BD19B -> #3BD3CB  is a light field -> near-black  (onLight)
   Read the ink from these names, never from theme-global text tokens. */
:root{
  --target-min:44px;
  --on-product-citychat: var(--fg-on-deep-primary);
  --on-product-citychat-2: var(--fg-on-deep-primary);
  --on-product-citychat-line: var(--fg-on-deep-primary);
  --on-product-citychat-metadata: var(--fg-on-deep-primary);
  --on-product-citychat-surface: var(--fg-interactive-surface);
  --on-product-citychat-ink: var(--fg-interactive-ink);
  --on-product-citychat-focus: var(--fg-on-deep-primary);
  /* Section-heading ink on the page canvas: Brand Blue is identity ink and passes
     only on the light canvas (#1D4497 on dark canvas measures 1.81:1). */
  --citychat-heading: var(--brand-blue);
}
[data-theme="dark"]{
  --citychat-heading: var(--text-primary);
  --on-product-citychat: var(--fg-on-light-primary);
  --on-product-citychat-2: var(--fg-on-light-secondary);
  --on-product-citychat-line: var(--fg-on-light-primary);
  --on-product-citychat-metadata: var(--fg-on-light-primary);
  --on-product-citychat-focus: var(--fg-on-light-primary);
}

/* EvidenceConversationSwitch — the ข้อมูล / ห้องแชท segment pair.
   Selected state is carried by aria-selected so the visual and the accessible
   state can never drift apart, and so the control paints fully before any
   script runs. Geometry stays the design system's segment recipe: not a
   capsule, 44px target, surface + elevation + accent ink when selected. */
[data-cc="seg"]{
  min-height:var(--target-min); padding:0 var(--space-5);
  border:0; border-radius:8px; cursor:pointer;
  font-family:inherit; font-size:.9375rem; font-weight:600;
  background:transparent; color:var(--text-secondary);
  transition:background var(--duration-state,200ms) var(--easing-state,cubic-bezier(.2,0,0,1));
}
[data-cc="seg"][aria-selected="true"]{
  background:var(--surface-raised); color:var(--interaction-accent);
  box-shadow:var(--elevation-xs),inset 0 -3px 0 var(--interaction-accent);
}
[data-cc="seg"]:focus-visible{
  outline:3px solid var(--interaction-focus-ring); outline-offset:2px;
}

/* Unified nav r7 — state deltas only (calm ↔ prominent, selected). Base styling is inline.
   Calm keeps every control at its full target size and reduces only the bar height. */
[data-cc-nav]{background:color-mix(in srgb,var(--surface-canvas) 92%,transparent);border-bottom:1px solid var(--border-hairline);transition:background-color var(--motion-duration-emphasis,560ms) var(--motion-ease-state),border-color var(--motion-duration-emphasis,560ms) var(--motion-ease-state)}
[data-cc-nav][data-calm="on"]{background:color-mix(in srgb,var(--surface-canvas) 92%,transparent);border-bottom-color:var(--border-hairline)}
[data-cc-nav] [data-part="bar"]{height:76px;opacity:1;transition:height var(--motion-duration-emphasis,560ms) var(--motion-ease-state),opacity var(--motion-duration-emphasis,560ms) var(--motion-ease-state)}
[data-cc-nav][data-calm="on"] [data-part="bar"]{height:56px;opacity:1}
[data-cc-nav] [data-part="row"]{width:100%;transform:none;transform-origin:left center;transition:transform var(--motion-duration-emphasis,560ms) var(--motion-ease-state),width var(--motion-duration-emphasis,560ms) var(--motion-ease-state)}
[data-cc-nav][data-calm="on"] [data-part="row"]{width:100%;transform:none}
[data-cc-rail] [data-part="raillink"]{color:var(--text-secondary);background:transparent}
[data-cc-rail] [data-part="raillink"][aria-current="location"]{color:var(--interaction-accent);background:var(--surface-blue-tint);box-shadow:inset 0 0 0 2px var(--interaction-accent)}
[data-cc-nav] [data-part="ecolink"]{background:transparent}
[data-cc-nav] [data-part="ecolink"][aria-current="page"]{background:var(--surface-raised);box-shadow:var(--elevation-xs)}
@keyframes ccSweep{from{clip-path:polygon(-120% 0,-92% 0,-92% 100%,-120% 100%)}to{clip-path:polygon(120% 0,148% 0,148% 100%,120% 100%)}}
[data-cc-nav] [data-part="sweep"]{clip-path:polygon(120% 0,148% 0,148% 100%,120% 100%);animation:ccSweep 540ms cubic-bezier(.16,1,.3,1) 1 both}

/* Riddim approach motion — role-gated, once-only, fail-open. Source state is final;
   only html.lds-motion-ready + .is-lds-reveal-armed hides a below-fold target. */
[data-approach]{--cc-x:0px;--cc-y:var(--motion-distance-approach,32px);--cc-s:1;opacity:1;transform:none;transition:none}
html.lds-motion-ready [data-approach][data-approach-from="inline-start"].is-lds-reveal-armed{--cc-x:calc(0px - var(--motion-distance-approach-inline,36px));--cc-y:0px;--cc-s:1}
html.lds-motion-ready [data-approach][data-approach-from="inline-end"].is-lds-reveal-armed{--cc-x:var(--motion-distance-approach-inline,36px);--cc-y:0px;--cc-s:1}
html.lds-motion-ready [data-approach].is-lds-reveal-armed:not(.is-lds-revealed){opacity:0;transform:translate3d(var(--cc-x),var(--cc-y),0) scale(var(--cc-s));transition:none}
html.lds-motion-ready [data-approach].is-lds-reveal-armed.is-lds-revealed{opacity:1;transform:none;transition:opacity var(--motion-duration-approach-opacity,760ms) var(--motion-ease-enter),transform var(--motion-duration-approach-transform,920ms) var(--motion-ease-settle);transition-delay:var(--lds-reveal-delay,0ms)}
html.lds-motion-ready [data-approach].is-lds-reveal-armed:focus-within:not(.is-lds-revealed){opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce),print{html{scroll-behavior:auto!important}[data-approach]{opacity:1!important;transform:none!important;transition:none!important}[data-cc-nav] [data-part="sweep"]{animation:none!important;clip-path:polygon(120% 0,148% 0,148% 100%,120% 100%)}[data-cc-nav] *{transition:none!important}}

/* Static landing shell. */
html{scroll-behavior:smooth;background:var(--surface-canvas)}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none}
html:not(.has-js) #menu-toggle{display:none}
html:not(.has-js) [role="tablist"]{display:none!important}
img[hidden],video[hidden],[hidden]{display:none!important}
video{display:block}
a{color:var(--interaction-accent);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
.surface-link,.profile-link{transition:background-color var(--motion-duration-state) var(--motion-ease-state)}
.surface-link:hover,.profile-link:hover{background:var(--surface-blue-tint)!important}
.surface-link:active,.profile-link:active{background:var(--surface-soft)!important}
.ls-icon{font-family:"Material Symbols Rounded";font-weight:300;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.text-link__cue{flex:0 0 auto;font-family:var(--font-technical-latin);font-weight:500;line-height:1;text-decoration:none}
[data-theme="light"] .theme-only-dark,[data-theme="dark"] .theme-only-light{display:none!important}
[data-video-fallback]{display:grid}
html:not(.has-js) [data-cc-video]{display:none}
html:not(.has-js) [data-video-fallback][hidden]{display:grid!important}

/* CityChat motif amendment: exact registered stills are the fail-open source.
   Runtime SVG is mounted only at first intersection and both theme renditions
   advance together once, so changing theme never replays a gesture. */
.motif-stage,.citychat-logo-stage{position:relative;display:grid;place-items:center;isolation:isolate;line-height:0}
.motif-stage{--motif-box:216px;width:min(100%,var(--motif-box));aspect-ratio:1;padding:calc(var(--motif-box) * .1);box-sizing:border-box}
.motif-stage--compact{--motif-box:210px}
.motif-stage--offer{--motif-box:160px;margin:var(--space-6) 0 0}
.motif-stage--resident{--motif-box:196px;margin:calc(0px - var(--space-3)) 0 var(--space-2)}
.motif-stage--record{--motif-box:216px;margin:var(--space-5) auto 0}
.citychat-logo-stage{width:min(100%,560px);padding:clamp(20px,5vw,36px);box-sizing:border-box;margin-left:auto}
.motif-stage__fallback,.motif-stage__motion,.motif-stage__theme{grid-area:1/1;width:100%;height:100%}
.motif-stage__fallback{display:grid;place-items:center}
.motif-stage__theme{display:grid;place-items:center;position:relative}
.motif-stage picture{margin:0}
.motif-stage img,.motif-stage svg,.motif-stage__svg{display:block;width:100%;height:100%}
.motif-stage img,.motif-stage svg{object-fit:contain}
.motif-stage__motion{visibility:hidden;pointer-events:none}
[data-theme="light"] .motif-stage__theme--dark,[data-theme="dark"] .motif-stage__theme--light{display:none!important}
[data-theme="light"] .motif-stage__motion--theme-light,[data-theme="dark"] .motif-stage__motion--theme-dark{visibility:visible}
.is-motif-ready>[data-citychat-motif-fallback],.is-motif-ready>[data-citychat-logo-fallback]{display:none}
[data-citychat-motif-fallback] [class^="mm-"],[data-citychat-motif-fallback] [class*=" mm-"]{animation:none!important}
[data-citychat-motif-fallback] .mm-ripple{opacity:0!important}
.citychat-logo-stage>[data-citychat-logo-fallback],.citychat-logo-stage>.motif-stage__motion{aspect-ratio:494/106}
.citychat-logo-stage .motif-stage__theme,.citychat-logo-stage .motif-stage__motion{position:relative}
.citychat-logo-stage__base,.citychat-logo-stage__bubbles,.citychat-logo-stage .motif-stage__svg{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.citychat-logo-stage .motif-stage__svg svg{display:block;width:100%;height:100%}
.cityscan-question-cue{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;margin-top:var(--space-4)}
.cityscan-question-cue p{margin:0;font-size:.9375rem;line-height:1.58;color:var(--text-secondary);text-wrap:pretty}
.is-motif-suppressed>.motif-stage__motion{display:none!important}
.is-motif-suppressed>[data-citychat-motif-fallback],.is-motif-suppressed>[data-citychat-logo-fallback]{display:grid!important}

.cityscan-demo{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);grid-template-areas:"media copy";gap:var(--space-7);align-items:center;max-width:960px;margin:var(--space-7) auto 0}
.cityscan-demo__copy{grid-area:copy;min-width:0}
.cityscan-demo__media{grid-area:media;display:grid;justify-items:center;min-width:0}
.cityscan-demo__frame{width:min(100%,360px);padding:var(--space-3);background:var(--surface-soft);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-xs)}
.cityscan-demo__video,.cityscan-demo__fallback{width:100%;aspect-ratio:1280/2276;border-radius:var(--radius-sm);background:var(--surface-card)}
.cityscan-demo__video{height:auto;object-fit:contain}
.cityscan-demo__fallback{place-content:center;gap:var(--space-2);text-align:center;padding:var(--space-5)}

.city-loop-banner{background:var(--product-citychat-gradient);color:var(--on-product-citychat)}
.city-loop-banner__inner{max-width:var(--container-default);margin:0 auto;padding:var(--space-8) var(--gutter-desktop);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:var(--space-7);align-items:end}
.city-loop-banner__eyebrow{margin:0 0 var(--space-3);font-family:var(--font-technical-th);font-size:.8125rem;color:var(--on-product-citychat)}
.city-loop-banner h2{margin:0;font-family:var(--font-display-th);font-weight:700;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.25;color:var(--on-product-citychat);text-wrap:balance}
html[lang="en"] .city-loop-banner__eyebrow{font-family:var(--font-technical-latin)}
html[lang="en"] .city-loop-banner h2{font-family:var(--font-display-en)}
.city-loop-banner__story{margin:0;max-width:56ch;font-size:1.125rem;line-height:1.62;color:var(--on-product-citychat);text-wrap:pretty}
.city-loop-banner__story strong{color:var(--on-product-citychat);font-weight:600}
[data-hero] :where(a,button,[tabindex]):focus-visible,.city-loop-banner :where(a,button,[tabindex]):focus-visible{outline-color:var(--on-product-citychat-focus)}
.hero-cta{border:2px solid var(--on-product-citychat-line)}

[data-cc-nav] .btn{white-space:nowrap}
[data-cc-nav] .btn-icon{padding:0}
[data-cc-nav] [data-part="row"]>a:hover,[data-cc-nav] [data-part="row"]>a:active{transform:translateY(2px)}
[data-cc-nav] [data-part="row"]>div a:hover,[data-cc-nav] [data-part="ecolink"]:hover{background:var(--surface-blue-tint)}
.menu-overlay{position:fixed;inset:0;z-index:900;background:transparent;cursor:default}
.site-menu{position:absolute;top:calc(100% + 6px);right:24px;width:340px;max-width:calc(100vw - 16px);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--elevation-sm);padding:8px;z-index:901}
[data-cc-nav] [data-part="ecolink"]{display:block;padding:10px 14px;border-radius:10px;text-decoration:none;min-height:44px;transition:background-color var(--motion-duration-state) var(--motion-ease-state)}
[data-cc-nav] [data-part="ecolink"]>span{display:block;font-size:14.5px;font-weight:600;color:var(--text-primary)}
[data-cc-nav] [data-part="ecolink"] small{display:block;font-size:13px;font-weight:400;color:var(--text-metadata);margin-top:1px}
[data-cc-nav] [data-part="ecolink"]>span small{display:inline;font-family:var(--font-technical);font-size:11px;margin:0}
[data-cc-rail] [data-part="raillink"]{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background-color var(--motion-duration-state) var(--motion-ease-state),transform var(--motion-duration-feedback) var(--motion-ease-press)}
[data-cc-rail] [data-part="raillink"]:hover{background:var(--surface-blue-tint)}
[data-cc-rail] [data-part="raillink"]:active{background:var(--surface-soft);transform:translateY(2px)}
[data-cc-rail] [data-part="raillink"][aria-current="location"]{background:var(--surface-blue-tint);box-shadow:inset 0 0 0 2px var(--interaction-accent);transition:none}

.site-footer{border-top:0;background:var(--surface-atmosphere-measure);color:var(--on-atmosphere-measure)}
.measure-line{height:8px;display:grid;grid-template-columns:repeat(4,1fr)}
.measure-line span:nth-child(1){background:var(--energy-coral)}
.measure-line span:nth-child(2){background:var(--energy-yellow)}
.measure-line span:nth-child(3){background:var(--energy-mint)}
.measure-line span:nth-child(4){background:var(--energy-sky)}
.contact-shell{max-width:var(--container-wide);margin:0 auto;padding:var(--space-9) var(--gutter-desktop) var(--space-8)}
.contact-details{max-width:880px;margin:var(--space-7) auto 0;padding-top:var(--space-6);border-top:1px solid color-mix(in srgb,var(--on-atmosphere-measure) 28%,transparent);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:var(--space-7);align-items:start}
.contact-company,.contact-address{margin:0}
.contact-company{font-family:var(--font-display-en);font-weight:700;color:var(--on-atmosphere-measure)}
.contact-address{max-width:52ch;margin-top:var(--space-2);font-size:.9375rem;line-height:1.6;color:var(--on-atmosphere-measure-2)}
.contact-link,.contact-email{min-height:44px;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--on-atmosphere-measure);font-weight:600;text-decoration:none}
.contact-link{margin-top:var(--space-2);padding:0 var(--space-3);border:1px solid currentColor;border-radius:var(--radius-pill)}
.contact-email{font-family:var(--font-technical-latin)}
.contact-email__label{text-decoration:underline 1px;text-underline-offset:.22em}
.contact-email:hover .contact-email__label,.contact-email:focus-visible .contact-email__label{text-decoration-thickness:2px}
.social-icon{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentcolor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.social-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.social-links a,.footer-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--on-atmosphere-measure);font-size:.9375rem;font-weight:600}
.social-links a{width:44px;min-width:44px;height:44px;justify-content:center;gap:0;border:1px solid currentColor;border-radius:var(--radius-pill);text-decoration:none}
.social-links a:hover,.social-links a:focus-visible{background:color-mix(in srgb,currentcolor 10%,transparent)}
.footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-3);margin-top:var(--space-2)}
.site-footer .contact-card :where(a,button,[tabindex]):focus-visible{outline-color:var(--interaction-focus-ring)}
.site-footer .contact-details :where(a,button,[tabindex]):focus-visible,.footer-primary-action:focus-visible{outline-color:var(--on-atmosphere-measure)}
.footer-primary-action{border:2px solid currentColor}
.footer-bottom{border-top:1px solid var(--border-hairline);background:var(--surface-canvas);color:var(--text-primary)}
.footer-bottom__inner{max-width:var(--container-wide);margin:0 auto;padding:var(--space-5) var(--gutter-desktop)}
.footer-identity{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}
.footer-brand{min-height:54px;width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.footer-bottom :where(a,button,[tabindex]):focus-visible{outline-color:var(--interaction-focus-ring)}
.footer-brand img{width:54px;height:54px}
.footer-brand span{font-family:var(--font-display-en);font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.02;color:#757575;white-space:nowrap}
.footer-copyright{font-family:var(--font-technical-latin);font-size:.8125rem;color:var(--text-metadata)}

@media (max-width:1100px){
  [data-cc-rail]{right:8px!important}
  #partners [data-approach-sequence]{grid-template-columns:repeat(2,1fr)!important}
  #partners [data-approach="proof_preview"]{grid-template-columns:repeat(2,1fr)!important}
  #loop [data-approach-sequence]:last-child{grid-template-columns:repeat(3,1fr)!important}
}

@media (max-width:900px){
  [data-cc-rail]{display:none!important}
  [data-cc-nav] [data-part="row"]>div{display:none!important}
  [data-hero]>div,#offer,#record>div{grid-template-columns:1fr!important}
  #offer>div:first-child,#record>div>div:first-child{position:static!important}
  #partners [data-approach="section_opener"]{grid-template-columns:1fr!important;align-items:start!important}
  #product [data-approach-sequence]{grid-template-columns:1fr!important}
  #product figure:first-child{grid-template-columns:1fr!important}
  #product figure{grid-column:auto!important}
  #loop [data-approach-sequence]{grid-template-columns:1fr!important}
  #loop [data-approach-sequence]:last-child{grid-template-columns:repeat(2,1fr)!important}
  #record+section [data-approach-sequence]{grid-template-columns:repeat(3,1fr)!important}
  #contact [data-approach-sequence]{grid-template-columns:1fr!important}
  .cityscan-demo{grid-template-columns:1fr;grid-template-areas:"copy" "media";gap:var(--space-6)}
  .cityscan-demo__frame{width:min(100%,380px)}
  .city-loop-banner__inner{grid-template-columns:1fr;gap:var(--space-4);align-items:start}
  .citychat-logo-stage{margin-inline:auto}
  .motif-stage--offer{margin-inline:auto}
}

@media (max-width:700px){
  .contact-details{grid-template-columns:1fr;gap:var(--space-5)}
  .footer-links{display:grid;grid-template-columns:1fr}
  .footer-identity{align-items:flex-start;flex-direction:column;gap:var(--space-3)}
  .footer-bottom__inner{padding-inline:var(--gutter-mobile)}
}

@media (max-width:600px){
  [data-cc-nav] [data-part="bar"]{padding-inline:12px!important}
  [data-cc-nav] [data-part="row"]{gap:8px!important}
  [data-cc-nav] [data-part="row"]>a{gap:7px!important}
  [data-cc-nav] [data-part="row"]>a img{height:44px!important}
  [data-cc-nav] [data-part="row"]>a span{font-size:19px!important}
  [data-cc-nav] [data-part="row"]>span:nth-child(3){font-size:14px!important}
  [data-cc-nav] .nav-cta-wrap{display:none!important}
  .site-menu{right:8px}
  [data-hero]>div,#offer,#partners>div,#product,#loop,#record>div,#record+section,.contact-shell,.city-loop-banner__inner{padding-left:var(--gutter-mobile)!important;padding-right:var(--gutter-mobile)!important}
  [data-hero]>div{padding-top:var(--space-7)!important;padding-bottom:var(--space-7)!important}
  .citychat-logo-stage{width:min(100%,420px);margin-top:var(--space-4);padding:clamp(18px,7vw,30px)}
  #partners [data-approach-sequence],#partners [data-approach="proof_preview"],#loop [data-approach-sequence]:last-child,#record+section [data-approach-sequence]{grid-template-columns:1fr!important}
  #product [data-approach-sequence]{gap:var(--space-3)!important}
  .cityscan-demo{gap:var(--space-5)!important}
  .cityscan-demo__frame{width:min(100%,340px);padding:var(--space-2)}
  .cityscan-question-cue{grid-template-columns:1fr;justify-items:center;text-align:center}
  .city-loop-banner__inner{padding-top:var(--space-7);padding-bottom:var(--space-7)}
  #contact [data-approach="contact_group"]{grid-template-columns:1fr!important;text-align:center;justify-items:center}
  #contact [data-approach="contact_group"]>div{justify-items:center}
  #contact [data-approach="contact_group"]>div>div{justify-content:center}
}

@media (max-height:640px) and (orientation:landscape){
  .cityscan-demo__frame{width:min(100%,44svh)}
}

@media (max-width:380px){
  [data-cc-nav] [data-part="row"]>span:nth-child(2),[data-cc-nav] [data-part="row"]>span:nth-child(3){display:none!important}
  [data-cc-nav] [data-part="row"]>a span{font-size:19px!important}
}

@media print{
  [data-cc-nav],[data-cc-rail],.measure-line{display:none!important}
  [data-hero],.site-footer{
    background:#fff!important;
    color:#182327!important;
    --surface-card:#fff;
    --surface-canvas:#fff;
    --surface-alt:#F6F7F3;
    --text-primary:#182327;
    --text-secondary:#33403D;
    --text-metadata:#46524F;
    --border-default:#C9D0CB;
    --border-hairline:#DCE1DD;
    --interaction-accent:#007A58;
    --on-product-citychat:#182327;
    --on-product-citychat-2:#33403D;
    --on-product-citychat-line:var(--text-primary);
    --on-product-citychat-metadata:#46524F;
    --on-atmosphere-measure:#182327;
    --on-atmosphere-measure-2:#33403D;
    --overlay-glass-border:#C9D0CB;
  }
  .motif-stage__motion{display:none!important}
  .is-motif-ready>[data-citychat-motif-fallback],.is-motif-ready>[data-citychat-logo-fallback]{display:grid!important}
  [data-theme] [data-citychat-motif-fallback]>[data-motif-rendition],[data-theme] [data-citychat-logo-fallback]>[data-motif-rendition]{display:none!important}
  [data-theme] [data-citychat-motif-fallback]>[data-motif-rendition="light"],[data-theme] [data-citychat-logo-fallback]>[data-motif-rendition="light"]{display:grid!important}
}

@media (prefers-reduced-motion:reduce){
  .motif-stage__motion{display:none!important}
  .is-motif-ready>[data-citychat-motif-fallback],.is-motif-ready>[data-citychat-logo-fallback]{display:grid!important}
}