:root{--green:#20B74F;--mint:#BDEACC;--pine:#08261A;--pine-2:#103826;--ink:#06140D;--paper:#F4FBF6;--ash:#93A79B;--slab:"Bitter",Rockwell,"Roboto Slab",Georgia,serif;--sans:"Libre Franklin",system-ui,-apple-system,"Segoe UI",sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--pine);color:var(--paper)}body{font-family:var(--sans);font-weight:400;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}.stage{position:relative;flex:1;display:grid;grid-template-rows:auto 1fr;isolation:isolate}.field{position:relative;background:var(--green);color:var(--ink);padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 26px max(20px,env(safe-area-inset-left))}.grain{position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;z-index:0}.field > *:not(.grain){position:relative;z-index:1}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;border-radius:12px;display:block;box-shadow:0 0 0 2px var(--ink)}.brand span{font-family:var(--slab);font-weight:800;font-size:clamp(1.1rem,1rem + 0.4vw,1.35rem);letter-spacing:.01em}.kicker{margin-top:20px;font-size:clamp(.86rem,.8rem + .25vw,1rem);font-weight:600;max-width:34ch}h1{font-family:var(--slab);font-weight:800;font-size:clamp(1.85rem,1.2rem + 3.3vw,4.3rem);line-height:1.02;letter-spacing:-.015em;margin-top:10px;max-width:13ch}h1 em{font-style:normal;background:var(--ink);color:var(--green);padding:0 .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lede{margin-top:14px;font-size:clamp(.95rem,.9rem + .3vw,1.15rem);line-height:1.45;max-width:40ch}.cta{display:inline-flex;align-items:center;gap:12px;margin-top:20px;min-height:54px;padding:0 26px;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:600;font-size:clamp(1rem,.95rem + .3vw,1.15rem);text-decoration:none;border-radius:999px;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}.cta svg{width:20px;height:20px;transition:transform .18s ease}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}@media (hover: hover) and (pointer: fine){.cta:hover svg{transform:translateY(3px)}}.rig{position:relative;padding:22px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center}.panel{position:relative;max-width:560px;width:100%;margin:0 auto;touch-action:pan-y}.route{display:flex;justify-content:space-between;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ash);padding-left:var(--gut)}.lane{position:relative;display:grid;grid-template-columns:var(--gut) 1fr;align-items:center;margin-top:12px}.lane + .lane{margin-top:16px}.tag{font-family:var(--slab);font-weight:800;font-size:clamp(.82rem,.78rem + .3vw,1.05rem);line-height:1.1;padding-right:10px}.lane.before .tag{color:var(--ash)}.lane.after .tag{color:var(--green)}.track{position:relative;height:74px;border-radius:14px;background:var(--pine-2);overflow:hidden}.lane.after .track{box-shadow:inset 0 0 0 2px var(--green)}.track svg{position:absolute;inset:0;width:100%;height:100%;display:block}.state{grid-column:2;display:flex;align-items:center;gap:8px;margin-top:7px;font-size:.84rem;font-weight:600;min-height:20px}.lane.before .state{color:var(--ash)}.lane.after .state{color:var(--mint)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.lane.before.stalled .dot{opacity:.35}.head{position:absolute;top:12px;bottom:27px;left:var(--gut);width:2px;pointer-events:none;will-change:transform}.head i{position:absolute;left:-1px;top:-8px;bottom:-8px;width:2px;background:var(--paper);border-radius:2px}.head i::before{content:"";position:absolute;left:-6px;top:-6px;width:14px;height:14px;border-radius:50%;background:var(--paper)}.legend{margin-top:16px;padding-left:var(--gut);font-size:.82rem;line-height:1.45;color:var(--ash);max-width:46ch}.legend b{color:var(--paper);font-weight:600}.panel{--gut:90px}.lanes{position:relative}.kicker,h1,.lede{text-wrap:balance}footer{padding:14px max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));font-size:.8rem;color:var(--ash);border-top:1px solid rgba(189,234,204,.14);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}footer strong{color:var(--paper);font-weight:600}@media (max-width: 380px){.panel{--gut:80px}.track{height:62px}.legend{display:none}}@media (max-width: 899px) and (max-height: 760px){.kicker{display:none}h1{margin-top:14px}.rig{padding-top:16px}}@media (min-width: 900px){.stage{grid-template-rows:1fr;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:calc(100dvh - 52px)}.field{background:transparent;padding:56px 7vw 56px max(48px,6vw);display:flex;flex-direction:column;justify-content:center}.stage::before{content:"";position:absolute;inset:0;background:var(--green);clip-path:polygon(0 0,61% 0,49% 100%,0 100%);z-index:-1}.grain{display:none}.brand img{width:96px;height:96px;border-radius:20px;box-shadow:0 0 0 3px var(--ink)}.brand span{font-size:1.5rem}.kicker{margin-top:34px}.rig{padding:56px max(48px,5vw) 56px 2vw}.panel{--gut:96px}.track{height:96px}.lane + .lane{margin-top:22px}}@media (prefers-reduced-motion: reduce){.cta,.cta svg{transition:none}}html,body{max-width:100%;overflow-x:clip}