body{margin:0;background:#0f0e0d}
a{color:inherit}a:hover{color:inherit}
.bt{--paper:#fff3e2;--paper2:#fbe6c9;--ink:#1a1210;--saff:#ffb627;--green:#0b5d4b;--pink:#ff6fa8;--muted:#5e4f47;--pop:'Dela Gothic One','Bricolage Grotesque',Impact,sans-serif;--disp:'Bricolage Grotesque','Montserrat',system-ui,sans-serif;--sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;--ur:'Noto Nastaliq Urdu',serif;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1);position:relative;background:var(--page);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;font-weight:500;overflow-x:clip;-webkit-font-smoothing:antialiased}
.bt *{box-sizing:border-box}
.bt a{text-decoration:none}
.bt ::selection{background:var(--saff);color:var(--ink)}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 clamp(18px,4vw,56px);position:relative}
.ur{font-family:var(--ur);font-weight:700;line-height:2;letter-spacing:0}
.kick{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.kick b{display:inline-block;width:28px;height:3px;background:currentColor}
.h2{font-family:var(--pop);font-weight:400;font-size:clamp(44px,6.4vw,104px);line-height:.92;letter-spacing:-.02em;margin:0;text-wrap:balance}
.lede{font-size:clamp(17px,1.5vw,20px);line-height:1.55;margin:0;text-wrap:pretty}

/* awning */
.awning{position:relative;z-index:45;height:44px;background:repeating-linear-gradient(90deg,var(--accent) 0 60px,var(--paper) 60px 120px);transform-origin:top;animation:sway 6s ease-in-out infinite}
.awning::after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;background:radial-gradient(circle at 30px 0,var(--accent) 29.5px,transparent 30.5px) 0 0/120px 30px repeat-x,radial-gradient(circle at 90px 0,var(--paper2) 29.5px,transparent 30.5px) 0 0/120px 30px repeat-x;filter:drop-shadow(0 6px 0 rgba(26,18,16,.12))}
@keyframes sway{0%,100%{transform:skewX(0) scaleY(1)} 50%{transform:skewX(-1.2deg) scaleY(1.04)} }

/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(255,243,226,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid var(--bd)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;flex-wrap:wrap;padding-top:4px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--pop);font-size:26px;letter-spacing:-.01em}
.brand img{width:38px;height:38px;border-radius:12px;border:3px solid var(--bd);transition:transform .6s var(--spring)}
.brand:hover img{transform:rotate(-14deg) scale(1.12)}
.links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.lnk{position:relative;padding:10px 12px;font-weight:700;font-size:14px;border-radius:999px;transition:background .3s,transform .4s var(--spring)}
.lnk:hover{background:var(--saff);transform:rotate(-3deg)}
.lang{display:inline-flex;border:3px solid var(--bd);border-radius:999px;overflow:hidden;margin:0 6px}
.lang button{min-height:40px;min-width:52px;padding:0 12px;border:0;background:transparent;color:var(--ink);font:700 13px var(--sans);cursor:pointer;transition:background .3s}
.lang button.on{background:var(--plate);color:var(--ink)}
.lang .urb{font-family:var(--ur);font-size:13px;line-height:1}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border:3px solid var(--bd);border-radius:999px;font-family:var(--disp);font-weight:800;font-size:17px;background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--sh);cursor:pointer;transition:transform .35s var(--spring),box-shadow .35s var(--spring)}
.btn:hover{transform:translate(-3px,-3px) rotate(-2deg);box-shadow:9px 9px 0 var(--sh)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--sh)}
.btn--red{background:var(--accent);color:var(--ink)}
.btn--ink{background:var(--plate);color:var(--ink);box-shadow:5px 5px 0 var(--saff)}
.btn--ink:hover{box-shadow:9px 9px 0 var(--saff);color:var(--ink)}
.btn--sm{min-height:46px;padding:0 18px;font-size:15px;box-shadow:3px 3px 0 var(--sh)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--spring)}
.btn:hover svg{transform:translateX(5px)}

/* stickers */
.stk{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:3px solid var(--bd);border-radius:999px;background:var(--paper);font-family:var(--disp);font-weight:800;font-size:15px;box-shadow:3px 3px 0 var(--sh);transform:rotate(var(--r,-3deg));transition:transform .5s var(--spring)}
.stk:hover{transform:rotate(calc(var(--r,-3deg) * -1)) scale(1.08)}
.stk--y{background:var(--saff)}

