html{scroll-behavior:auto}
#story{position:relative;overflow-anchor:none}
.scroll-ready #story{height:800svh}
.scene{position:sticky;top:10px;height:calc(100svh - 20px);min-height:640px;overflow:clip}
.scene .hero{height:100%;padding-bottom:0}
.scene .hero-row{position:static;display:block;margin:0}
.scene .hero-copy{position:absolute;left:34px;bottom:58px;width:calc((100% - 430px)/2);max-width:470px;z-index:3}
.scene .hero-side{position:absolute;right:34px;top:200px;width:calc((100% - 430px)/2);height:calc(100% - 200px);min-height:0}
.scene .phone-slot{position:absolute;left:50%;top:clamp(182px,16.3vw,260px);width:290px;height:600px;transform:translateX(-50%);z-index:4}
@media(min-width:961px) and (max-height:800px){.scene .hero .mark{font-size:min(17vw,200px);transform:translateY(-40px)}}
.phone-motion{width:290px;height:600px;transform-origin:50% 0;will-change:transform}
.scene-color{position:absolute;inset:0;z-index:-1;background:#fff3e5;opacity:0;transition:background-color .6s ease}
.scene-word{position:absolute;left:0;right:0;top:36%;text-align:center;z-index:0;color:var(--ink);font:700 clamp(80px,15vw,260px)/.8 var(--display);letter-spacing:-.06em;transform:rotate(-5deg);opacity:0;pointer-events:none;white-space:nowrap}
.scene:not([data-chapter="0"]) .dev-sway{animation:none}
.scene .dev-hero{animation:none}
.scene.reduced *,.scene.reduced *::before,.scene.reduced *::after{animation:none!important;transition:none!important}
.scene.reduced .dev-tilt{transform:none}
.scene.reduced .world-rings,.scene.reduced .favor-world{display:none}
.scene .scr{visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.scene .scr.on{visibility:visible}
.scene .scr[data-view="0"]{transform:none}
.scene .scr .app{padding-top:0}
.scene .scr[data-view="0"] .app{padding-top:2px}
.scene .scr[data-view="1"] .p-total{bottom:142px}
.scene .scr[data-view="1"] .p-goal{min-height:40px}
.scene .scr[data-view="1"] .ptask{padding:7px 9px}
.scene .scr[data-view="4"] .inbar{bottom:136px}
.scene .scr[data-view="5"] .proof{height:142px}
.scene .scr[data-view="5"] .proof svg{height:118px}
.scene .scr[data-view="6"] .bars{height:52px}
.scene .scr[data-view="6"] .review{display:none}
.tour-tip{position:absolute;z-index:12;left:13px;right:13px;top:418px;min-height:111px;padding:13px 14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px #ff610020,0 16px 32px -16px #6d2f1a33;color:var(--ink);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.scene[data-chapter="1"] .tour-tip{top:449px}
.tour-tip{visibility:hidden}.tour-tip.on{opacity:1;transform:none;visibility:visible}
.tip-index{display:block;font:700 7px/1 var(--mono);letter-spacing:.12em;color:var(--flame);text-transform:uppercase}
.tip-title{display:block;margin-top:7px;font:700 17px/1.05 var(--display);letter-spacing:-.03em}
.tip-body{margin:6px 0 0;font:500 10.5px/1.4 var(--body);color:var(--charcoal)}
.scene[data-chapter="2"] .fi.big{box-shadow:0 0 0 2px var(--flame),0 0 0 5px #ff610014}
.scene[data-chapter="3"] .offer.pick{box-shadow:0 0 0 2px var(--flame),0 0 0 6px #ff610010}
.tour-controls{position:absolute;bottom:17px;left:34px;right:34px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;font:600 11px/1 var(--body);color:#fff}
.scene:not([data-chapter="0"]):not([data-chapter="7"]) .tour-controls{color:var(--ink)}
.scroll-cue{display:flex;gap:12px;align-items:center;white-space:nowrap}
.scroll-arrow{font-size:22px;line-height:1}
.tour-dots{display:flex;align-items:center;gap:4px}
.tour-dots button{width:24px;height:24px;position:relative;border-radius:50%;color:inherit}
.tour-dots button::after{content:'';position:absolute;inset:8px;border-radius:50%;background:currentColor;opacity:.3;transition:opacity .2s ease,transform .2s ease}
.tour-dots button[aria-current]::after{opacity:1;transform:scale(1.4)}
.tour-dots button:hover::after{opacity:1}
#motionToggle{font:600 10px/1 var(--body);padding:8px 11px;border-radius:999px;border:1px solid currentColor;color:inherit;opacity:.75;white-space:nowrap}
.story-progress{position:absolute;z-index:21;left:0;right:0;bottom:0;height:3px;overflow:hidden;background:#17120f10}
.story-progress i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.scene-end{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:42%;max-width:580px;z-index:8;color:#fff;opacity:0;visibility:hidden;pointer-events:none}
.scene-end.on{opacity:1;visibility:visible;pointer-events:auto}
.end-kicker{font:700 10px/1.3 var(--body);letter-spacing:.12em}
.scene-end h2{margin:20px 0;font:700 clamp(42px,5vw,82px)/.95 var(--display);letter-spacing:-.04em}
.scene-end p{max-width:350px;font-size:18px;line-height:1.45}
.scene-end .btn{margin-top:14px}
.replay{display:block;margin-top:23px;font:600 13px/1 var(--body);color:#fff}
.story-anchor{position:absolute;left:0;pointer-events:none}
#features{top:100svh}#waitlist{top:700svh}
.story-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:26px;padding:28px 20px;font:500 12px/1.3 var(--body);color:var(--slate)}
.story-footer .logo{color:var(--ink);font-size:23px;padding:0}.story-footer .logo span{color:var(--flame)}
html:not(.scroll-ready) #story .tour-controls{display:none}
@media(max-width:960px){
 .scene{min-height:580px}
 .scene .hero{padding:92px 20px 0}
 .scene .hero-copy{left:20px;right:20px;bottom:54px;width:auto;max-width:540px;margin:0 auto}
 .scene .hero-copy h1{font-size:29px;max-width:360px}
 .scene .hero-copy>p:not(.hero-note){display:none}
 .scene .hero-note{font-size:11px;margin-top:12px;max-width:320px}
 .scene .hero-ctas{margin-top:14px;gap:8px}
 .scene .hero-ctas .btn{font-size:13px;height:42px;padding:0 18px;flex:none}
 .scene .phone-slot{top:clamp(150px,21svh,210px)}
 .scene .hero-side{display:none}
 .scene-word{top:43%;font-size:21vw;white-space:normal}
 .tour-controls{left:20px;right:20px;gap:5px;font-size:9px}
 .tour-dots{gap:0}.tour-dots button{width:24px;height:28px}.tour-dots button::after{inset:10px 8px}
 #motionToggle{font-size:8px;padding:7px 8px;min-height:28px}.scroll-cue{gap:5px}.scroll-arrow{font-size:16px}
 .scroll-label{display:none}.scroll-cue::before{content:'Scroll'}
 .scene-end{top:auto;bottom:100px;left:24px;right:24px;width:auto;transform:none;text-align:center}
 .scene-end h2{font-size:46px;margin:16px 0}.scene-end p{margin:0 auto;font-size:15px;max-width:290px}.replay{margin:20px auto 0}
 .end-kicker{font-size:8px}
}
@media(max-width:640px){
 .scene{top:8px;height:calc(100svh - 16px);min-height:580px}
 .scene .hero .mark{font-size:19.5vw}
 .scene .hero-copy h1{font-size:28px;max-width:300px}
 .story-footer{gap:16px;font-size:10px}
}
@media(max-height:720px) and (max-width:960px){
 .scene .hero-copy h1{font-size:24px;max-width:320px}
 .scene .hero-note{display:none}
 .scene .hero-ctas{margin-top:11px}
 .scene .hero-copy{bottom:52px}
 .scene-end h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.phone-motion{will-change:auto}.scene-word{transform:none}}
/* The current app, inside the original device. */
[hidden]{display:none!important}
.scene .scr.on{pointer-events:auto}
.scene .dev,.scene .dev-tilt,.scene .dev-body{pointer-events:none}.scene .phone{pointer-events:auto}.scene .edge{pointer-events:none}
.scene .phone-slot,.scene .phone-motion{pointer-events:none}
.scene .phone{box-shadow:inset 0 0 0 1.5px #ffffff70,inset 0 0 0 5px #0b0908,0 35px 50px -25px #61331045}
.scene .glare{background-image:linear-gradient(112deg,#fff0 28%,#ffffff35 48%,#fff0 68%);opacity:.65}
.scene .scr[data-view="0"] .current-home{padding-top:6px;height:calc(100% - 78px);overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.current-home::-webkit-scrollbar{display:none}
.scene:not(.playing) .scr[data-view="0"] .current-home{overflow-y:hidden}
.current-home .a-top{margin-top:0}
.current-home .a-loc small{font-size:8px}.current-home .a-loc b span{margin-left:7px;color:var(--slate)}
.a-ic button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-size:13px;box-shadow:var(--lift)}
.current-home .a-mark{margin-top:23px;font-size:36px;line-height:1;letter-spacing:-.055em}.current-home .a-mark>span:not(.shine){color:var(--flame)}
.current-home .a-tag{font:500 10.5px/1.35 var(--body);margin-top:9px}.a-tag>span{position:relative;display:inline-block}.a-tag svg{position:absolute;left:-1px;right:0;bottom:-4px;width:72px;height:6px;stroke:var(--flame);stroke-width:1.7;fill:none}
.current-home .a-ask{display:block;margin-top:18px;padding:12px 11px 10px;border-radius:19px;background:#ffffffdc}
.ask-main{display:flex;align-items:center;gap:8px;text-align:left;width:100%}.ask-main .orb{width:35px;height:35px;background:radial-gradient(circle at 27% 25%,#fff7e2 5%,#ffb535 31%,#ff6307 63%,#ef3700 85%);box-shadow:0 0 0 4px #ff610010,0 0 15px #ff6a0070}.ask-main .orb::after{content:'';display:block;width:22px;height:22px;margin:6px;border:1px solid #ffffff90;border-radius:50%}.ask-main .tx{min-width:0;flex:1}.ask-main .a-send{width:28px;height:28px;background:#d9d3ce}
.home-ai-chips{display:flex;gap:5px;margin-top:11px}.home-ai-chips button{flex:1;border-radius:999px;padding:7px 3px;background:#f8eae1;white-space:nowrap;font:600 8.5px/1 var(--body)}.home-ai-chips button:hover{background:#ffddc5}
.current-home .a-cards{margin-top:18px;gap:10px}.current-home .a-post,.current-home .a-earn{height:149px;padding:12px;text-align:left;border-radius:18px}.current-home .a-post{background:linear-gradient(140deg,#ff6500,#ff4800 65%,#ff3000)}.current-home .a-post::before{content:'';position:absolute;width:100px;height:100px;left:-44px;bottom:-26px;border-radius:50%;background:#ffffff0d}.current-home .a-post b{left:12px;bottom:auto;top:51px;font-size:23px;line-height:1.04}.current-home .a-earn b{margin-top:24px;font-size:18px;line-height:1.05}.current-home .a-cards em{position:relative;z-index:2;display:block;margin-top:5px;font:500 8.5px/1.3 var(--body);font-style:normal}.current-home .a-post em{position:absolute;top:103px;left:12px;color:#fff}.current-home .a-plus{width:32px;height:32px;top:10px;right:10px}.current-home .a-srch{width:31px;height:31px}.card-arrow{position:absolute;right:11px;bottom:11px;z-index:3;width:25px;height:25px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:11px;color:var(--flame)}.a-earn .card-arrow{color:var(--ink)}
.current-home .mini-map{height:56px;opacity:.55;background:repeating-linear-gradient(90deg,#fff0 0 21px,#fff 22px 26px,#fff0 27px 40px),repeating-linear-gradient(4deg,#fff0 0 15px,#b9b7b1 16px 17px,#fff 18px 21px,#fff0 22px 34px),#e5eae4}.mini-map>span{position:absolute;top:18px;left:26px;transform:rotate(90deg);font:500 5px/1 var(--body);letter-spacing:1px}.mini-map>span+span{left:65px;top:22px}
.current-home .a-cards small{position:absolute;top:14px;left:12px}.current-home .a-earn b{position:absolute;top:46px;left:12px;margin:0}.current-home .a-earn em{position:absolute;top:104px;left:12px;margin:0}
.current-home .a-mark{margin-top:19px}.current-home .a-ask{margin-top:16px}.current-home .a-cards{margin-top:12px}
.home-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.home-trust p{margin:0;font:600 8px/1.25 var(--body);color:var(--charcoal)}.home-trust i{width:23px;height:23px;border-radius:50%;background:#fff9;color:var(--flame);display:grid;place-items:center;margin-bottom:6px;font-size:10px;box-shadow:var(--lift)}
.home-below{margin-top:19px;padding-bottom:24px}.home-below h3{font:600 14px/1.2 var(--display);letter-spacing:-.03em;margin:19px 0 13px}.empty-nearby{display:flex;align-items:center;gap:9px;padding:13px 11px;width:100%;border-radius:18px;background:linear-gradient(110deg,#f7dfd0,#f7eae3);text-align:left}.empty-nearby b{font:700 12px/1.2 var(--body);display:block}.empty-nearby small{display:block;margin-top:2px;color:var(--slate);font:500 9px/1.35 var(--body)}.empty-nearby em{font-style:normal;color:var(--flame);font-size:22px}.neighborhood-doodle{display:flex;align-items:center;background:#fff9;padding:8px;border-radius:10px;font-size:20px}.neighborhood-doodle svg+svg{margin-left:-5px;transform:translateY(-5px)}
.home-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 8px}.category-tile{display:grid;justify-items:center;gap:6px;color:var(--category)}.category-tile>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:color-mix(in srgb,var(--category) 14%,transparent);font-size:20px}.category-tile b{font:600 8px/1 var(--body);color:var(--charcoal);white-space:nowrap}.category-tile:hover>span{transform:rotate(-7deg) scale(1.06)}.popular-favor{display:block;text-align:left;width:100%;background:#fff;border-radius:17px;overflow:hidden;box-shadow:var(--lift)}.popular-favor>span{display:block;background:#19b782;color:#fff;padding:14px;font-size:10px}.popular-favor>span b{float:right;font-size:17px}.popular-favor strong{display:block;padding:11px;font-size:12px}.popular-favor small{display:block;padding:0 11px 12px;color:var(--slate);font-size:9px}
.category-browse .home-categories{margin-top:18px}.category-browse h3{font:600 14px/1.2 var(--display);margin:20px 0 12px}.category-select{display:block;width:100%;border:0;font:600 11px/1 var(--body);color:var(--ink);padding:12px}
.tabbar>button{display:grid;justify-items:center;gap:3px;font:600 7.5px/1 var(--body);color:var(--slate)}.tabbar>button .ico{width:16px;height:16px}.tabbar>button.on{color:var(--flame)}.tabbar>button.fab{color:#fff;width:42px;height:42px;transform:translateY(-10px)}
.scene .mainbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:4px}.fi.big{display:block}.fi input{padding:0;border:0;outline:0;background:none;width:100%;font:inherit;color:inherit}.rew button{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:var(--cream);font:700 14px/1 var(--body);color:var(--flame)}
.offer{text-align:left;width:100%}.offer:hover{background:#fff8ef}.offer.pick{transform:translateX(-2px)!important}.stars button{font-size:21px}.stars .dim{opacity:.25}
.p-total>button{padding:9px 12px;border-radius:999px;background:var(--flame);font:700 10px/1 var(--body)}.p-total>div span{padding:0;background:none;font:inherit}.inbar input{width:calc(100% - 30px);padding:0;border:0;background:none;font:inherit;outline:0}.inbar button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--flame);color:#fff;font-size:11px}.demo-message{opacity:1!important;transform:none!important}.browse-next{display:block;margin:10px 0;color:var(--flame);font:700 10px/1 var(--body)}
.scene .scr[data-view="4"] .app{max-height:365px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}
.browse-map{height:128px;position:relative;margin-top:12px;border-radius:18px;overflow:hidden;background:linear-gradient(28deg,#e2ecd7,#dce8e6)}.map-road{position:absolute;inset:-20px;transform:rotate(-16deg);background:repeating-linear-gradient(90deg,#fff0 0 44px,#fff 45px 53px,#fff0 54px 82px),repeating-linear-gradient(0deg,#fff0 0 20px,#fff 21px 30px,#fff0 31px 57px)}.map-pin{position:absolute;border-radius:10px;background:var(--flame);color:#fff;padding:6px 9px;box-shadow:0 5px 13px #d64a0030;font:700 10px/1 var(--body);transform:rotate(-4deg)}.p1{left:25px;top:22px}.p2{right:32px;top:15px}.p3{right:26px;bottom:18px}.you-dot{position:absolute;width:11px;height:11px;border-radius:50%;left:45%;top:60%;background:#418bff;border:2px solid #fff;box-shadow:0 0 0 5px #418bff30}
.nearby-favor{display:flex;align-items:center;gap:8px;text-align:left;width:100%;margin-top:8px;padding:10px 8px;background:#fff;border-radius:15px;box-shadow:var(--lift)}.nearby-favor .av{background:var(--flame)}.nearby-favor .av.mint{background:#19b782}.nearby-favor .av.butter{background:#f6a212}.nearby-favor>span:nth-child(2){flex:1}.nearby-favor b{display:block;font:700 10.5px/1.15 var(--body)}.nearby-favor small{display:block;margin-top:3px;font:500 8px/1.2 var(--body);color:var(--slate)}.nearby-favor em{font:700 12px/1 var(--body);color:var(--flame);font-style:normal}.browse-note{font:500 8px/1.3 var(--body);color:var(--slate);margin:10px 0}
.tour-tip{padding:11px 12px;min-height:128px;pointer-events:auto}.tip-title{font-size:16px}.tip-body{font-size:10px;line-height:1.35}.tip-try{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:9px;color:var(--flame);font:700 9px/1.1 var(--body);border-top:1px solid #ff610014;padding-top:8px}.tip-try span{font-size:14px}.scene[data-chapter="1"] .tour-tip{top:431px}.scene[data-chapter="7"] .tour-tip{top:418px}
.playing .tour-tip{visibility:hidden;opacity:0}.playing .scr.on .app:not(.current-home){max-height:405px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.playing .tour-controls .tour-dots,.playing .scroll-cue{display:none}.playing .scene-word{opacity:0!important}.playing .glare{opacity:.15}.playing .dev-tilt{transform:none}.playing .tabbar{bottom:18px}
.scene.playing{position:fixed;left:10px;right:10px;margin:0;overflow-anchor:none}
.demo-label{position:absolute;z-index:10;top:36px;left:12px;right:12px;text-align:center;font:600 6px/1 var(--body);color:var(--slate);opacity:0;pointer-events:none}.playing .demo-label{opacity:1}.playing .scr{top:48px}.demo-toast{position:absolute;z-index:50;left:14px;right:14px;top:76px;padding:9px 10px;border-radius:11px;background:#17120fed;color:#fff;font:600 9px/1.3 var(--body);pointer-events:none;opacity:0}.demo-toast.show{animation:toast 3s ease both}@keyframes toast{0%,100%{opacity:0;transform:translateY(-8px)}10%,80%{opacity:1;transform:none}}.reduced .demo-toast.show{opacity:1;top:auto;bottom:86px}
#playExit{font:600 12px/1 var(--body);color:inherit;padding:9px 13px;border:1px solid currentColor;border-radius:999px}.confetti{position:absolute;z-index:60;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:confetti 1.2s cubic-bezier(.15,.6,.3,1) both}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}
.world-rings{position:absolute;inset:5% 10%;opacity:.25;pointer-events:none;z-index:0;transform-origin:center}.world-rings i{position:absolute;width:82%;height:57%;left:9%;top:24%;border:1px solid #ffffffa0;border-radius:50%;transform:rotate(-35deg)}.world-rings i+i{transform:rotate(42deg);height:70%;top:15%;border-color:#9c582025}.scene[data-chapter="0"] .world-rings{opacity:0}
.favor-world{position:absolute;inset:0;z-index:1;perspective:1100px;pointer-events:none;opacity:0;visibility:hidden}.favor-token{position:absolute;left:50%;top:50%;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:25px;background:#fff4ca;color:var(--ink);box-shadow:inset 0 1px 0 #ffffffb0,5px 8px 0 #e1b23f,12px 25px 28px -12px #91532b30;transform-style:preserve-3d;pointer-events:auto;will-change:transform}.favor-token .ico{width:25px;height:25px;color:#cc8412;margin-bottom:7px}.favor-token>span{font:600 9px/1 var(--body)}.favor-token>b{margin-top:5px;font:700 17px/1 var(--display)}.token-1{background:#d9f4e7;box-shadow:inset 0 1px 0 #fff,5px 8px 0 #88bda4,12px 25px 28px -12px #91532b30}.token-1 .ico{color:#1da57a}.token-2{background:#ffe2eb;box-shadow:inset 0 1px 0 #fff,5px 8px 0 #dc99b1,12px 25px 28px -12px #91532b30}.token-2 .ico{color:#e24f83}.token-3{background:#dce9ff;box-shadow:inset 0 1px 0 #fff,5px 8px 0 #9bb4da,12px 25px 28px -12px #91532b30}.token-3 .ico{color:#477be5}.favor-token:hover{filter:brightness(1.04)}
.scene-end{width:28%;left:5%;max-width:350px;color:var(--ink)}.scene-end h2{font-size:clamp(36px,4vw,62px)}.scene-end p{font-size:16px}.scene-end .replay{color:var(--ink)}.scene[data-chapter="7"] .tour-controls{color:var(--ink)}
/* A richer ending, with useful examples and the complete walkthrough. */
.eyebrow{font:700 11px/1.2 var(--body);letter-spacing:.14em;color:var(--flame)}
.about-app{padding:110px max(28px,6vw) 80px;max-width:1600px;margin:auto}.about-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 7vw;align-items:end}.about-heading>.eyebrow{grid-column:1/-1}.about-heading h2{font:700 clamp(60px,7.5vw,115px)/.92 var(--display);letter-spacing:-.06em;margin:0}.about-heading h2 span{color:var(--flame)}.about-heading>p{font:500 clamp(17px,1.6vw,23px)/1.6 var(--body);color:var(--charcoal);max-width:540px;margin:0 0 3px}
.favor-picker{display:flex;flex-wrap:wrap;gap:9px;margin:48px 0 22px}.favor-picker button{padding:13px 23px;border-radius:999px;border:1px solid #e7d7cc;font:600 14px/1 var(--body);transition:background .2s,color .2s}.favor-picker button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.favor-picker button:hover{background:#ffeadc;color:var(--ink)}
.example-strip{display:flex;align-items:center;gap:30px;padding:35px 0 45px;border-bottom:1px solid #e5d7cb}.example-glyph{font:500 130px/1 var(--display);color:var(--flame);transform:rotate(-8deg)}.example-strip>div{flex:1}.example-strip h3{font:600 clamp(25px,3vw,40px)/1.1 var(--display);letter-spacing:-.02em;word-spacing:.08em;margin:9px 0 12px}.example-strip p{margin:0;max-width:600px;color:var(--slate);font-size:17px}.example-strip .btn{margin-left:auto;font-size:14px}
.role-story{padding:44px 0}.role-tabs{display:inline-flex;border:1px solid #e5d7cb;padding:5px;border-radius:999px;gap:5px}.role-tabs button{padding:12px 20px;border-radius:999px;font:600 14px/1 var(--body)}.role-tabs button[aria-pressed="true"]{background:var(--flame);color:#fff}.role-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.role-steps p{margin:0}.role-steps span{font:700 12px/1 var(--mono);color:var(--flame);display:block;margin-bottom:16px}.role-steps b{display:block;font:600 25px/1.1 var(--display);letter-spacing:-.02em}.role-steps small{display:block;font:500 16px/1.5 var(--body);color:var(--slate);margin-top:11px;max-width:300px}
.trust-lines{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5d7cb;padding-top:27px;gap:30px}.trust-lines p{margin:0}.trust-lines b{display:block;font:700 14px/1.2 var(--body)}.trust-lines span{display:block;font:500 13px/1.5 var(--body);color:var(--slate);margin-top:6px}
.demo-film{scroll-margin-top:90px;margin:0 10px;background:var(--ink);border-radius:36px;padding:75px max(25px,5vw) 45px;color:#fff;overflow:hidden}.film-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 6vw;align-items:end;margin-bottom:36px}.film-heading .eyebrow{grid-column:1/-1;color:#ffae65}.film-heading h2{margin:0;font:700 clamp(50px,6vw,88px)/.95 var(--display);letter-spacing:-.04em}.film-heading p{font-size:18px;line-height:1.55;color:#cfc4bc;max-width:390px;margin:0 0 5px}.film-player{position:relative;border-radius:25px;background:#ffefdf;overflow:hidden;aspect-ratio:16/9}.film-player video{display:block;width:100%;height:100%;object-fit:contain}.film-player>button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:15px;background:#17120f20;color:#fff;font:700 18px/1 var(--body);text-shadow:0 2px 8px #0004}.film-player>button span{display:grid;place-items:center;width:75px;height:75px;background:var(--flame);border-radius:50%;font-size:25px;box-shadow:0 15px 30px #ff3d0050}.film-chapters{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.film-chapters button{padding:10px 15px;border:1px solid #ffffff25;border-radius:999px;color:#fff;font:600 11px/1 var(--body)}.film-chapters button:hover{background:#ff6100;border-color:#ff6100}.film-note{margin:19px 0 0;font:500 11px/1.4 var(--body);color:#a99a8f}
.last-word{padding:100px 25px 90px;text-align:center}.last-word h2{font:700 clamp(52px,7vw,110px)/.94 var(--display);letter-spacing:-.03em;word-spacing:.08em;margin:25px 0 32px}.last-word h2>span{color:var(--flame)}.back-top{display:block;font:600 13px/1 var(--body);color:var(--slate);margin-top:27px}
@media(max-width:960px){.favor-world{display:none}.scene-end{display:none}.about-app{padding:70px 26px 55px}.about-heading,.film-heading{grid-template-columns:1fr}.about-heading h2{font-size:68px}.about-heading>p{font-size:18px;margin-top:10px}.example-strip{flex-wrap:wrap;gap:18px}.example-glyph{font-size:75px}.example-strip>div{flex-basis:70%}.example-strip .btn{margin-left:0}.role-steps{gap:22px}.role-steps b{font-size:21px}.role-steps small{font-size:14px}.trust-lines{gap:18px}.demo-film{padding:50px 26px 35px}.film-heading p{font-size:16px}.film-player>button{font-size:14px;gap:10px}.film-player>button span{width:54px;height:54px;font-size:19px}.film-chapters{gap:7px}.film-chapters button{font-size:10px;padding:10px 13px}}
@media(max-width:640px){.about-heading h2{font-size:60px}.favor-picker{margin-top:30px;gap:7px}.favor-picker button{padding:12px 15px;font-size:12px}.example-strip h3{font-size:26px}.example-strip p{font-size:15px}.example-strip>div{flex-basis:70%}.example-glyph{font-size:62px}.role-steps,.trust-lines{grid-template-columns:1fr;gap:24px}.role-steps p{display:grid;grid-template-columns:30px 1fr;gap:6px 10px}.role-steps span{grid-row:1/3;margin-top:5px}.role-steps small{margin-top:0;max-width:100%}.role-steps b{font-size:24px}.demo-film{scroll-margin-top:90px;margin:0 8px;border-radius:28px;padding:43px 20px 32px}.film-heading h2{font-size:50px}.film-player{border-radius:15px}.film-player>button{flex-direction:column;gap:10px;font-size:12px}.film-player>button span{width:44px;height:44px;font-size:15px}.film-chapters{justify-content:center}.last-word{padding:70px 25px}.last-word h2{font-size:54px}.playing .tour-controls{justify-content:space-between}.tour-controls{left:15px;right:15px}.tour-dots button{width:24px}.tour-dots{gap:0}}
.capture .nav,.capture .mark,.capture .hero-copy,.capture .hero-side,.capture .tour-controls,.capture .tour-tip,.capture .favor-world,.capture .world-rings,.capture .scene-word,.capture .scene-end,.capture .story-progress{display:none!important}.capture .scene{background:#fff2e7;min-height:0;height:100vh;top:0;margin:0;border-radius:0}.capture .stage-bg,.capture .grain,.capture .scene-color{display:none}.capture .scene *{animation:none!important;transition:none!important}.capture .screen .demo-toast{display:none}.capture .dev-tilt{transform:none}

/* The same content, with one kinetic brand sculpture. */
.about-app{position:relative}.about-heading{gap:24px 6vw;align-items:start}.about-heading h2{grid-column:1;grid-row:2;letter-spacing:-.03em;word-spacing:.08em;font-size:clamp(65px,7vw,108px)}.about-heading>p{grid-column:1;grid-row:3;font-size:18px;line-height:1.65;max-width:490px}.about-heading>.eyebrow{grid-column:1;grid-row:1}.favor-sculpture{grid-column:2;grid-row:1/4;position:relative;height:420px;perspective:1000px;background:radial-gradient(ellipse at 50% 52%,#ffd4ab80,transparent 66%);--sculpt-x:0deg;--sculpt-y:0deg}
.sculpture-floor{position:absolute;bottom:32px;left:15%;width:70%;height:40px;background:radial-gradient(ellipse,#8d49234d,transparent 70%);filter:blur(9px)}.sculpture-orbit{position:absolute;inset:48px 2%;border:1px solid #e5b99580;border-radius:50%;transform:rotate(-22deg) rotateX(57deg);box-shadow:0 1px 0 #fff}.sculpture-float{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--sculpt-x)) rotateY(var(--sculpt-y));transition:transform .7s cubic-bezier(.2,.8,.2,1);animation:sculpt-float 7s ease-in-out infinite;animation-play-state:paused}.visible .sculpture-float{animation-play-state:running}
.sculpture-plus{position:absolute;left:50%;top:49%;width:225px;height:225px;margin:-112px;transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(-25deg) rotateZ(-16deg)}.sculpture-plus i{position:absolute;inset:0;transform:translateZ(var(--depth));filter:brightness(var(--light))}.sculpture-plus i::before,.sculpture-plus i::after{content:"";position:absolute;background:linear-gradient(135deg,#ffa641 4%,#ff6b00 45%,#f64200);border-radius:21px;box-shadow:inset 2px 2px 3px #fff7,inset -2px -2px 5px #a42b0030}.sculpture-plus i::before{width:225px;height:73px;top:76px}.sculpture-plus i::after{height:225px;width:73px;left:76px}.sculpture-plus i:last-child::after{background:linear-gradient(115deg,#ffa13a,#ff7300 45%,#ff5800)}
.sculpture-disc{position:absolute;left:11%;top:13%;width:100px;height:100px;display:grid;place-items:center;border-radius:32px;color:#168a68;background:linear-gradient(130deg,#e7fff4,#b5e2ce);box-shadow:3px 4px 0 #91bea9,8px 10px 0 #a3d2bc,0 20px 35px #31654820,inset 1px 1px 0 #fff;transform:translateZ(65px) rotate(-16deg);transition:background .6s,color .6s}.sculpture-disc .ico{width:48px;height:48px;stroke-width:1.7}.sculpture-ticket{position:absolute;right:2%;bottom:15%;width:160px;height:100px;padding:16px 21px;border-radius:21px;box-shadow:3px 5px 0 #eadad1,0 25px 40px #58231025,inset 0 1px 0 #fff;background:linear-gradient(120deg,#fff,#fff4e8);transform:translateZ(100px) rotate(12deg);color:var(--ink)}.sculpture-ticket small{font:600 8px/1 var(--mono);letter-spacing:1px;color:var(--slate);display:block}.sculpture-ticket b{font:700 43px/1.4 var(--display);letter-spacing:-2px}.sculpture-ticket i{font-style:normal;position:absolute;right:17px;bottom:20px;font-size:27px;color:var(--flame)}.sculpture-pearl{position:absolute;right:7%;top:10%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6c2,#f9b837 52%,#d67800 90%);box-shadow:0 15px 22px #b7762020;transform:translateZ(-20px)}
[data-example="dog"] .sculpture-disc{background:linear-gradient(130deg,#f0e6ff,#d4bfea);color:#8354d8}[data-example="moving"] .sculpture-disc{background:linear-gradient(130deg,#ffdfc7,#ffc087);color:#dd6200}[data-example="queue"] .sculpture-disc{background:linear-gradient(130deg,#fff3cb,#ffdd8c);color:#ba8100}
.favor-picker{margin-top:28px}.example-strip{border-top:1px solid #e5d7cb;margin-top:28px;padding:35px 0;gap:42px}.example-strip>div{flex-basis:65%}.example-strip .eyebrow{font-size:10px}.example-strip h3{font-size:clamp(26px,2.5vw,36px)}.role-steps span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ffe8d6;box-shadow:0 3px 0 #eecab5;transform:rotate(-7deg)}.role-steps p{transition:transform .3s}.role-steps p:hover{transform:translateY(-4px)}
@keyframes sculpt-float{0%,100%{translate:0 0;rotate:0 1 0 -4deg}50%{translate:0 -14px;rotate:0 1 0 5deg}}
.motion-paused .favor-sculpture *{animation:none!important;transition:none!important}.motion-paused .sculpture-float{transform:none!important;translate:none!important;rotate:none!important}
@media(max-width:960px){.about-heading{grid-template-columns:1fr 1fr}.about-heading h2{font-size:clamp(48px,7vw,70px)}.about-heading>p{grid-column:1/-1;grid-row:4;max-width:650px}.favor-sculpture{height:310px;grid-row:1/4}.sculpture-plus{scale:.8}.sculpture-ticket{scale:.85;right:0;bottom:4%}.sculpture-disc{scale:.8;left:0}.sculpture-pearl{right:0}}
@media(max-width:640px){.about-heading{grid-template-columns:1fr}.about-heading h2{font-size:63px}.about-heading>.eyebrow{grid-row:1}.favor-sculpture{grid-column:1;grid-row:3;height:285px;max-width:370px;width:100%;margin:-8px auto}.about-heading>p{grid-row:4;font-size:16px}.sculpture-plus{scale:.85}.sculpture-disc{left:9%;top:9%}.sculpture-ticket{right:7%;bottom:7%}.sculpture-pearl{right:12%}.example-strip{gap:22px}.example-strip>div{flex-basis:100%}.example-strip .btn{margin-left:0}.role-steps span{margin-top:0}.role-steps p{grid-template-columns:35px 1fr}}
@media(prefers-reduced-motion:reduce){.favor-sculpture *{animation:none!important;transition:none!important}.sculpture-float{transform:none!important;translate:none!important;rotate:none!important}.role-steps p:hover{transform:none}}
.capture,.capture body,.capture .scene{background:transparent!important}
.film-capture .glare,.film-capture .demo-label{display:none!important}
.film-capture .scr{transition:opacity .25s ease,transform .25s ease!important}

.film-note a{text-decoration:underline;text-underline-offset:3px}