:root{--red:#8a2c25;--cream:#fdeac2;--ink:#224229;--line:#edbd6f;--terracotta:#a2432b;--paper:#fff8ec}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{border:1px solid var(--red);background:var(--red);color:var(--cream);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}button:hover,.button:hover{background:var(--terracotta)}button:disabled{opacity:.45;cursor:default}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--line);outline-offset:4px}button.outline{color:var(--red);background:0 0}.text-button,.inline{color:var(--red);text-underline-offset:4px;background:0 0;border:0;padding:3px 0;font-weight:500;text-decoration:underline}.text-button:hover,.inline:hover{color:var(--ink);background:0 0}header{justify-content:space-between;align-items:center;gap:20px;max-width:1300px;margin:auto;padding:24px 5%;display:flex}header a{color:var(--red);text-decoration:none}.small-brand{aspect-ratio:634/326;border-radius:4px;flex-shrink:0;width:126px;display:block;overflow:hidden}.small-brand img{width:100%;height:auto;display:block}nav{gap:6px;display:flex}nav button{color:var(--ink);background:0 0;border:0;padding:9px 14px;font-size:13px}nav button:hover,nav button.active{color:var(--red);background:#8a2c2510}.pilot{background:var(--ink);color:var(--cream);text-align:center;letter-spacing:2px;padding:6px 15px;font-size:10px}main{max-width:1180px;margin:auto;padding:54px 32px 60px}.hero{grid-template-columns:1fr 450px;align-items:start;gap:65px;display:grid}.intro{padding-top:55px}.eyebrow{letter-spacing:2.2px;color:var(--terracotta);font-size:10px;font-weight:700}h1{letter-spacing:-1.8px;margin:20px 0 25px;font-size:clamp(34px,4vw,49px);font-weight:600;line-height:1.22}h1 em{color:var(--red);font-style:normal}h2{letter-spacing:-.7px;margin:12px 0;font-size:25px;font-weight:600;line-height:1.35}h3{font-size:25px;line-height:1.3}.intro>p{font-size:17px;line-height:1.8}.three{flex-direction:column;gap:13px;margin:35px 0 38px;display:flex}.three span{color:var(--terracotta);letter-spacing:1px;font-size:12px}.three b{color:var(--ink);letter-spacing:0;margin-left:15px;font-size:14px;font-weight:500}.offer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:5px;padding:20px 0;display:flex}.offer b{letter-spacing:1px;font-size:11px}.offer span{font-size:13px}.fine{opacity:.85;font-size:11px!important;line-height:1.7!important}.intro>.fine{margin-top:23px}.brand{aspect-ratio:634/320;background:#b13b19;height:auto;overflow:hidden}.brand img{width:100%;height:auto;display:block}.signup,.loyalty-card{background:var(--paper);border:1px solid #8a2c2526;border-radius:17px;overflow:hidden;box-shadow:0 18px 60px #8a2c2512}.card-body{padding:28px 33px}.signup .card-body h2{font-size:29px}.sub{color:#51614d;margin:8px 0 20px;font-size:12px}form{gap:17px;margin-top:25px;display:grid}label{gap:6px;font-size:12px;font-weight:500;display:grid}input,select{color:var(--ink);background:#fffdf7;border:1px solid #b7bda9;border-radius:6px;width:100%;min-width:0;padding:12px}input:focus,select:focus{outline:2px solid var(--line);border-color:var(--terracotta)}input::placeholder{color:#8c9182;font-size:12px}.check{align-items:flex-start;gap:10px;font-size:10px;font-weight:400;line-height:1.7;display:flex}.check input{width:16px;height:16px;accent-color:var(--red);flex-shrink:0;margin-top:2px}.check .inline{font-size:inherit;padding:0;display:inline}.honeypot{width:1px;height:1px;position:absolute;left:-9999px}.card-top{justify-content:space-between;align-items:center;display:flex}.tag{letter-spacing:1.2px;border:1px solid #22422955;border-radius:20px;padding:3px 8px;font-size:8px}.loyalty-card h2{margin-bottom:0;font-size:24px}.stamps{grid-template-columns:repeat(3,1fr);gap:15px 20px;margin:27px 0;display:grid}.stamp{aspect-ratio:1;color:#8d917a;background:#fdeac245;border:1.5px dashed #b2b39a;border-radius:50%;place-items:center;font-size:18px;display:grid}.stamp>span{border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.stamp.filled{border:2px solid var(--ink);background:var(--ink);transform:none}.stamp.filled:nth-child(2n){transform:none}.seal-logo{justify-content:center;align-items:center;width:86%;display:flex}.seal-logo img{filter:brightness(0)invert();width:100%;height:auto;display:block}.progress-title{color:var(--red);text-align:center;font-size:19px;font-weight:600}.loyalty-card .sub{text-align:center}.qr{image-rendering:auto;width:155px;height:155px;margin:22px auto 12px;display:block}.center{text-align:center}.expiry{border:1px solid var(--line);text-align:center;background:#fdeac280;border-radius:7px;gap:3px;padding:10px;font-size:10px;display:grid}.expiry b{font-size:11px}.expiry span{color:var(--red)}.card-actions{gap:10px;margin-top:20px;display:flex}.card-actions button{flex:1;font-size:12px}.card-area>.text-button{margin:8px auto;font-size:11px;display:block}.monthly{border-top:1px solid var(--line);grid-column:1/-1;margin-top:5px;padding-top:35px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.section-heading label{max-width:180px;font-size:10px}.stats{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.stats>div{background:var(--paper);border-radius:10px;flex-direction:column;gap:10px;padding:22px;display:flex}.stats b{color:var(--red);font-size:32px;font-weight:500}.stats span{font-size:11px}details{border-top:1px solid var(--line);margin-top:23px;padding-top:16px}summary{cursor:pointer;font-size:13px;font-weight:500}.movement{border-bottom:1px solid #edbd6f77;justify-content:space-between;gap:20px;padding:16px 0;font-size:11px;display:flex}.movement small{font-size:10px;display:block}.movement>span:last-child{text-align:right}.policies{max-width:800px;margin:auto}.policies>p{font-size:12px}.policy-highlight{background:var(--red);color:var(--cream);border-radius:10px;padding:25px;font-size:21px;font-weight:600}.policy-highlight small{font-size:11px;font-weight:400}.policies article{border-bottom:1px solid var(--line);gap:25px;padding:25px 0;display:flex}.policies article>span{color:var(--terracotta);padding-top:13px;font-size:12px}.policies article h2{font-size:20px}.policies article p{font-size:13px}.policies>button{margin-top:30px}.panel{background:var(--paper);border:1px solid #edbd6f;border-radius:12px;margin-bottom:23px;padding:27px}.admin-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel h2{font-size:21px}.panel p{font-size:12px}.stack{gap:12px;display:grid}.camera{margin-top:20px}.camera video{background:var(--ink);border-radius:8px;width:100%}.database{margin-top:25px}.table-wrap{margin-top:20px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}td,th{border-bottom:1px solid #edbd6f77;padding:12px 10px}th{color:var(--terracotta);font-size:10px}td{overflow-wrap:anywhere}table .text-button{font-size:11px}footer{border-top:1px solid var(--line);justify-content:space-between;gap:15px;max-width:1116px;margin:auto;padding:25px 0 35px;font-size:10px;display:flex}footer .text-button{font-size:10px}.alert{background:#e3e9cb;border-radius:7px;justify-content:space-between;gap:20px;margin-bottom:23px;padding:12px 17px;font-size:12px;display:flex}.alert>button{color:inherit;background:0 0;border:0;padding:0;font-size:20px}.error{color:#812c22;background:#f7d8c8}.error-text{color:var(--red);font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#132b21aa;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:16px;width:100%;max-width:450px;max-height:95dvh;padding:30px;position:relative;overflow:auto;box-shadow:0 25px 80px #0003}.modal h2{font-size:25px}.modal>p{font-size:13px}.close{color:var(--red);background:0 0;border:0;padding:0 7px;font-size:25px;position:absolute;top:9px;right:13px}.modal form{margin-top:17px}.modal .check{font-size:11px}@media (max-width:850px){.hero{grid-template-columns:1fr 400px;gap:30px}main{padding:35px 24px}.intro{padding-top:25px}h1{font-size:36px}.stats{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;margin:0 24px}.card-body{padding:25px}}@media (max-width:680px){header{gap:8px;padding:19px 20px}nav{gap:0}nav button{padding:7px 9px;font-size:10px}.small-brand{width:104px}.hero{grid-template-columns:1fr;gap:30px}.intro{text-align:center;padding-top:0}h1{letter-spacing:-1.4px;font-size:37px}.intro>p{font-size:15px}.three{flex-direction:row;justify-content:center;gap:13px;margin:25px 0}.three span{font-size:9px}.three b{margin-left:0;font-size:10px;display:block}.offer{padding:15px 0}.offer b{font-size:9px}.intro>.fine{margin:15px 0 0}.card-area{width:100%;max-width:430px;margin:auto}.monthly{padding-top:30px}.section-heading{align-items:flex-start}.section-heading h2{font-size:23px}.section-heading label{max-width:140px}.stats{gap:10px}.stats>div{padding:18px}.stats b{font-size:28px}.admin-grid{grid-template-columns:1fr;gap:0}.panel{padding:22px}.database .section-heading{flex-direction:column;gap:0}.policies article{gap:15px}.policy-highlight{font-size:18px}.policies h1{font-size:35px}footer{text-align:center;flex-direction:column;align-items:center}.modal{padding:27px 23px}.card-body{padding:25px 28px}.stamps{gap:15px 24px}}.install-card{background:var(--ink);border-color:var(--ink);width:100%;margin-top:12px;font-size:12px}.home-icon{background:var(--red);border-radius:18px;align-items:center;width:90px;height:90px;margin-bottom:20px;display:flex;overflow:hidden}.home-icon img{clip-path:inset(0 0 49%);width:100%;height:auto;transform:translateY(24%)}.install-help>p{font-size:13px}.install-step{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.install-step h3{margin:8px 0;font-size:16px}.install-step p{font-size:12px}.coffee-preference{border-left:3px solid var(--ink);background:#22422908;margin:20px 0;padding:15px}.coffee-preference h4{margin:7px 0;font-size:17px;font-weight:600}.coffee-preference p{margin:6px 0;font-size:11px}.coffee-preference small{color:#51614d;font-size:10px;line-height:1.6;display:block}.stamp.filled .seal-logo{transform:none}.stamps{place-items:center stretch}.small-brand{background:0 0;border:0;border-radius:0}.save-options{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin-top:22px;padding:18px 20px}.save-options h3{margin:0 0 10px;font-size:17px}.save-options p{margin:8px 0;font-size:12px;line-height:1.7}.save-card-modal{max-width:520px}.save-card-modal h2{padding-right:22px}.save-card-buttons{flex-direction:column;gap:10px;margin:18px 0;display:flex}.save-card-buttons .button{text-align:center;display:block}.save-card-preview{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:10px;width:360px;max-width:100%;height:auto;margin:20px auto;display:block}.save-card-message{border-left:3px solid var(--ink);background:#22422910;border-radius:5px;padding:12px}.card-actions button:disabled{opacity:.65;cursor:wait}.save-card-modal{text-align:center}.save-card-modal h2{margin:0 0 8px}.save-card-modal .save-card-caption{margin:0 0 12px}.save-card-preview{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:46dvh;margin:12px auto}.save-card-buttons{gap:8px;margin:12px 0}.save-card-buttons form{margin:0}.save-card-buttons button{width:100%}.save-card-modal .fine{margin:8px 0;font-size:11px}.save-card-modal .save-instagram-note{background:#22422908;border-radius:7px;padding:10px}