:root{color-scheme:dark;--bg:#07090a;--ink:#fff;--green:#42ef88;--purple:#bc9bff;--muted:#c4c9c7;--line:#ffffff3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block}.topbar{position:fixed;z-index:40;left:0;right:0;top:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,100px);background:linear-gradient(#050606af,#05060600)}.topbar.scrolled{background:#090b0bee;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff1f}.wordmark{font-weight:950;letter-spacing:-.075em;font-size:clamp(19px,2vw,26px);white-space:nowrap}.wordmark span{color:var(--green)}.nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:750}.nav a:not(.pill):hover{color:var(--green)}.pill,.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:#07140b;border-radius:999px;padding:14px 22px;font-weight:850;font-size:15px;transition:transform .2s,background .2s}.pill:hover,.btn:hover{transform:translateY(-2px);background:#8cf7b4}.btn.dark{background:#141718;color:#fff;border:1px solid #ffffff82}.btn.dark:hover{background:#242829}.menu-button{display:none;background:none;color:#fff;border:0;font-size:29px;cursor:pointer}.stage{min-height:850px;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;isolation:isolate}.stage>.backdrop,.stage>.backdrop-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050707e8 0%,#050707c5 31%,#05070754 65%,#0507075e 100%)}.stage.soft:before{background:linear-gradient(90deg,#070909d9 0%,#0709098c 48%,#0709099b 100%)}.stage.reverse:before{background:linear-gradient(90deg,#0709095a 0%,#07090990 46%,#070909eb 100%)}.stage .inner{width:min(1320px,calc(100% - 100px));margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:120px 0 85px}.copy{max-width:620px}.reverse .copy{grid-column:2;grid-row:1}.reverse .visual{grid-column:1;grid-row:1}.eyebrow{display:block;color:var(--green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.19em;margin-bottom:20px}.stage h1,.stage h2{font-size:clamp(53px,6vw,94px);line-height:.98;letter-spacing:-.075em;margin:0 0 23px;font-weight:880}.stage h1{font-size:clamp(64px,7.5vw,120px)}.stage p{font-size:clamp(17px,1.55vw,21px);color:#e0e4e1;line-height:1.5;max-width:550px;margin:0 0 28px}.highlight{color:var(--green)}.purple{color:var(--purple)}.actions{display:flex;flex-wrap:wrap;gap:12px}.visual{position:relative;display:grid;place-items:center;min-height:440px}.screen{width:min(100%,410px);background:#121619;border:1px solid #ffffff5e;border-radius:33px;padding:14px;box-shadow:0 40px 90px #000a;transform:rotate(4deg)}.screen-img{height:260px;width:100%;object-fit:cover;border-radius:22px}.screen-body{padding:20px 10px 11px}.screen-tag{display:inline-block;font-size:11px;color:#07140b;background:var(--green);border-radius:100px;font-weight:900;letter-spacing:.08em;padding:7px 10px}.screen h3{font-size:25px;letter-spacing:-.05em;margin:14px 0 7px}.screen p{font-size:14px;margin:0;color:#b7bfba}.screen-row{border-top:1px solid #ffffff35;margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;gap:15px;font-size:14px}.screen-row b{color:var(--green)}.float-note{position:absolute;bottom:15px;left:-4%;transform:rotate(-5deg);border:1px solid #ffffff66;border-radius:18px;padding:14px 17px;background:#101414e8;box-shadow:0 15px 40px #0008;font-weight:800;font-size:14px}.float-note em{color:var(--green);font-style:normal}.caption{position:absolute;right:5%;bottom:27px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#e7ece7}.vertical-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:10px}.vertical-dots a{height:8px;width:8px;background:#ffffff77;border-radius:50%}.vertical-dots a:hover,.vertical-dots a.active{background:var(--green);transform:scale(1.35)}.search-box{width:min(100%,470px);border-radius:29px;border:1px solid #ffffff72;background:#101416ed;box-shadow:0 35px 85px #000b;padding:27px;transform:rotate(-3deg)}.search-box .input{background:#fff;color:#111;border-radius:15px;padding:18px;font-size:21px;font-weight:760;margin:21px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{border:1px solid #ffffff66;border-radius:99px;padding:8px 12px;font-size:13px}.search-result{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff42;margin-top:22px;padding-top:20px}.search-result img{width:83px;height:76px;object-fit:cover;border-radius:12px}.search-result strong{display:block;font-size:18px}.search-result small{color:#bfc7c1}.journey-card{width:min(100%,440px);border:1px solid #ad8fdb;background:#181322e8;border-radius:28px;padding:25px;box-shadow:0 35px 75px #000b;transform:rotate(3deg)}.journey-card .top{display:flex;justify-content:space-between;color:#d7cce4;font-size:12px;letter-spacing:.08em}.journey-card h3{font-size:32px;margin:33px 0 5px}.journey-card p{font-size:15px}.journey-moments{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.journey-moments img{width:100%;height:140px;object-fit:cover;border-radius:14px}.journey-card .url{margin-top:20px;background:#fff;color:#161219;padding:13px;border-radius:12px;font-size:13px;font-weight:800}.ribbon{background:var(--green);color:#051107;display:flex;gap:36px;overflow:hidden;white-space:nowrap;padding:17px 0;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:14px}.ribbon span{flex:none}.mini-block{max-width:480px;background:#101314e8;border:1px solid #ffffff5c;border-radius:25px;padding:30px;box-shadow:0 30px 70px #0009}.mini-block h3{font-size:34px;line-height:1.04;letter-spacing:-.05em;margin:15px 0}.mini-block p{font-size:16px}.amount{font-size:95px;line-height:1;color:var(--green);font-weight:950;letter-spacing:-.09em}.link-line{display:inline-block;margin-top:8px;color:var(--green);font-weight:850;text-decoration:underline;text-underline-offset:5px}.explore-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:14px}.explore-grid a{position:relative;border-radius:23px;overflow:hidden;border:1px solid #ffffff36;display:flex;align-items:flex-end;padding:23px;font-weight:850;font-size:24px;letter-spacing:-.04em}.explore-grid a:first-child{grid-row:span 2}.explore-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.explore-grid a:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent,#000c)}.explore-grid a:hover img{transform:scale(1.05)}.explore-grid img{transition:transform .4s}.footer{padding:90px max(35px,6vw);display:flex;justify-content:space-between;gap:45px;align-items:flex-start;background:#07090a}.footer p{max-width:420px;color:#b5bcb7;font-size:15px;line-height:1.5}.footer-links{display:flex;gap:50px;font-size:14px}.footer-links div{display:grid;gap:15px}.footer-links strong{color:var(--green)}.footer-links a:hover{color:var(--green)}.media-label{position:absolute;left:20px;bottom:20px;background:#080a0ac9;color:#e6e8e5;border:1px solid #fff7;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:37px}.feature-grid div{border:1px solid #ffffff5c;background:#101416cc;border-radius:18px;padding:22px;font-size:15px;line-height:1.45}.feature-grid b{display:block;font-size:17px;margin-bottom:8px;color:var(--green)}.promo{min-height:auto;padding:140px max(30px,7vw);background:radial-gradient(ellipse at 78% 40%,#253f2b,#11151a 50%,#080a0b 85%)}.promo-inner{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.promo h2{font-size:clamp(55px,6vw,90px);letter-spacing:-.08em;line-height:.98;margin:14px 0}.promo p{font-size:19px;color:#cbd1cb;line-height:1.5}.promo-price{border:1px solid #83eea3;border-radius:30px;padding:40px;background:#17231b}.promo-price .old{text-decoration:line-through;color:#b8c0b8;font-size:22px}.promo-price .new{font-size:clamp(75px,9vw,130px);font-weight:950;letter-spacing:-.1em;line-height:1;color:var(--green)}.promo-price .period{color:#e2eae3;font-size:22px}.promo-price ul{padding-left:20px;line-height:1.95;color:#d6e0d7;font-size:16px}.plans-section{padding:120px max(30px,7vw);background:#0e1112}.plans-section h2{font-size:clamp(48px,5vw,75px);line-height:1;letter-spacing:-.07em;margin:12px 0 20px}.plans-section>p{font-size:18px;color:#bbc3bd;max-width:700px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:45px}.plan{border:1px solid #ffffff40;border-radius:22px;background:#171b1c;padding:24px;display:flex;flex-direction:column;min-height:330px}.plan.featured{border:2px solid var(--green);background:#16251b}.plan .badge{color:var(--green);font-size:11px;font-weight:950;letter-spacing:.12em;min-height:20px}.plan h3{font-size:24px;letter-spacing:-.05em;margin:12px 0}.plan .cost{font-size:31px;font-weight:900}.plan .cost small{font-size:14px;font-weight:500}.plan p{font-size:15px;color:#c5cbc6;line-height:1.45}.plan ul{font-size:13px;line-height:1.55;padding-left:18px;color:#b8c2bb;margin:0 0 20px}.plan .rates{margin-top:auto;border-top:1px solid #ffffff38;padding-top:12px;font-size:14px;color:#cbd2cc}.plan a{color:var(--green);font-weight:850;margin-top:17px}.site-note{padding:18px max(30px,7vw);background:#181d1a;font-size:13px;color:#adb7ad;text-align:center}@media(max-width:900px){.topbar{height:68px;padding:0 20px}.menu-button{display:block}.nav{display:none;position:absolute;top:68px;left:15px;right:15px;background:#121616;border:1px solid #ffffff44;border-radius:17px;padding:22px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.stage{min-height:820px}.stage .inner{width:calc(100% - 42px);grid-template-columns:1fr;gap:28px;padding:105px 0 50px}.stage .copy,.reverse .copy{grid-column:1;grid-row:1}.stage .visual,.reverse .visual{grid-column:1;grid-row:2;min-height:320px}.stage h1{font-size:clamp(55px,11vw,85px)}.stage h2{font-size:clamp(48px,10vw,75px)}.stage:before,.stage.soft:before,.stage.reverse:before{background:linear-gradient(#0608088a,#060808c9 40%,#060808eb)}.screen{max-width:340px;transform:none}.screen-img{height:180px}.float-note{left:0;bottom:0}.search-box,.journey-card{transform:none}.vertical-dots{display:none}.promo-inner{grid-template-columns:1fr}.plans{grid-template-columns:1fr 1fr}.footer{flex-direction:column}.feature-grid{grid-template-columns:1fr}.explore-grid{grid-template-rows:160px 160px}}@media(max-width:570px){.stage p{font-size:17px}.stage .inner{padding-top:110px}.stage .visual{min-height:280px}.screen{max-width:290px}.screen-img{height:150px}.float-note{font-size:12px}.journey-moments img{height:110px}.actions .btn{width:100%}.plans{grid-template-columns:1fr}.promo{padding:105px 24px}.promo-price{padding:26px}.footer-links{flex-direction:column;gap:30px}.explore-grid a{font-size:18px;padding:14px}.ribbon{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.pill,.explore-grid img{transition:none}}
/* Full-page chapter navigation */
html{scroll-snap-type:y mandatory;scroll-padding-top:0}main>section,.footer{scroll-snap-align:start}.ribbon{scroll-snap-align:none}
/* A more editorial, venue-facing visual language */
.business-page{--green:#30db78;background:#e6ece5}.business-page .topbar{background:#0b100deF;color:#fff;border-bottom:1px solid #ffffff2b;backdrop-filter:blur(16px)}.business-page .topbar.scrolled{background:#0b100df5}.business-page .nav a:not(.pill):hover{color:#158843}.business-page .pill{color:#092011}.business-page #top{background:#e7efe8;color:#112018}.business-page #top:before{background:none}.business-page #top .backdrop-video{left:49%;width:51%;object-position:50% center}.business-page #top .inner{position:relative;z-index:1}.business-page #top h1,.business-page #top p{color:#112018}.business-page #top .eyebrow{color:#116d39}.business-page #top .btn.dark{color:#15231a;border-color:#58705e;background:#f7fbf7}.business-page #top .caption{color:#1e3327}.business-page #top .screen{transform:rotate(-3deg)}.business-page .ribbon{background:#14271b;color:#bcf7cb}.business-page #how{background:#dce8dd;color:#12221a}.business-page #how:before{background:linear-gradient(90deg,#e9efe9 0%,#dfe9e0f5 43%,#e0e9e180 100%)}.business-page #how h2,.business-page #how p{color:#10231a}.business-page #how .eyebrow{color:#126b38}.business-page #how .caption{color:#183723}.business-page #how .mini-block{background:#12241be8;color:white}.business-page #how .mini-block p{color:#e6f1e7}.business-page #how .mini-block .eyebrow{color:var(--green)}.business-page .vertical-dots a{background:#777d7688}.business-page .vertical-dots a.active{background:#24964c}.business-page .pill,.business-page .btn{background:#31e47c}.business-page .plans-section{background:#f1f5f1;color:#11231a}.business-page .plans-section>p{color:#4d6052}.business-page .plan{background:#fff;color:#15271a;border:1px solid #b9c9bc}.business-page .plan.featured{background:#e8f9eb;border:2px solid #189149}.business-page .plan p,.business-page .plan ul,.business-page .plan .rates{color:#405247}.business-page .plan .rates{border-color:#b5c9b8}.business-page .plan a,.business-page .plan .badge{color:#128544}.business-page .promo{background:radial-gradient(ellipse at 15% 40%,#e3efdf,#ccddcf 55%,#a7c3ad);color:#10231a}.business-page .promo p{color:#34513b}.business-page .promo .eyebrow{color:#167a3c}.business-page .promo-price{background:#112a1b;color:#fff}.business-page .promo-price .eyebrow{color:#69f39c}.business-page .promo-price p{color:#b9cabb!important}.business-page .footer{background:#13221a;color:#fff}
.business-section{min-height:100svh;padding:128px max(28px,7vw) 100px;background:#e9efe8;color:#11231a;display:flex;align-items:center}.business-section .content{width:min(1240px,100%);margin:auto}.business-section .eyebrow{color:#178043}.business-section h2{font-size:clamp(48px,5.7vw,82px);line-height:1.02;letter-spacing:-.075em;max-width:920px;margin:18px 0 25px}.business-section .lede{font-size:20px;color:#415949;line-height:1.5;max-width:750px}.perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.perspective{background:#fff;border:1px solid #c4d1c5;border-radius:22px;padding:29px;min-height:280px;box-shadow:0 17px 44px #183c2012}.perspective .role{color:#188548;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.perspective h3{font-size:28px;line-height:1.1;letter-spacing:-.045em;margin:24px 0 12px}.perspective p{color:#516157;font-size:17px;line-height:1.5;margin:0}.perspective em{display:block;margin-top:23px;font-style:normal;color:#1a8a47;font-weight:820;font-size:15px}.business-section .disclosure{font-size:13px;color:#687b6d;margin-top:18px}.onboarding{background:#11231a;color:#fff}.onboarding .eyebrow{color:#7df6a7}.onboarding .lede{color:#c6dacb}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.onboarding-step{border-top:2px solid #68e698;padding:26px 18px 0 0}.onboarding-step b{color:#8bf0ad;font-size:16px}.onboarding-step h3{font-size:29px;letter-spacing:-.05em;margin:45px 0 12px}.onboarding-step p{font-size:17px;color:#c5d7ca;line-height:1.5}.onboarding-cta{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:54px}.onboarding-cta span{font-size:16px;color:#b9cebf}.business-page .plan ul{min-height:112px}@media(max-width:900px){.business-page .menu-button{color:#fff}.business-page .nav{background:#101813;border-color:#57705e}.business-page #top .backdrop-video{left:0;top:0;width:100%;height:42%;opacity:.9}.business-page #top .inner{padding-top:290px}.business-page #top .visual{display:none}.business-page #top .caption{display:none}.business-page #how:before{background:linear-gradient(#eaf1eae8,#eaf1eaed)}.perspectives,.onboarding-grid{grid-template-columns:1fr}.business-section{padding:105px 24px 85px}.perspective{min-height:0}.business-page .plan ul{min-height:0}}@media(max-width:570px){.business-page #top .inner{padding-top:260px}.business-section h2{font-size:48px}.onboarding-step h3{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}
/* Keep the moving message inside the first snapped chapter. */
.stage>.ribbon{position:absolute;inset:auto 0 0;z-index:5;height:46px;align-items:center}.ribbon span{animation:message-crawl 20s linear infinite}@keyframes message-crawl{to{transform:translateX(calc(-100% - 36px))}}.stage:has(>.ribbon) .inner{padding-bottom:92px}
@media(max-width:900px){.business-page #top{min-height:100svh;background:#07100a;color:white}.business-page #top .backdrop-video{inset:0;width:100%;height:100%;object-position:61% 25%;opacity:1}.business-page #top:before{background:linear-gradient(0deg,#07100af7 0%,#07100ae0 42%,#07100a6b 76%,#07100a24 100%)}.business-page #top .inner{min-height:100svh;display:flex;align-items:flex-end;padding:140px 0 90px}.business-page #top .copy{max-width:650px}.business-page #top h1{font-size:clamp(48px,7.5vw,72px);color:#fff}.business-page #top p{color:#f0f5ee}.business-page #top .eyebrow{color:#8af5ad}.business-page #top .btn.dark{color:#fff;background:#07100b99;border-color:#d1e1d2}.business-page #top .visual{display:none}.business-page #top .caption{display:none}}
@media(max-width:570px){.business-page #top .inner{padding:110px 0 88px}.business-page #top h1{font-size:clamp(48px,12vw,60px);line-height:1.02}.business-page #top .backdrop-video{object-position:61% center}.stage>.ribbon{height:42px}.ribbon span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ribbon span{animation:none}}
.logo-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo{display:block;width:220px;height:42px;object-fit:cover;object-position:center;flex:none}.business-label{border:1px solid #a47aca;background:#2a1d3b;color:#ddbcff;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:950;letter-spacing:.12em;white-space:nowrap}.footer .brand-logo{width:205px;height:39px}@media(max-width:900px){.brand-logo{width:178px;height:35px}.business-label{font-size:10px;padding:7px 8px}.logo-lockup{gap:7px}}@media(max-width:420px){.brand-logo{width:155px;height:31px}.business-label{font-size:9px;padding:6px}.logo-lockup{gap:5px}}
/* Consumer landing page: stable media, visible hero ticker, and product previews. */
.home-page .stage>.backdrop{transform:none;animation:none;object-position:center center}
.home-page #top{min-height:100svh}
.home-page #top .inner{padding-bottom:110px}
.home-page .hero-ribbon{position:fixed;inset:auto 0 0;z-index:45;height:48px;display:none;align-items:center;box-shadow:0 -8px 35px #0008}
.home-page .hero-ribbon.is-visible{display:flex}
.home-page .hero-ribbon span{animation-duration:32s}
.home-page .phone-frame{position:relative;width:min(260px,76vw);height:min(565px,66svh);padding:9px;border-radius:39px;background:#080b0d;border:2px solid #83968c;box-shadow:0 28px 75px #000b,0 0 0 6px #15201bb8,0 0 45px #40ed8830;overflow:hidden;transform:rotate(3deg)}
.home-page .phone-notch{position:absolute;z-index:4;top:13px;left:50%;transform:translateX(-50%);width:84px;height:19px;border-radius:99px;background:#050708}
.home-page .phone-screenshot,.home-page .phone-viewport{width:100%;height:100%;border-radius:29px;overflow:hidden}
.home-page .phone-screenshot{object-fit:cover;object-position:center top}
.home-page .journey-phone{transform:rotate(4deg);border-color:#b08be4;box-shadow:0 28px 75px #000b,0 0 0 6px #251a30,0 0 55px #a17bdb36}
.home-page .saved-phone{transform:rotate(-4deg);border-color:#b08be4;box-shadow:0 28px 75px #000b,0 0 0 6px #251a30,0 0 55px #a17bdb36}
.home-page .drops-phone{transform:rotate(3deg)}
.home-page .drops-phone .phone-screenshot{object-position:center bottom}
.home-page .phone-viewport{background:#071012;display:flex;flex-direction:column;color:white}
.home-page .phone-screen-label{display:flex;align-items:center;gap:7px;padding:36px 15px 12px;font-weight:900;font-size:12px;letter-spacing:.06em}
.home-page .phone-screen-label img{width:23px;height:18px;object-fit:contain}
.home-page .phone-dots{margin-left:auto;color:#b6c9b9}
.home-page .phone-venue{display:grid;gap:8px;padding:18px 16px 20px;background:radial-gradient(circle at 80% 10%,#1e5b3f,#12241d 55%,#101a18)}
.home-page .phone-venue small,.home-page .phone-dish small{font-size:10px;color:#76e99f;letter-spacing:.13em;font-weight:900}
.home-page .phone-venue strong{font-size:23px;letter-spacing:-.06em;line-height:1.02}
.home-page .phone-venue span,.home-page .phone-dish span{font-size:12px;color:#cad4ca;line-height:1.4}
.home-page .phone-tabs{display:flex;justify-content:space-around;padding:14px 8px;font-size:11px;border-bottom:1px solid #ffffff22;color:#b6c8bb}
.home-page .phone-tabs b{color:#07120c;background:var(--green);padding:6px 12px;border-radius:30px;margin:-6px 0}
.home-page .phone-dish{margin:12px;background:#14201c;border:1px solid #ffffff2a;border-radius:18px;overflow:hidden}
.home-page .phone-dish img{width:100%;height:140px;object-fit:cover}
.home-page .phone-dish div{display:grid;gap:4px;padding:11px 13px 14px}
.home-page .phone-dish strong{font-size:16px;line-height:1.1}
.home-page .phone-detail{display:flex;justify-content:space-between;gap:10px;padding:5px 16px;font-size:11px;color:#d2dfd4}
.home-page .phone-detail b{color:var(--green)}
.home-page .saved-section{background:radial-gradient(circle at 25% 50%,#422660 0,#241c3a 40%,#0b1113 86%)}
.home-page .saved-section:before{background:linear-gradient(90deg,#1110196b,#0b0e13a1)}
.home-page .business-teaser{background:radial-gradient(circle at 24% 52%,#204a32 0,#142b22 34%,#0b1615 78%)}
.home-page .business-teaser:before{background:linear-gradient(90deg,#0a1514a3,#0a1514b3)}
.home-page .business-teaser .explore-grid{width:min(100%,600px);grid-template-columns:1fr 1fr;grid-template-rows:210px 210px}
.home-page .business-teaser .explore-grid a{border:1px solid #a6deb68c;background:linear-gradient(145deg,#d5f4df,#89e4ae);color:#0e2919;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;box-shadow:0 20px 45px #0004;transition:transform .25s,background .25s}
.home-page .business-teaser .explore-grid a:nth-child(2){background:linear-gradient(145deg,#ebe3ff,#c1afe6);border-color:#d8c9f6}
.home-page .business-teaser .explore-grid a:nth-child(3){background:linear-gradient(145deg,#e9f5e2,#a6d999)}
.home-page .business-teaser .explore-grid a:after{display:none}
.home-page .business-teaser .explore-grid a:hover{transform:translateY(-5px)}
.home-page .business-teaser .explore-grid a span:last-child{display:block;width:100%}
.home-page .business-teaser .explore-grid small{display:block;font-size:11px;letter-spacing:.13em;margin-bottom:12px}
.home-page .business-teaser .explore-grid b{float:right;font-size:22px}
.home-page .business-teaser .explore-symbol{font-size:55px;line-height:1;font-weight:700}
@media(max-width:900px){.home-page .stage .inner{padding-bottom:75px}.home-page #top .inner{padding-bottom:95px}.home-page .phone-frame{height:min(490px,50svh);width:min(235px,55vw)}.home-page .phone-dish img{height:105px}.home-page .phone-venue{padding:11px 13px}.home-page .phone-venue strong{font-size:19px}.home-page .phone-screen-label{padding-top:25px}.home-page .business-teaser .explore-grid{grid-template-rows:150px 150px}.home-page .business-teaser .explore-symbol{font-size:37px}}
@media(max-width:570px){.home-page .stage .inner{padding-top:95px;padding-bottom:38px;gap:12px}.home-page #top .inner{padding-bottom:70px}.home-page .stage h2{font-size:clamp(42px,11vw,58px)}.home-page .stage h1{font-size:clamp(52px,13vw,72px)}.home-page .stage p{margin-bottom:17px}.home-page .stage .visual{min-height:240px}.home-page .phone-frame{height:min(365px,42svh);width:min(170px,45vw);padding:5px;border-radius:27px}.home-page .phone-screenshot,.home-page .phone-viewport{border-radius:20px}.home-page .phone-notch{width:56px;height:12px;top:8px}.home-page .phone-screen-label{padding:19px 8px 7px;font-size:9px}.home-page .phone-screen-label img{width:17px;height:13px}.home-page .phone-venue{padding:8px;gap:5px}.home-page .phone-venue strong{font-size:16px}.home-page .phone-venue span{font-size:9px}.home-page .phone-tabs{padding:9px 4px;font-size:8px}.home-page .phone-dish{margin:6px;border-radius:10px}.home-page .phone-dish img{height:65px}.home-page .phone-dish div{padding:5px;gap:2px}.home-page .phone-dish strong{font-size:11px}.home-page .phone-dish span,.home-page .phone-dish small{font-size:8px}.home-page .phone-detail{font-size:8px;padding:3px 9px}.home-page .business-teaser .explore-grid{grid-template-rows:110px 110px;gap:8px}.home-page .business-teaser .explore-grid a{padding:12px;font-size:17px;border-radius:14px}.home-page .business-teaser .explore-grid small{font-size:8px;margin-bottom:4px}.home-page .business-teaser .explore-symbol{font-size:27px}.home-page .hero-ribbon{height:39px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-ribbon span{animation:none}}
/* Supplied profile captures already include the phone's bezel and notch. */
.home-page .journey-phone,.home-page .saved-phone,.home-page .drops-phone{width:auto;height:min(565px,66svh);padding:0;border:3px solid #bd92f7;background:#06090d;border-radius:31px;overflow:hidden;box-shadow:0 28px 75px #000b,0 0 0 5px #2a1a37,0 0 55px #ab79ef5c}
.home-page .journey-phone{aspect-ratio:186/522}
.home-page .saved-phone,.home-page .drops-phone{aspect-ratio:197/607}
.home-page .journey-phone .phone-notch,.home-page .saved-phone .phone-notch,.home-page .drops-phone .phone-notch{display:none}
.home-page .journey-phone .phone-screenshot,.home-page .saved-phone .phone-screenshot,.home-page .drops-phone .phone-screenshot{width:100%;height:100%;border-radius:27px;object-fit:fill;transform:scale(1.035)}
@media(max-width:900px){.home-page .journey-phone,.home-page .saved-phone,.home-page .drops-phone{width:auto;height:min(490px,50svh)}}
@media(max-width:570px){.home-page .journey-phone,.home-page .saved-phone,.home-page .drops-phone{width:auto;height:min(365px,42svh);border-width:2px;border-radius:23px}.home-page .journey-phone .phone-screenshot,.home-page .saved-phone .phone-screenshot,.home-page .drops-phone .phone-screenshot{border-radius:20px}}
/* Match every phone to the Live Menu's familiar handset proportions. */
.home-page .phone-frame{width:260px;height:550px;max-width:76vw}
.home-page .journey-phone,.home-page .saved-phone,.home-page .drops-phone{width:260px;height:550px;aspect-ratio:auto}
.home-page .journey-phone .phone-screenshot,.home-page .saved-phone .phone-screenshot,.home-page .drops-phone .phone-screenshot{object-fit:cover;object-position:center top;transform:scale(1.035)}
.home-page .drops-phone .phone-screenshot{object-position:center bottom}
@media(max-width:900px){.home-page .phone-frame,.home-page .journey-phone,.home-page .saved-phone,.home-page .drops-phone{width:235px;height:min(490px,50svh)}}
@media(max-width:570px){.home-page .phone-frame,.home-page .journey-phone,.home-page .saved-phone,.home-page .drops-phone{width:170px;height:min(365px,42svh)}}

/* Founders venue goal and compact, single-answer FAQ. */
.venue-reward{background:radial-gradient(ellipse at 85% 30%,#392454,#111b1a 65%);color:#fff}.venue-reward .eyebrow{color:#c6a4ff}.venue-reward .lede{color:#d1ddd5}.reward-goal{display:flex;gap:14px;margin:36px 0 18px;max-width:540px}.reward-goal span{flex:1;aspect-ratio:1;border:2px solid #b68ce6;border-radius:20px;display:grid;place-items:center;font-size:clamp(24px,4vw,42px);font-weight:900;background:#bd92f712;color:#e1c7ff}.reward-label{font-size:20px;font-weight:800;color:#82f3a8}.reward-terms{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:24px 0 30px;max-width:900px}.reward-terms p{font-size:17px;line-height:1.55;color:#cdd9d0}.reward-terms strong{display:block;color:#fff;margin-bottom:8px}.reward-terms p:last-child{grid-column:1/-1;margin-top:0}.faq-section{background:#e9efe8;min-height:100svh;scroll-snap-align:start}.faq-list{max-width:960px;margin-top:40px}.faq-item{border-bottom:1px solid #b3c5b6}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 0;font-size:20px;font-weight:750;line-height:1.35}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';font-size:28px;color:#178043;flex:none}.faq-item[open] summary:after{content:'−'}.faq-item summary:focus-visible{outline:3px solid #178043;outline-offset:5px;border-radius:4px}.faq-answer{max-width:820px;padding:0 40px 22px 0}.faq-answer p{margin:0;font-size:17px;line-height:1.6;color:#415949}@media(max-width:570px){.reward-goal{gap:9px}.reward-goal span{border-radius:13px}.reward-terms{grid-template-columns:1fr;gap:0}.faq-item summary{font-size:18px;padding:18px 0}.faq-answer{padding-right:0}.venue-reward h2,.faq-section h2{font-size:clamp(38px,10vw,48px)}}

/* Stable business scenes and a single, concise referral card. */
.business-page .stage>.backdrop{transform:none;animation:none;object-position:center}.business-page #top>.backdrop{object-position:61% center}
.venue-reward{position:relative;isolation:isolate;overflow:hidden;background:#111b1a}.reward-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.venue-reward:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10151bf2,#141423ce 52%,#10151b6b);z-index:-1}.venue-reward .content{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 7%;align-items:center}.venue-reward .eyebrow{grid-column:1/-1}.venue-reward h2{margin:0}.reward-card{width:100%;max-width:520px;background:#11151deb;border-color:#bd92f780}.reward-card h3{font-size:30px;color:white;margin-top:0}.reward-card p{font-size:18px;line-height:1.55;color:#e0e6e2}.reward-card strong{color:#fff}.reward-card .reward-note{font-size:16px;color:#c4bdcf;border-top:1px solid #ffffff30;padding-top:18px;margin-top:22px}.reward-card .btn{margin-top:12px}
@media(max-width:900px){.venue-reward .content{grid-template-columns:1fr;gap:24px}.venue-reward .eyebrow{grid-column:auto;margin-bottom:0}.reward-card{max-width:600px}.venue-reward:before{background:linear-gradient(90deg,#10151be8,#141423c9)}.business-page #top>.backdrop{object-position:61% center}}
@media(max-width:570px){.reward-card{padding:24px}.reward-card h3{font-size:26px}.reward-card p{font-size:17px}.reward-card .reward-note{font-size:16px}}

.home-faq{background:radial-gradient(ellipse at 90% 10%,#302040,#101719 70%);color:#fff}.home-faq .eyebrow{color:#bc9bff}.home-faq .faq-item{border-color:#ffffff30}.home-faq .faq-item summary:after{color:#bc9bff}.home-faq .faq-answer p{color:#ccd5d0}.home-faq .faq-item summary:focus-visible{outline-color:#bc9bff}

/* Consistent business hero contrast at every viewport. */
.business-page #top{background:#07100a;color:#fff}.business-page #top:before{background:linear-gradient(90deg,#07100af2 0%,#07100ace 38%,#07100a70 70%,#07100a55 100%)}.business-page #top h1{color:#fff}.business-page #top h1 .highlight{color:#42ef88}.business-page #top p{color:#f0f5ee}.business-page #top .eyebrow{color:#8af5ad}.business-page #top .btn.dark{color:#fff;background:#07100b99;border-color:#d1e1d2}@media(max-width:900px){.business-page #top:before{background:linear-gradient(0deg,#07100af7 0%,#07100ae0 42%,#07100a6b 76%,#07100a24 100%)}}

/* Real Live Menu recording in the business hero. */
.business-page #top .live-menu-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:0}
.live-menu-phone{width:300px;max-width:100%;padding:10px;background:linear-gradient(145deg,#bc9bff,#5f3a83 45%,#a981d6);border:1px solid #d9c0ff;border-radius:36px;box-shadow:0 30px 75px #0009,0 0 45px #bc9bff25}
.live-menu-video{width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;border-radius:26px;background:#08090a}
.video-toggle{border:1px solid #ffffff70;border-radius:999px;padding:9px 17px;color:#fff;background:#101416cc;font-size:14px;cursor:pointer}
.video-toggle:hover{background:#292033}.video-toggle:focus-visible{outline:3px solid #bc9bff;outline-offset:4px}
@media(max-width:900px){.business-page #top .inner{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:110px 0 85px}.business-page #top .live-menu-preview{display:flex}.live-menu-phone{width:260px;padding:8px;border-radius:31px}.live-menu-video{border-radius:23px}}
@media(max-width:570px){.business-page #top .inner{grid-template-columns:1fr;min-height:auto;padding:105px 0 80px;gap:30px}.business-page #top .copy{max-width:100%}.business-page #top .live-menu-preview{gap:12px}.live-menu-phone{width:min(240px,65vw)}}

/* Inset the recording below rounded screen corners to preserve its header. */
.business-page #top .live-menu-phone{width:280px;padding:9px;border-radius:32px}
.business-page #top .live-menu-video{box-sizing:content-box;width:100%;height:auto;aspect-ratio:auto;padding:14px 0;background:#08090a;border-radius:14px;object-fit:contain}
@media(max-width:900px){.business-page #top .live-menu-phone{width:240px;border-radius:29px}.business-page #top .live-menu-video{border-radius:14px}}
@media(max-width:570px){.business-page #top .live-menu-phone{width:min(220px,60vw)}}

/* Homepage recordings preserve the complete portrait screen. */
.home-page #top .visual,.home-page .home-menu-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:0}
.home-page .hero-demo-card{width:280px;max-width:100%;transform:none;padding:10px;border-radius:26px}
.home-page .card-demo-video{width:100%;height:auto;object-fit:contain;background:#08090a;padding:14px 0;border-radius:14px}
.home-page .hero-demo-card .screen-body{padding:14px 7px 8px}.home-page .hero-demo-card h3{font-size:23px}.home-page .hero-demo-card p{font-size:14px;margin:0}.home-page .hero-demo-card .screen-row{font-size:13px;margin-top:12px;padding-top:12px}
.home-page .home-menu-preview .live-menu-phone{width:280px;padding:9px;border-radius:32px}
.home-page .home-menu-preview .live-menu-video{box-sizing:content-box;width:100%;height:auto;aspect-ratio:auto;padding:14px 0;background:#08090a;border-radius:14px;object-fit:contain}
@media(max-width:900px){.home-page .hero-demo-card,.home-page .home-menu-preview .live-menu-phone{width:240px}}
@media(max-width:570px){.home-page .hero-demo-card,.home-page .home-menu-preview .live-menu-phone{width:min(220px,60vw)}.home-page #top .inner,.home-page #live-menus .inner{gap:28px}.home-page .hero-demo-card .screen-tag{font-size:10px}.home-page .hero-demo-card h3{font-size:21px}}

/* Separate the hero video and caption into two overlapping cards. */
.home-page .hero-demo-stack{width:360px;max-width:100%;display:flex;flex-direction:column;align-items:center;padding:18px 12px 16px}
.home-page #top .hero-demo-card{flex:none;transform:rotate(-5deg);position:relative;z-index:1}
.home-page #top .hero-demo-caption{width:290px;max-width:100%;align-self:flex-end;position:relative;z-index:2;margin-top:-42px;padding:18px 20px;transform:rotate(5deg);border-radius:22px;background:#101719f5;border-color:#8bae9e;box-shadow:0 18px 45px #0009}
.home-page #top .hero-demo-caption h3{font-size:23px;line-height:1.1;margin:13px 0 8px}.home-page #top .hero-demo-caption p{font-size:14px;line-height:1.45;margin:0;color:#c8d1cc}.home-page #top .hero-demo-caption .screen-row{font-size:13px;margin-top:12px;padding-top:11px}
@media(max-width:900px){.home-page .hero-demo-stack{width:320px}.home-page #top .hero-demo-caption{width:270px}}
@media(max-width:570px){.home-page .hero-demo-stack{width:300px;padding:14px 10px 15px}.home-page #top .hero-demo-caption{width:250px;padding:16px 18px;margin-top:-32px}.home-page #top .hero-demo-caption h3{font-size:21px}.home-page #top .hero-demo-caption .screen-tag{font-size:10px}}
