﻿/* Tvoe mesto / brandbook 2.2. Load after structural styles and journey.css. */
:root{--ink:#2D3034;--muted:#756F70;--paper:#FBF5EA;--panel:#FFFDF9;--line:#D7C8C1;--brand:#6B3453;--brand-dark:#3B2232;--soft:#EAD9D0;--coral:#E96E4F;--green:var(--brand);--teal:var(--brand);--mint:var(--soft);--shadow:0 16px 48px rgb(59 34 50 / 8%)}
body{font-family:var(--font-brand);font-synthesis:none;line-height:1.5;background:var(--paper);overflow-x:visible}
h1,h2,h3,.hero-questions h2,.problem-stories h3,.access-list h3,.city-card h3,.house-dossier h3,.coverage-panel__heading h3,.house-proof__facts h3,.isochrone-card figcaption b,.walking-proof__principle b{font-family:var(--font-brand);font-weight:600;letter-spacing:-.025em}
strong,b{font-weight:600}
.section{padding:80px max(40px,calc((100vw - 1200px)/2))}
.section h2,.hero-questions h2{font-size:32px;line-height:38px}
.section h3,.isochrone-card figcaption b,.walking-proof__principle b{font-size:24px;line-height:30px}
.section-heading{margin-bottom:40px}.section-heading--split{grid-template-columns:1.2fr 1fr;gap:64px}.section-heading--split>p{color:var(--ink)}
.eyebrow,.story-number,.city-card__label,.coverage-panel__heading p,.isochrone-card figcaption small{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.04em;color:var(--brand)}
.site-header{height:auto;min-height:88px;padding:12px max(40px,calc((100vw - 1200px)/2));gap:24px;background:var(--panel);border-color:var(--line)}
.brand{flex:none;padding:10px 0}.brand__logo{width:220px;height:auto}.site-nav{gap:20px;font-size:14px;font-weight:500}.site-nav a{min-height:44px;text-align:center}.site-nav a:hover{color:var(--brand);border-color:var(--brand)}
.button,.mobile-cta{min-height:48px;padding:16px 24px;border:1px solid transparent;border-radius:999px 999px 999px 18px;background:var(--brand);color:var(--panel);font:600 16px/20px var(--font-brand);text-align:center;white-space:normal;justify-content:center;box-shadow:none;transition:background-color 180ms ease,transform 180ms ease}
.button:hover,.mobile-cta:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:none}.header-cta{width:320px;padding:12px 20px}
.journey-hero .hero__actions .button,.demo-followup .button,.walking-proof__footer .button,.method__copy .button,.center-cta .button,.lead-form>.button{font-size:16px;line-height:20px}
a:focus-visible,button:focus-visible,.button:focus-visible{outline:3px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 4px var(--panel)}.nav-toggle{border-radius:14px 24px 14px 14px}
.journey-hero{max-width:1280px;padding:64px 40px 80px;gap:64px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.journey-hero h1{font-size:48px;line-height:54px;letter-spacing:-.035em;overflow-wrap:normal}.journey-hero h1 em{margin-top:16px;font-style:normal;font-weight:600;color:var(--brand)}
.journey-hero .hero__lead{font-size:16px;line-height:24px;margin-top:24px;color:var(--ink)}.journey-hero .hero__note{font-size:14px;line-height:20px;margin-top:24px;color:var(--muted)}
.hero-questions{padding:32px;background:var(--brand-dark);color:var(--panel);border-radius:28px 72px 28px 28px;box-shadow:none}.hero-questions .eyebrow{font-size:14px;line-height:20px;color:var(--soft)}.hero-questions h2{margin:24px 0}.hero-questions li{gap:16px;padding:16px 0}.hero-questions li>span{color:var(--soft);font:500 16px/24px var(--font-brand)}.hero-questions li p{font-size:16px;line-height:24px}.hero-questions li strong{color:var(--panel)}.hero-questions__answer{font-size:14px;line-height:20px;color:var(--soft);margin-top:24px}
.problem,.knowledge,.walking-proof{background:var(--paper)}.access-includes,.product,.house-proof{background:var(--panel)}.district-demo{background:var(--soft)}
.problem-stories{gap:24px}.problem-stories h3{margin:24px 0 16px;min-height:120px}.problem-stories article>p,.story-answer p,.access-list p,.city-card>p:not(.city-card__label){font-size:16px;line-height:24px;color:var(--ink)}.story-answer{border-top-color:var(--brand);padding-top:24px}.story-answer b{font-weight:600}
.access-list>li{padding:32px 0;gap:24px}.access-number{font:500 32px/38px var(--font-brand);color:var(--brand)}.access-tag,.access-list .access-note,.data-date{font-size:14px;line-height:20px}.access-list .access-note{color:var(--muted)}.access-tag{padding:8px 16px;color:var(--brand)}.data-date{display:block;margin-top:16px;color:var(--muted)}
.demo-frame{border-radius:30px 82px 30px 30px;box-shadow:none;background:var(--panel)}.demo-followup{gap:32px;margin-top:32px}.demo-followup p{font-size:16px;line-height:24px;color:var(--ink)}.demo-followup strong{font-size:16px}
.city-knowledge-grid,.house-proof__facts,.isochrone-grid,.evidence-grid{gap:24px}.city-card{padding:32px;border-color:var(--line);border-radius:28px 72px 28px 28px;background:var(--panel);box-shadow:none}.city-card__icon{font-family:var(--font-brand);border-color:var(--brand);color:var(--brand)}.city-card__label{margin-top:40px}.city-card--school{background:var(--soft);color:var(--ink)}.city-card--school h3,.city-card--school>p:not(.city-card__label){color:var(--ink)}.city-card--school .city-card__label{color:var(--brand)}.city-card--school .city-card__icon{border-color:var(--brand)}
.hex-cluster{opacity:.5;transform:scale(.55);transform-origin:top right}.hex-cluster span{background:var(--soft)}.hex-cluster span:nth-child(3){background:var(--brand)}.floor-scale span{font-size:14px;font-weight:500}.floor-scale span:nth-child(3){color:var(--brand-dark)}.future-tags span{font-size:14px;line-height:20px;border-color:var(--line);color:var(--ink)}
.house-proof__layout{gap:24px}.house-dossier{min-height:0;padding:32px;background:var(--brand-dark);border-radius:30px 82px 30px 30px;box-shadow:none}.house-dossier::after{display:none}.house-dossier__count{font:500 48px/54px var(--font-brand);color:var(--panel)}.house-dossier__label{font-size:14px;line-height:20px;font-weight:400;color:var(--soft);margin-bottom:32px}.house-dossier__fields{gap:8px 16px;margin-top:24px}.house-dossier__fields li{font-size:14px;line-height:20px;color:var(--panel)}.house-dossier__source{position:static;margin-top:24px;font-size:14px;line-height:20px;color:var(--soft)}.house-dossier__source b{font:500 24px/30px var(--font-brand);color:var(--panel)}
.coverage-panel{min-height:0;padding:32px;border-radius:28px 72px 28px 28px}.coverage-panel__heading{display:block;margin-bottom:32px}.coverage-panel__heading>span{display:inline-block;margin-top:16px;padding:8px 12px;font-size:14px;color:var(--ink)}.coverage-row{grid-template-columns:160px minmax(32px,1fr) 64px;gap:16px;font-size:14px;line-height:20px}.coverage-row>span{font-weight:400}.coverage-row>strong{font:500 16px/24px var(--font-brand)}.coverage-row>i{background:var(--soft)}.coverage-row>i>b{background:var(--brand)}
.house-proof__facts article,.house-proof__facts article:nth-child(even){padding:24px;border-radius:28px 72px 28px 28px}.house-proof__facts span{font:500 16px/24px var(--font-brand);color:var(--brand)}.house-proof__facts h3{margin-top:32px}.house-proof__facts p{font-size:16px;line-height:24px}
.walking-proof__principle{padding:32px;gap:24px;background:var(--brand-dark);border-radius:28px 72px 28px 28px;color:var(--panel)}.walking-proof__principle span{font-size:14px;font-weight:600;color:var(--soft)}.walking-proof__principle p{font-size:14px;line-height:20px;color:var(--soft)}.walking-proof__principle>i{font-family:var(--font-brand)}
.isochrone-card,.isochrone-card:nth-child(2),.evidence{border-color:var(--line);border-radius:28px 72px 28px 28px;box-shadow:none}.isochrone-card figcaption{padding:24px}.isochrone-card figcaption span{font-size:14px;line-height:20px}.walking-proof__footer{padding:24px;background:var(--panel);border-radius:20px 44px 20px 20px}.walking-proof__footer p b{font:500 24px/30px var(--font-brand)}
.feature-strip{gap:16px;border:0;background:transparent}.feature-strip span{border:1px solid var(--line);border-radius:14px 24px 14px 14px;font-size:14px;line-height:20px}.feature-strip span:last-child{border:1px solid var(--line)}.feature-strip b{font-size:16px;line-height:24px}.evidence figcaption{background:var(--brand-dark);color:var(--panel);border-radius:20px 44px 20px 20px;padding:16px 24px}.evidence figcaption small{font-size:14px;line-height:20px;color:var(--soft);font-weight:600}.evidence figcaption b{font-size:16px;line-height:24px}
.method{gap:64px;background:var(--brand-dark);color:var(--panel);border-radius:0 82px 0 0}.method .eyebrow,.method__copy>p:not(.eyebrow),.steps p{color:var(--soft)}.method .button{border-color:var(--soft)}.steps li{gap:16px;padding:24px 0}.steps li>span{font-family:var(--font-brand);font-weight:500;background:var(--soft)}.steps p{font-size:16px;line-height:24px}
.early-access{gap:64px}.lead-form{padding:32px;border-radius:28px 72px 28px 28px;box-shadow:none}.form-status{font-size:14px;line-height:20px;color:var(--muted);margin-top:16px}.site-footer{padding:32px max(40px,calc((100vw - 1200px)/2));gap:32px;font-size:14px;line-height:20px}.site-footer small{font-size:14px}.site-footer strong{color:var(--brand)}
.access-number,.story-number,.hero-questions li>span,.house-dossier__count,.house-dossier__source b,.coverage-row strong,.floor-scale,.walking-proof__footer b{font-variant-numeric:tabular-nums lining-nums}.reveal{transition-duration:200ms}[data-delay]{transition-delay:0s}
@media(max-width:1180px){.site-header{grid-template-columns:1fr auto auto}.site-nav{display:none}.nav-toggle{display:block;grid-column:3}.site-header.is-open .site-nav{display:flex;position:absolute;left:0;right:0;top:100%;height:auto;padding:16px 40px;flex-direction:column;align-items:flex-start;background:var(--panel);border-bottom:1px solid var(--line)}.journey-hero{gap:32px}}
@media(max-width:980px){.journey-hero{grid-template-columns:1fr;max-width:800px}.section-heading--split,.method,.early-access{grid-template-columns:1fr;gap:32px}.problem-stories h3{min-height:0}.city-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-card--home,.city-card--future{grid-column:span 2}.coverage-row{grid-template-columns:160px minmax(32px,1fr) 64px}}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;min-height:80px;padding:8px 20px;gap:16px}.nav-toggle{grid-column:2}.site-header.is-open .site-nav{top:100%;padding:16px 20px}.site-header.is-open .site-nav a{padding:8px 0}}
@media(max-width:680px){body{padding-bottom:0}.section{padding:56px 20px}.section-heading{margin-bottom:32px}.journey-hero{padding:32px 20px 56px;gap:32px}.journey-hero h1{font-size:34px;line-height:40px}.journey-hero .hero__lead{font-size:16px}.journey-hero .hero__note{font-size:14px}.hero-questions,.city-card,.house-dossier,.coverage-panel,.lead-form{padding:24px}.hero-questions h2,.section h2{font-size:32px;line-height:38px}.section h3{font-size:24px;line-height:30px}.journey-hero .hero__actions .button,.demo-followup .button,.walking-proof__footer .button,.method__copy .button,.center-cta .button,.lead-form>.button{font-size:16px;line-height:20px;justify-content:center}.access-list>li{grid-template-columns:32px minmax(0,1fr);gap:16px;padding:24px 0}.access-number{font-size:24px;line-height:30px}.access-list p{font-size:16px}.access-tag{white-space:normal}.demo-frame{margin:0;border-radius:20px 44px 20px 20px}.city-knowledge-grid{grid-template-columns:1fr;gap:16px}.city-card--home,.city-card--future{grid-column:auto}.house-dossier__count{font-size:40px;line-height:48px}.coverage-panel{padding:24px 16px}.coverage-row{grid-template-columns:minmax(0,1fr) 56px;gap:4px 16px}.coverage-row>i{grid-column:1/-1;grid-row:2}.coverage-row>strong{grid-column:2;grid-row:1}.house-proof__facts{gap:16px}.walking-proof__principle{padding:24px}.walking-proof__principle>i{transform:none}.isochrone-card figcaption b{font-size:24px;line-height:30px}.feature-strip{gap:16px}.feature-strip span{padding:16px;overflow-wrap:anywhere}.evidence,.evidence--wide{min-height:360px}.site-footer{padding:32px 20px 128px;gap:24px}.mobile-cta{left:20px;right:20px;bottom:max(16px,env(safe-area-inset-bottom));height:auto;min-height:64px;padding:12px 20px;font-size:16px;line-height:20px;justify-content:center;box-shadow:0 4px 24px rgb(59 34 50 / 20%)}}
@media(prefers-reduced-motion:reduce){.reveal,.button,.mobile-cta{transition:none}.button:hover,.mobile-cta:hover{transform:none}}