/* hero */
.hero{position:relative;padding:70px 0 120px;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.hl{font-family:var(--pop);font-weight:400;font-size:clamp(58px,8.2vw,138px);line-height:.88;letter-spacing:-.025em;margin:26px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:.04em}
.hl span{display:inline-block;animation:stamp .9s var(--spring) both;animation-delay:calc(var(--i) * 170ms + 250ms)}
@keyframes stamp{0%{opacity:0;transform:scale(2.6) rotate(-10deg)} 55%{opacity:1} 100%{opacity:1;transform:rotate(var(--rr,0deg))} }
.hl .g{color:var(--green)}.hl .r{color:var(--accent)}
.hl .y{background:var(--saff);padding:0 .14em;border:4px solid var(--bd);box-shadow:8px 8px 0 var(--sh);--rr:-3deg}
.hlu{font-family:var(--ur);font-weight:700;font-size:clamp(40px,5.4vw,86px);line-height:1.9;margin:20px 0 0;display:flex;flex-direction:column;align-items:flex-start;direction:rtl;text-align:right}
.hlu span{display:inline-block;animation:stamp .9s var(--spring) both;animation-delay:calc(var(--i) * 170ms + 100ms)}
.shake{animation:shake .5s ease both 1.05s}
@keyframes shake{0%,100%{transform:none} 20%{transform:translate(-4px,2px)} 40%{transform:translate(4px,-2px)} 60%{transform:translate(-2px,1px)} 80%{transform:translate(2px,0)} }
.in{animation:inUp .9s var(--ease) both;animation-delay:var(--d,0ms)}
@keyframes inUp{from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:none} }
.crave{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.cbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:118px;min-height:72px;padding:6px 16px;border:3px solid var(--bd);border-radius:22px;background:var(--paper);color:var(--ink);font:800 17px var(--disp);cursor:pointer;box-shadow:4px 4px 0 var(--sh);transition:transform .4s var(--spring),background .3s,box-shadow .4s var(--spring)}
.cbtn small{font-family:var(--ur);font-weight:500;font-size:13px;line-height:1.7}
.cbtn:hover{transform:translateY(-4px) rotate(-3deg)}
.cbtn.on{background:var(--plate);color:var(--ink);box-shadow:4px 4px 0 var(--accent);transform:rotate(-2deg)}
.stage{position:relative;height:720px}
.sun{position:absolute;left:50%;top:50%;width:820px;height:820px;margin:-410px 0 0 -410px;border-radius:50%;background:repeating-conic-gradient(var(--saff) 0 7.5deg,#ffd27f 7.5deg 15deg);animation:spin 70s linear infinite;mask-image:radial-gradient(circle,#000 40%,transparent 70%)}
@keyframes spin{to{transform:rotate(360deg)} }
.arch{position:absolute;left:50%;top:40px;width:380px;height:560px;margin-left:-190px;border:5px solid var(--bd);border-radius:190px 190px 26px 26px;overflow:hidden;background:var(--plate);box-shadow:14px 14px 0 var(--sh);animation:archIn 1.3s var(--spring) both .5s}
@keyframes archIn{from{transform:translateY(140px) rotate(8deg);opacity:0} to{transform:rotate(-2deg);opacity:1} }
.av{position:absolute;inset:0;clip-path:circle(0% at 50% 100%);transition:clip-path 1s var(--ease)}
.av.on{clip-path:circle(150% at 50% 100%);z-index:2}
.av video{width:100%;height:100%;object-fit:cover;display:block}
.av::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(26,18,16,.85))}
.cap{position:absolute;left:22px;right:22px;bottom:80px;z-index:3;color:var(--ink)}
.cap b{display:block;font-family:var(--pop);font-weight:400;font-size:26px;line-height:1.05}
.board{position:absolute;left:50%;bottom:44px;transform:translateX(-50%) rotate(2deg);z-index:4;display:flex;align-items:center;gap:14px;padding:8px 20px;border:4px solid var(--bd);border-radius:14px;background:var(--green);color:var(--ink);box-shadow:6px 6px 0 var(--sh);white-space:nowrap;animation:inUp .9s var(--spring) both 1.2s}
.board b{font-family:var(--pop);font-weight:400;font-size:20px}
.board .ur{font-size:18px;line-height:1.6;color:var(--saff)}
.tag{position:absolute;right:2%;top:110px;z-index:5;transform-origin:50% -70px;animation:swing 3.6s ease-in-out infinite}
.tag::before{content:"";position:absolute;left:50%;top:-70px;height:70px;border-left:2px dashed var(--bd)}
.tag a{display:flex;flex-direction:column;align-items:center;padding:16px 18px 14px;border:3px solid var(--bd);border-radius:12px 12px 22px 22px;background:var(--accent);font-family:var(--pop);font-size:20px;line-height:1;box-shadow:4px 4px 0 var(--sh)}
.tag a small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;margin-top:6px}
@keyframes swing{0%,100%{transform:rotate(8deg)} 50%{transform:rotate(-8deg)} }
.seal{position:absolute;left:0;top:30px;width:150px;height:150px;z-index:5;border-radius:50%;background:var(--pink);border:4px solid var(--bd);box-shadow:5px 5px 0 var(--sh);animation:inUp .9s var(--spring) both 1.4s}
.seal svg{width:100%;height:100%;animation:spin 16s linear infinite}
.seal text{font-family:var(--disp);font-weight:800;font-size:13px;letter-spacing:2.4px;fill:var(--ink);text-transform:uppercase}
.seal i{position:absolute;inset:44px;border-radius:50%;background:var(--plate);display:grid;place-items:center;color:var(--saff);font-style:normal;font-family:var(--pop);font-size:24px}
.arrow{position:absolute;left:-70px;bottom:140px;width:150px;height:110px;z-index:5}
.arrow path{fill:none;stroke:var(--ink);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.2s var(--ease) forwards 1.9s}
.arrow text{font-family:var(--disp);font-weight:800;font-size:15px;fill:var(--ink);opacity:0;animation:fade .5s forwards 2.6s}
@keyframes draw{to{stroke-dashoffset:0} }
@keyframes fade{to{opacity:1} }

/* zig band */
.zz{position:relative}
.zz::before{content:"";position:absolute;left:0;right:0;top:-15px;height:16px;background:conic-gradient(from 135deg at 50% 0,var(--zc) 90deg,transparent 0) 0 0/32px 16px repeat-x}
.band{background:var(--saff);--zc:var(--saff);padding:26px 0 28px}
.band .mq{overflow:visible}
.mqw{overflow:hidden}
.mq{display:flex;width:max-content;animation:mq 38s linear infinite}
.mq > span{display:inline-flex;align-items:center;gap:34px;padding-right:34px;white-space:nowrap}
.mq .en{font-family:var(--pop);font-weight:400;font-size:clamp(32px,4vw,58px);line-height:1.2}
.mq .ur{font-size:clamp(26px,3vw,42px);line-height:1.5}
.flw{width:40px;height:40px;flex:none;animation:spin 6s linear infinite}
.flw path{fill:var(--accent);stroke:var(--ink);stroke-width:2}
.flw circle{fill:var(--paper);stroke:var(--ink);stroke-width:2}
@keyframes mq{to{transform:translateX(-50%)} }

