/* Landing-only layout; the existing waitlist keeps its own styling. */
.landing-page{background:#fffefc;color:#252820}.landing-page .page{width:min(100% - 112px,1240px);min-height:100svh;display:flex;flex-direction:column}.landing-page .wordmark{color:#252820;font-size:32px}.landing-page .masthead{padding-top:31px}.landing-page .landing{display:flex;align-items:center;flex:1;padding:43px 0 28px}.landing-page .hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);align-items:center;gap:54px;width:100%;text-align:left}.hero-copy{padding-bottom:5px;min-width:0}.landing-page h1{font-size:66px;line-height:1.055;letter-spacing:-3px;margin:0;max-width:670px}.landing-page .whatsapp-word{color:#1b7853}.landing-page .lead{font-size:15px;line-height:1.8;max-width:470px;margin:28px 0 0;color:#716f70}.hero-note{font-size:15px;line-height:1.8;color:#716f70;margin:4px 0 0}.landing-page .cta-row{justify-content:flex-start;margin-top:31px;gap:21px}.landing-page .primary-button{background:#252820;border-color:#252820;border-radius:40px;box-shadow:none;font-size:14px;padding:17px 26px;gap:24px}.landing-page .primary-button:hover{background:#176949;border-color:#176949}.landing-page .cta-note{font-size:10px;line-height:1.8;color:#6f716b}.trust-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;color:#6f716b;margin:25px 0 0;line-height:1.7}.trust-line svg{flex-shrink:0;color:#52846a}.trust-divider{margin:0 3px}.vision-note{font-size:12px;line-height:1.9;color:#6f716b;margin:29px 0 0}.landing-page .text-link{font-size:11px;font-weight:normal;color:#68696a;border-bottom-color:#c5c9c5;margin-top:14px;padding-bottom:3px}.landing-page footer{display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;border:0;margin-top:0;padding:20px 0 29px}.landing-page .footer-motto{font-size:21px;letter-spacing:-.5px;margin:0;white-space:nowrap}.landing-page .footer-motto em{color:#1b7853}.landing-page .credits{font-size:10px;line-height:1.8;text-align:right;color:#6f716b}.landing-page .credits a{border-bottom-color:#d6d9d2}.phone-figure{margin:0;min-width:0;max-width:100%;position:relative;justify-self:center;isolation:isolate;width:344px}.phone-figure:before{content:'';position:absolute;z-index:-1;inset:70px -80px 65px;border-radius:50%;background:radial-gradient(ellipse at 35% 60%,#e8e7fe 0%,transparent 58%),radial-gradient(ellipse at 75% 42%,#ffe4d3 0%,transparent 58%);filter:blur(24px)}.phone{width:344px;height:708px;border:5px solid #252523;border-radius:48px;background:#f6f7f6;padding:2px;box-shadow:0 24px 34px -14px #20251c40,0 3px 7px #22222215;overflow:hidden;position:relative;font-family:Arial,Helvetica,sans-serif;user-select:none}.phone-screen{height:100%;width:100%;display:flex;flex-direction:column;border-radius:39px;overflow:hidden;position:relative;background:#f7f8f7}.phone-status{position:relative;flex:0 0 43px;display:flex;justify-content:space-between;align-items:center;padding:0 22px 0 25px;color:#161917;font-size:12px;font-weight:bold;background:#fafbf9}.dynamic-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:89px;height:24px;border-radius:20px;background:#151615}.dynamic-island:after{content:'';position:absolute;right:9px;top:8px;width:8px;height:8px;border-radius:50%;background:#202936;box-shadow:inset 0 0 2px #495061}.status-icons{display:flex;align-items:center}.chat-header{height:61px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:7px 13px 9px 10px;background:#fafbf9;border-bottom:1px solid #e5e7e4}.back-chevron{color:#008069;flex-shrink:0}.chat-avatar{border-radius:50%;object-fit:cover}.chat-contact{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.chat-contact strong{font-size:14px;font-weight:600;color:#18241d}.chat-contact>span{font-size:10px;line-height:1;color:#77807b}.contact-typing{display:none}.header-icon{color:#008069;flex-shrink:0;margin-left:4px}.chat-body{flex:1;min-height:0;position:relative;padding:11px 11px 7px;display:flex;flex-direction:column;gap:8px;overflow:hidden;background-color:#efeae2;background-image:url('assets/chat-pattern.svg');background-size:170px 170px}.day-label{align-self:center;padding:5px 10px;border-radius:6px;background:#fffef9d9;box-shadow:0 1px 2px #aaa2;font-size:9px;line-height:1;color:#7c817c;margin-bottom:4px}.bubble{font-size:13px;line-height:1.45;border-radius:8px;box-shadow:0 1px 1px #071e1017;max-width:94%;padding:9px 10px 5px;position:relative;opacity:1;transform:translateY(0);transition:opacity .38s ease,transform .38s ease;flex-shrink:0;color:#1c2a23}.bubble p{margin:0}.outgoing{align-self:flex-end;background:#d9fdd3;border-top-right-radius:0}.incoming{align-self:flex-start;background:#fff;border-top-left-radius:0}.outgoing:before{content:'';position:absolute;right:-6px;top:0;border-top:7px solid #d9fdd3;border-right:7px solid transparent}.incoming:before{content:'';position:absolute;left:-6px;top:0;border-top:7px solid #fff;border-left:7px solid transparent}.voice-message{width:254px;padding:12px 12px 5px}.voice-row{display:flex;gap:12px;align-items:center;height:34px;color:#399a70}.play-triangle{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #759b82;flex-shrink:0}.waveform{display:flex;align-items:center;justify-content:space-between;gap:2px;height:34px;flex:1}.waveform i{display:block;width:3px;height:var(--h);max-height:34px;border-radius:3px;background:#7ea58b;transform-origin:center}.message-meta{display:flex;justify-content:space-between;font-size:9px;color:#7c8b7a;margin-top:3px;padding-left:27px}.read-ticks{color:#40a9cf;letter-spacing:-3px;font-size:11px;font-weight:normal;margin-left:2px;padding-right:3px}.message-time{font-size:8px;color:#8d928e;text-align:right;line-height:1;margin:5px 0 0}.quoted-message{display:flex;flex-direction:column;gap:3px;border-left:3px solid #29b36b;border-radius:3px;background:#f1f5ef;padding:6px 8px;margin:-2px -3px 7px;font-size:10px;color:#828a83}.quoted-message b{font-size:10px;color:#2e9a5b;font-weight:600}.listening-message{width:260px}.result-message{width:268px}.result-message strong{font-weight:600}.result-message .split-result{margin-top:6px}.split-result span{color:#16985d;font-size:12px}.typing-indicator{position:absolute;left:11px;bottom:15px;display:flex;align-items:center;gap:4px;padding:13px 16px;background:white;border-radius:8px;box-shadow:0 1px 1px #071e1017;opacity:0;transition:opacity .2s}.typing-indicator i{height:5px;width:5px;background:#8c9a92;border-radius:50%;animation:typing-bounce 1s infinite}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}.chat-composer{display:flex;align-items:center;gap:8px;flex:0 0 49px;padding:6px 9px 3px;background:#f8f9f6}.composer-plus{font-size:26px;font-weight:300;color:#07816d;line-height:1;margin-right:2px}.composer-field{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;border:1px solid #e4e8e2;background:white;border-radius:20px;height:34px;padding:0 11px;color:#9b9f9a;font-size:12px}.composer-camera{color:#737f76}.composer-mic{display:flex;justify-content:center;align-items:center;background:#008b69;color:white;width:34px;height:34px;border-radius:50%;flex-shrink:0}.composer-mic svg{width:14px;height:19px}.recording-label{display:none;color:#78817a;font-size:10px;gap:6px;align-items:center}.recording-label i{height:6px;width:6px;border-radius:50%;background:#e97070;animation:recording-pulse .8s infinite alternate}.home-indicator{display:flex;justify-content:center;align-items:center;flex:0 0 20px;background:#f8f9f6}.home-indicator span{width:104px;height:4px;border-radius:4px;background:#202622}.phone-figure figcaption{display:flex;align-items:center;justify-content:center;gap:17px;font-size:10px;line-height:1.7;color:#6f716b;margin-top:17px;letter-spacing:.15px}.demo-controls{display:flex;gap:8px;align-items:center}.demo-controls button{font:inherit;color:#6f716b;background:transparent;border:0;border-bottom:1px solid #d5d8d1;padding:3px 0;cursor:pointer;min-height:26px}.demo-controls button:hover{color:#176949;border-color:#176949}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.phone[data-phase=sent] [data-message=listening],.phone[data-phase=sent] [data-message=done],.phone[data-phase=listening] [data-message=done]{opacity:0;transform:translateY(9px)}.phone[data-phase=recording] .recording-label{display:flex}.phone[data-phase=recording] .composer-placeholder,.phone[data-phase=recording] .composer-camera{display:none}.phone[data-phase=listening] .typing-indicator{opacity:1}.phone[data-phase=listening] .contact-online{display:none}.phone[data-phase=listening] .contact-typing{display:block}.phone[data-phase=sent] .waveform i{animation:wave-pulse .55s infinite alternate}.phone[data-phase=sent] .waveform i:nth-child(3n){animation-delay:-.25s}.phone[data-phase=sent] .waveform i:nth-child(2n){animation-delay:-.4s}.phone[data-paused=true] *{animation-play-state:paused!important}
@keyframes wave-pulse{from{transform:scaleY(.45);background:#6ca27d}to{transform:scaleY(1);background:#388765}}@keyframes typing-bounce{0%,60%,100%{transform:translateY(0);opacity:.6}30%{transform:translateY(-3px);opacity:1}}@keyframes recording-pulse{to{opacity:.35}}
@media(min-width:1500px){.landing-page h1{font-size:74px}.landing-page .hero{gap:80px}.landing-page .landing{padding:50px 0 38px}}
@media(max-width:1100px){.landing-page .page{width:calc(100% - 72px)}.landing-page .hero{gap:25px;grid-template-columns:minmax(0,1fr) 320px}.phone-figure{width:320px}.phone{width:320px;height:690px}.landing-page h1{font-size:54px;letter-spacing:-2.5px}.landing-page .lead,.hero-note{font-size:14px}.trust-line{font-size:8px;gap:5px}.trust-divider{display:none}.landing-page .footer-motto{font-size:19px}.landing-page .credits{font-size:9px}}
@media(max-width:850px){.landing-page .page{width:calc(100% - 48px)}.landing-page .hero{grid-template-columns:minmax(0,1fr);gap:44px;text-align:center}.landing-page .landing{padding:45px 0 32px}.hero-copy{max-width:590px;margin:auto}.landing-page h1{font-size:56px;letter-spacing:-2.5px}.landing-page h1 br:first-of-type{display:none}.landing-page .lead{margin:24px auto 0;max-width:430px}.landing-page .cta-row{justify-content:center;margin-top:26px}.trust-line{justify-content:center;font-size:9px;margin-top:23px}.trust-divider{display:inline}.vision-note{margin-top:23px;font-size:11px}.landing-page .text-link{font-size:11px}.phone-figure{width:344px}.phone{width:344px;height:708px}.phone-figure:before{inset:70px -35px 65px;filter:blur(18px)}.landing-page footer{flex-direction:column;gap:10px;text-align:center;padding:23px 0 27px}.landing-page .credits{text-align:center;max-width:330px}.landing-page .footer-motto{font-size:23px}}
@media(max-width:420px){.landing-page .page{width:calc(100% - 36px)}.landing-page .masthead{padding-top:24px}.landing-page .wordmark{font-size:29px}.landing-page .landing{padding-top:35px}.landing-page h1{font-size:43px;letter-spacing:-2px;line-height:1.08}.landing-page .lead,.hero-note{font-size:13px}.landing-page .cta-row{gap:14px}.landing-page .primary-button{padding:15px 22px;font-size:13px;gap:20px}.landing-page .cta-note{font-size:9px}.trust-line{font-size:8px;gap:5px}.phone-figure{width:min(100%,320px)}.phone{width:100%;height:690px;border-radius:43px}.phone-screen{border-radius:34px}.phone-status{padding-left:23px;padding-right:18px}.chat-header{gap:8px;padding-left:8px;padding-right:10px}.chat-body{padding:10px 9px 6px;gap:8px}.phone-figure:before{left:-10px;right:-10px}.vision-note{font-size:10px}.bubble{font-size:12px}.voice-message{width:94%;max-width:250px}.listening-message,.result-message{max-width:94%}.landing-page .hero{gap:35px}.landing-page .footer-motto{font-size:22px}}
@media(prefers-reduced-motion:reduce){.phone *,.phone *:before{animation:none!important;transition:none!important}.phone .bubble{opacity:1!important;transform:none!important}.phone .typing-indicator{opacity:0!important}.phone .recording-label,.phone .contact-typing{display:none!important}.phone .composer-placeholder,.phone .composer-camera,.phone .contact-online{display:block!important}}

/* Clear, single-purpose early-access CTA. */
.landing-page .cta-row{align-items:flex-start;flex-direction:column;gap:12px;margin-top:31px}.landing-page .join-waitlist{width:264px;min-height:62px;justify-content:space-between;border-radius:15px;background:#087953;border:1px solid #087953;color:white;box-shadow:0 4px 0 #065b3e,0 10px 22px #08795318;font-size:16px;font-weight:600;letter-spacing:.1px;padding:12px 15px 12px 23px;gap:20px}.landing-page .join-waitlist:hover{background:#086744;border-color:#086744;box-shadow:0 4px 0 #05492f,0 13px 25px #08795325;transform:translateY(-2px)}.landing-page .join-waitlist:active{transform:translateY(2px);box-shadow:0 1px 0 #065b3e}.landing-page .join-waitlist .button-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff1c;border:1px solid #ffffff28;border-radius:9px;font-size:23px;line-height:1;flex-shrink:0}.landing-page .cta-note{font-size:11px;color:#6f716b}.landing-page .hero-note{color:#4b514b}.landing-page .text-link{margin-top:24px}
@media(max-width:850px){.landing-page .cta-row{align-items:center}.landing-page .hero-copy{max-width:590px}.landing-page .join-waitlist{max-width:100%}}
@media(max-width:420px){.landing-page .join-waitlist{width:258px;min-height:60px;font-size:15px;padding-left:20px}.landing-page .cta-note{font-size:10px}.landing-page h1{font-size:42px}}

/* Keep the conversation in view; put branding and trust details in the footer. */
.landing-page{overflow-x:clip}
.landing-page .landing{padding:26px 0 24px}
.landing-page .wordmark{font-size:26px;letter-spacing:-1.1px}
.hero-copy{container-type:inline-size;width:100%}
.landing-page h1{font-size:48px;line-height:1.12;letter-spacing:-1.7px}
.headline-intro{display:block}
.rolling-window{display:block;overflow:hidden;height:2.5em;line-height:1.25;margin-top:9px;padding:0 3px;color:#1b7853;font-style:italic;font-size:clamp(24px,5.5cqi,32px);letter-spacing:-.6px}
.rolling-track{display:flex;flex-direction:column;animation:headline-roll 31.5s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}
.rolling-track>span{display:flex;align-items:center;flex-shrink:0;height:2.5em;line-height:1.25;white-space:normal}
@keyframes headline-roll{
  0%,8.5%{transform:translateY(0)}
  11.1111%,19.6111%{transform:translateY(-10%)}
  22.2222%,30.7222%{transform:translateY(-20%)}
  33.3333%,41.8333%{transform:translateY(-30%)}
  44.4444%,52.9444%{transform:translateY(-40%)}
  55.5556%,64.0556%{transform:translateY(-50%)}
  66.6667%,75.1667%{transform:translateY(-60%)}
  77.7778%,86.2778%{transform:translateY(-70%)}
  88.8889%,97.3889%{transform:translateY(-80%)}
  100%{transform:translateY(-90%)}
}
.landing-page .site-footer{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:26px;padding:18px 0 26px;text-align:left}
.footer-brand,.footer-trust{display:flex;flex-direction:column;gap:9px}
.footer-trust{align-items:flex-end}
.footer-tags{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.trust-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #e7eae4;border-radius:20px;padding:7px 11px;color:#626d60;background:#fafcf8;font-size:10px;line-height:1.3;white-space:nowrap}
.trust-badge svg{color:#4d8065;flex-shrink:0}
.landing-page .credits{text-align:left;max-width:none;margin:0}
.company-name{font-size:10px;line-height:1.6;color:#6f716b;margin:0}
@media(max-width:1100px){.landing-page h1{font-size:44px}}
@media(max-width:850px){
 .landing-page h1{font-size:42px}
 .landing-page .landing{padding-top:24px}
 .landing-page .hero{gap:26px}
 .rolling-track>span{justify-content:center}
 .landing-page .site-footer{flex-direction:column;gap:24px}
 .footer-trust{align-items:flex-start}
 .footer-tags{justify-content:flex-start;flex-wrap:wrap;gap:7px}
 .trust-badge{font-size:9px;padding:6px 9px}
}
@media(max-width:600px){
 .landing-page .wordmark{font-size:23px}
 .landing-page .landing{padding:18px 0 20px}
 .landing-page .hero{gap:22px}
 .landing-page h1{font-size:34px;letter-spacing:-1px;max-width:100%}
 .rolling-window{font-size:clamp(21px,6.2cqi,25px);margin-top:4px;letter-spacing:-.3px}
 .landing-page .lead,.landing-page .hero-note{display:none}
 .landing-page .cta-row{margin-top:15px}
 .landing-page .join-waitlist{min-height:50px;padding:8px 12px 8px 20px;font-size:14px}
 .landing-page .join-waitlist .button-arrow{width:30px;height:30px}
 .phone-figure{width:min(100%,320px)}
 .phone{width:100%;height:550px;border-radius:43px}
 .phone-screen{border-radius:34px}
 .phone-status{flex-basis:37px}
 .chat-header{height:55px}
 .chat-body{gap:8px}
 .bubble{font-size:12px}
 .landing-page .site-footer{padding:18px 0 24px;gap:22px}
 .company-name{font-size:9px}
}
@media(max-width:360px){
 .landing-page h1{font-size:32px}
 .phone{height:525px}
 .chat-body{padding:9px 8px 6px;gap:7px}
 .bubble{font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){.rolling-track{animation:none;transform:none;will-change:auto}}

/* Keep the waitlist action immediately below the conversation. */
.demo-column{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%}
.landing-page .demo-column .cta-row{align-items:center;margin-top:24px}

/* Reduce the demo's visual and layout footprint without clipping its messages. */
.phone-figure{zoom:.8}
.landing-page .demo-column .cta-row{margin-top:12px}
.rolling-track>.voice-note-phrase{color:var(--purple);font-weight:700;font-style:normal}
@media(max-width:600px) and (max-height:650px){
 .phone-figure{zoom:.66}
 .landing-page .landing{padding-top:12px}
 .landing-page .hero{gap:16px}
}

/* Slim metallic frame and natural chat alignment. */
.phone-figure{width:min(100%,300px)}
.phone{width:100%;border:3px solid #363936;padding:1px;border-radius:42px;background:#bfc2bd;box-shadow:0 0 0 1px #a1a59f,inset 0 0 0 1px #e8ebe5,0 20px 30px -14px #20251c35,0 3px 6px #22222212}
.phone-screen{border-radius:38px}
.incoming{text-align:left}
@media(max-width:600px){
 .phone-figure{width:min(100%,288px)}
 .phone{border-radius:38px}
 .phone-screen{border-radius:34px}
}

/* Desktop: keep the call to action with the headline. Mobile stays demo-first. */
@media(min-width:851px){
 .landing-page .hero{grid-template-rows:1fr auto auto 1fr;row-gap:0}
 .hero-copy{grid-column:1;grid-row:2}
 .demo-column{display:contents}
 .phone-figure{grid-column:2;grid-row:1 / 5}
 .landing-page .demo-column .cta-row{grid-column:1;grid-row:3;align-items:flex-start;justify-content:flex-start;align-self:start;margin-top:20px}
}

@media(min-width:851px){.phone-figure{zoom:.96}}

/* Pick a conversation at any time; selecting it again replays it. */
.demo-stage{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;width:100%}
.demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,330px);padding:3px;gap:3px;border:1px solid #e3e7df;border-radius:13px;background:#f4f6f0}
.demo-tabs button{min-width:0;min-height:38px;padding:6px 5px;border:0;border-radius:9px;background:transparent;color:#63705e;font:500 10px/1.25 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.demo-tabs button:hover{background:#e6eee2;color:#1b7853}
.demo-tabs button[aria-selected=true]{background:#fff;color:#176949;font-weight:700;box-shadow:0 1px 4px #2c47291a}
.demo-tabs button:focus-visible{outline:2px solid var(--purple);outline-offset:1px}
.receipt-message{width:218px;padding:7px 8px 5px}
.receipt-paper{background:#fffdf5;border:1px solid #e6dfce;padding:8px 10px;color:#665c49;font-family:'Courier New',monospace;font-size:10px;line-height:1.3}
.receipt-title{display:block;font-weight:bold;font-size:10px;letter-spacing:1px;text-align:center;margin-bottom:5px}
.receipt-paper>div{display:flex;justify-content:space-between;gap:12px}
.receipt-total{border-top:1px dashed #cfc6b2;margin-top:4px;padding-top:4px}
.calculation-message{width:268px}
.calculation-lines{font-size:11px;line-height:1.45}
.allocation{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:5px 0;margin:5px 0;border-top:1px solid #e7ede5;border-bottom:1px solid #e7ede5;font-size:11px;line-height:1.35}
.allocation b{font-weight:600}
.added-line{font-size:11px;line-height:1.4}
.added-line span{color:#16985d}
.grocery-question{width:260px}
.grocery-question p+p{margin-top:7px}
.phone[data-flow=bill][data-phase=sent] [data-message=voice],.phone[data-phase=voice] [data-message=done]{opacity:0;transform:translateY(9px)}
.phone[data-phase=voice] .waveform i{animation:wave-pulse .55s infinite alternate}
.phone[data-phase=voice] .waveform i:nth-child(3n){animation-delay:-.25s}
.phone[data-phase=voice] .waveform i:nth-child(2n){animation-delay:-.4s}
@media(min-width:851px){.demo-stage{grid-column:2;grid-row:1 / 5}}
@media(max-width:600px){
 .landing-page .landing{padding-top:14px}
 .landing-page .hero{gap:10px}
 .demo-stage{gap:8px}
 .phone-figure{zoom:.76}
 .landing-page .demo-column .cta-row{margin-top:8px}
 .phone[data-flow=bill] .chat-body{gap:6px;padding-top:8px}
 .phone[data-flow=bill] .day-label{padding:4px 8px;margin-bottom:0}
 .phone[data-flow=bill] .voice-message{padding-top:6px;padding-bottom:4px}
 .phone[data-flow=bill] .voice-row{height:28px}
 .phone[data-flow=bill] .receipt-paper{padding:6px 8px;font-size:10px}
 .phone[data-flow=bill] .receipt-title{font-size:10px;margin-bottom:3px}
 .phone[data-flow=bill] .calculation-lines,.phone[data-flow=bill] .allocation,.phone[data-flow=bill] .added-line{font-size:11px}
}
@media(max-width:600px) and (max-height:650px){
 .landing-page .landing{padding-top:8px}
 .landing-page .hero{gap:8px}
 .phone-figure{zoom:.6}
}

#demo-panel:focus-visible{outline:2px solid var(--purple);outline-offset:5px;border-radius:42px}

/* A plain WhatsApp reply, with line breaks instead of a calculation table. */
.restaurant-reply p+p{margin-top:7px}
.restaurant-reply{font-size:12px;line-height:1.4}
@media(max-width:600px){.restaurant-reply{font-size:11px}.restaurant-reply p+p{margin-top:5px}}