@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:light;--color-primary:#214e42;--color-primary-dark:#173b32;--color-accent:#d9a441;--color-background:#f6f7f4;--color-surface:#fff;--color-text:#1b2421;--color-text-muted:#59645f;--color-border:#d8deda;--color-soft:#e9eeeb;--radius-small:4px;--radius-medium:6px;--font-heading:Oswald,"Arial Narrow",sans-serif;--font-body:Inter,Arial,sans-serif;--shadow-small:0 1px 4px rgba(0,0,0,.08);font-family:var(--font-body)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--color-background);color:var(--color-text);font:400 16px/1.55 var(--font-body)}
a{color:inherit}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
.site-header{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));min-height:76px;margin:auto;border-bottom:1px solid var(--color-border)}
.brand{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;text-decoration:none}
.brand-mark{grid-row:1/3;position:relative;width:34px;height:30px;border:2px solid var(--color-primary);border-bottom:0;border-radius:17px 17px 0 0}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;bottom:-2px;width:7px;height:14px;border:2px solid var(--color-primary);background:var(--color-background)}
.brand-mark:before{left:-4px}.brand-mark:after{right:-4px}
.brand-name{font:500 1.28rem/1 var(--font-heading);letter-spacing:.06em;color:var(--color-primary)}
.brand-caption{margin-top:4px;color:var(--color-text-muted);font-size:.67rem;line-height:1;letter-spacing:.12em;text-transform:uppercase}
.header-link{min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent;font:500 .9rem var(--font-heading);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.header-link:hover,.header-link:focus-visible{border-color:var(--color-accent)}
main{width:min(1180px,calc(100% - 48px));margin:auto}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:64px;align-items:center;padding:72px 0 54px}
.eyebrow{margin:0 0 18px;color:var(--color-primary);font:500 .78rem/1.3 var(--font-heading);letter-spacing:.14em;text-transform:uppercase}
.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--color-accent);vertical-align:1px}
h1,h2,h3{font-family:var(--font-heading);font-weight:400;letter-spacing:.01em}
h1{max-width:660px;margin:0;font-size:clamp(2.7rem,4.25vw,4.35rem);line-height:1.04;text-transform:uppercase}
h1 span{color:var(--color-primary)}
.lead{max-width:620px;margin:28px 0 0;color:var(--color-text-muted);font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.7}
.hero-instrument{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-small)}
.hero-instrument>img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.88) contrast(1.03)}
.instrument-bar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-border)}
.instrument-bar span{display:grid;gap:3px;min-height:72px;padding:14px 16px;border-right:1px solid var(--color-border);font:400 1rem var(--font-heading)}
.instrument-bar span:last-child{border-right:0}
.instrument-bar small{color:var(--color-text-muted);font:600 .62rem var(--font-body);letter-spacing:.11em}
.instrument-status{color:var(--color-primary)}
.instrument-status:after{content:"";width:36px;height:3px;margin-top:2px;background:var(--color-accent)}
.mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
.mobile-install-transfer{display:grid;justify-items:center;gap:12px;margin:0 0 82px}.mobile-install-transfer[hidden]{display:none}.mobile-install-transfer .button{width:min(100%,440px);min-height:52px}.mobile-install-transfer p{width:min(100%,560px);margin:0;color:var(--color-text-muted);font-size:.9rem;text-align:center}
.mobile-platform-actions{display:grid;width:min(100%,440px);gap:10px}.mobile-install-guide{display:grid;width:min(100%,560px);gap:12px;padding:18px;border:1px solid var(--color-border);border-left:4px solid var(--color-accent);background:var(--color-surface)}.mobile-install-guide strong{color:var(--color-primary);font:500 1.04rem var(--font-heading);letter-spacing:.03em;text-transform:uppercase}.mobile-install-guide p{margin:0;text-align:left}.mobile-install-guide ol{margin:0;padding-left:22px;color:var(--color-text-muted)}.mobile-install-guide li+li{margin-top:5px}.mobile-install-guide .button{width:100%}.mobile-install-guide .button.secondary{background:var(--color-surface);color:var(--color-primary)}.install-status{padding:12px;border-left:3px solid var(--color-accent);background:var(--color-bg)}.install-meta{font-size:.78rem!important}
.alternative-install-help{padding:14px;border-left:3px solid var(--color-accent);background:var(--color-bg)}.alternative-install-help strong{font-size:.95rem}.alternative-install-help p{margin-top:6px}
.mobile-install-guide a,.alternative-install-help a{color:var(--color-primary);font-weight:600}.copy-link-button{justify-self:start;min-height:36px;padding:7px 12px;border:1px solid var(--color-primary);border-radius:var(--radius-small);background:transparent;color:var(--color-primary);font:500 .78rem var(--font-heading);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.button{min-height:50px;padding:12px 20px;border:1px solid var(--color-primary);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-primary);font:500 .94rem/1.15 var(--font-heading);letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .16s,color .16s}
.button.primary{background:var(--color-primary);color:#fff}
.button:hover,.button:focus-visible{background:var(--color-primary-dark);color:#fff;outline:0}
.button:disabled{opacity:.55;cursor:default}
.ios-guide{grid-column:1/-1;margin:0;padding:14px 16px;border-left:3px solid var(--color-accent);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text-muted)}
.ios-guide strong{color:var(--color-text)}
.features{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 72px;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}
.features article{min-height:176px;padding:24px;border-right:1px solid var(--color-border)}
.features article:last-child{border-right:0}
.feature-index{color:var(--color-accent);font:500 .78rem var(--font-heading);letter-spacing:.1em}
.features h2{margin:28px 0 8px;color:var(--color-primary);font-size:1.35rem;text-transform:uppercase}
.features p{margin:0;color:var(--color-text-muted);font-size:.88rem;line-height:1.55}
.desktop-transfer{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:56px;margin:0 0 82px;padding:42px;border:1px solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:var(--radius-medium);background:var(--color-surface)}
.transfer-copy h2,.section-heading h2{margin:0;color:var(--color-primary);font-size:clamp(2.25rem,4vw,3.65rem);line-height:1.08;text-transform:uppercase}
.transfer-copy>p:not(.eyebrow){max-width:650px;margin:18px 0;color:var(--color-text-muted);font-size:1.06rem}
.qr-panel{display:grid;justify-items:center;gap:14px;padding:18px;border-left:1px solid var(--color-border);font:400 1rem/1.35 var(--font-heading);text-align:center;text-transform:uppercase}
.qr-code{width:244px;min-height:244px;padding:11px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:#fff}
.qr-code svg{display:block;width:220px;height:220px}
.routes-section{padding:58px 0 80px;border-top:1px solid var(--color-border)}
.section-heading{display:grid;grid-template-columns:1fr minmax(280px,440px);gap:40px;align-items:end}
.section-heading p:last-child{margin:0 0 4px;color:var(--color-text-muted)}
.public-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}
.public-route-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-small)}
.public-route-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.9) contrast(1.02)}
.public-route-copy{display:flex;flex-direction:column;padding:25px}
.route-type{align-self:flex-start;padding:4px 7px;border-left:3px solid var(--color-accent);background:var(--color-soft);color:var(--color-primary);font:500 .72rem var(--font-heading);letter-spacing:.1em;text-transform:uppercase}
.public-route-copy h3{margin:17px 0 10px;color:var(--color-primary);font-size:clamp(1.55rem,2.3vw,2rem);line-height:1.16;text-transform:uppercase}
.public-route-copy>p{margin:0;color:var(--color-text-muted);font-size:.93rem}
.route-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.route-metrics div{display:grid;gap:2px;padding:12px 10px;border-right:1px solid var(--color-border)}
.route-metrics div:first-child{padding-left:0}.route-metrics div:last-child{border-right:0}
.route-metrics dt{color:var(--color-text-muted);font:600 .58rem var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.route-metrics dd{margin:0;color:var(--color-text);font:400 1rem var(--font-heading)}
.route-state{grid-column:1/-1;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface)}
.site-footer{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));min-height:108px;margin:auto;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.82rem}
.site-footer div{display:grid;gap:3px}.site-footer strong{color:var(--color-primary);font:500 1.12rem var(--font-heading);letter-spacing:.08em}.site-footer p{margin:0}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:38px;padding-top:54px}.hero-copy{max-width:760px}.hero-instrument{max-width:760px}.features{grid-template-columns:repeat(2,1fr)}.features article:nth-child(2){border-right:0}.features article:nth-child(-n+2){border-bottom:1px solid var(--color-border)}.desktop-transfer{grid-template-columns:1fr 250px;padding:32px}.public-routes{grid-template-columns:1fr}.public-route-card{grid-template-columns:minmax(260px,40%) 1fr;grid-template-rows:1fr}.public-route-card>img{height:100%;aspect-ratio:auto}}
@media(max-width:640px){body{font-size:15px}.site-header,main,.site-footer{width:min(100% - 28px,1180px)}.site-header{min-height:66px}.brand-caption{display:none}.brand{grid-template-rows:1fr}.brand-mark{grid-row:1}.header-link{font-size:.82rem}.hero{gap:24px;padding:38px 0 36px}.eyebrow{margin-bottom:14px}.hero h1{font-size:clamp(2.55rem,12vw,3.55rem)}.lead{margin-top:20px;line-height:1.6}.hero-instrument>img{aspect-ratio:4/3}.instrument-bar{grid-template-columns:repeat(2,1fr)}.instrument-bar span{min-height:64px;padding:12px}.instrument-bar span:nth-child(2){border-right:0}.instrument-bar span:last-child{grid-column:1/-1;border-top:1px solid var(--color-border)}.mobile-actions{grid-template-columns:1fr}.button{width:100%;min-height:50px}.features{margin-bottom:52px}.features article{min-height:150px;padding:18px}.features h2{margin-top:22px;font-size:1.14rem}.desktop-transfer{grid-template-columns:1fr;gap:26px;margin-bottom:54px;padding:24px 18px;border-left-width:4px}.qr-panel{border-top:1px solid var(--color-border);border-left:0;padding-top:24px}.routes-section{padding:44px 0 58px}.section-heading{grid-template-columns:1fr;gap:14px}.public-routes{margin-top:24px}.public-route-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}.public-route-card>img{height:auto;aspect-ratio:16/10}.public-route-copy{padding:20px}.route-metrics{grid-template-columns:repeat(3,1fr)}.route-metrics div{padding:10px 7px}.route-metrics dd{font-size:.88rem}.site-footer{display:grid;gap:14px;padding:24px 0}.site-footer p{margin:0}}
.public-route-card.no-image{grid-template-columns:1fr}
@media(max-width:390px){.features{grid-template-columns:1fr}.features article{min-height:auto;border-right:0!important;border-bottom:1px solid var(--color-border)}.features article:last-child{border-bottom:0}.features h2{margin:12px 0 4px}.route-metrics{grid-template-columns:1fr}.route-metrics div,.route-metrics div:first-child{padding:9px 0;border-right:0;border-bottom:1px solid var(--color-border)}.route-metrics div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:640px){.hero h1{font-size:clamp(2.2rem,10vw,3rem);line-height:1.05}}