/* clock section */
.red{background:var(--accent);--zc:var(--accent);color:var(--ink);padding:130px 0}
.clockgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:60px;align-items:center}
.clock{position:relative;width:min(460px,100%);aspect-ratio:1;margin:0 auto;border-radius:50%;background:var(--paper);border:6px solid var(--bd);box-shadow:16px 16px 0 var(--sh)}
.clock::before{content:"";position:absolute;inset:16px;border-radius:50%;background:repeating-conic-gradient(var(--ink) 0 1deg,transparent 1deg 30deg);mask-image:radial-gradient(circle,transparent 78%,#000 79%)}
.slice{position:absolute;inset:16px;border-radius:50%;background:conic-gradient(var(--saff) 0 var(--deg),transparent 0);animation:slice 6s linear infinite}
@property --deg{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes slice{0%{--deg:0deg} 80%,100%{--deg:180deg} }
.hand{position:absolute;left:50%;top:50%;width:8px;height:42%;margin-left:-4px;background:var(--plate);border-radius:8px;transform-origin:50% 0;rotate:180deg;animation:hand 6s linear infinite}
.hand.h{height:28%;width:12px;margin-left:-6px;animation:hourh 6s linear infinite}
@keyframes hand{0%{rotate:180deg} 80%,100%{rotate:360deg} }
@keyframes hourh{0%{rotate:90deg} 80%,100%{rotate:105deg} }
.pin{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--accent);border:5px solid var(--bd)}
.clock .t9,.clock .t930{position:absolute;font-family:var(--pop);font-size:22px}
.times{display:flex;flex-direction:column}
.tm{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:baseline;padding:24px 0;border-top:3px solid var(--bd)}
.tm:last-child{border-bottom:3px solid var(--bd)}
.tm b{font-family:var(--pop);font-weight:400;font-size:44px;line-height:1}
.tm p{margin:0;font-family:var(--disp);font-weight:800;font-size:26px;line-height:1.2;letter-spacing:-.01em}
.tm small{display:block;margin-top:6px;font-family:var(--sans);font-weight:600;font-size:15px;line-height:1.5}

@supports (animation-timeline: view()){
.rv{animation:slap linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.rvs{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
.prog{animation:progW linear both;animation-timeline:scroll(root)}
.bigout{animation:bigFill linear both;animation-timeline:view();animation-range:entry 10% cover 60%}
}
@keyframes slap{from{opacity:0;transform:translateY(90px) rotate(-7deg) scale(.88)} to{opacity:1;transform:rotate(var(--r,0deg))} }
@keyframes rise{from{opacity:0;transform:translateY(50px)} to{opacity:1;transform:none} }
@keyframes progW{from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes bigFill{from{background-position:100% 0} to{background-position:0 0} }
.prog{position:absolute;left:0;right:0;bottom:-3px;height:5px;background:var(--accent);transform-origin:left;transform:scaleX(0)}

/* menu */
.menu{padding:140px 0 120px}
.menu__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:70px}
.orn{display:flex;align-items:center;gap:16px;width:min(560px,100%)}
.orn i{flex:1;height:9px;border-top:3px solid var(--bd);border-bottom:3px solid var(--bd)}
.orn svg{width:34px;height:34px;animation:spin 10s linear infinite}
.menugrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.mlist{display:flex;flex-direction:column}
.mrow{position:relative;display:grid;grid-template-columns:44px auto minmax(20px,1fr) auto;align-items:baseline;gap:14px;width:100%;padding:14px 10px;border:0;border-bottom:2px dashed rgba(26,18,16,.25);background:none;color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:padding .45s var(--ease)}
.mrow::before{content:"";position:absolute;inset:4px 0;border-radius:14px;background:var(--plate);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);z-index:0}
.mrow > *{position:relative;z-index:1;transition:color .3s}
.mrow .n{font-family:var(--mono);font-size:12px}
.mrow .t{font-family:var(--disp);font-weight:800;font-size:clamp(20px,2vw,28px);letter-spacing:-.02em;line-height:1.1}
.mrow .dots{border-bottom:3px dotted rgba(26,18,16,.4);transform:translateY(-6px)}
.mrow .u{font-family:var(--ur);font-weight:500;font-size:19px;line-height:1.4}
.mrow:hover,.mrow.on{padding-left:22px}
.mrow.on::before{transform:scaleX(1)}
.mrow.on > *{color:var(--ink)}
.mrow.on .dots{border-color:rgba(255,243,226,.5)}
.mrow.on .n{color:var(--saff)}
.plate{position:relative;border:5px solid var(--bd);border-radius:34px;background:var(--paper2);box-shadow:14px 14px 0 var(--sh);overflow:hidden}
.plate__vis{position:relative;height:380px;background:var(--plate);overflow:hidden;border-bottom:5px solid var(--bd)}
.plate__txt{padding:26px 28px 30px}
.plate__txt h3{margin:0 0 10px;font-family:var(--pop);font-weight:400;font-size:34px;line-height:1}
.plate__txt p{margin:0;font-size:16px;color:var(--muted);min-height:4.8em}
.plate__txt .chip{display:inline-block;margin-top:16px;padding:6px 12px;border-radius:999px;background:var(--plate);color:var(--saff);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.vg{position:absolute;inset:0;animation:vgIn .7s var(--ease) both}
@keyframes vgIn{from{opacity:0;transform:scale(1.06)} to{opacity:1;transform:none} }
.vg > video{width:100%;height:100%;object-fit:cover}
.fyt{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:center;gap:18px;color:rgba(255,243,226,.7);font-weight:700;font-size:14px;z-index:2}
.fyt b{color:var(--ink);border-bottom:3px solid var(--paper)}
.heart{position:absolute;right:20px;bottom:30px;z-index:2;width:54px;height:54px;border-radius:50%;background:var(--paper);border:3px solid var(--bd);display:grid;place-items:center;animation:pop 2.4s var(--spring) infinite}
.heart svg{width:26px;height:26px;fill:var(--accent);stroke:var(--ink);stroke-width:2}
@keyframes pop{0%,60%,100%{transform:scale(1)} 70%{transform:scale(1.25) rotate(-8deg)} 80%{transform:scale(.95)} }
.xg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;padding:6px;height:100%}
.xg > div{border-radius:12px;overflow:hidden;animation:tilePop .6s var(--spring) both;animation-delay:calc(var(--i) * 80ms)}
.xg video{width:100%;height:100%;object-fit:cover}
@keyframes tilePop{from{opacity:0;transform:scale(.6) rotate(-8deg)} to{opacity:1;transform:none} }
.drow{display:flex;flex-direction:column;gap:6px;padding:22px 0 0 20px}
.drow small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--saff);text-transform:uppercase}
.dtrack{display:flex;gap:10px;width:max-content;animation:mq 14s linear infinite}
.dtrack.rev{animation-direction:reverse;animation-duration:18s}
.dchip{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--paper);font-family:var(--disp);font-weight:800;font-size:15px;white-space:nowrap}
.dchip i{width:34px;height:34px;border-radius:50%;background:var(--c);border:2px solid var(--bd)}
.offer{position:absolute;inset:30px 40px;border-radius:24px;background:var(--paper);border:4px solid var(--bd);padding:20px;display:flex;flex-direction:column;gap:10px}
.offer__img{height:130px;border-radius:16px;overflow:hidden;border:3px solid var(--bd)}
.offer__img video{width:100%;height:100%;object-fit:cover}
.deal{position:absolute;right:-16px;top:-16px;width:92px;height:92px;border-radius:50%;background:var(--accent);border:4px solid var(--bd);display:grid;place-items:center;font-family:var(--pop);font-size:22px;animation:dealp 1.6s var(--spring) infinite}
@keyframes dealp{0%,100%{transform:rotate(-12deg) scale(1)} 50%{transform:rotate(8deg) scale(1.1)} }
.was{position:relative;display:inline-block;font-family:var(--mono);font-size:13px;color:var(--muted)}
.was::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:strike 3s var(--ease) infinite}
@keyframes strike{0%,20%{transform:scaleX(0)} 40%,100%{transform:scaleX(1)} }
.ordb{align-self:flex-start;padding:8px 16px;border-radius:999px;background:var(--plate);color:var(--ink);font-weight:800;font-size:13px;animation:pop 3s var(--spring) infinite}
.map{position:absolute;inset:0;background:#efe0c6;background-image:linear-gradient(90deg,rgba(26,18,16,.08) 2px,transparent 2px),linear-gradient(rgba(26,18,16,.08) 2px,transparent 2px);background-size:46px 46px}
.road{position:absolute;background:var(--paper)}
.map .me{position:absolute;left:47%;top:50%;width:22px;height:22px;border-radius:50%;background:#2f7bf5;border:4px solid var(--paper);box-shadow:0 0 0 3px var(--ink)}
.map .me::before,.map .me::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #2f7bf5;animation:radar 2.4s infinite}
.map .me::after{animation-delay:1.2s}
@keyframes radar{from{transform:scale(1);opacity:.9} to{transform:scale(4);opacity:0} }
.mp{position:absolute;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);border:3px solid var(--bd);animation:drop 3.6s var(--spring) infinite;animation-delay:var(--pd)}
@keyframes drop{0%{opacity:0;translate:0 -60px} 15%,85%{opacity:1;translate:0 0} 100%{opacity:0} }
.lm{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;border:3px solid var(--bd);border-radius:999px;background:var(--paper);overflow:hidden;font-weight:800;font-size:13px}
.lm span{position:relative;z-index:1;padding:8px 18px}
.lm b{position:absolute;top:0;bottom:0;left:0;width:50%;background:var(--saff);animation:lm 4s var(--ease) infinite}
@keyframes lm{0%,40%{left:0} 50%,90%{left:50%} 100%{left:0} }
.srch{position:absolute;inset:30px;display:flex;flex-direction:column;gap:10px}
.sbox{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;border-radius:999px;background:var(--paper);border:3px solid var(--bd);font-weight:700}
.sbox svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2.6;flex:none}
.typed{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid var(--accent);width:0;animation:type 4s steps(7) infinite}
@keyframes type{0%{width:0} 40%,90%{width:7ch} 100%{width:0} }
.sres{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:rgba(255,243,226,.1);color:var(--ink);font-weight:700;opacity:0;animation:sres 4s var(--ease) infinite;animation-delay:var(--sd)}
.sres i{width:34px;height:34px;border-radius:10px;background:var(--c);flex:none;display:grid;place-items:center;font-style:normal;color:var(--ink);font-weight:800}
.sres small{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--saff)}
@keyframes sres{0%,45%{opacity:0;transform:translateY(10px)} 55%,90%{opacity:1;transform:none} 100%{opacity:0} }
.trk{position:absolute;left:34px;right:34px;top:150px}
.trk__l{height:10px;border-radius:10px;background:rgba(255,243,226,.2);position:relative;overflow:hidden}
.trk__l i{position:absolute;inset:0;background:var(--saff);transform-origin:left;animation:trk 6s var(--ease) infinite}
@keyframes trk{0%{transform:scaleX(0)} 70%,90%{transform:scaleX(1)} 100%{transform:scaleX(0)} }
.trk__s{display:flex;justify-content:space-between;margin-top:16px;color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.scoot{position:absolute;top:-58px;width:56px;height:46px;animation:scoot 6s var(--ease) infinite}
.scoot svg{width:100%;height:100%;fill:none;stroke:var(--paper);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@keyframes scoot{0%{left:-10px} 70%,90%{left:calc(100% - 50px)} 100%{left:-10px} }
.cod{position:absolute;left:34px;bottom:34px;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:var(--green);border:3px solid var(--paper);color:var(--ink);font-weight:800}
.stars{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px}
.stars svg{width:52px;height:52px;fill:var(--ink);stroke:var(--saff);stroke-width:1.6;stroke-linejoin:round;animation:star 4s var(--spring) infinite;animation-delay:var(--sd)}
@keyframes star{0%{fill:var(--ink);transform:scale(1)} 8%{fill:var(--saff);transform:scale(1.4) rotate(-14deg)} 14%,85%{fill:var(--saff);transform:none} 100%{fill:var(--ink)} }
.cl{position:absolute;inset:40px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.clr{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--paper);border:3px solid var(--bd);font-family:var(--disp);font-weight:800;font-size:18px;animation:clIn 5s var(--spring) infinite;animation-delay:var(--cd)}
.clr svg{width:22px;height:22px;fill:var(--accent);stroke:var(--ink);stroke-width:2}
@keyframes clIn{0%{opacity:0;transform:translateX(60px) rotate(4deg)} 10%,85%{opacity:1;transform:none} 100%{opacity:0;transform:translateX(-30px)} }
.chat{position:absolute;inset:26px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end}
.bub{max-width:76%;padding:12px 16px;border-radius:20px;font-weight:700;font-size:14px;opacity:0;animation:bub 7s var(--ease) infinite;animation-delay:var(--bd)}
.bub.me{align-self:flex-end;background:var(--saff);border-bottom-right-radius:4px}
.bub.them{align-self:flex-start;background:var(--paper);border-bottom-left-radius:4px}
@keyframes bub{0%{opacity:0;transform:translateY(16px) scale(.9)} 6%,88%{opacity:1;transform:none} 96%,100%{opacity:0} }
.wave{display:flex;align-items:center;gap:3px;height:22px}
.wave i{width:4px;border-radius:4px;background:var(--plate);animation:wv .9s ease-in-out infinite;animation-delay:calc(var(--i) * -110ms)}
@keyframes wv{0%,100%{height:5px} 50%{height:22px} }
.camv{position:absolute;inset:0;background:#2a201c}
.recd{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.14em}
.recd i{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0} }
.shut{position:absolute;left:50%;top:44%;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:6px solid var(--paper);display:grid;place-items:center}
.shut i{width:70px;height:70px;border-radius:50%;background:var(--accent);animation:shut 2.6s var(--spring) infinite}
@keyframes shut{0%,55%,100%{border-radius:50%;transform:scale(1)} 65%,90%{border-radius:14px;transform:scale(.55)} }
.trim{position:absolute;left:24px;right:24px;bottom:28px;height:46px;border-radius:12px;background:repeating-linear-gradient(90deg,#4a3a33 0 26px,#5b4840 26px 52px);overflow:hidden}
.trim b{position:absolute;top:0;bottom:0;border:4px solid var(--saff);border-radius:12px;animation:trimw 5s var(--ease) infinite}
@keyframes trimw{0%,100%{left:6%;right:42%} 50%{left:28%;right:6%} }

/* business */
.biz{background:var(--green);--zc:var(--green);color:var(--ink);padding:140px 0 150px}
.bizclip{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ghost{position:absolute;right:-30px;top:40px;font-family:var(--ur);font-weight:700;font-size:clamp(120px,18vw,280px);line-height:1.5;color:transparent;-webkit-text-stroke:2px rgba(255,243,226,.16);white-space:nowrap}
.rail{position:relative;margin:80px 0 20px;height:290px;overflow:hidden;padding-top:0}
.rail__bar{position:absolute;left:0;right:0;top:0;height:22px;border-radius:12px;background:linear-gradient(180deg,#d9d2cb,#8e857d);border:3px solid var(--bd);z-index:2}
.rail__track{position:absolute;left:0;top:12px;display:flex;gap:28px;width:max-content;animation:mq 30s linear infinite}
.tkt{position:relative;width:230px;padding:30px 20px 24px;background:var(--paper);color:var(--ink);border:3px solid var(--bd);border-bottom:0;transform-origin:50% 0;animation:tswing 3s ease-in-out infinite;animation-delay:var(--sd);-webkit-mask:radial-gradient(circle at 10px 100%,transparent 7px,#000 7.5px) -10px 0/20px 100%;mask:radial-gradient(circle at 10px 100%,transparent 7px,#000 7.5px) -10px 0/20px 100%}
.tkt::before{content:"";position:absolute;left:50%;top:0;width:46px;height:16px;margin-left:-23px;border-radius:0 0 8px 8px;background:#8e857d;border:3px solid var(--bd);border-top:0}
@keyframes tswing{0%,100%{transform:rotate(2.5deg)} 50%{transform:rotate(-2.5deg)} }
.tkt b{display:block;font-family:var(--pop);font-weight:400;font-size:22px;line-height:1.05}
.tkt small{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.tkt hr{border:0;border-top:2px dashed var(--bd);margin:14px 0}
.tkt .st{display:inline-block;padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--c);border:2px solid var(--bd)}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:30px;margin-top:40px}
.s3 b{display:block;font-family:var(--pop);font-weight:400;font-size:110px;line-height:.9;color:var(--saff)}
.s3 h3{margin:10px 0 8px;font-family:var(--disp);font-weight:800;font-size:28px;letter-spacing:-.02em}
.s3 p{margin:0;color:rgba(255,243,226,.84)}
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:30px;margin-top:110px}
.capc{position:relative;padding:34px 28px 28px;background:var(--paper);color:var(--ink);border:3px solid var(--bd);border-top:0;filter:drop-shadow(10px 10px 0 var(--sh));transform:rotate(var(--r));transition:transform .5s var(--spring);-webkit-mask:radial-gradient(circle at 12px 0,transparent 7px,#000 7.5px) -12px 0/24px 100%;mask:radial-gradient(circle at 12px 0,transparent 7px,#000 7.5px) -12px 0/24px 100%}
.capw{transition:transform .5s var(--spring)}
.capw:hover{transform:translateY(-10px) rotate(1deg)}
.capc .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b3321a}
.capc h3{margin:8px 0 10px;font-family:var(--pop);font-weight:400;font-size:28px;line-height:1.05}
.capc p{margin:0;font-size:15px;color:var(--muted)}
.capc .ft{margin-top:18px;padding-top:12px;border-top:2px dashed var(--bd);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:60px;align-items:start;margin-top:130px}
.printer{position:relative;width:min(420px,100%);margin:0 auto}
.printer__top{position:relative;z-index:2;height:64px;border-radius:20px 20px 10px 10px;background:var(--plate);border:3px solid var(--bd);box-shadow:inset 0 -10px 0 #3a2c27}
.printer__top::after{content:"";position:absolute;left:40px;right:40px;bottom:12px;height:6px;border-radius:6px;background:#000}
.paperout{position:relative;margin:-14px 30px 0;overflow:hidden;padding-bottom:20px}
.rcpt{background:#fffdf7;color:var(--ink);padding:30px 26px 34px;font-family:var(--mono);font-size:14px;line-height:1.9;animation:printR 9s var(--ease) infinite;-webkit-mask:radial-gradient(circle at 10px 100%,transparent 8px,#000 8.5px) -10px 0/20px 100%;mask:radial-gradient(circle at 10px 100%,transparent 8px,#000 8.5px) -10px 0/20px 100%}
@keyframes printR{0%{transform:translateY(-102%)} 40%,92%{transform:translateY(0)} 100%{transform:translateY(-102%)} }
.rr{display:flex;gap:8px}
.rr span:nth-child(2){flex:1;border-bottom:2px dotted rgba(26,18,16,.35);transform:translateY(-8px)}
.rcpt .tot{font-family:var(--pop);font-size:24px;line-height:1.3}
.rcpt hr{border:0;border-top:2px dashed var(--bd);margin:12px 0}
.stamp{display:inline-block;margin-top:14px;padding:6px 14px;border:3px solid #c23a1f;color:#c23a1f;border-radius:10px;font-family:var(--pop);font-size:18px;transform:rotate(-8deg);animation:stampP 9s var(--spring) infinite}
@keyframes stampP{0%,42%{opacity:0;transform:rotate(-8deg) scale(2.4)} 48%,92%{opacity:1;transform:rotate(-8deg) scale(1)} 100%{opacity:0} }
.pl{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.pl li{display:flex;gap:14px;align-items:flex-start;font-weight:600;font-size:16px}
.pl svg{width:26px;height:26px;flex:none;padding:3px;border-radius:50%;background:var(--saff);stroke:var(--ink);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* staff */
.staff{background:var(--saff);--zc:var(--saff);padding:130px 0 140px}
.lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(480px,100%),1fr));gap:50px;margin-top:40px}
.lanyard{position:relative;height:420px;overflow:hidden}
.strap{position:absolute;left:50%;top:-80px;width:110px;height:170px;margin-left:-55px;border-left:12px solid var(--bd);border-right:12px solid var(--bd);border-radius:0 0 55px 55px;transform-origin:50% 0;animation:badge 4.4s ease-in-out infinite;animation-delay:var(--sd)}
.badge{position:absolute;left:50%;top:80px;width:270px;margin-left:-135px;padding:30px 24px 24px;border:4px solid var(--bd);border-radius:26px;background:var(--paper);box-shadow:10px 10px 0 var(--sh);transform-origin:50% -160px;animation:badge 4.4s ease-in-out infinite;animation-delay:var(--sd);text-align:center}
.badge::before{content:"";position:absolute;left:50%;top:14px;width:54px;height:10px;margin-left:-27px;border-radius:10px;background:var(--plate)}
@keyframes badge{0%,100%{transform:rotate(5deg)} 50%{transform:rotate(-5deg)} }
.ava{width:96px;height:96px;margin:16px auto 12px;border-radius:50%;border:4px solid var(--bd);display:grid;place-items:center;background:var(--c)}
.ava svg{width:48px;height:48px;stroke:var(--ink);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.badge b{display:block;font-family:var(--pop);font-weight:400;font-size:34px;line-height:1}
.badge small{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.bars{display:flex;justify-content:center;gap:3px;margin-top:14px;height:28px}
.bars i{width:3px;background:var(--plate)}
.bars i:nth-child(3n){width:6px}.bars i:nth-child(4n){width:2px}
.plist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}
.plist li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:18px 0;border-top:3px solid var(--bd)}
.plist li:last-child{border-bottom:3px solid var(--bd)}
.plist .n{font-family:var(--pop);font-size:20px}
.plist h3{margin:0;font-family:var(--disp);font-weight:800;font-size:21px;letter-spacing:-.015em;line-height:1.2}
.plist p{margin:4px 0 0;font-size:15px}

/* trust */
.trust{background:var(--plate);--zc:var(--plate);color:var(--ink);padding:140px 0}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:24px;margin-top:70px}
.tcard{position:relative;border:3px solid var(--paper);border-radius:30px;padding:28px;overflow:hidden;transition:transform .5s var(--spring)}
.tcard:hover{transform:rotate(-1.5deg) translateY(-8px)}
.tvis{position:relative;height:200px;border-radius:20px;overflow:hidden;background:#2a201c;margin-bottom:24px}
.tcard h3{margin:0 0 10px;font-family:var(--pop);font-weight:400;font-size:30px;line-height:1.1}
.tcard p{margin:0;color:rgba(255,243,226,.8)}
.scanr{position:absolute;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,rgba(95,203,124,.5));border-bottom:4px solid #5fcb7c;animation:scan 3s ease-in-out infinite}
@keyframes scan{0%{top:-60px} 60%,100%{top:200px} }
.okst{position:absolute;right:18px;bottom:18px;padding:6px 14px;border:3px solid #5fcb7c;border-radius:10px;color:#5fcb7c;background:rgba(26,18,16,.6);font-family:var(--pop);font-size:18px;transform:rotate(-8deg);animation:okst 3s var(--spring) infinite}
@keyframes okst{0%,55%{opacity:0;transform:rotate(-8deg) scale(2)} 65%,95%{opacity:1;transform:rotate(-8deg) scale(1)} 100%{opacity:0} }
.mirror{position:absolute;inset:24px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.mrr{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--paper);color:var(--ink);font-weight:800;animation:mirror 5s var(--ease) infinite}
.mrr i{width:30px;height:30px;border-radius:8px;background:var(--accent);flex:none}
.mrr em{margin-left:auto;font-style:normal;width:46px;height:10px;border-radius:6px;background:rgba(26,18,16,.2)}
.mrr span{display:inline-block;animation:mirror 5s var(--ease) infinite}
@keyframes mirror{0%,40%{transform:scaleX(1)} 50%,90%{transform:scaleX(-1)} 100%{transform:scaleX(1)} }
.qsw{position:absolute;left:24px;right:24px;top:50%;margin-top:-28px;height:56px;border-radius:999px;border:3px solid var(--paper);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;text-align:center;font-weight:800;font-size:13px}
.qsw b{position:absolute;top:4px;bottom:4px;left:4px;width:calc(33.33% - 6px);border-radius:999px;background:var(--saff);animation:qsw 6s var(--spring) infinite}
.qsw span{position:relative;z-index:1;mix-blend-mode:difference;color:#fff}
@keyframes qsw{0%,25%{left:4px} 33%,58%{left:calc(33.33% + 2px)} 66%,92%{left:66.66%} 100%{left:4px} }

/* download */
.dl{background:var(--accent);--zc:var(--accent);padding:140px 0 150px;text-align:center}
.dlclip{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.dl .sun{width:1200px;height:1200px;margin:-600px 0 0 -600px;mask-image:radial-gradient(circle,#000 30%,transparent 68%)}
.giant{position:relative;font-family:var(--pop);font-weight:400;font-size:clamp(130px,27vw,420px);line-height:.85;letter-spacing:-.04em;margin:0;color:transparent;-webkit-text-stroke:4px var(--ink);background:linear-gradient(90deg,var(--ink) 0 50%,transparent 50% 100%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text}
.stores{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}
.store{display:inline-flex;align-items:center;gap:14px;min-height:70px;padding:10px 26px;border:4px solid var(--bd);border-radius:22px;background:var(--plate);color:var(--ink);box-shadow:7px 7px 0 var(--paper);transition:transform .4s var(--spring)}
.store:hover{transform:rotate(-3deg) scale(1.05);color:var(--ink)}
.store svg{width:30px;height:30px;fill:currentColor}
.store small{display:block;font-size:11px;font-weight:700;opacity:.75;text-align:left}
.store b{display:block;font-family:var(--pop);font-weight:400;font-size:22px;line-height:1.1}
.store--soon{background:var(--paper);color:var(--ink);border-style:dashed;box-shadow:7px 7px 0 var(--sh)}
.store--soon:hover{color:var(--ink)}

/* faq + contact */
.faqs{padding:140px 0 110px}
.fgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:56px;align-items:start}
.q{border-top:3px solid var(--bd)}
.q:last-child{border-bottom:3px solid var(--bd)}
.q__b{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;background:none;border:0;color:var(--ink);font-family:var(--disp);font-weight:800;font-size:clamp(20px,2vw,26px);letter-spacing:-.02em;line-height:1.2;text-align:left;cursor:pointer;transition:padding .45s var(--ease)}
.q__b:hover{padding-left:12px}
.pl2{position:relative;width:46px;height:46px;flex:none;border-radius:50%;border:3px solid var(--bd);background:var(--paper);transition:transform .6s var(--spring),background .3s}
.pl2::before,.pl2::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;margin:-1.5px 0 0 -8px;background:var(--plate)}
.pl2::after{transform:rotate(90deg)}
.q.open .pl2{transform:rotate(135deg);background:var(--saff)}
.ans{padding:0 70px 26px 0;font-size:16px;color:var(--muted);animation:inUp .5s var(--ease) both}
.slip{position:relative;border:4px solid var(--bd);border-radius:30px;background:var(--paper2);padding:clamp(24px,4vw,48px);box-shadow:14px 14px 0 var(--sh)}
.field{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.field input,.field select,.field textarea{font:600 16px var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);background:var(--paper);border:3px solid var(--bd);border-radius:16px;min-height:56px;padding:12px 16px;transition:box-shadow .3s,transform .3s var(--spring)}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:5px 5px 0 var(--accent);transform:translate(-2px,-2px)}
.f2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.sent{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:16px;background:var(--green);color:var(--ink);font-weight:700;animation:inUp .5s var(--spring) both}

/* footer */
.foot{position:relative;background:var(--plate);--zc:var(--plate);color:var(--ink);padding:110px 0 30px}
.fmqw{overflow:hidden;margin-bottom:70px}
.fmq{display:flex;width:max-content;animation:mq 30s linear infinite}
.fmq span{font-family:var(--pop);font-size:clamp(50px,7vw,110px);line-height:1.1;white-space:nowrap;padding-right:60px}
.fmq span:nth-child(odd){color:var(--saff)}
.fgrid2{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-weight:600}
.foot ul a{transition:color .3s}
.foot ul a:hover{color:var(--saff)}
.soc{display:flex;gap:12px;margin-top:22px}
.soc a{width:50px;height:50px;border-radius:50%;border:3px solid var(--paper);display:grid;place-items:center;transition:transform .5s var(--spring),background .3s}
.soc a:hover{transform:rotate(-12deg) scale(1.1);background:var(--saff);color:var(--ink)}
.soc svg{width:20px;height:20px}
.foot .brand img{border-color:var(--ink)}

.bt.still *,.bt.still *::before,.bt.still *::after{animation:none !important;transition:none !important}
@media (prefers-reduced-motion: reduce){
.bt *,.bt *::before,.bt *::after{animation:none !important}
}
@media (max-width:1020px){
.hero__grid,.clockgrid,.menugrid,.price,.fgrid{grid-template-columns:minmax(0,1fr)}
.fgrid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.arrow{display:none}
}
@media (max-width:640px){
.links .lnk{display:none}
.stage{height:600px}
.arch{width:290px;height:440px;margin-left:-145px;border-radius:145px 145px 22px 22px}
.seal{width:110px;height:110px}
.seal i{inset:32px;font-size:18px}
.tag{right:0}
.tm{grid-template-columns:minmax(0,1fr);gap:8px}
.mrow{grid-template-columns:32px minmax(0,1fr) auto}
.mrow .dots{display:none}
.plate__vis{height:300px}
.ans{padding-right:0}
.fgrid2{grid-template-columns:minmax(0,1fr)}
}
.fgridx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px}
.fcw{display:flex;transition:transform .5s var(--spring)}
.fcw.s2{grid-column:span 2}
.fcard{position:relative;flex:1;display:flex;flex-direction:column;border:4px solid var(--bd);border-radius:30px;background:var(--paper2);box-shadow:10px 10px 0 var(--sh);overflow:hidden;transform:rotate(var(--r,0deg));transition:transform .55s var(--spring),box-shadow .55s var(--spring)}
.fcw:hover .fcard{transform:rotate(0) translate(-4px,-6px);box-shadow:16px 16px 0 var(--sh)}
.fvis{position:relative;height:300px;background:var(--plate);border-bottom:4px solid var(--bd);overflow:hidden}
.fbody{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 24px 24px}
.fhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fhead h3{margin:0;font-family:var(--pop);font-weight:400;font-size:28px;line-height:1.05}
.fhead .u{font-family:var(--ur);font-weight:500;font-size:17px;line-height:1.5;padding:2px 12px;border-radius:999px;background:var(--saff);border:2px solid var(--bd);transform:rotate(-2deg);transition:transform .5s var(--spring)}
.fcw:hover .fhead .u{transform:rotate(3deg) scale(1.08)}
.fbody p{margin:0;color:var(--muted);font-size:15px;text-wrap:pretty}
.fchip{align-self:flex-start;margin-top:auto;padding:6px 12px;border-radius:999px;background:var(--plate);color:var(--saff);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.fvis .offer{inset:22px 28px;padding:16px;gap:8px}
.fvis .offer__img{height:96px}
.fvis .deal{width:76px;height:76px;font-size:18px;right:-12px;top:-12px}
.fvis .srch{inset:24px}
.fvis .trk{top:120px;left:48px;right:48px}
.fvis .cl{inset:30px}
@media (max-width:1020px){
.fgridx{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.fgridx{grid-template-columns:minmax(0,1fr)}
.fcw.s2{grid-column:span 1}
.fvis{height:260px}
}

.hstores{display:flex;flex-wrap:wrap;gap:12px}
.mstore{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px 6px 14px;border:3px solid var(--bd);border-radius:16px;background:var(--plate);color:var(--ink);transition:transform .4s var(--spring)}
.mstore:hover{transform:rotate(-3deg) scale(1.05);color:var(--ink)}
.mstore svg{width:24px;height:24px;fill:currentColor;flex:none}
.mstore small{display:block;font-size:10px;font-weight:700;opacity:.75;line-height:1.1}
.mstore b{display:block;font-family:var(--pop);font-weight:400;font-size:16px;line-height:1.15}
.mstore--soon{background:transparent;color:var(--ink);border-style:dashed}
.mstore--soon:hover{color:var(--ink)}
.fstores{margin-top:22px}
.fstores .mstore{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.fstores .mstore:hover{color:var(--ink)}
.fstores .mstore--soon{background:transparent;color:var(--ink);border-color:rgba(255,243,226,.6)}
.fstores .mstore--soon:hover{color:var(--ink)}
.nav__in{padding-top:28px;padding-bottom:6px}
@media (max-width:640px){
.board{padding:6px 14px;gap:8px}
.board b{font-size:14px}
.board .ur{font-size:14px}
.hero{padding:40px 0 80px}
.red,.biz,.staff,.trust,.dl,.faqs,.menu{padding-top:90px;padding-bottom:100px}
.caps{margin-top:70px}
.price{margin-top:80px}
}
/* ── Dark theme: Bitely app tokens (lib/theme/app_theme.dart) + dashboard dark theme ── */
.bt{--page:#0f0e0d;--paper:#1c1a17;--paper2:#171512;--plate:#141210;--input:#211e1b;--ink:#f5f1ec;--muted:#a8a099;--faint:#6e665e;--bd:#3d3530;--sh:#000;--dark:#0f0e0d;--saff:#f5b544;--gold:#f5b544;--green:#5fcb7c;--pink:#4a8cff;--blue:#4a8cff;--accent2:#f2613f;color:var(--ink)}
.bt ::selection{background:var(--accent);color:var(--dark)}
.awning{background:repeating-linear-gradient(90deg,var(--accent) 0 60px,#1c1a17 60px 120px)}
.awning::after{background:radial-gradient(circle at 30px 0,var(--accent) 29.5px,transparent 30.5px) 0 0/120px 30px repeat-x,radial-gradient(circle at 90px 0,#1c1a17 29.5px,transparent 30.5px) 0 0/120px 30px repeat-x;filter:none}
.nav{background:rgba(15,14,13,.86);border-bottom-color:var(--bd)}
.brand img{border-color:var(--bd)}
.lnk:hover{background:var(--paper);color:var(--ink)}
.lang{border-color:var(--bd)}
.lang button{color:var(--ink)}
.lang button.on{background:var(--accent);color:var(--dark)}
.btn{background:var(--paper);color:var(--ink);border-color:var(--bd);box-shadow:5px 5px 0 #000}
.btn:hover{box-shadow:9px 9px 0 #000;color:var(--ink)}
.btn--red{background:linear-gradient(145deg,var(--accent2),var(--accent));border-color:var(--accent);color:#fff;box-shadow:5px 5px 0 #7a2311}
.btn--red:hover{box-shadow:9px 9px 0 #7a2311;color:#fff}
.btn--ink{background:var(--ink);color:var(--dark);border-color:var(--ink);box-shadow:5px 5px 0 var(--accent)}
.btn--ink:hover{color:var(--dark);box-shadow:9px 9px 0 var(--accent)}
.stk{background:var(--paper);border-color:var(--bd);box-shadow:3px 3px 0 #000;color:var(--ink)}
.stk--y{background:var(--saff);border-color:var(--saff);color:var(--dark)}
.hl .g{color:var(--green)}
.hl .y{background:var(--saff);color:var(--dark);border-color:var(--saff);box-shadow:8px 8px 0 var(--accent)}
.hlu span:nth-child(2){color:var(--green) !important}
.cbtn{background:var(--paper);border-color:var(--bd);color:var(--ink);box-shadow:4px 4px 0 #000}
.cbtn.on{background:var(--accent);color:var(--dark);border-color:var(--accent);box-shadow:4px 4px 0 #7a2311}
.sun{background:repeating-conic-gradient(rgba(232,72,43,.55) 0 7.5deg,rgba(245,181,68,.22) 7.5deg 15deg)}
.arch{border-color:var(--bd);background:#000;box-shadow:14px 14px 0 var(--accent)}
.board{background:var(--paper);border-color:var(--bd);box-shadow:6px 6px 0 #000}
.board .ur{color:var(--saff)}
.tag::before{border-color:var(--muted)}
.tag a{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:4px 4px 0 #7a2311}
.seal{background:var(--saff);border-color:var(--saff);box-shadow:5px 5px 0 #000}
.seal text{fill:var(--dark)}
.seal i{background:var(--dark);color:var(--saff)}
.arrow path{stroke:var(--muted)}
.arrow text{fill:var(--muted)}
.hstores .mstore{background:var(--ink);color:var(--dark);border-color:var(--ink)}
.hstores .mstore:hover{color:var(--dark)}
.hstores .mstore--soon{background:transparent;color:var(--ink);border-color:var(--bd)}
.hstores .mstore--soon:hover{color:var(--ink)}
.band{color:var(--dark)}
.flw path{stroke:var(--dark)}
.flw circle{fill:var(--saff);stroke:var(--dark)}
.red{color:var(--dark)}
.red .kick,.red .lede{color:var(--dark)}
.clock{background:var(--paper);border-color:var(--dark);box-shadow:16px 16px 0 var(--dark)}
.clock::before{background:repeating-conic-gradient(var(--ink) 0 1deg,transparent 1deg 30deg)}
.slice{background:conic-gradient(var(--accent) 0 var(--deg),transparent 0)}
.hand{background:var(--ink)}
.pin{border-color:var(--dark)}
.clock .t9,.clock .t930{color:var(--ink)}
.tm{border-color:var(--dark) !important}
.orn i{border-color:var(--bd)}
.fcard{background:var(--paper);border-color:var(--bd);box-shadow:10px 10px 0 #000}
.fcw:hover .fcard{box-shadow:16px 16px 0 var(--accent)}
.fvis{background:var(--plate);border-bottom-color:var(--bd)}
.fhead .u{background:var(--saff);color:var(--dark);border-color:var(--saff)}
.fbody p{color:var(--muted)}
.fchip{background:var(--input);color:var(--saff)}
.dchip{background:var(--input);color:var(--ink)}
.dchip i{border-color:var(--bd)}
.offer{background:var(--paper);border-color:var(--bd)}
.offer__img{border-color:var(--bd)}
.deal{border-color:var(--dark);color:#fff}
.ordb{background:var(--ink);color:var(--dark)}
.map{background:#1f1c19;background-image:linear-gradient(90deg,rgba(245,241,236,.05) 2px,transparent 2px),linear-gradient(rgba(245,241,236,.05) 2px,transparent 2px)}
.road{background:#2c2622}
.map .me{background:var(--blue);border-color:var(--ink);box-shadow:0 0 0 3px var(--dark)}
.map .me::before,.map .me::after{border-color:var(--blue)}
.mp{border-color:var(--dark)}
.lm{background:var(--paper);border-color:var(--bd);color:var(--ink)}
.lm b{background:var(--saff)}
.lm span:first-of-type{color:var(--dark)}
.sbox{background:var(--input);border-color:var(--bd);color:var(--ink)}
.sbox svg{stroke:var(--ink)}
.sres{background:rgba(245,241,236,.06)}
.sres i{color:var(--dark)}
.stars svg{fill:#2c2622}
.clr{background:var(--paper);border-color:var(--bd);color:var(--ink)}
.clr svg{stroke:var(--dark)}
.bub.them{background:var(--input);color:var(--ink)}
.bub.me{color:var(--dark)}
.wave i{background:var(--ink)}
.heart{background:var(--paper);border-color:var(--bd)}
.heart svg{stroke:var(--dark)}
.cod{background:var(--green);color:var(--dark);border-color:var(--green)}
.biz{background:var(--paper2);--zc:var(--paper2)}
.ghost{-webkit-text-stroke:2px rgba(245,241,236,.08)}
.rail__bar{border-color:var(--dark)}
.tkt{background:#f5f1ec;color:var(--dark);border-color:#f5f1ec}
.tkt::before{border-color:var(--dark)}
.tkt hr{border-top-color:var(--dark)}
.tkt .st{border-color:var(--dark);color:var(--dark)}
.s3 b{color:var(--accent)}
.s3 p{color:var(--muted)}
.capc{background:var(--paper);color:var(--ink);border-color:var(--bd);filter:drop-shadow(10px 10px 0 #000)}
.capc .k{color:var(--saff)}
.capc p{color:var(--muted)}
.capc .ft{border-top-color:var(--bd);color:var(--muted)}
.printer__top{background:#000;border-color:var(--bd)}
.rcpt{background:#f5f1ec;color:var(--dark)}
.rcpt hr{border-top-color:var(--dark)}
.pl svg{background:var(--saff);stroke:var(--dark)}
.staff{background:var(--page);--zc:var(--page)}
.staff .h2,.staff .kick{color:var(--ink)}
.strap{border-color:var(--accent)}
.badge{background:var(--paper);border-color:var(--bd);box-shadow:10px 10px 0 #000}
.badge::before{background:var(--page)}
.ava{border-color:var(--bd)}
.ava svg{stroke:var(--dark) !important}
.bars i{background:var(--ink)}
.plist li{border-top-color:var(--bd) !important}
.plist li:last-child{border-bottom-color:var(--bd) !important}
.plist .n{color:var(--accent)}
.plist p{color:var(--muted)}
.trust{background:var(--paper2);--zc:var(--paper2)}
.tcard{border-color:var(--bd);background:var(--paper)}
.tvis{background:var(--plate)}
.mrr{background:var(--input);color:var(--ink)}
.mrr em{background:rgba(245,241,236,.15)}
.qsw{border-color:var(--bd)}
.qsw b{background:var(--saff)}
.dl{color:var(--dark)}
.dl .sun{background:repeating-conic-gradient(rgba(245,181,68,.5) 0 7.5deg,transparent 7.5deg 15deg)}
.dl .kick,.dl .lede{color:var(--dark)}
.giant{-webkit-text-stroke-color:var(--dark);background:linear-gradient(90deg,var(--dark) 0 50%,transparent 50% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
.store{background:var(--dark);color:var(--ink);border-color:var(--dark);box-shadow:7px 7px 0 #7a2311}
.store:hover{color:var(--ink)}
.store--soon{background:transparent;color:var(--dark);border-color:var(--dark);box-shadow:none}
.store--soon:hover{color:var(--dark)}
.q{border-color:var(--bd) !important}
.q__b{color:var(--ink)}
.pl2{background:var(--paper);border-color:var(--bd)}
.pl2::before,.pl2::after{background:var(--ink)}
.q.open .pl2{background:var(--accent);border-color:var(--accent)}
.q.open .pl2::before,.q.open .pl2::after{background:var(--dark)}
.ans{color:var(--muted)}
.slip{background:var(--paper);border-color:var(--bd);box-shadow:14px 14px 0 #000}
.field input,.field select,.field textarea{background:var(--input);border-color:var(--bd);color:var(--ink)}
.sent{background:var(--green);color:var(--dark)}
.foot{background:var(--paper2);--zc:var(--paper2)}
.fmq span:nth-child(odd){color:var(--accent)}
.soc a{border-color:var(--bd)}
.soc a:hover{background:var(--accent);color:var(--dark)}
.fstores .mstore{background:var(--ink);color:var(--dark);border-color:var(--ink)}
.fstores .mstore:hover{color:var(--dark)}
.fstores .mstore--soon{background:transparent;color:var(--ink);border-color:var(--bd)}
.fstores .mstore--soon:hover{color:var(--ink)}
.foot .brand img{border-color:var(--bd)}
.lede{color:var(--muted)}
.hero .lede{color:var(--ink)}

/* ── site extras ── */
[hidden]{display:none !important}
html{color-scheme:dark;scroll-behavior:smooth;background:#0f0e0d}
.bt{--accent:#e8482b}
.bt :focus-visible{outline:3px solid var(--saff);outline-offset:3px;border-radius:6px}
.bt .btn{white-space:nowrap}
.bt .btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0}
.form-err{margin:0;padding:12px 16px;border-radius:14px;background:rgba(239,68,68,.12);border:2px solid rgba(239,68,68,.5);color:#f87171;font-weight:600}
.js .q:not(.open) .ans{display:none}
.io-reveal .rv:not(.is-in),.io-reveal .rvs:not(.is-in){opacity:0;transform:translateY(50px)}
.io-reveal .rv,.io-reveal .rvs{transition:opacity .8s var(--ease),transform .8s var(--ease)}

/* ── Text on red is white ─────────────────────────────────────────────
   Every red (accent) container uses white text and white glyphs instead
   of the near-black it used before. */
.bt ::selection{color:#fff}
.lang button.on,.cbtn.on,.soc a:hover,.lnk.on,.hh .acc,.fpill.on,.fpill.active,.mq-band,.dlg__a span.go,.btn--red,.btn--acc:not(.end .btn--acc){color:#fff}
.q.open .plus::before,.q.open .plus::after,.sec.open .plus::before,.sec.open .plus::after,.q.open .pl2::before,.q.open .pl2::after{background:#fff}
.end h2,.end .mono,.end .mono .acc,.end p{color:#fff !important}

/* "Watch it at 9" — on black instead of red */
.red{background:#000;--zc:#000;color:var(--ink)}
.red .kick,.red .lede{color:var(--ink)}
.clock{border-color:var(--bd);box-shadow:16px 16px 0 var(--accent)}
.pin{border-color:#000}
.tm{border-color:var(--bd) !important}
/* "EAT." band — text on the red is white */
.dl,.dl .kick,.dl .lede{color:#fff}
.giant{-webkit-text-stroke-color:#fff;background:linear-gradient(90deg,#fff 0 50%,transparent 50% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}
.store--soon,.store--soon:hover{color:#fff;border-color:#fff}
/* FAQ heading: sized to its own column so "answered." never runs into the answers */
.fgrid > div:first-child{container-type:inline-size;min-width:0}
.faqs .h2{font-size:min(clamp(44px,6.4vw,104px),14cqi)}
/* Link to the support page: red text, no underline */
.faq-link{color:var(--accent) !important;font-weight:700;text-decoration:none}
.faq-link:hover{color:var(--accent2,#f2613f) !important}