/* Home: Download our app (home page type system) */
.app{--gold:#c9a76c;position:relative;overflow:hidden;background:#101311;color:#fff;padding:50px 6% 44px;font-family:Inter,Arial,sans-serif;font-weight:300}
.app:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 80% at 78% 50%,rgba(201,167,108,.16),transparent 70%),radial-gradient(40% 50% at 8% 100%,rgba(201,167,108,.08),transparent 70%);pointer-events:none}
.app-in{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:4%;align-items:center;max-width:1280px;margin:0 auto}
.app .ey{color:var(--gold)}
.app h2{font:400 clamp(34px,3.8vw,52px) "Cormorant Garamond",serif;line-height:1;margin:10px 0 14px}
.app-sub{margin:0 0 8px;font:400 clamp(20px,1.8vw,25px)/1.3 "Cormorant Garamond",serif;color:#fff}
.app-text{margin:0 0 12px;max-width:470px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.9}
.app-feats{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid rgba(255,255,255,.18);max-width:500px}
.app-feats li{border-bottom:1px solid rgba(255,255,255,.18)}
.app-feats button{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:0 6px;width:100%;padding:6px 4px;border:0;background:transparent;color:rgba(255,255,255,.62);text-align:left;cursor:pointer;font:inherit;transition:color .3s,padding .3s}
.app-feats .n{font:400 18px/1 "Cormorant Garamond",serif;color:rgba(255,255,255,.4);transition:color .3s}
.app-feats .t{font:400 11px/1.3 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.app-feats .p{font:300 16px/1 Inter,sans-serif;text-align:right;color:var(--gold)}
.app-feats .d{grid-column:2/-1;display:block;max-height:0;overflow:hidden;opacity:0;margin:0;padding:0 4px 0 0;font:300 12.5px/1.8 Inter,sans-serif;color:rgba(255,255,255,.75);transition:max-height .5s ease,opacity .4s ease,padding .4s}
.app-feats button:hover{color:#fff;padding-left:8px}
.app-feats li.on button{color:#fff}
.app-feats li.on .n{color:var(--gold)}
.app-feats li.on .d{max-height:64px;opacity:1;padding-bottom:10px}
.app-feats button:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}
.app-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.store{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 16px;border:1px solid rgba(255,255,255,.55);background:#000;color:#fff;text-decoration:none;cursor:pointer;transition:background .3s,color .3s,border-color .3s;position:relative}
.store svg{width:26px;height:26px;fill:currentColor}
.store span{display:flex;flex-direction:column;gap:3px;text-align:left}
.store small{font:300 9px/1 Inter,sans-serif;letter-spacing:.06em}
.store b{font:400 16px/1 Inter,sans-serif;letter-spacing:.01em}
.store:hover,.store:focus-visible{background:#f4f0e8;color:#101311;border-color:#f4f0e8}
.store:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.store .soon{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);white-space:nowrap;padding:7px 10px;background:var(--gold);color:#101311;font:400 9px/1 Inter,sans-serif;letter-spacing:1.6px;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.store.flash .soon{opacity:1;transform:translateX(-50%)}
.app-sms{max-width:500px;max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .55s cubic-bezier(.22,.61,.36,1),opacity .4s,margin .4s}
.app-sms.open{max-height:130px;opacity:1;margin-top:18px}
.store.ghost{background:transparent;border-style:dashed;gap:10px;padding:14px 20px;font:300 9px/1 Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.store.ghost b{font:300 18px/1 Inter,sans-serif;width:12px;text-align:center}
.app-sms label{display:block;margin-bottom:10px;font:300 9px/1 Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.6)}
.app-sms div{display:flex;gap:0}
.app-sms input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.4);border-right:0;background:rgba(255,255,255,.06);color:#fff;font:300 13px/1 Inter,sans-serif;border-radius:0}
.app-sms input::placeholder{color:rgba(255,255,255,.4)}
.app-sms input:focus{outline:0;border-color:var(--gold)}
.app-sms button{padding:0 22px;border:1px solid #f4f0e8;background:#f4f0e8;color:#101311;font:400 9px/1 Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}
.app-sms button:hover{background:transparent;color:#fff}
.app-sms p{min-height:1.4em;margin:10px 0 0;font:300 12px/1.5 Inter,sans-serif;color:var(--gold)}
.app-sms p.err{color:#f0a0a8}

/* phones */
.app-stage{position:relative;height:556px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.app-stage.drag{cursor:grabbing}
.app-stage.drag .phone{transition:none}
.phone{position:absolute;left:50%;top:0;width:244px;height:508px;margin-left:-122px;border-radius:40px;background:#050505;padding:10px;box-shadow:0 40px 70px -26px rgba(0,0,0,.85),inset 0 0 0 2px #2a2d2b,inset 0 0 0 5px #0a0a0a;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .6s ease,filter .6s ease;will-change:transform}
.phone[data-pos="0"]{transform:translateX(var(--dx,0px));z-index:5}
.phone[data-pos="1"]{transform:translateX(calc(142px + var(--dx,0px))) scale(.8) rotate(4deg);opacity:.5;filter:blur(1.5px) brightness(.8);z-index:3;cursor:pointer}
.phone[data-pos="-1"]{transform:translateX(calc(-142px + var(--dx,0px))) scale(.8) rotate(-4deg);opacity:.5;filter:blur(1.5px) brightness(.8);z-index:3;cursor:pointer}
.phone[data-pos="2"]{transform:translateX(calc(250px + var(--dx,0px))) scale(.64) rotate(7deg);opacity:0;pointer-events:none;z-index:1}
.phone[data-pos="-2"]{transform:translateX(calc(-250px + var(--dx,0px))) scale(.64) rotate(-7deg);opacity:0;pointer-events:none;z-index:1}
.phone:not([data-pos="0"]) .scr{pointer-events:none}
.phone:before{content:"";position:absolute;left:50%;top:14px;width:86px;height:22px;margin-left:-43px;border-radius:14px;background:#050505;z-index:4}
.scr{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#f7f3eb;color:#171816;font-family:Inter,Arial,sans-serif}
.s-top{padding:44px 16px 10px;background:#fff;border-bottom:1px solid #ece5d8}
.s-logo{font:400 11px/1 "Cormorant Garamond",serif;letter-spacing:.3em;text-transform:uppercase;text-align:center;color:#171816}
.s-bar{margin-top:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f1ece2;font:300 11px/1 Inter,sans-serif;color:#6a625b}
.s-bar svg,.s-ico{width:14px;height:14px;fill:none;stroke:#6a625b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.s-chips{display:flex;gap:6px;padding:10px 14px 4px}
.s-chips span{padding:7px 11px;border-radius:20px;border:1px solid #d9d0c0;font:400 9.5px/1 Inter,sans-serif;color:#494741;background:#fff}
.s-chips span.on{background:#171816;color:#fff;border-color:#171816}
.s-card{margin:10px 14px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 18px -12px rgba(0,0,0,.35)}
.s-card .im{height:112px;background:#ddd}
.s-card .im img,.s-hero img{width:100%;height:100%;object-fit:cover;display:block}
.s-card .b{padding:10px 12px 12px}
.s-card .p{font:400 17px/1 "Cormorant Garamond",serif}
.s-card .a{margin-top:5px;font:400 10px/1.3 Inter,sans-serif;color:#494741}
.s-card .l{margin-top:3px;font:300 9px/1.3 Inter,sans-serif;color:#6a625b;letter-spacing:.08em;text-transform:uppercase}
.s-tab{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:10px 6px 16px;background:#fff;border-top:1px solid #ece5d8}
.s-tab i{display:block;width:34px;height:3px;border-radius:2px;background:#e1d9c9}
.s-tab i.on{background:#a88a55}
.s-map{position:absolute;inset:92px 0 0;background:#e8e6da}
.s-map svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;padding:5px 8px;border-radius:14px;background:#171816;color:#fff;font:400 9.5px/1 Inter,sans-serif;box-shadow:0 6px 12px -4px rgba(0,0,0,.5);animation:pinpop 2.4s ease-in-out infinite}
.pin.g{background:#a88a55}
.pin:after{content:"";position:absolute;left:50%;bottom:-4px;margin-left:-4px;border:4px solid transparent;border-top-color:inherit;border-bottom:0}
@keyframes pinpop{50%{transform:translateY(-3px)}}
.s-map .s-card{position:absolute;left:0;right:0;bottom:56px;margin:0 12px}
.s-map .s-card .im{height:70px}
.s-hero{height:210px;position:relative;background:#ddd}
.s-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 65%,rgba(0,0,0,.35))}
.s-hero span{position:absolute;z-index:2;left:14px;top:40px;padding:6px 9px;border-radius:14px;background:rgba(255,255,255,.9);font:400 9px/1 Inter,sans-serif}
.s-body{padding:14px 16px}
.s-body .p{font:400 24px/1 "Cormorant Garamond",serif}
.s-body .a{margin-top:6px;font:400 11.5px/1.4 Inter,sans-serif;color:#494741}
.s-facts{display:flex;gap:8px;margin:12px 0}
.s-facts div{flex:1;padding:9px 6px;border-radius:10px;background:#fff;text-align:center;font:300 9px/1.4 Inter,sans-serif;color:#6a625b}
.s-facts b{display:block;font:400 15px/1 "Cormorant Garamond",serif;color:#171816}
.s-btn{display:block;width:100%;margin-top:8px;padding:12px;border-radius:10px;border:0;background:#171816;color:#fff;font:400 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.s-btn.o{background:#fff;color:#171816;border:1px solid #d9d0c0}
.s-h{padding:44px 16px 6px;font:400 22px/1 "Cormorant Garamond",serif}
.s-sub{padding:0 16px 8px;font:300 10px/1.5 Inter,sans-serif;color:#6a625b}
.s-row{display:flex;align-items:center;gap:10px;margin:8px 14px 0;padding:12px;border-radius:12px;background:#fff;box-shadow:0 6px 14px -10px rgba(0,0,0,.3)}
.s-row .t{flex:1;font:400 11px/1.35 Inter,sans-serif}
.s-row .t small{display:block;font:300 9px/1.3 Inter,sans-serif;color:#6a625b;margin-top:2px}
.tg{position:relative;width:38px;height:22px;border:0;border-radius:12px;background:#d9d0c0;cursor:pointer;flex:0 0 auto;transition:background .3s;padding:0}
.tg:after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s}
.tg[aria-pressed="true"]{background:#a88a55}
.tg[aria-pressed="true"]:after{transform:translateX(16px)}
.s-days{display:flex;gap:6px;padding:4px 14px 4px}
.s-days button{flex:1;padding:8px 0;border:1px solid #d9d0c0;border-radius:10px;background:#fff;font:400 9px/1.5 Inter,sans-serif;color:#494741;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s,opacity .25s}
.s-days button b{display:block;font:400 15px/1.2 "Cormorant Garamond",serif;color:#171816}
.s-days button[aria-pressed="true"]{background:#171816;border-color:#171816;color:#fff}
.s-days button[aria-pressed="true"] b{color:#fff}
.s-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px 14px}
.s-slots button{padding:10px;border:1px solid #d9d0c0;border-radius:10px;background:#fff;font:400 10px/1 Inter,sans-serif;cursor:pointer;color:#171816;transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s,opacity .25s}
.s-slots button[aria-pressed="true"]{background:#a88a55;border-color:#a88a55;color:#fff}
.s-ok{margin:10px 14px 0;padding:11px 12px;border-radius:10px;background:#e8efe4;color:#2d5a34;font:400 10px/1.4 Inter,sans-serif;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.s-ok.show{opacity:1;transform:none}
.app-ctl{position:absolute;left:0;right:0;bottom:0;z-index:8;display:flex;justify-content:center;align-items:center;gap:18px}
.app-ctl>button{width:38px;height:38px;border:1px solid rgba(255,255,255,.45);background:rgba(16,19,17,.7);color:#fff;cursor:pointer;font-size:15px;transition:background .25s,color .25s}
.app-ctl>button:hover{background:#f4f0e8;color:#101311}
.app-dots{display:flex;gap:9px}
.app-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;position:relative;transition:background .3s,transform .3s}
.app-dots button:before{content:"";position:absolute;inset:-9px}
.app-dots button[aria-current="true"]{background:var(--gold);transform:scale(1.4)}
.app-note{position:relative;max-width:1280px;margin:30px auto 0;font:300 11px/1.5 Inter,sans-serif;color:rgba(255,255,255,.45)}
.app button:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
@media(max-width:980px){.app-in{grid-template-columns:1fr;gap:34px}.app-stage{order:-1;height:600px}}
@media(max-width:560px){.app{padding:44px 6% 44px}.phone[data-pos="1"]{transform:translateX(116px) scale(.74) rotate(4deg)}.phone[data-pos="-1"]{transform:translateX(-116px) scale(.74) rotate(-4deg)}.app-stage{height:572px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.phone,.pin{transition:none;animation:none}.app-feats .d{transition:none}}

.phone img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.app-sms input:focus-visible{outline:2px solid var(--gold,#d8b45a);outline-offset:3px}