@font-face{font-family:MealDisplay;src:local('Bricolage Grotesque');font-display:swap}@font-face{font-family:MealBody;src:local('Barlow');font-display:swap}
:root{--saffron:#ffbe0b;--malt:#2a2312;--cream:#faf6ee;--muted:#675c43;--sage:#dae5c5;--peach:#ffcfb0;--line:#d6cebe;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--malt);font:18px/1.55 MealBody,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid #806000;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.section{padding-block:100px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:2px;margin:0 0 22px}.dot{display:inline-block;width:8px;height:8px;background:currentColor;border-radius:50%;margin-right:8px}.brand{display:inline-flex;align-items:center;font-family:MealDisplay,'Arial',sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.8px;white-space:nowrap}.brand>span{font-weight:400}.brand img{margin-right:8px}.brand i{height:7px;width:7px;background:var(--saffron);border-radius:50%;margin:15px 0 0 4px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;border-bottom:1px solid var(--line)}nav{display:flex;gap:32px;font-size:14px;font-weight:650}nav a:hover{text-decoration:underline;text-underline-offset:6px}.motion-toggle{font-size:11px;background:transparent;border:1px solid var(--line);padding:10px 13px;border-radius:30px;white-space:nowrap}.motion-toggle span{margin-left:8px}.skip{position:fixed;left:15px;top:-80px;z-index:99;padding:15px;background:var(--malt);color:white}.skip:focus{top:12px}h1,h2,h3{font-family:MealDisplay,'Arial',sans-serif;line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:800}h1{font-size:clamp(48px,5.5vw,76px)}h2{font-size:clamp(40px,4.5vw,62px)}h3{font-size:30px;letter-spacing:-.035em}em{font-style:normal;background:var(--saffron);padding:0 .08em}.hero{min-height:695px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:15px;padding-block:65px 75px}.hero-copy{z-index:2}.hero .eyebrow{letter-spacing:1.3px;font-size:10px}.underline{position:relative}.underline:after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:8px;border-bottom:6px solid var(--saffron);border-radius:50%;transform:rotate(-2deg)}.lead{font-size:21px;line-height:1.6;margin:30px 0}.lead strong{font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid transparent;border-radius:8px;padding:17px 22px;min-height:56px;font-size:14px;font-weight:650;transition:transform .22s var(--ease),box-shadow .22s}.button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 0 #2a23121a}.button:active:not(:disabled){transform:translateY(0)}.dark{background:var(--malt);color:var(--cream)}.cream{background:var(--cream);color:var(--malt)}.text-link{font-size:13px;border-bottom:1px solid var(--malt);padding:8px 0}.small-note{font-size:11px;color:var(--muted);margin:18px 0 0}.hero-scene{height:520px;position:relative;isolation:isolate}.scene-disc{position:absolute;width:96%;height:89%;background:var(--saffron);border-radius:50%;bottom:15px;left:3%;transform:rotate(-12deg)}.orbital{position:absolute;border:1px solid #a8811740;border-radius:50%;width:98%;height:62%;top:120px;transform:rotate(-28deg);z-index:-1}.orbital-two{transform:rotate(30deg)}.hero-rabbit{position:absolute;width:31%;height:77%;left:4%;bottom:33px;z-index:2;transform-origin:bottom center;animation:rabbit-hop 5s ease-in-out infinite}.hero-rabbit img{height:100%;width:100%;object-fit:contain}.hero-bull{position:absolute;width:70%;height:102%;right:-6%;bottom:0;z-index:3;transform-origin:bottom center;animation:bull-sway 6s ease-in-out infinite}.hero-bull img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 18px 13px #4c341e24)}.scene-label{position:absolute;font-size:12px;top:13px;left:34%;transform:rotate(-8deg);font-weight:650}.speech{position:absolute;z-index:4;font-size:12px;font-weight:700;background:white;border:1px solid var(--malt);padding:12px 17px;border-radius:25px 25px 25px 2px;box-shadow:3px 4px 0 var(--malt)}.rabbit-speech{left:-5%;top:24%;transform:rotate(-9deg);animation:bubble 5s ease-in-out infinite}.bull-speech{right:-3%;top:10%;transform:rotate(8deg);animation:bubble 6s ease-in-out infinite reverse}.spark{position:absolute;font-size:58px;z-index:4;line-height:1}.spark-one{right:0;bottom:5%;animation:twinkle 9s linear infinite}.spark-two{left:3%;top:9%;font-size:35px}.scene-caption{position:absolute;bottom:-22px;left:20%;font-size:10px;letter-spacing:.3px;z-index:4}.scene-caption .dot{width:5px;height:5px}.ticker{overflow:hidden;background:var(--malt);color:var(--saffron);padding:18px 0;width:100%;font-family:MealDisplay,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.5px}.ticker-track{display:flex;width:max-content;animation:ticker 36s linear infinite}.ticker-track span{white-space:nowrap;padding-right:15px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-top>p{color:var(--muted);font-size:15px;margin:0 0 5px}.mood-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0 0 23px}.mood-tab{min-width:0;background:transparent;border:1px solid var(--line);border-radius:12px;padding:15px 5px 12px;color:var(--malt);transition:background .2s,transform .3s var(--ease)}.mood-tab img{height:86px;width:100%;object-fit:contain;transition:transform .35s var(--ease)}.mood-tab>span,.mood-tab>small{display:block}.mood-tab>span{font-size:12px;font-weight:700;margin-top:9px}.mood-tab>small{font-size:10px;color:var(--muted);margin-top:3px}.mood-tab:hover img{transform:translateY(-8px) rotate(-4deg)}.mood-tab[aria-pressed=true]{background:var(--saffron);border-color:var(--malt);box-shadow:0 3px 0 var(--malt)}.mood-stage{display:grid;grid-template-columns:1fr 1fr;background:var(--saffron);border-radius:22px;min-height:530px;overflow:hidden;transition:background .4s}.mood-stage[data-theme=coelho]{background:var(--sage)}.mood-stage[data-theme=capivara]{background:#eed6b1}.mood-stage[data-theme=onca]{background:#f4bfa0}.mood-stage[data-theme=urso]{background:#f3d990}.mood-stage[data-theme=raposa]{background:#f2c6b6}.mood-stage[data-theme=esquilo]{background:#d9dfc2}.mood-art{position:relative;display:grid;place-items:end center;padding:35px 10px 0;isolation:isolate}.art-circle{position:absolute;width:75%;aspect-ratio:1;border:1px solid #2a231240;border-radius:50%;top:10%;z-index:-1}.art-word{position:absolute;font-size:110px;font-weight:900;opacity:.1;letter-spacing:-10px;top:100px;left:6%;z-index:-1}.mood-art img{height:490px;width:90%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 10px #2a231218)}.mood-art img.arrive{animation:character-enter .6s var(--ease) both}.mood-story{padding:55px 46px 38px 15px;align-self:center}.mood-story h3{font-size:45px}.mood-story>p:not(.eyebrow):not(.demo-note):not(.mood-feedback){font-size:16px;line-height:1.55;max-width:365px}.intensities{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.intensities button{border:1px solid #2a231270;background:transparent;color:var(--malt);border-radius:40px;font-size:12px;font-weight:650;min-height:44px;padding:9px 16px}.intensities button[aria-pressed=true]{background:var(--cream);border-color:var(--malt);box-shadow:0 2px 0 var(--malt)}.mood-feedback{font-size:12px;min-height:40px;margin:17px 0;color:var(--malt)}.demo-note{font-size:11px;line-height:1.5;color:var(--muted);max-width:380px}.mood-story .demo-note{color:#514527}.ideas{border:1px solid var(--line);border-radius:16px;padding:30px;margin-top:20px;background:white}.ideas[hidden]{display:none}.ideas h3{font-size:30px}.ideas>div>p:not(.eyebrow){font-size:15px}.idea-tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.idea-tags span{padding:10px 18px;border-radius:30px;background:var(--cream);font-size:14px}.ideas .demo-note{max-width:800px}.how-section{background:#eee9de}.how-section h2{max-width:1000px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.step-number{font-family:MealDisplay,Arial,sans-serif;font-size:15px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--malt);margin-bottom:23px}.steps h3{font-size:25px}.steps p{font-size:15px;color:var(--muted)}.restaurant-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.restaurant-copy>p:not(.eyebrow):not(.lead){font-size:16px;color:var(--muted);max-width:390px}.restaurant-pair{display:flex;align-items:center;gap:14px;margin-top:20px;height:245px}.restaurant-pair img{height:100%;width:auto;max-width:40%;object-fit:contain;transform-origin:bottom center;animation:bull-sway 7s ease-in-out infinite}.restaurant-pair img:last-child{animation-delay:-3s}.restaurant-pair>span{font-size:33px;font-weight:300}.restaurant-builder{background:white;border:1px solid var(--line);border-radius:18px;padding:40px;box-shadow:9px 9px 0 #e9e2d4;position:relative}.paper-tag{display:inline-block;transform:rotate(-3deg);background:var(--saffron);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:8px 12px;margin-bottom:24px}.restaurant-builder h3{font-size:38px}.restaurant-builder>p{font-size:14px;color:var(--muted)}.restaurant-options{display:grid;gap:8px;margin:23px 0}.restaurant-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:54px;cursor:pointer;font-size:13px}.restaurant-option:has(input:checked){background:#fff1c8;border-color:#998336}.restaurant-option input{width:18px;height:18px;accent-color:var(--malt);flex-shrink:0}.restaurant-option span{flex:1}.restaurant-option small{color:var(--muted);font-size:11px}.restaurant-summary{border-top:1px solid var(--line);padding-top:22px;min-height:135px}.restaurant-summary .eyebrow{font-size:9px;letter-spacing:1.5px}.restaurant-summary p{font-size:14px;margin:10px 0}.restaurant-builder .button{width:100%}.closing{background:var(--malt);color:var(--cream);overflow:hidden}.closing-inner{position:relative;padding-block:95px;min-height:490px}.closing h2{font-size:clamp(50px,6vw,85px)}.closing h2>span{color:var(--saffron)}.closing p:not(.eyebrow){font-size:17px;color:#ded5bf}.closing .button{margin-top:12px}.closing-cast{position:absolute;right:0;bottom:-15px;display:flex;gap:5px;align-items:end;width:37%;height:390px;pointer-events:none}.closing-cast img{height:90%;width:50%;object-fit:contain;object-position:bottom;animation:rabbit-hop 7s ease-in-out infinite}.closing-cast img:last-child{height:100%;animation-delay:-3s}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq h2{font-size:44px}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:16px;font-weight:650;list-style:none;position:relative;padding-right:28px}summary:after{content:'+';position:absolute;right:0;font-size:22px;top:-6px}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted)}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px}.footer .brand{font-size:24px}.footer p,.footer>span{font-size:11px;color:var(--muted)}
@keyframes rabbit-hop{0%,35%,60%,100%{transform:translateY(0) rotate(-2deg)}43%{transform:translateY(-12px) rotate(2deg)}51%{transform:translateY(-3px) rotate(-2deg)}}@keyframes bull-sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg) translateY(-5px)}}@keyframes bubble{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes twinkle{to{rotate:360deg}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes character-enter{from{opacity:0;transform:translateX(35px) rotate(6deg)}to{opacity:1;transform:translateX(0) rotate(0)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;transition:none!important}body.motion-paused .arrive{animation:none!important}html:has(body.motion-paused){scroll-behavior:auto}
@media(min-width:1450px){.hero-scene{height:560px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:0}.hero-scene{height:450px}.hero h1{font-size:53px}.nav{gap:14px}nav{gap:20px}.brand{font-size:26px}.hero .eyebrow{max-width:260px}.restaurant-section{gap:45px}.restaurant-builder{padding:28px}.mood-story{padding:35px 28px 30px 5px}.mood-story h3{font-size:38px}.mood-art img{height:430px}.mood-tab>span{font-size:10px}.faq{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:84px;flex-wrap:wrap;padding-block:17px;gap:14px}.nav .brand{font-size:26px}.brand img{width:30px;height:30px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:12px}.motion-toggle{font-size:10px;padding:9px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:50px}.hero h1{font-size:clamp(43px,8.7vw,65px)}.hero .eyebrow{max-width:none;font-size:9px}.hero .lead{font-size:18px;margin-block:25px}.hero-scene{width:min(470px,94%);height:420px;margin:35px auto 10px}.hero-actions{gap:15px}.button{font-size:12px;min-height:52px;padding:15px 18px}.text-link{font-size:12px}.hero-bull{right:-3%}.bull-speech{right:0}.rabbit-speech{left:-1%}.scene-caption{left:12%}.ticker{font-size:18px;padding:14px 0}.section{padding-block:65px}.section-top{display:block}.section-top>p{margin-top:24px;font-size:14px}.mood-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mood-tab{padding:10px 3px}.mood-tab img{height:70px}.mood-tab>span{font-size:10px}.mood-tab>small{font-size:9px}.mood-stage{grid-template-columns:1fr}.mood-art{padding-top:20px;height:310px}.mood-art img{height:300px}.art-word{font-size:85px;top:80px;left:15%}.art-circle{width:65%;height:230px;aspect-ratio:auto;left:17%}.mood-story{padding:28px}.mood-story h3{font-size:37px}.mood-story>p:not(.eyebrow):not(.demo-note):not(.mood-feedback){font-size:15px}.mood-story .eyebrow{font-size:9px}.intensities{margin-top:20px}.mood-feedback{min-height:38px}.mood-story .button{width:100%}.ideas{padding:22px}.steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.steps article{position:relative;padding-left:63px}.step-number{position:absolute;left:0;top:0}.steps h3{font-size:24px}.restaurant-section{grid-template-columns:1fr;gap:28px}.restaurant-copy .lead{margin:22px 0;font-size:20px}.restaurant-pair{height:190px}.restaurant-builder{padding:25px;box-shadow:5px 5px 0 #e9e2d4}.restaurant-builder h3{font-size:34px}.restaurant-option{font-size:12px}.restaurant-option small{font-size:10px}.closing-inner{padding-block:65px 250px}.closing h2{font-size:clamp(48px,9vw,70px)}.closing-cast{height:255px;width:65%;right:-5px}.closing p:not(.eyebrow){font-size:15px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:36px}.footer{flex-wrap:wrap;gap:10px;padding-block:28px}.footer .brand{width:100%}.footer p{margin:0}.footer>span{font-size:10px}}
@media(max-width:760px){.scene-disc{transform:none}.orbital{display:none}.hero-copy,.hero-scene{min-width:0}}
@media(max-width:360px){.hero h1{font-size:37px}.hero-scene{height:365px}.speech{font-size:10px;padding:10px 12px}.nav .brand{font-size:23px}.nav .brand img{width:25px;margin-right:5px}.motion-toggle{padding:8px;font-size:9px}.mood-story{padding:23px}.mood-story h3{font-size:33px}.restaurant-option{gap:7px;padding:10px 8px}.restaurant-option small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Legibility refinement: keep supporting copy readable at every breakpoint. */
.brand{font-size:34px}.brand img{width:42px;height:42px}
.eyebrow,.hero .eyebrow{font-size:13px;letter-spacing:1.4px}
.scene-label{font-size:17px;top:-12px;left:23%;background:var(--cream);padding:5px 10px;border-radius:8px}
.speech{font-size:17px;padding:14px 20px;line-height:1.35}
.rabbit-speech{left:-2%;top:23%}.bull-speech{right:0;top:7%}
.scene-caption{font-size:14px;left:12%;bottom:-30px}
.small-note,.demo-note,.mood-story .demo-note{font-size:14px;line-height:1.6}
.motion-toggle{font-size:12px;min-height:44px}
.motion-toggle:disabled{opacity:1;color:var(--muted);border-color:var(--line)}
.mood-tab>span{font-size:14px;line-height:1.3}.mood-tab>small{font-size:12px}
.intensities button{font-size:14px}.mood-feedback{font-size:14px;min-height:45px}
.mood-story .eyebrow{font-size:12px}
.paper-tag,.restaurant-summary .eyebrow{font-size:12px;letter-spacing:1px}
.restaurant-option{font-size:14px}.restaurant-option small{font-size:12px}
.footer p,.footer>span{font-size:13px}
h2{line-height:1.16}
em{background:none;box-shadow:inset 0 -.78em 0 var(--saffron);padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Crop only the display edge containing remnants from the source sprite.
   Intrinsic image proportions keep clipping aligned with the actual artwork. */
.hero-bull img{width:auto;max-width:100%;margin-inline:auto}
.mood-art img{width:auto;max-width:90%}
img[src$="boi.png"],img[src$="capivara.png"],img[src$="urso.png"],img[src$="raposa.png"]{clip-path:inset(0 3% 0 0)}
.mood-tab img{width:auto;max-width:100%;margin-inline:auto}
.closing-cast img{width:auto;max-width:50%}
@media(max-width:1050px) and (min-width:761px){.speech{font-size:15px;padding:12px 15px}.scene-label{font-size:15px}.scene-caption{font-size:12px}.nav{flex-wrap:wrap;padding-block:20px}}
@media(max-width:760px){
 .nav .brand{font-size:29px}.brand img{width:34px;height:34px}
 .motion-toggle{font-size:12px;padding:9px 10px}.nav nav{font-size:14px}
 .eyebrow,.hero .eyebrow{font-size:12px}.hero .eyebrow{max-width:none}
 .scene-label{font-size:15px;left:22%;top:-9px}
 .speech{font-size:15px;padding:11px 14px}.rabbit-speech{left:0;top:27%}.bull-speech{right:0;top:7%}
 .scene-caption{font-size:12px;left:5%;bottom:-27px}
 .hero-scene{margin-top:50px}.hero-actions .button,.text-link{font-size:14px}
 .mood-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mood-tab>span{font-size:14px}.mood-tab>small{font-size:12px}
 .restaurant-option{font-size:14px;align-items:flex-start}.restaurant-option small{font-size:12px}
 .footer>span{font-size:13px}
}
@media(max-width:360px){
 .nav .brand{font-size:27px}.nav .brand img{width:29px;height:29px}
 .motion-toggle{font-size:12px}.scene-label{font-size:14px;left:18%}
 .speech{font-size:14px;padding:10px 12px}.scene-caption{left:0;font-size:12px}
 .restaurant-option{flex-wrap:wrap;gap:8px}.restaurant-option small{margin-left:26px;width:100%}
}

/* Approved consumer-first headline; keep the longer copy readable. */
.hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}.hero-copy{min-width:0}
@media(max-width:760px){.hero h1{font-size:clamp(37px,8.4vw,60px)}.nav nav{flex-wrap:wrap;gap:12px 18px}}

/* Reserve a separate dialogue band above the animated mascots. */
.hero-scene{margin-top:170px}
.hero-scene .scene-label{top:-170px;left:0;width:100%;text-align:center;transform:none}
.hero-scene .speech{top:auto;bottom:calc(100% + 35px);max-width:45%;text-align:center}
.hero-scene .rabbit-speech{left:0}
.hero-scene .bull-speech{right:0}
@media(min-width:761px) and (max-width:1050px){.hero-scene{width:90%;justify-self:center}.hero-scene .orbital{width:90%;height:55%}}

