:root{--yellow:#FCCC0A;--black:#121212;--white:#FFFFFF;--track:#4A4A48;--red:#EE352E;--muted:#BDBAB2;--ease:cubic-bezier(0.16,1,0.3,1);}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--yellow);-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--yellow);color:var(--black);font-family:"Overpass","Helvetica Neue",Arial,sans-serif;font-size:clamp(0.95rem,0.9rem + 0.25vw,1.08rem);line-height:1.45;overflow-x:clip;font-variant-numeric:tabular-nums;}::selection{background:var(--black);color:var(--yellow)}.wall{width:100%;max-width:1200px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));display:grid;gap:10px;grid-template-columns:1fr;}.cell{position:relative;border-radius:4px}.sign{background:var(--black);color:var(--white)}.sign::before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--white);opacity:.9}.ident{display:flex;align-items:center;gap:14px;padding:19px 14px 12px}.ident img{width:52px;height:52px;border-radius:12px;flex:none;display:block}.ident .name{font-weight:700;font-size:clamp(1.15rem,1rem + 0.8vw,1.6rem);letter-spacing:-0.01em;line-height:1.1}.dest{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:clamp(0.8rem,0.76rem + 0.2vw,0.95rem);color:#E9E7E1}.bullet{width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--black);font-weight:700;font-size:0.85rem;display:inline-grid;place-items:center;flex:none;line-height:1;padding-top:2px}.head{padding:8px 4px 2px}h1{font-family:"Gloock",Georgia,serif;font-weight:400;font-size:clamp(2.15rem,1.3rem + 4.2vw,4.7rem);line-height:1.02;letter-spacing:-0.015em;max-width:15ch;text-wrap:balance}.lede{margin-top:12px;max-width:44ch;font-size:clamp(0.98rem,0.92rem + 0.35vw,1.22rem);line-height:1.42}.strip{padding:20px 0 14px;overflow:hidden}.strip-title{display:flex;align-items:center;gap:8px;padding:0 14px;font-weight:700;font-size:clamp(0.78rem,0.74rem + 0.2vw,0.92rem);letter-spacing:0.02em}.rail{position:relative;height:58px;margin-top:12px}.rail .base,.rail .fill{position:absolute;left:12.5%;width:75%;top:40px;height:8px;border-radius:4px}.rail .base{background:var(--track)}.rail .fill{background:var(--yellow);transform-origin:left center;transform:scaleX(1);animation:fill 1.9s var(--ease) .45s both}.stop{position:absolute;top:35px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:var(--white);border:4px solid var(--black);box-shadow:0 0 0 2px var(--white)}.s1{left:12.5%}.s2{left:37.5%}.s3{left:62.5%}.s4{left:87.5%}.carrier{position:absolute;left:12.5%;width:75%;top:0;height:58px;transform:translateX(100%);animation:ride 1.9s var(--ease) .45s both;pointer-events:none}.you{position:absolute;left:0;top:0;width:0}.you .tag{position:absolute;left:0;top:0;transform:translateX(-50%);white-space:nowrap;background:var(--white);color:var(--black);font-weight:700;font-size:0.72rem;line-height:1;padding:5px 7px 3px;border-radius:3px}.you .dot{position:absolute;left:-13px;top:31px;width:26px;height:26px;border-radius:50%;background:var(--red);border:4px solid var(--white)}.labels{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;text-align:center;font-size:clamp(0.74rem,0.7rem + 0.25vw,0.9rem);line-height:1.2}.labels span{padding:0 3px}.labels b{display:block;font-weight:700;color:var(--white)}.labels small{display:block;margin-top:2px;font-size:inherit;color:var(--muted)}.xfer{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}.xfer i{font-style:normal;font-weight:700;font-size:0.72rem;line-height:1;padding:5px 6px 3px;border:1px solid var(--white);border-radius:3px;color:var(--white);white-space:nowrap}.go{background:var(--white);padding:16px 14px 14px;display:flex;flex-direction:column;justify-content:center;gap:10px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 18px 11px;background:var(--black);color:var(--white);text-decoration:none;font-weight:700;font-size:clamp(1rem,0.95rem + 0.3vw,1.15rem);border-radius:4px;text-align:center;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease)}.cta svg{flex:none}.cta:focus-visible{outline:3px solid var(--red);outline-offset:3px}.cta:active{transform:scale(.98)}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-1px)}}.need{font-size:clamp(0.84rem,0.8rem + 0.2vw,0.95rem);line-height:1.35;color:#2E2E2C}footer{padding:6px 16px max(12px,env(safe-area-inset-bottom));text-align:center;font-size:0.8rem;color:var(--black)}@keyframes ride{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media (min-width: 900px){body{display:flex;flex-direction:column;justify-content:center}.wall{grid-template-columns:repeat(12,1fr);gap:12px;padding:24px 24px 12px}.ident{grid-column:1 / span 4;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px 24px 24px;gap:22px}.ident img{width:96px;height:96px;border-radius:20px}.head{grid-column:5 / span 8;padding:18px 8px 8px 20px;align-self:center}.strip{grid-column:1 / span 7;padding:26px 0 22px}.strip-title{padding:0 24px}.rail{margin-top:22px}.go{grid-column:8 / span 5;padding:28px}.labels small{margin-top:3px}}@media (prefers-reduced-motion: reduce){.carrier,.rail .fill{animation:none}.cta{transition:none}}