@font-face{font-family:Lato;src:url('assets/lato-regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url('assets/lato-bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Lato;src:url('assets/lato-black.ttf');font-weight:900;font-display:swap}
:root{--green:#00754a;--deep:#1e3932;--mint:#d4e9e2;--cream:#f2f0eb;--ink:#212121;--muted:#6b706d;--line:#d9ded8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Lato,Arial,sans-serif;font-size:14px}button,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #cba258;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}.site-header{height:92px;margin:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dad3}.brand{display:flex;align-items:center;gap:12px;color:var(--deep);font-size:16px;letter-spacing:1.2px;font-weight:900}.brand-symbol{width:40px;height:40px;display:grid;place-items:center;background:var(--deep);border-radius:50%;font-size:31px;color:#fff;font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:1.6px;margin-top:5px;font-weight:400}.header-right{display:flex;align-items:center;gap:28px}.concept{font-size:9px;letter-spacing:1.6px;color:#67766d}.reset{background:transparent;border:1px solid #a9b6ac;border-radius:30px;padding:8px 14px;color:var(--deep);font-size:11px}main{max-width:1200px;padding:37px 46px 39px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.intro{min-width:0}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:61px;line-height:1.075;font-weight:900;letter-spacing:-2.3px;color:var(--deep);margin:20px 0}h1 em{color:var(--green);font-style:normal}.intro-copy{font-size:14px;line-height:1.85;color:#717b72}.card-workspace{margin-top:37px;max-width:480px}.card-heading{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#748073}.card-heading span:last-child{color:#8e968a}.flavors{display:flex;gap:8px;margin-top:15px}.flavor{display:flex;align-items:center;gap:8px;border:1px solid #c7d0c6;color:#56685b;border-radius:25px;background:transparent;font-size:12px;padding:10px 14px}.flavor.active{border-color:var(--green);background:#e3ece2;color:var(--deep)}.flavor small{font-size:6px;letter-spacing:1px;color:#7e846e}.flavor i{height:8px;width:8px;border-radius:50%;display:inline-block}.mocha{background:var(--deep)}.peach{background:#dc9657}.card-stage{height:276px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;margin-top:10px}.drink-card{position:relative;z-index:2;background:none;padding:0;width:480px;max-width:110%;aspect-ratio:1619/971;flex-shrink:0;border:0;transform:rotate(-7deg) rotateY(-5deg);transition:transform .35s,filter .35s;touch-action:pan-y;filter:drop-shadow(0 2px 0 #416252) drop-shadow(0 5px 0 #c6c8b9) drop-shadow(1px 20px 15px #153e332b)}.drink-card img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.drink-card:after{content:'';position:absolute;inset:7.5% 13% 6.5% 12%;border-radius:20px;background:linear-gradient(118deg,#ffffff1b,transparent 38%,transparent 70%,#ffffff08);box-shadow:inset 0 1px 1px #ffffff55;pointer-events:none}.drink-card.peach-card:after{inset:4.5% 8% 5.5% 8%;border-radius:24px}.drink-card:hover{transform:rotate(-3deg) translateY(-8px)}.drink-card.dragging{transition:none;z-index:50;cursor:grabbing}.drink-card.scanning{animation:cardTap 1.1s ease}.surface-ring{position:absolute;border:1px solid #dbe1d6;width:285px;height:70px;border-radius:50%;bottom:0;transform:rotate(-7deg)}.tap-hint{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:11px;color:#536b58;font-size:11px;margin:1px auto 0;padding:9px}.hint-icon{border:1px solid #a4b6a4;width:25px;height:25px;border-radius:50%;font-size:20px;display:grid;place-items:center}.physical-note{font-size:9px;color:#84907d;margin-top:29px}.experience{display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;min-width:0}.experience:before{content:'';position:absolute;background:radial-gradient(ellipse,#dce7daaa,transparent 68%);width:560px;max-width:100vw;height:650px;top:20px;z-index:-1}.device-label{font-size:8px;letter-spacing:1.8px;color:#83907d;margin-bottom:15px;display:flex;align-items:center;gap:10px}.device-label i{width:5px;height:5px;background:var(--green);border-radius:50%}.phone{width:330px;height:692px;background:#1c211e;border:2px solid #69716a;border-radius:48px;padding:8px;position:relative;box-shadow:0 0 0 1px #a6ada1,4px 6px 0 #c3c6bd,0 28px 28px -17px #19352866;transition:box-shadow .3s}.phone.drop-target{box-shadow:0 0 0 8px #9bcab766,4px 6px 0 #c3c6bd,0 28px 30px -14px #19352855}.phone-buttons{position:absolute;left:-5px;top:110px;width:3px;height:27px;border-radius:4px;background:#596257;box-shadow:0 40px #596257,0 75px #596257}.screen{height:100%;background:#fff;position:relative;border-radius:37px;overflow:hidden}.status-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;font-weight:700;position:relative;background:#fff;z-index:4}.island{position:absolute;background:#101713;width:92px;height:24px;top:8px;left:50%;transform:translateX(-50%);border-radius:22px}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#293b30;width:95px;height:4px;border-radius:5px;z-index:5}.screen:has(.step-1) .home-indicator{background:#ffffffb3}.app{height:calc(100% - 42px);overflow-y:auto;scrollbar-width:none}.app::-webkit-scrollbar{display:none}.device-caption{font-size:9px;margin-top:20px;color:#8c9386}.ready{height:100%;min-height:570px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(#fff 10%,#f0f5ef);padding:24px 20px 29px}.ready-header{font-size:12px;letter-spacing:2.3px;font-weight:900;color:var(--deep)}.ready-header sup{font-size:7px;letter-spacing:0}.ready-intro{margin-top:38px}.small-label{font-size:8px;letter-spacing:1.4px;font-weight:700;color:var(--green)}.ready h2{font-size:29px;line-height:1.15;letter-spacing:-.7px;margin:11px 0 13px;color:var(--deep);font-weight:900}.ready p{font-size:10px;line-height:1.8;color:#778175;margin:0}.nfc-orbit{position:relative;width:175px;height:175px;border:1px solid #d9e4d7;border-radius:50%;display:grid;place-items:center;margin-top:22px}.nfc-orbit:before{content:'';position:absolute;inset:17px;border:1px solid #cfdecd;border-radius:50%}.nfc-circle{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:white;box-shadow:0 9px 20px #153e3320}.nfc-circle svg{width:48px;height:48px}.ready h3{font-size:14px;margin:19px 0 5px;font-weight:700}.ready .scan-copy{font-size:9px}.ready-bottom{margin-top:auto;font-size:9px;color:#60785e;padding-top:25px}.ready-bottom small{display:block;color:#96a08d;font-size:9px;margin-top:7px}.scanning-state .nfc-orbit{animation:pulse 1s infinite}.app-nav{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;font-weight:700;flex-shrink:0}.icon-button{background:none;border:0;width:28px;height:30px;color:var(--deep);font-size:27px;display:grid;place-items:center}.nav-spacer{width:28px}.product-view{height:100%;min-height:630px;display:flex;flex-direction:column}.product-hero{position:relative;height:155px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.product-circle{height:134px;width:134px;border-radius:50%;background:var(--deep);position:absolute}.drink-art{width:100px;height:155px;position:relative;display:block;filter:drop-shadow(0 5px 4px #0002)}.product-info{text-align:center;padding:6px 19px 3px}.product-info h2{font-size:17px;font-weight:700;line-height:1.25;margin:0 auto;max-width:260px;color:#202622;letter-spacing:-.2px}.product-info p{font-size:9px;color:#737b74;margin:6px 0 0}.options{padding:0 19px}.section-title{font-size:12px;font-weight:700;margin:17px 0 8px;padding:0 0 7px;border-bottom:3px solid var(--mint);color:#303931}.sizes{display:flex;justify-content:space-evenly}.size{background:none;border:0;padding:0 9px 2px;display:flex;align-items:center;flex-direction:column;min-width:63px;color:#69776c;font-size:10px}.cup-circle{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;border:1px solid transparent}.size.selected{color:var(--deep)}.size.selected .cup-circle{border-color:var(--green);background:var(--mint)}.cup-drawing{display:block;width:21px;height:29px}.cup-drawing svg{width:100%;height:100%}.cup-0{width:18px;height:25px}.cup-2{width:23px;height:33px}.size strong{font-size:11px;font-weight:700}.size small{font-size:8px;margin-top:3px}.included-title{margin-top:18px}.select-field{border:1px solid #a5aea7;border-radius:6px;position:relative;display:block;height:39px;margin-top:13px}.select-field>span:first-child{font-size:8px;position:absolute;left:10px;top:-6px;background:white;padding:0 4px;color:#747e75}.select-field select{border:0;background:none;appearance:none;width:100%;height:100%;font-size:11px;padding:0 14px;color:var(--ink);border-radius:6px;cursor:pointer}.select-arrow{position:absolute;right:11px;top:8px;color:var(--green);pointer-events:none}.whip-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:11px;min-height:28px}.whip-row small{display:block;font-size:8px;color:#8c948b;margin-top:4px}.switch{border:0;width:32px;height:19px;border-radius:20px;background:#b6c0b6;padding:2px;display:flex;align-items:center}.switch:after{content:'';width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translateX(13px)}.order-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 17px 12px;gap:10px}.item-price{font-size:13px;color:var(--deep)}.item-price strong{font-size:20px;font-weight:700}.primary{border:0;border-radius:30px;background:var(--green);color:white;min-height:41px;padding:12px 19px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 5px #0002;white-space:nowrap}.primary:hover{background:#00623d}.pickup-bar{background:var(--deep);color:white;padding:10px 20px 23px;display:flex;align-items:center;justify-content:space-between;min-height:63px}.pickup-bar>span:first-child{font-size:8px;color:#c5d5c8}.pickup-bar strong{display:block;color:#fff;font-size:10px;margin-top:3px;font-weight:400}.bag-icon svg{height:23px;width:20px;color:var(--mint)}.checkout-view{height:100%;min-height:605px;display:flex;flex-direction:column}.review{padding:8px 20px}.review h2{font-size:24px;font-weight:900;color:var(--deep);margin:8px 0}.subtitle{font-size:10px;line-height:1.7;color:#798377;margin:0 0 20px}.store{display:flex;align-items:center;gap:12px;background:#f0f5f0;border-radius:8px;padding:13px 12px}.store-icon{font-size:26px;color:var(--green)}.store small,.store strong,.store div>span{display:block}.store small{color:#7e8a7d;font-size:8px;margin-bottom:4px}.store strong{font-size:12px}.store div>span{font-size:9px;color:#61745e;margin-top:6px}.order-item{display:flex;align-items:center;gap:9px;padding:18px 0 13px;margin-bottom:12px;border-bottom:1px solid #e4e8e1}.order-thumb{flex-shrink:0;background:var(--deep);width:56px;height:56px;border-radius:50%;display:flex;justify-content:center;align-items:center}.order-thumb .drink-art{width:43px;height:66px}.order-item>div:nth-child(2){flex:1}.order-item strong{font-size:11px;line-height:1.4;display:block}.order-item p{font-size:8px;color:#7c8479;line-height:1.7;margin:6px 0}.order-item>div>span{font-size:9px}.edit{border:0;background:none;text-decoration:underline;color:var(--green);font-size:9px;padding:2px}.payment-method{display:flex;align-items:center;gap:10px;padding:12px 0}.payment-card{display:grid;place-items:center;width:39px;height:26px;border-radius:3px;background:var(--deep);color:#c6a66b;font-size:19px}.payment-method strong{font-size:11px}.payment-method small{display:block;color:#808a7b;font-size:9px;margin-top:5px}.selected-check{margin-left:auto;background:var(--green);color:white;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:10px}.total-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e7df;margin-top:12px;padding:17px 0 8px;font-size:13px;font-weight:700}.total-line strong{font-size:24px;color:var(--deep)}.simulation-note{font-size:8px;color:#939a8d;text-align:center;line-height:1.6;margin:12px 0}.checkout-action{margin-top:auto;padding:13px 20px 28px}.checkout-action .primary{width:100%}.success{padding:26px 20px;text-align:center}.success-check{height:63px;width:63px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;margin:30px auto 23px;font-size:32px;box-shadow:0 0 0 9px #e9f1e7;animation:enter .4s}.success h2{font-size:27px;line-height:1.12;letter-spacing:-.5px;color:var(--deep);font-weight:900;margin:0 0 12px}.success .subtitle{margin-bottom:17px}.receipt{border:1px solid #dce5d8;border-radius:9px;padding:18px 16px 14px;background:#f5f8f2}.pickup-code{display:block;font-size:39px;font-weight:900;color:var(--deep);margin:7px 0}.eta{font-size:10px;color:var(--green)}.receipt-divider{border-top:1px dashed #cbd6c4;margin:16px 0 10px}.receipt-row{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.5;text-align:left;margin:7px 0}.receipt-row>span{color:#7e8a76;white-space:nowrap}.receipt-row>strong{text-align:right;font-weight:400;max-width:155px}.success .primary{width:100%;margin-top:20px}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid #fff5;border-top-color:white;animation:spin .6s linear infinite}.fade-in{animation:enter .3s ease}footer{border-top:1px solid #d5dad3;margin:0 5.3%;padding:24px 0 27px;display:flex;align-items:center;justify-content:space-between;gap:22px}.journey{display:flex;align-items:center;gap:20px}.journey-item{display:flex;align-items:center;gap:10px;opacity:.4;transition:opacity .3s}.journey-item.active{opacity:1}.journey-item.done{opacity:.75}.journey-item>span{height:28px;width:28px;border:1px solid #a0b39f;border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--deep)}.journey-item.active>span{background:var(--green);border-color:var(--green);color:white}.journey-item>div{font-size:11px;color:var(--deep)}.journey-item small{display:block;font-size:6px;letter-spacing:1.3px;margin-top:5px;color:#7e8c73}.journey-line{height:1px;width:27px;background:#cad5c5}.credit{font-size:9px;color:#87937c;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 12px #c8dfc955;transform:scale(1.03)}}@keyframes cardTap{50%{transform:translate(35px,-12px) rotate(2deg);filter:drop-shadow(0 18px 15px #153e3330)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){main{gap:34px;padding:32px 45px}h1{font-size:53px}.card-stage{height:240px}.drink-card{width:430px}.journey{gap:12px}.journey-line{width:17px}.journey-item>div{font-size:10px}.concept{display:none}.physical-note{font-size:8px}.flavor{font-size:10px;padding:9px 12px}}
@media(max-width:900px){.site-header{height:78px;margin:0 6%}.brand{font-size:12px;gap:8px}.brand-symbol{width:33px;height:33px;font-size:25px}.brand small{font-size:5px;letter-spacing:1px}.reset{font-size:9px;padding:6px 10px}main{display:flex;flex-direction:column;padding:30px 23px;gap:32px}.intro{width:100%;text-align:center}.eyebrow{font-size:8px}h1{font-size:45px;letter-spacing:-1.4px;margin:16px 0}h1 br{display:none}.intro-copy{font-size:12px;line-height:1.7}.card-workspace{margin:28px auto 0;max-width:430px}.flavors{justify-content:center}.card-stage{height:226px;margin-top:15px}.drink-card{width:390px;max-width:114%}.surface-ring{width:210px;height:55px;bottom:8px}.physical-note{display:none}.experience{width:100%;scroll-margin-top:18px}.experience:before{max-width:100%;height:640px;width:440px}.phone{width:330px;max-width:100%;height:692px}.device-label{margin-bottom:14px}footer{margin:0 6%;flex-direction:column;gap:23px}.journey{width:100%;justify-content:space-between;gap:5px}.journey-item{flex-direction:column;text-align:center;gap:7px}.journey-item>div{font-size:9px}.journey-item small{font-size:6px}.journey-line{width:12px;margin-top:-26px}.credit{font-size:9px}}
@media(max-width:360px){main{padding:25px 15px}.card-stage{height:202px}.drink-card{width:340px}.phone{width:310px}.brand small{display:none}.flavor{font-size:9px}.product-info h2{font-size:16px}.journey-item>div{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* The second chapter shares the existing Starbucks-inspired foundations. */
[hidden]{display:none!important}.ui-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0}.siren{width:38px;height:38px;object-fit:contain}.site-header .brand-symbol{background:none;border-radius:0}.brand{letter-spacing:.3px;font-size:14px}.brand small{letter-spacing:1px;font-size:7px}.concept{letter-spacing:1px}.eyebrow{letter-spacing:1.3px;font-size:10px;color:#5c6b63}h1{font-size:59px;letter-spacing:-2.4px;line-height:1.06;font-weight:700;margin:24px 0 20px}.intro-copy{color:#69716b;line-height:1.7;font-size:14px}.demo-tabs{display:flex;gap:25px;border-bottom:1px solid #cdd2cc;margin-top:29px;max-width:445px}.demo-tabs button{border:0;background:none;border-bottom:2px solid transparent;padding:12px 0;color:#6a716b;font-size:13px}.demo-tabs button.active{color:var(--deep);border-bottom-color:var(--deep);font-weight:700}.chapter-note{font-size:11px;color:#777e76;margin-top:16px}.card-workspace{margin-top:26px}.card-heading{font-size:8px;letter-spacing:1px}.surface-ring,.experience:before{display:none}.device-label{letter-spacing:1.3px;font-size:9px}.phone{width:374px;height:780px;border-radius:51px;padding:9px;box-shadow:0 0 0 1px #a6ada1,3px 5px 0 #c3c6bd,0 24px 35px -18px #19352855}.screen{border-radius:39px}.status-bar{height:46px;font-size:11px;padding:0 23px}.island{width:102px;height:26px;top:9px}.app{height:calc(100% - 46px)}.home-indicator{width:108px}.device-caption{font-size:9px}.app-nav{height:42px;padding:0 16px;font-size:12px}.icon-button .ui-icon{width:18px;height:18px}.nav-logo{width:23px;height:23px}.primary{box-shadow:none;min-height:44px;font-size:12px}.primary .ui-icon{filter:brightness(0) invert(1);width:17px;height:17px}.primary:disabled{background:#b7c1bb;cursor:default;opacity:1}.product-view{min-height:680px}.product-hero{height:174px}.product-circle{width:149px;height:149px}.product-hero .drink-art{height:174px;width:109px}.product-info{padding:8px 25px}.product-info h2{font-size:20px;max-width:290px}.product-info p{font-size:10px}.options{padding:0 23px}.section-title{font-size:13px;margin-top:20px}.size strong{font-size:12px}.size small{font-size:9px}.cup-circle{height:45px;width:45px}.select-field{height:42px}.select-field>span:first-child{font-size:9px}.select-field select{font-size:12px}.whip-row{font-size:12px;margin-top:15px}.whip-row small{font-size:9px}.order-action{padding:20px 22px 18px}.review{padding:16px 23px}.review h2{font-size:26px}.review .subtitle{font-size:11px}.store strong{font-size:13px}.store small,.store div>span{font-size:10px}.order-item{padding:23px 0}.order-item strong{font-size:12px}.order-item p{font-size:10px}.order-item>div>span{font-size:11px}.payment-method strong{font-size:12px}.payment-method small{font-size:10px}.checkout-action{padding-bottom:32px}.simulation-note{font-size:9px}.pickup-bar{padding-bottom:26px}.pickup-bar strong{font-size:11px}.pickup-bar>span:first-child{font-size:9px}
/* Phone home and NFC hand-off */
.on-home{background:#28453d}.on-home .status-bar{background:transparent;color:white}.on-home .home-indicator{background:#fff}.phone-home{height:100%;padding:27px 22px 26px;position:relative;color:#fff;display:flex;flex-direction:column;background:#28453d;font-family:Arial,sans-serif}.home-widgets{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:6px 0 31px}.weather-widget,.calendar-widget{min-height:137px;padding:15px;border-radius:22px;position:relative}.weather-widget{background:#627f89}.weather-widget>span{font-size:12px}.weather-widget strong{display:block;font-size:35px;font-weight:400;margin:3px 0 9px}.weather-widget>.ui-icon{position:absolute;top:45px;right:17px;filter:brightness(0) invert(1);width:26px;height:26px}.weather-widget small,.calendar-widget small{font-size:9px;line-height:1.4;display:block}.calendar-widget{background:#f5f3ec;color:#252823}.calendar-widget>span{font-size:9px;letter-spacing:.3px;color:#b33d30}.calendar-widget strong{display:block;font-size:37px;font-weight:400;margin:2px 0 10px}.calendar-widget small{color:#75746e}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 14px}.home-app{padding:0;background:none;border:0;display:flex;align-items:center;flex-direction:column;color:#fff;min-width:0}.app-tile{width:53px;height:53px;border-radius:13px;display:grid;place-items:center;background:#fff}.app-tile>.ui-icon{width:30px;height:30px}.home-app small{font-size:9px;display:block;margin-top:7px}.calendar{background:#fcfcfa}.photos{background:#eee9df}.photos>.ui-icon{filter:invert(37%) sepia(40%) saturate(650%) hue-rotate(328deg)}.camera,.settings{background:#cbd1ce}.maps{background:#d9e8da}.weather,.mail{background:#5399c3}.music{background:#c55065}.messages{background:#48a76d}.safari{background:#f3f5f6}.safari>.ui-icon{filter:invert(43%) sepia(66%) saturate(609%) hue-rotate(160deg)}.music>.ui-icon,.weather>.ui-icon,.mail>.ui-icon,.messages>.ui-icon{filter:brightness(0) invert(1)}.starbucks-app{background:#fff}.starbucks-app .siren{width:44px;height:44px}.home-date{margin:auto 0 18px;text-align:center;font-size:10px;color:#d5ded6}.home-dock{display:flex;justify-content:space-around;padding:13px 9px;background:#ffffff28;border-radius:27px}.nfc-notification{position:absolute;top:6px;left:10px;right:10px;background:#f9fbf5ed;border:1px solid #fff9;backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 12px 28px #0003;color:#202c25;animation:notification-in .35s ease;z-index:3}.notification-main{border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left;padding:19px 16px;width:100%;color:inherit}.notification-logo .siren{width:34px;height:34px}.notification-main>span:nth-child(2){flex:1}.notification-main small{font-size:7px;letter-spacing:.9px;color:#67746a}.notification-main strong{display:block;font-size:13px;margin:5px 0}.notification-main>span>span{display:block;font-size:9px;color:#617062}.notification-main>.ui-icon{width:15px}.dismiss-nfc{position:absolute;right:7px;top:4px;border:0;background:none;padding:4px}.dismiss-nfc .ui-icon{width:10px;height:10px}.launch-screen{height:100%;background:#00754a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding-bottom:40px;animation:launch-in .35s ease}.launch-screen .siren{width:90px;height:90px;background:#fff;border-radius:50%}.launch-screen strong{font-size:18px;letter-spacing:3px;margin-top:24px}.launch-line{width:45px;height:3px;background:#ffffff70;margin-top:40px;animation:pulse .8s infinite}@keyframes notification-in{from{transform:translateY(-120%);opacity:0}to{transform:none;opacity:1}}@keyframes launch-in{from{transform:scale(.85);opacity:.3}to{transform:scale(1);opacity:1}}
/* Order confirmation is the bridge into seating. */
.order-confirm{padding:0 21px 25px;text-align:center}.order-confirm .app-nav{margin:0 -21px}.confirmation-mark{margin:21px auto 18px;width:45px;height:45px;background:var(--green);border-radius:50%;display:grid;place-items:center}.confirmation-mark .ui-icon{width:27px;height:27px;filter:brightness(0) invert(1)}.order-confirm h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px}.order-confirm>p{font-size:11px;color:#6b746e;margin:0 0 23px}.compact-receipt{border:1px solid #e5e9e5;border-radius:9px;padding:15px;text-align:left}.order-number{display:flex;justify-content:space-between;font-size:12px}.order-number>span:last-child{font-size:10px;color:var(--green)}.confirmed-drink{display:flex;align-items:center;gap:14px;border-top:1px solid #e6e9e6;margin-top:12px;padding-top:15px}.confirmed-drink strong{font-size:11px;line-height:1.45;display:block}.confirmed-drink small{font-size:10px;color:#737a73;display:block;margin-top:6px}.confirmed-drink .order-thumb{width:43px;height:43px}.confirmed-drink .drink-art{height:56px;width:35px}.seat-invitation{display:grid;grid-template-columns:84px 1fr;align-items:center;text-align:left;margin-top:21px;padding:12px 14px 15px;background:#f6f4ef;border:1px solid #e9e3d6;border-radius:10px;gap:4px 7px}.seat-invitation>img{width:84px;height:81px;object-fit:contain;mix-blend-mode:multiply}.seat-invitation h3{font-size:14px;margin:0 0 7px}.seat-invitation p{font-size:10px;color:#6d736d;line-height:1.5;margin:0}.seat-invitation .primary{grid-column:1/-1;width:100%;margin-top:4px}.order-meta{display:grid;grid-template-columns:auto 1fr;text-align:left;gap:14px 15px;font-size:10px;margin:23px 3px;color:#7a817b}.order-meta strong{text-align:right;font-weight:400;color:#343f36}.text-button{border:0;background:none;color:var(--green);padding:12px;font-size:11px;text-decoration:underline;text-underline-offset:3px}.seat-flow{min-height:100%;background:#fff}.seat-content{padding:5px 21px 25px}.store-subline{display:flex;align-items:center;font-size:10px;gap:5px;color:#747d75;margin:5px 0 26px}.store-subline .ui-icon{width:13px;height:13px}.store-subline>span{margin-left:auto;color:var(--green);font-size:9px}.seat-content h2{font-size:24px;letter-spacing:-.65px;margin:0 0 8px;line-height:1.2}.seat-subtitle{font-size:11px;color:#747e76;margin:0 0 22px}.zone-list{display:flex;flex-direction:column;gap:14px}.zone-card{position:relative;display:flex;align-items:center;text-align:left;width:100%;border:1px solid #e8dddd;border-radius:10px;padding:17px 13px;min-height:118px;overflow:hidden;color:var(--ink);background:#fbf3f2}.zone-card.general{background:#f7f3ec;border-color:#e8e1d6}.zone-card.outdoor{background:#f0f5ee;border-color:#dde7da}.zone-card-copy{position:relative;z-index:1;width:66%}.zone-title{font-size:13px;font-weight:700;display:block}.zone-card-copy>small{font-size:9px;color:#73786f;display:block;margin-top:7px;line-height:1.4}.zone-count{display:flex;align-items:center;gap:5px;font-size:9px;color:#42715a;margin-top:18px}.zone-count i{width:5px;height:5px;background:#00754a;border-radius:50%}.zone-card>img:not(.ui-icon){width:123px;height:91px;object-fit:contain;position:absolute;right:-4px;bottom:9px;mix-blend-mode:multiply}.zone-card .zone-arrow{position:absolute;right:12px;top:12px;width:13px;height:13px;opacity:.7}.outline-button{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #9daaa0;color:var(--deep);background:white;width:100%;border-radius:24px;padding:12px;font-size:11px;margin-top:22px}.outline-button .ui-icon{width:16px;height:16px}.availability-note{text-align:center;font-size:8px;color:#8b928b;margin:14px 0 0}.zone-detail{padding-bottom:24px}.zone-hero{width:100%;height:230px;object-fit:cover;background:#faf7f3}.zone-detail-copy{padding:4px 24px}.zone-detail .zone-count{margin:15px 0 15px}.zone-detail h2{font-size:25px;letter-spacing:-.7px;margin:0 0 12px}.zone-detail p{font-size:11px;line-height:1.7;color:#717971;margin:0}.zone-features{padding:16px 0;margin-top:9px}.zone-features>div{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:11px}.zone-features .ui-icon{width:18px;height:18px;opacity:.7}.zone-rule{padding:12px;background:#f6f5f1;border-radius:6px;font-size:10px;line-height:1.5;color:#686f65;margin:8px 0 20px}.zone-detail .primary{width:100%}
/* A functional seat map: zone boundaries, real seat controls, explicit states. */
.seat-map-view{padding:4px 15px 23px}.map-header{display:flex;align-items:center;justify-content:space-between;margin:6px 0 17px}.map-header h2{font-size:20px;letter-spacing:-.45px;margin:0 0 6px}.map-header p{font-size:9px;color:#788176;margin:0}.floor-toggle{display:flex;border:1px solid #dce2dd;border-radius:6px;padding:2px}.floor-toggle button{border:0;background:none;padding:6px 8px;border-radius:4px;font-size:10px;color:#717b71}.floor-toggle button.active{background:var(--green);color:white}.seat-filters{display:flex;gap:7px}.seat-filters button{border:1px solid #dbe1da;background:#fff;border-radius:20px;padding:7px 14px;font-size:10px;display:flex;align-items:center;gap:5px;color:#5d675f}.seat-filters .ui-icon{width:12px;height:12px}.seat-filters button.active{background:var(--deep);border-color:var(--deep);color:#fff}.seat-filters button.active .ui-icon{filter:brightness(0) invert(1)}.map-legend{display:flex;gap:15px;margin:16px 0 12px;font-size:8px;color:#747c74}.map-legend span{display:flex;gap:5px;align-items:center}.map-legend i{width:7px;height:7px;border-radius:50%;background:#a4c6b1}.map-legend .occupied{background:#d4d6d2}.map-legend .selected{background:var(--green)}.floor-plan{border:1px solid #dce1db;border-radius:8px;background:#fff;padding:6px;max-height:383px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c6d1c8 transparent}.service-strip{display:flex;justify-content:space-between;align-items:center;background:#f1f2ef;padding:8px;font-size:6px;letter-spacing:.5px;color:#7a8178;border-radius:3px;margin-bottom:6px}.service-strip .ui-icon{height:13px;width:13px}.map-zones{display:flex;flex-direction:column;gap:6px}.map-region{border:1px solid #eddddd;border-radius:4px;background:#faf1ef;padding:7px}.map-region.general{background:#f7f3eb;border-color:#e7e0d3}.map-region.outdoor{background:#eef4ec;border-color:#dae5d7}.map-region-label{display:flex;justify-content:space-between;align-items:center;color:#886e68;margin:0 2px 7px;font-size:8px}.map-region.general .map-region-label{color:#8d7755}.map-region.outdoor .map-region-label{color:#54754b}.map-region-label .ui-icon{width:12px;height:12px;opacity:.6}.seat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.map-seat{border:1px solid #cbdccf;background:#fffdfb;border-radius:5px;min-width:0;height:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;color:#326a47;gap:1px}.map-seat .ui-icon{width:17px;height:17px;opacity:.8}.map-seat>span{font-size:6px;line-height:1}.map-seat.occupied{background:#e1e1da;border-color:#dadbd4;color:#969c91;opacity:.65;cursor:not-allowed}.map-seat.filtered{opacity:.22;cursor:default}.map-seat.selected{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 0 2px #d6e8dc}.map-seat.selected .ui-icon{filter:brightness(0) invert(1);opacity:1}.window-strip{font-size:6px;letter-spacing:1px;text-align:center;border-bottom:3px solid #d9e9ee;padding:7px 0 3px;color:#738c8c}.map-bottom{background:#fff;padding:10px 0 0}.selected-seat-info{min-height:46px;display:flex;gap:12px;align-items:center;margin-bottom:9px}.selected-seat-info>.ui-icon{height:26px;width:26px}.selected-seat-info strong{font-size:12px;display:block}.selected-seat-info strong>span{font-size:9px;font-weight:400;color:#6d796d;margin-left:8px}.selected-seat-info small{display:block;font-size:9px;color:#7c8478;margin-top:5px}.map-bottom .primary{width:100%}.reservation-review{text-align:center}.review-zone-image{width:170px;height:124px;object-fit:contain;margin:2px auto 8px}.reservation-review>.small-label{display:block;font-size:8px}.reservation-review h2{font-size:35px;letter-spacing:-1px;margin:8px 0 4px}.reservation-review>p{font-size:11px;color:#687264;margin:0}.reservation-facts{margin:20px 0;padding:13px 0;border-top:1px solid #e6eae4;border-bottom:1px solid #e6eae4;font-size:10px}.reservation-facts>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0}.reservation-facts dt{color:#788274}.reservation-facts dd{margin:0;color:#35412f;text-align:right}.reservation-review h3{text-align:left;font-size:12px;margin:20px 0 12px}.duration-options{display:flex;gap:8px}.duration-options button{border:1px solid #dce3d8;background:white;flex:1;border-radius:6px;padding:10px;color:#697463;font-size:11px}.duration-options button.active{border-color:var(--green);color:var(--green);background:#eff6ef}.time-summary{display:flex;align-items:center;text-align:left;gap:12px;font-size:11px;padding:18px 0}.time-summary small{display:block;font-size:9px;color:#838b7d;margin-top:4px}.reservation-review .zone-rule{text-align:left;font-size:10px;margin-bottom:18px}.reservation-review .primary{width:100%}.reserved-view{text-align:center;padding:0 23px 24px}.reserved-view h2{font-size:22px;letter-spacing:-.4px;margin:0 0 9px}.reserved-view>p{font-size:11px;color:#798373}.reserved-view .confirmation-mark{margin:22px auto 24px;width:58px;height:58px}.reservation-ticket{background:#f5f8f3;border:1px solid #dfe7da;border-radius:9px;padding:22px 20px 9px;margin:23px 0 15px}.reservation-ticket>.small-label{font-size:9px}.ticket-seat{display:block;font-size:46px;color:var(--deep);margin:8px 0}.reservation-ticket>span:not(.small-label){font-size:9px;color:#7f8a77}.ticket-divider{border-top:1px dashed #cdd9c5;margin-top:21px}.reservation-ticket .reservation-facts{border:0;margin:6px 0}.green-text{color:var(--green)!important}.checkin-note{display:flex;gap:12px;align-items:center;text-align:left;padding:12px;background:#f8f5ef;border-radius:6px;margin-bottom:20px}.checkin-note p{font-size:10px;line-height:1.6;margin:0;color:#697364}.checkin-note>.ui-icon{width:18px;height:18px}.reserved-view .primary{width:100%}.reserved-view .availability-note{font-size:8px}.guide-kicker{font-size:9px;letter-spacing:1.2px;color:#708070;margin-top:39px}#seat-guide h2{font-size:33px;letter-spacing:-1px;line-height:1.15;font-weight:400;color:var(--deep);margin:22px 0 18px}#seat-guide>p{font-size:13px;line-height:1.8;color:#737d70}.guide-zones{display:flex;flex-direction:column;gap:16px;margin-top:30px;font-size:12px;color:#60705e}.guide-zones span{display:flex;align-items:center;gap:10px}.guide-zones i{width:11px;height:11px;border-radius:3px;border:1px solid #0001}.pink{background:#eed8d5}.sand{background:#e6dbc7}.sage{background:#c9dac3}.guide-route{margin-top:36px;font-size:10px;color:#7a8674;display:flex;gap:14px}.journey-item>div{font-size:10px}.journey-item small{letter-spacing:1px}
@media(max-width:1100px){h1{font-size:52px}main{gap:48px;padding:30px 35px}.drink-card{width:430px}.phone{width:354px;height:756px}.app-tile{width:49px;height:49px}.home-widgets{gap:10px}.phone-home{padding:24px 19px}.zone-card>img:not(.ui-icon){width:112px}.floor-plan{max-height:357px}}
@media(max-width:900px){main{padding:26px 22px;gap:30px}.intro{max-width:540px}h1{font-size:42px;margin:16px 0}.intro-copy{font-size:12px}.intro-copy br{display:none}.demo-tabs{margin:22px auto 0;justify-content:center;gap:35px}.chapter-note{font-size:10px}.card-workspace{margin-top:22px}.card-stage{height:205px}.drink-card{width:370px;max-width:110%}.experience{scroll-margin-top:15px}.phone{width:354px;max-width:100%;height:756px}.guide-kicker{margin-top:25px}#seat-guide h2{font-size:27px;margin:17px 0}#seat-guide h2 br{display:none}#seat-guide>p{font-size:11px}.guide-zones{flex-direction:row;justify-content:center;gap:14px;font-size:9px;margin-top:20px}.guide-route{justify-content:center;margin-top:22px}.brand small{display:none}.concept{display:none}}
@media(max-width:390px){main{padding:20px 12px}.phone{width:346px}.app-grid{gap:22px 10px}.phone-home{padding:25px 17px}.app-tile{width:48px;height:48px}.seat-content{padding-left:18px;padding-right:18px}.guide-zones{gap:9px}.guide-zones span{gap:5px}.zone-title{font-size:12px}.card-stage{height:190px}}
.zone-card{isolation:isolate}.zone-card-copy{z-index:2}.zone-card>img:not(.ui-icon){z-index:0}.seat-flow.fade-in{animation:none}
.screen:has(.launch-screen) .status-bar{background:#00754a;color:white}.screen:has(.launch-screen) .home-indicator{background:white}
/* Secondary in-store touchpoint: separate from the drink-card stage. */
.counter-touchpoint{border-top:1px solid #d6dcd4;margin-top:20px;padding-top:19px;display:grid;grid-template-columns:126px minmax(0,1fr);gap:20px;align-items:center;text-align:left}.counter-stand{border:0;background:none;padding:0;display:block;width:126px;height:142px;transition:transform .25s;cursor:pointer}.counter-stand img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #19352816);pointer-events:none}.counter-stand:hover{transform:translateY(-4px)}.counter-eyebrow{font-size:8px;letter-spacing:1.3px;color:#788474;font-weight:700}.counter-copy h2{font-size:17px;line-height:1.3;font-weight:700;letter-spacing:-.25px;color:var(--deep);margin:8px 0}.counter-copy p{font-size:11px;line-height:1.65;color:#798173;max-width:245px;margin:0 0 8px}.counter-link{display:inline-flex;align-items:center;gap:9px;border:0;border-bottom:1px solid #a8b7a8;background:none;padding:6px 0;font-size:10px;color:var(--deep)}.counter-link img{width:14px;height:14px}.counter-link:hover{border-color:var(--green);color:var(--green)}.counter-stand.is-tapping{animation:counter-contact .9s ease}.phone.counter-tap{animation:phone-contact .9s ease}@keyframes counter-contact{45%{transform:translateY(-5px) rotate(2deg)}}@keyframes phone-contact{45%{transform:translateX(-14px) rotate(-1deg)}}
@media(max-width:1100px){.counter-touchpoint{grid-template-columns:112px minmax(0,1fr);gap:15px}.counter-stand{width:112px;height:131px}.counter-copy h2{font-size:15px}.counter-copy p{font-size:10px}}
@media(max-width:900px){.counter-touchpoint{margin-top:18px;padding-top:16px;max-width:400px;margin-left:auto;margin-right:auto}.counter-copy h2{font-size:16px}.counter-copy p{font-size:11px}}
@media(max-width:390px){.counter-touchpoint{grid-template-columns:98px minmax(0,1fr);gap:13px}.counter-stand{width:98px;height:124px}.counter-copy h2{font-size:14px}.counter-copy p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.counter-stand.is-tapping,.phone.counter-tap{animation:none}.counter-stand{transition:none}}

/* A clear way out of the prototype, separate from resetting the demo. */
.project-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;color:var(--deep);font-size:13px;font-weight:700;white-space:nowrap}
.project-back img{width:18px;height:18px}
.project-back:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.site-header{height:auto;min-height:92px;flex-wrap:wrap;gap:6px;padding:14px 0 10px}.header-right{width:100%;justify-content:space-between;gap:12px}.project-back{font-size:12px}}