/* First screen: show the product and lead directly into the buyer's questions. */
.journey-hero{padding-top:32px;padding-bottom:40px;gap:48px}
.journey-hero .hero__lead{margin-top:20px}
.journey-hero .hero__actions{margin-top:24px}
.hero-questions{padding:24px 32px}
.hero-questions h2{margin:16px 0}
.hero-questions li{padding:12px 0}
.hero-questions li strong{display:inline}
.hero-questions__answer{margin-top:16px}
.problem{padding-top:40px;background:var(--soft);border-top:0}
.problem .section-heading{padding-left:0;border-left:0;margin-bottom:32px}
.problem .section-heading h2{color:var(--brand-dark);font-size:40px;line-height:46px}
.problem-stories article,.problem-stories article:last-child{padding:24px;border:1px solid var(--line);border-radius:28px 72px 28px 28px;background:var(--panel)}
.problem-stories h3{min-height:120px}
@media(max-width:980px){.journey-hero{gap:24px}.problem-stories h3{min-height:0}}
@media(max-width:680px){.journey-hero{padding-top:24px;padding-bottom:32px}.hero-questions{padding:24px}.problem{padding-top:32px}.problem .section-heading{padding-left:0}.problem .section-heading h2{font-size:32px;line-height:38px}.problem-stories article,.problem-stories article:last-child{padding:24px}}

/* Restore the original screenshot-led composition: large map left, copy right. */
.journey-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:40px;align-items:start}
.journey-hero .hero__copy{grid-column:2;grid-row:1;align-self:center}
.journey-hero h1{font-size:clamp(34px,3vw,48px);line-height:1.125}
.journey-hero .hero-shot{grid-column:1;grid-row:1;width:100%;height:clamp(420px,calc(100svh - 320px),640px);margin:0;border:1px solid var(--line);border-radius:28px 72px 28px 28px;background:var(--soft);box-shadow:var(--shadow)}
.journey-hero .hero-shot img{width:100%;height:100%;object-fit:cover;object-position:left top;aspect-ratio:auto}
@media(max-width:980px){.journey-hero{grid-template-columns:minmax(0,1fr);gap:24px}.journey-hero .hero__copy{grid-column:1;grid-row:1}.journey-hero .hero-shot{grid-column:1;grid-row:2;height:auto;aspect-ratio:1.7}.journey-hero .hero-shot img{height:100%}.journey-hero h1{font-size:48px;line-height:54px}}
@media(max-width:680px){.journey-hero h1{font-size:34px;line-height:40px}.journey-hero .hero-shot{height:300px;aspect-ratio:auto;border-radius:28px 56px 28px 28px}}
