.fp-appx{padding:clamp(40px,6vw,90px) 0}.fp-appx__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,80px);overflow:hidden;padding:clamp(36px,5vw,76px);border-radius:32px;color:#fff9ec;background:radial-gradient(120% 90% at 100% 0%,#2f5a40 0%,transparent 60%),linear-gradient(160deg,#22402f,#183024);isolation:isolate}.fp-appx__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.08;background-image:radial-gradient(#fff9ec 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.fp-appx__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:#efba44;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.fp-appx__eyebrow img{width:28px;height:28px;border-radius:7px;box-shadow:0 4px 12px #00000040}.fp-appx h2{max-width:560px;margin:0;color:#fff9ec;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-size:clamp(40px,4.6vw,68px);font-weight:500;letter-spacing:-.045em;line-height:.95;text-wrap:balance}.fp-appx h2 em{color:#efba44;font-style:italic}.fp-appx__lede{max-width:520px;margin:20px 0 0;color:#fff9ecbd;font-size:clamp(15px,1.2vw,17px);line-height:1.6}.fp-appx__tour{display:grid;gap:4px;max-width:540px;margin:28px 0 0}.fp-appx__tour button{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:12px;width:100%;overflow:hidden;padding:12px 14px 13px;border:0;border-radius:14px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer;transition:background .3s ease}.fp-appx .fp-appx__tour button{height:auto!important;min-height:0;padding:12px 14px 13px!important;border:0!important;border-radius:14px!important;color:#fff9ec!important;background:transparent!important;box-shadow:none!important;font-weight:inherit!important;letter-spacing:normal;text-transform:none;transform:none!important;transition:background .3s ease!important}.fp-appx .fp-appx__tour button:hover{background:#fff9ec0d!important}.fp-appx .fp-appx__tour button.is-on{background:#fff9ec17!important}.fp-appx__tour button:focus-visible{outline:2px solid #efba44;outline-offset:2px}.fp-appx__num{padding-top:2px;color:#fff9ec66;font-size:12px;font-weight:900;letter-spacing:.06em;transition:color .3s ease}.fp-appx__tour button.is-on .fp-appx__num{color:#efba44}.fp-appx__step b{display:block;color:#fff9ecb8;font-size:16px;font-weight:800;transition:color .3s ease}.fp-appx__tour button.is-on .fp-appx__step b{color:#fff9ec}.fp-appx__step small{display:block;max-height:0;overflow:hidden;color:#fff9eca8;font-size:13.5px;line-height:1.5;opacity:0;transition:max-height .45s ease,opacity .35s ease,margin .45s ease}.fp-appx__tour button.is-on .fp-appx__step small{max-height:64px;margin-top:4px;opacity:1}.fp-appx__tour i{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:#efba44;transform:scaleX(0);transform-origin:left center}.fp-appx__tour button.is-on i{transform:scaleX(1)}.fp-appx__get{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:30px}.fp-appx__store{flex:0 0 auto;line-height:0;border-radius:12px;box-shadow:0 0 0 1.5px #fff9ec8c,0 12px 26px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.fp-appx__store:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px #efba44,0 16px 30px #00000059}.fp-appx__store img{width:170px;height:auto}.fp-appx__qr{display:flex;align-items:center;gap:14px;max-width:250px;color:#fff9ecb3;font-size:12.5px;line-height:1.45}.fp-appx__qr b{display:block;color:#fff9ec}.fp-appx__qr-code{flex:0 0 auto;width:78px;height:78px;padding:7px;border-radius:12px;background:#fff9ec;box-shadow:0 8px 20px #00000040}.fp-appx__qr-code svg{display:block;width:100%;height:100%}.fp-appx__facts{margin:18px 0 0;color:#fff9ec80;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.fp-appx__stage{position:relative;display:grid;place-items:center;min-height:600px;perspective:1400px}.fp-appx__glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(239,186,68,.55) 0%,rgba(239,186,68,.16) 45%,transparent 70%);filter:blur(6px)}.fp-appx__phone{position:relative;z-index:2;width:min(300px,70%);aspect-ratio:438 / 935;padding:11px;border-radius:48px;background:linear-gradient(145deg,#3a3633,#121110 55%,#2b2826);box-shadow:inset 0 0 0 1.5px #ffffff24,0 40px 70px #00000073,0 12px 24px #0000004d;transform:rotateY(var(--tilt-y, -9deg)) rotateX(var(--tilt-x, 4deg)) rotate(2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.fp-appx__screens{position:relative;width:100%;height:100%;overflow:hidden;border-radius:38px;background:#f5f2ed}.fp-appx__screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.04);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.fp-appx__screen.is-on{opacity:1;transform:none}.fp-appx__island{position:absolute;top:20px;left:50%;width:30%;height:22px;border-radius:20px;background:#0b0a0a;transform:translate(-50%)}.fp-appx__print{position:absolute;z-index:1;width:30%;margin:0;padding:7px 7px 22px;background:#fffdf7;box-shadow:0 18px 34px #00000059}.fp-appx__print img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.fp-appx__print--one{top:8%;left:0;transform:rotate(-11deg)}.fp-appx__print--two{top:18%;right:0;width:26%;transform:rotate(9deg)}.fp-appx__print--three{bottom:7%;left:5%;width:27%;transform:rotate(6deg);z-index:3}.fp-appx__toast{position:absolute;z-index:4;right:0;bottom:16%;display:flex;align-items:center;gap:10px;width:min(270px,78%);padding:11px 13px;border-radius:18px;color:#24201d;background:#fffdf7f0;box-shadow:0 18px 36px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fp-appx__toast img{flex:0 0 auto;width:34px;height:34px;border-radius:9px}.fp-appx__toast span{flex:1 1 auto;min-width:0}.fp-appx__toast b{display:block;font-size:13px;font-weight:800}.fp-appx__toast small{display:block;overflow:hidden;color:#6b635a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.fp-appx__toast em{align-self:flex-start;color:#8d847a;font-size:11px;font-style:normal}@media(prefers-reduced-motion:no-preference){.fp-appx.is-touring .fp-appx__tour button.is-on i{animation:fp-appx-progress var(--tour-ms, 4.2s) linear both}.fp-appx.is-paused .fp-appx__tour button.is-on i{animation-play-state:paused}.fp-appx__print--one{animation:fp-appx-bob 7s ease-in-out infinite}.fp-appx__print--two{animation:fp-appx-bob 8s -2s ease-in-out infinite reverse}.fp-appx__print--three{animation:fp-appx-bob 6.5s -4s ease-in-out infinite}.fp-appx__glow{animation:fp-appx-breathe 6s ease-in-out infinite}.fp-appx__toast.is-popping{animation:fp-appx-toast .6s cubic-bezier(.2,1.3,.4,1) both}}@keyframes fp-appx-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fp-appx-bob{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes fp-appx-breathe{0%,to{scale:1;opacity:.9}50%{scale:1.08;opacity:1}}@keyframes fp-appx-toast{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}@media(max-width:960px){.fp-appx__panel{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:36px 24px 30px}.fp-appx__copy{display:contents}.fp-appx__eyebrow{order:1;align-self:flex-start}.fp-appx h2{order:2}.fp-appx__lede{order:3}.fp-appx__stage{order:4;min-height:0;margin:26px 0 6px;padding:10px 0}.fp-appx__tour{order:5;max-width:none}.fp-appx__get{order:6}.fp-appx__facts{order:7}.fp-appx__phone{width:min(250px,62%)}}@media(hover:none),(max-width:760px){.fp-appx__qr{display:none}.fp-appx__store img{width:190px}}@media(max-width:560px){.fp-appx{padding:28px 0}.fp-appx__panel{border-radius:24px}.fp-appx__get{justify-content:center}.fp-appx__facts{text-align:center}.fp-appx__phone{width:min(230px,64%);border-radius:40px;padding:9px}.fp-appx__screens{border-radius:32px}.fp-appx__island{top:16px;height:18px}.fp-appx__toast{bottom:10%;width:min(250px,84%)}.fp-appx__toast small{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/fp-app-tour.css.map */