:root{--ink:#151614;--green:#1f6b50;--mint:#8be0a4;--paper:#f1ecd9;--yellow:#ffd657;--red:#da4a3a;--screen:#c8f9bf;--white:#fffdf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Courier New",monospace;line-height:1.5;overflow-x:hidden}.skip{position:fixed;top:-5rem;left:1rem;background:var(--yellow);color:var(--ink);padding:.8rem;z-index:50}.skip:focus{top:1rem}.kiosk-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3rem;padding:1rem clamp(1rem,4vw,4rem);background:var(--green);color:white}.mv-logo{display:flex;align-items:center;color:white;text-decoration:none}.mv-logo span{display:grid;place-items:center;width:50px;height:50px;background:var(--screen);color:var(--ink);border:5px double var(--ink);margin-right:.6rem}.mv-logo b{font-size:1.3rem}.kiosk-head nav{display:flex;justify-content:center;gap:2rem}.kiosk-head nav a{color:white;text-decoration:none;font-size:.72rem;font-weight:900}.service-light{font-size:.62rem}.service-light i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--yellow)}.vending-hero{min-height:800px;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--yellow)}.hero-copy{padding:clamp(5rem,9vw,10rem) clamp(2rem,6vw,7rem);align-self:center}.receipt-code{font-size:.66rem;font-weight:900;letter-spacing:.15em;color:#a63428}h1,h2,h3{margin:0;line-height:.95}h1{font-size:clamp(4rem,7vw,8rem);letter-spacing:-.06em}h2{font-size:clamp(3rem,5vw,5.8rem);letter-spacing:-.05em}h3{font-size:clamp(2rem,3vw,3.4rem)}.hero-copy>p:not(.receipt-code){max-width:620px;margin:2rem 0}.hero-copy>a{display:inline-block;background:var(--ink);color:white;padding:1rem;text-decoration:none;font-weight:900}.kiosk{position:relative;align-self:center;justify-self:center;width:min(520px,80%);background:var(--green);border:18px solid var(--ink);border-radius:30px;padding:2rem;box-shadow:25px 25px 0 #cc9f20}.screen{background:var(--screen);border:8px inset #46634d;min-height:180px;padding:2rem;color:var(--ink)}.screen>*{display:block}.screen span{font-size:.7rem}.screen b{font-size:4rem}.soft-keys{display:flex;justify-content:space-around;margin:1rem 0}.soft-keys i{width:70px;height:16px;background:var(--red);border-radius:8px}.keypad-art{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.keypad-art span{display:grid;place-items:center;background:var(--white);height:48px;border:3px solid var(--ink);font-weight:900}.receipt-slot{height:55px;background:var(--ink);margin-top:1.2rem;padding:.8rem 2rem}.receipt-slot i{display:block;height:100%;background:var(--white)}.metering-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:white}.metering-band>div{padding:2rem;border-right:1px solid #4d5048}.metering-band span{font-size:2.5rem;color:var(--mint)}.metering-band b{display:block;margin:.6rem 0}.token-vendor{padding:clamp(5rem,8vw,9rem)}.token-vendor>header{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.token-vendor>header .receipt-code{grid-column:1/-1}.vendor-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem;margin-top:4rem}.vendor-shell form{background:var(--green);color:white;padding:2rem;display:grid;gap:1.2rem}label{font-weight:900}select,input{display:block;width:100%;padding:.85rem;margin-top:.35rem;border:3px solid var(--ink);background:var(--white);font:inherit}label small{display:block;margin-top:.3rem}.live-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.live-keypad button{border:3px solid var(--ink);background:var(--screen);padding:.8rem;font:900 .8rem monospace;cursor:pointer}.live-keypad button:last-child{background:var(--yellow)}.sample-receipt{position:relative;background:var(--white);padding:clamp(2rem,5vw,5rem);border-top:12px dotted var(--paper);box-shadow:10px 10px 0 #c3bba6}.sample-receipt>span{font-size:.66rem}.sample-receipt h3{margin:1rem 0 2rem}.sample-receipt dl div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px dashed var(--ink)}.sample-receipt dd{margin:0;text-align:right;font-weight:900}.sample-receipt>i{position:absolute;right:8%;bottom:10%;font-size:4rem;color:#da4a3a33;rotate:-20deg}.sample-receipt>#token-status{min-height:1.5rem}.assurance-board{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;background:var(--screen);padding:clamp(5rem,8vw,9rem)}.exception-list{display:grid;grid-template-columns:1fr 1fr}.exception-list article{padding:2rem;border:2px solid var(--ink)}.exception-list span{font-size:.65rem;color:var(--red)}.exception-list b{display:block;margin-top:2rem}.vault-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:clamp(5rem,8vw,9rem)}.vault-contact form{display:grid;gap:1rem}.vault-contact button{border:0;background:var(--red);color:white;padding:1rem;font:900 .75rem monospace;cursor:pointer}#form-status{min-height:1.5rem}footer{display:grid;grid-template-columns:.7fr 1.6fr auto;gap:3rem;align-items:center;background:var(--ink);color:white;padding:2rem clamp(1rem,5vw,5rem)}footer span,footer small{display:block}footer address{font-style:normal}footer small{color:var(--mint);font-size:.63rem;text-transform:uppercase}footer a{color:white}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}@media(max-width:920px){.vending-hero{grid-template-columns:1fr}.hero-copy{min-height:600px}.kiosk{margin:4rem auto}.token-vendor>header,.vendor-shell,.assurance-board,.vault-contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.kiosk-head{grid-template-columns:1fr auto}.kiosk-head nav{grid-column:1/-1;overflow:auto;justify-content:flex-start;padding:.7rem 0}.service-light{font-size:0}.service-light i{width:16px;height:16px}.vending-hero{display:flex;flex-direction:column}.hero-copy,.token-vendor,.assurance-board,.vault-contact{padding:4rem 1rem}.hero-copy{min-height:0}.kiosk{width:calc(100% - 2rem);border-width:10px;padding:1rem}.screen b{font-size:3rem}.metering-band{grid-template-columns:1fr 1fr}.token-vendor>header{gap:1rem}.sample-receipt{padding:2rem 1rem}.sample-receipt dl div{display:block}.sample-receipt dd{text-align:left;margin-top:.3rem}.exception-list{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:2rem 1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
