:root{--ground:#121214;--slab:#232327;--seam:#34343a;--ash:#a0a0a8;--bone:#f1eee8;--red:#d8121c;--signal:#ff5a5f;--ease:cubic-bezier(.3,.7,.2,1)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--bone);font-family:Barlow,"Arial Narrow",Arial,sans-serif;font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.5;overflow-x:clip}a{color:inherit}h1,h2,.tier-l{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;letter-spacing:.01em}.cta{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:0 1.5rem;background:var(--red);color:#fff;font-weight:600;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);text-decoration:none;border-radius:4px;letter-spacing:.02em}.cta svg{width:14px;height:16px;flex:none}.cta:focus-visible,a:focus-visible{outline:3px solid var(--bone);outline-offset:3px}@media (hover: hover){.cta:hover{background:#b80e17}}.story{display:grid;grid-template-columns:minmax(0,1fr);padding:0 clamp(1.1rem,5vw,4rem)}.hero{padding-top:max(1.1rem,env(safe-area-inset-top));padding-bottom:1rem}.logo{display:block;width:clamp(52px,14vw,96px);height:auto;aspect-ratio:1;border-radius:22%}h1{margin:clamp(.9rem,3vw,1.6rem) 0 .6rem;font-size:clamp(2.6rem,1.6rem + 5.4vw,5.6rem);line-height:.98;text-transform:uppercase}h1 .l1,h1 .l2{display:block}h1 .l2{color:var(--signal)}.lead{margin:0 0 1.2rem;max-width:32rem;color:var(--bone)}.lead em{font-style:normal;color:var(--ash)}.board{position:sticky;top:0;z-index:2;background:var(--ground);padding:.6rem 0 .8rem;height:min(310px,44dvh)}.board svg{display:block;width:100%;height:100%;max-width:420px;margin:0 auto}.tile{transition:transform .7s var(--ease),opacity .5s ease}.tile rect.base{fill:var(--slab);stroke:var(--seam)}.tile text{font-family:Barlow,Arial,sans-serif;font-weight:600;font-size:11px;fill:var(--ash)}.tp .hot{transition:opacity .5s ease}.tp .tri{transition:transform .6s var(--ease);transform-box:fill-box;transform-origin:center}.bar{transform-box:fill-box;transform-origin:left center;transition:transform .9s var(--ease),opacity .4s ease}.t1{transform:translate(60px,196px);opacity:.5}.t2{transform:translate(128px,196px);opacity:.5}.t3{transform:translate(196px,196px);opacity:.5}.tp{transform:translate(60px,16px)}.tp .hot{opacity:1}.tp .tri{transform:scale(1)}.bar{transform:scaleX(1);opacity:1}[data-step="1"] .t1{transform:translate(60px,254px);opacity:1}[data-step="1"] .tp{transform:translate(128px,254px)}[data-step="1"] .t2{transform:translate(196px,254px);opacity:1}[data-step="1"] .t3{transform:translate(264px,254px);opacity:1}[data-step="2"] .tp{transform:translate(128px,254px)}[data-step="1"] .tp .hot,[data-step="2"] .tp .hot{opacity:0}[data-step="1"] .tp .tri,[data-step="2"] .tp .tri{transform:scale(.8)}[data-step="1"] .bar,[data-step="2"] .bar{transform:scaleX(0);opacity:0}.steps{counter-reset:none}.step{min-height:70dvh;display:flex;align-items:center;padding:2rem 0}.step p{margin:0;max-width:22rem;font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);line-height:1.32;font-weight:600;border-left:4px solid var(--seam);padding-left:1rem;transition:border-color .4s ease}.step.on p{border-left-color:var(--red)}.step:last-child{min-height:60dvh}.ticket{max-width:52rem;margin:3rem auto 0;padding:0 clamp(1.1rem,5vw,2rem)}.t-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1rem;border-top:4px solid var(--bone);padding-top:1rem}.t-head h2{margin:0;font-size:clamp(1.6rem,1.2rem + 2vw,2.6rem);line-height:1.05;text-transform:uppercase}.chip{display:inline-block;padding:.2rem .7rem;border:2px solid var(--ash);color:var(--ash);font-weight:600;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}.chip.done{border-color:var(--signal);color:var(--signal)}.reply{border-left:2px solid var(--seam);margin:2rem 0 0 .4rem;padding:0 0 0 clamp(1rem,4vw,2rem)}.who{margin:0 0 .5rem;color:var(--ash);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.reply h3{margin:0 0 1.2rem;font-size:clamp(1.2rem,1.05rem + .8vw,1.6rem);line-height:1.2;font-weight:600}.signs{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;margin:0;padding:0;list-style:none}.signs li{display:flex;gap:1rem;align-items:center}.signs svg{width:64px;height:64px;flex:none}.signs b{display:block;font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem}.signs span{color:var(--ash)}@media (min-width:700px){.signs{grid-template-columns:repeat(3,minmax(0,1fr))}.signs li{flex-direction:column;align-items:flex-start}}.flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1rem;max-width:34rem}.q{grid-column:1 / -1;border:2px solid var(--bone);padding:1rem;font-weight:600;font-size:1.1rem}.arrow{display:flex;flex-direction:column;align-items:center;padding:.3rem 0;color:var(--ash);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.arrow svg{width:16px;height:40px}.end{border:2px solid var(--seam);background:var(--slab);padding:.9rem;font-size:1rem}.end.yes{border-color:var(--red)}.resolved{margin-top:2.5rem;padding:1.6rem clamp(1rem,4vw,2rem) 2rem;background:var(--slab);border:2px solid var(--red)}.resolved h2{margin:.8rem 0 1rem;font-size:clamp(1.5rem,1.2rem + 1.6vw,2.3rem);line-height:1.08;text-transform:uppercase}.check{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.check li{display:flex;align-items:center;gap:.8rem;font-size:1.05rem}.check svg{width:28px;height:28px;flex:none}.check .last{margin-top:.4rem}.check .last .cta{padding-left:1rem}footer{margin-top:4rem;border-top:1px solid var(--seam);padding:2rem clamp(1.1rem,5vw,4rem) calc(6rem + env(safe-area-inset-bottom));color:var(--ash);font-size:.95rem}footer nav{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem;margin-bottom:1rem}footer nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--bone);text-decoration-color:var(--seam);text-underline-offset:4px}footer p{margin:.4rem 0}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem max(1rem,env(safe-area-inset-right)) calc(.6rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:rgba(18,18,20,.94);border-top:1px solid var(--seam);transform:translateY(110%);transition:transform .35s var(--ease)}.dock.show{transform:translateY(0)}.dock .name{font-family:Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:1.1rem}.dock .cta{min-height:46px}@media (min-width:900px){.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem;max-width:1240px;margin:0 auto}.hero{grid-column:1;grid-row:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-bottom:3rem}.steps{grid-column:1;grid-row:2}.board{grid-column:2;grid-row:1 / 3;align-self:start;height:100dvh;display:flex;align-items:center;padding:2rem 0}.board svg{max-width:520px;height:auto}.step{min-height:80dvh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.tile,.tp .hot,.tp .tri,.bar,.dock,.step p{transition:none}}