@font-face{font-family:Nunito;src:url('assets/NunitoSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/NunitoSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/NunitoSans-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--cream:#fff9f2;--orange:#ee593d;--apricot:#ffe6cd;--plum:#382536;--muted:#70616b;--line:#38253624}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--plum);font:400 16px/1.6 Nunito,sans-serif}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;max-width:100%}button{border:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:900;line-height:1.05}h2{font-size:clamp(42px,4.5vw,66px);letter-spacing:-2.8px}h3{font-size:28px;letter-spacing:-.7px}.wrap{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}.skip-link{position:absolute;top:-100px;left:24px;z-index:100;background:var(--plum);color:var(--cream);padding:12px}.skip-link:focus{top:12px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-logo{width:177px;height:53px;display:block;flex-shrink:0;background:url('assets/kioskk-logo.png') center/contain no-repeat}.desktop-nav{display:flex;gap:36px;font-size:15px;font-weight:700}.desktop-nav a{padding:12px 0}.desktop-nav a:hover,.text-link:hover{color:#b73521}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:58px;background:var(--plum);color:var(--cream);border-radius:100px;padding:15px 26px;font-weight:700;font-size:15px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#573b54;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.button-small{min-height:48px;padding:12px 23px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding-top:38px;padding-bottom:86px;min-height:726px}.hero-copy{padding-bottom:24px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:900;display:flex;align-items:center;gap:9px;margin-bottom:25px}.little-dot{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(64px,7.15vw,103px);letter-spacing:-5px;line-height:1.01}h1>span{display:block;white-space:nowrap}.orange-text{color:var(--orange)}.hero-description{margin-top:29px;font-size:17px;line-height:1.65;color:#635560;max-width:460px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:32px}.text-link{font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:15px}.hero-footnote{font-size:13px;margin-top:35px;color:var(--muted);display:flex;align-items:center;gap:9px}.chat-icon{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--muted);width:19px;height:17px;border-radius:5px;font-size:14px}.hero-art{position:relative;margin-left:15px}.hero-photo{height:566px;border-radius:160px 22px 22px 22px;overflow:hidden;background:var(--orange)}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center 62%}.hero-sticker{position:absolute;right:-17px;top:27px;width:123px;height:123px;background:var(--apricot);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;line-height:1.3;font-weight:900;letter-spacing:1px;transform:rotate(12deg);border:1px solid #38253622}.hero-sticker strong{font-size:18px;letter-spacing:-.7px}.hero-sticker>span{font-size:34px;line-height:1.2;margin-top:3px}.hero-message{position:absolute;left:-31px;bottom:47px;right:24px;padding:18px;background:var(--cream);box-shadow:0 8px 24px #38253616;border:1px solid #38253616;border-radius:15px;display:flex;align-items:center;gap:13px;transform:rotate(-3deg)}.message-avatar{background:var(--apricot);border-radius:50%;width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;font-size:26px}.message-label{font-weight:900;font-size:9px;letter-spacing:1px}.hero-message p{font-size:16px;font-weight:700}.message-arrow{margin-left:auto;font-size:25px}.image-caption{font-size:9px;letter-spacing:1.2px;display:block;text-align:right;margin-top:11px;font-weight:700}.category-strip{background:var(--apricot);border-top:1px solid #38253612;border-bottom:1px solid #38253612;overflow:hidden}.category-strip>div{max-width:1510px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-around;gap:36px;padding:15px 32px;white-space:nowrap}.category-strip span{font-size:20px;font-weight:900;letter-spacing:-.5px}.category-strip b{color:var(--orange);font-size:35px;line-height:1}
.section{padding-top:112px;padding-bottom:112px}.discover{display:grid;grid-template-columns:1fr 1fr;gap:94px;align-items:center}.body-copy{font-size:17px;line-height:1.75;color:#635560;margin-top:24px;max-width:445px}.prompt-label{font-weight:700;font-size:13px;margin-top:30px}.prompt-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.prompt-chip{background:transparent;border:1px solid #38253640;border-radius:100px;padding:11px 14px;font-size:13px;display:inline-flex;align-items:center;gap:12px;font-weight:700;transition:background .2s}.prompt-chip.is-active,.prompt-chip:hover{background:var(--apricot);border-color:var(--apricot)}.prompt-chip span{font-size:19px}.conversation{border-radius:24px;background:var(--plum);padding:8px;box-shadow:0 18px 55px #3825360c;transform:rotate(2deg)}.conversation-header{display:flex;gap:12px;align-items:center;color:var(--cream);padding:17px 16px 23px}.conversation-header strong{font-size:19px;display:block;line-height:1.2}.conversation-header>div>span{font-size:12px;opacity:.7;display:block;margin-top:4px}.avatar-brand{background:var(--cream);border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.mini-mark{background:url('assets/kioskk-symbol.png') center/contain no-repeat;display:block;width:28.4px;height:31.5px;mix-blend-mode:multiply}.example-tag{margin-left:auto;font-size:9px;letter-spacing:1px;color:var(--apricot);border:1px solid #ffe6cd40;border-radius:100px;padding:6px 8px;white-space:nowrap}.conversation-body{background:#f7eee5;border-radius:17px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:373px}.chat-time{font-size:9px;letter-spacing:1.5px;text-align:center;color:#70616b;margin-bottom:2px}.bubble{padding:13px 16px;max-width:89%;font-size:14px;line-height:1.6;box-shadow:0 2px 0 #38253608}.bubble-user{background:var(--apricot);align-self:flex-end;border-radius:15px 15px 3px 15px}.bubble-kioskk{background:var(--cream);align-self:flex-start;border-radius:15px 15px 15px 3px}.bubble-kioskk>span{color:var(--orange);font-size:21px;margin-left:4px}.conversation-bottom{color:var(--apricot);display:flex;justify-content:space-between;align-items:center;padding:12px 17px 6px;font-size:12px}.conversation-bottom>span:last-child{font-size:25px}.demo-caption{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.how-section{padding-top:20px;padding-bottom:112px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.section-heading h2{font-size:clamp(40px,3.7vw,55px);letter-spacing:-2px}.section-heading>p{color:var(--muted);font-size:16px;padding-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step{border-top:1px solid var(--line);padding-top:18px}.step-number{font-weight:900;font-size:45px;color:var(--orange);display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;letter-spacing:-2px}.step-number>span{font-size:28px;font-weight:400;color:var(--plum);letter-spacing:0}.step h3{font-size:25px}.step p{margin-top:17px;color:#635560;font-size:16px;max-width:335px;line-height:1.7}.seller-section{background:var(--apricot);padding:95px 0}.seller-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:94px}.seller-art{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0}.seller-art>img{width:100%;height:570px;object-fit:cover;object-position:42% center;border-radius:22px 150px 22px 22px}.seller-note{position:absolute;left:-14px;bottom:72px;background:var(--cream);border-radius:8px;padding:18px 25px;font-size:21px;line-height:1.4;box-shadow:0 8px 25px #38253614;transform:rotate(-6deg);width:285px}.seller-note strong{font-weight:900}.seller-note>span{position:absolute;right:20px;top:20px;font-size:35px}.packaging-caption{position:absolute;bottom:15px;right:0;font-size:11px;color:#6d4b3b}.seller-list{padding:0;margin:26px 0 30px;list-style:none;display:flex;flex-direction:column;gap:17px}.seller-list li{display:flex;gap:14px;font-size:14px;line-height:1.5}.seller-list li>span{color:var(--plum);border:1px solid #38253635;border-radius:50%;font-size:11px;font-weight:700;width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;margin-top:2px}.seller-list strong{display:block}.seller-footnote{font-size:13px;color:#635560;margin-top:14px}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;font-weight:700;font-size:17px;padding:23px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:28px;font-weight:400;line-height:1}details[open] summary>span{transform:rotate(45deg)}details>p{color:#635560;font-size:15px;line-height:1.8;padding:0 30px 23px 0}.hello-section{background:var(--orange);overflow:hidden}.hello-inner{padding-top:73px;padding-bottom:76px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hello-inner .eyebrow{margin-bottom:24px}.hello-inner h2{font-size:clamp(60px,6.8vw,98px);letter-spacing:-4px}.hello-action{padding-bottom:6px;position:relative}.hello-action>p{font-size:17px;margin-bottom:24px}.hello-star{display:block;font-size:65px;line-height:1;margin-bottom:20px}.preview-note{display:block;font-size:12px;margin-top:12px;text-align:center}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:42px 0 32px}.footer-top p{font-weight:900;font-size:20px;letter-spacing:-.5px}.footer-bottom{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.start-dialog{background:var(--cream);color:var(--plum);border:0;border-radius:25px;max-width:510px;width:calc(100% - 32px);padding:34px;max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 30px 100px #0002}.start-dialog::backdrop{background:#24142199;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:10px;width:40px;height:40px;font-size:30px;background:transparent;border-radius:50%;line-height:1}.dialog-close:hover{background:var(--apricot)}.dialog-heading .eyebrow{font-size:10px;margin:9px 0 20px}.dialog-heading h2{font-size:39px;letter-spacing:-1.8px}.dialog-heading>p:last-child{font-size:15px;margin-top:12px;color:var(--muted)}.dialog-options{display:flex;padding:4px;background:var(--apricot);border-radius:100px;margin-top:25px;gap:4px}.dialog-options button{width:50%;padding:10px;border-radius:100px;background:none;font-size:14px;font-weight:700}.dialog-options button[aria-pressed=true]{background:var(--plum);color:var(--cream)}.dialog-chat{display:flex;flex-direction:column;gap:15px;padding:23px 0;min-height:204px}.dialog-chat .bubble-user{background:var(--apricot)}.dialog-chat .bubble-kioskk{border:1px solid var(--line)}.dialog-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px}.dialog-footer .little-dot{flex-shrink:0}.dialog-footer p{font-size:12px;line-height:1.6;color:var(--muted)}
@media(min-width:1500px){.hero{min-height:780px}.hero-photo{height:610px}}
@media(max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.desktop-nav{gap:24px}.hero{gap:15px}h1{font-size:7.4vw;letter-spacing:-3.7px}.hero-description{font-size:16px}.desktop-break{display:none}.hero-photo{height:540px}.hero-message{left:-20px;padding:12px;right:13px}.hero-message p{font-size:14px}.hero-sticker{right:-12px;width:100px;height:100px}.hero-sticker strong{font-size:16px}.category-strip>div{justify-content:flex-start}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:88px;gap:16px}.brand-logo{width:142px;height:43px;}.desktop-nav,.site-header>.button{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;width:44px;height:44px;justify-content:center;align-items:center}.menu-toggle span{width:23px;height:2px;background:var(--plum)}.mobile-nav{padding:8px 24px 24px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.mobile-nav a,.mobile-nav button{text-align:left;padding:12px 0;font-weight:700;background:none}.hero{display:flex;flex-direction:column;gap:29px;padding-top:24px;padding-bottom:40px;min-height:0}.hero-copy{width:100%;padding-bottom:0}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:22px}h1{font-size:clamp(46px,11.8vw,85px);letter-spacing:-2.7px;line-height:1.03}.hero-description{font-size:16px;margin-top:23px;max-width:410px}.hero-actions{gap:17px;margin-top:25px}.hero-actions .button{min-height:55px}.hero-footnote{margin-top:25px}.hero-art{width:100%;margin-left:0}.hero-photo{height:470px;border-top-left-radius:125px}.hero-sticker{right:-8px;top:19px}.hero-message{left:-9px;right:17px;bottom:44px;padding:14px}.hero-message p{font-size:14px}.message-label{font-size:8px}.image-caption{font-size:8px}.category-strip>div{min-height:68px;gap:25px}.category-strip span{font-size:18px}h2{font-size:44px;letter-spacing:-1.8px}}
@media(max-width:1100px) and (min-width:761px){.discover,.seller-grid{gap:50px}.section{padding-top:90px;padding-bottom:90px}.conversation-header{padding:13px 8px 19px;gap:9px}.example-tag{font-size:8px;padding:5px}.conversation-body{padding:17px}.seller-art>img{height:600px}.seller-note{left:-10px;width:250px;font-size:19px}.faq-section{gap:55px}.hello-inner{gap:35px}.hello-inner h2{font-size:7.4vw}.hello-action>p{font-size:15px}.hero-message{bottom:42px}}
@media(max-width:760px){.section{padding-top:67px;padding-bottom:68px}.discover{grid-template-columns:1fr;gap:42px}.body-copy{font-size:16px;margin-top:22px}.prompt-label{font-size:12px;margin-top:24px}.prompt-chip{font-size:12px;padding:10px 13px}.conversation{transform:rotate(1deg);border-radius:20px}.conversation-header{padding:14px 10px 19px}.conversation-header>div>span{font-size:11px}.example-tag{font-size:8px;padding:5px 7px}.conversation-body{padding:19px 15px;min-height:385px}.bubble{font-size:14px}.demo-caption{font-size:11px}.how-section{padding-top:0;padding-bottom:64px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:39px;letter-spacing:-1.8px}.section-heading>p{margin-top:22px;font-size:15px}.steps{grid-template-columns:1fr;gap:28px}.step{padding-top:10px}.step-number{margin-bottom:12px;font-size:38px}.step p{max-width:none;margin-top:12px}.seller-section{padding:60px 0}.seller-grid{display:flex;flex-direction:column-reverse;gap:36px}.seller-copy{width:100%}.seller-art{width:100%;display:block}.seller-art>img{height:430px;border-top-right-radius:110px}.seller-note{left:-8px;bottom:46px;font-size:18px;padding:15px 19px;width:250px}.packaging-caption{bottom:-26px;font-size:10px}.seller-list li{font-size:14px}.seller-footnote{font-size:12px}.faq-section{grid-template-columns:1fr;gap:30px;padding-top:81px}.faq-section .body-copy br{display:none}summary{font-size:16px;padding:20px 0}details>p{font-size:14px;padding-right:12px}.hello-inner{display:block;padding-top:52px;padding-bottom:47px}.hello-inner h2{font-size:clamp(47px,11.8vw,76px);letter-spacing:-2.5px}.hello-inner .eyebrow{margin-bottom:20px}.hello-action{margin-top:28px;padding-bottom:0}.hello-star{position:absolute;right:5px;top:2px;font-size:44px;display:none}.hello-action>p{font-size:16px;margin-bottom:22px}.preview-note{text-align:left;padding-left:14px}.footer-top{flex-wrap:wrap;padding:33px 0 26px;gap:25px}.footer-top p{font-size:17px;width:100%;order:2}.footer-top .text-link{font-size:13px}.footer-bottom{display:block;font-size:10px;padding-top:20px}.footer-bottom>span{display:block}.footer-bottom>span+span{margin-top:10px}.start-dialog{padding:25px}.dialog-heading h2{font-size:34px}.dialog-heading .eyebrow{margin-top:14px}.dialog-chat{min-height:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:360px){.wrap{padding-inline:20px}.conversation-header{gap:8px;padding-inline:5px}.example-tag{font-size:7px;padding:4px}.hero-message{left:0;right:5px;gap:8px}.hero-message p{font-size:12px}.message-avatar{width:30px;height:30px}.image-caption{font-size:7px}.eyebrow{font-size:9px}}

/* Lucide interface icons. Product wordmarks remain original artwork. */
svg.lucide { display:inline-block; width:20px; height:20px; vertical-align:middle; flex-shrink:0; stroke-width:1.75; }
.button svg,.text-link svg { width:20px; height:20px; }
.category-strip svg { width:30px; height:30px; }
.hero-sticker svg { width:30px; height:30px; }
.message-avatar svg,.message-arrow svg,.seller-note svg,.step-number svg { width:24px; height:24px; }
.chat-icon { border:0; width:20px; height:20px; }
.menu-toggle svg { width:24px; height:24px; }
.dialog-close { display:grid; place-items:center; }
summary>span { display:flex; }
.hello-star svg { width:60px; height:60px; }

.brand-logo { mix-blend-mode: multiply; }

/* Quieter typography lets the Open Door artwork carry the personality. */
body { font-size:15px; }
h1 { font-size:clamp(48px,5.1vw,74px); letter-spacing:-3px; line-height:1.06; }
h2 { font-size:clamp(34px,3.3vw,48px); letter-spacing:-1.7px; line-height:1.12; }
h3 { font-size:23px; }
.hero { min-height:620px; padding-top:30px; padding-bottom:70px; gap:64px; }
.hero-photo { height:490px; }
.hero-description,.body-copy { font-size:15px; line-height:1.75; max-width:390px; }
.hero-footnote { display:block; font-size:12px; margin-top:23px; }
.hero-actions { margin-top:26px; }
.section { padding-top:88px; padding-bottom:88px; }
.section-heading { margin-bottom:40px; }
.step p { font-size:14px; }
.step-number { font-size:30px; }
.seller-art > img { height:500px; }
.seller-list li { font-size:14px; }
.hello-inner h2 { font-size:clamp(38px,4.5vw,62px); letter-spacing:-2px; }
.hello-action > p { font-size:15px; }
@media(max-width:760px) {
  h1 { font-size:clamp(37px,9.5vw,60px); letter-spacing:-1.7px; }
  h2,.section-heading h2 { font-size:34px; letter-spacing:-1.3px; }
  h3 { font-size:23px; }
  .hero { min-height:0; gap:32px; padding-top:28px; padding-bottom:48px; }
  .hero-photo { height:390px; border-top-left-radius:100px; }
  .hero-description,.body-copy { font-size:15px; margin-top:20px; }
  .hero-actions { margin-top:24px; }
  .hero-footnote { margin-top:20px; }
  .section { padding-top:58px; padding-bottom:58px; }
  .seller-section { padding:58px 0; }
  .seller-art > img { height:350px; }
  .hello-inner h2 { font-size:39px; letter-spacing:-1.5px; }
  .dialog-heading h2 { font-size:30px; }
  .dialog-heading > p { font-size:14px; }
}

/* Product imagery and a screenshot-style WhatsApp conversation. */
.hero { grid-template-columns:1fr 1.08fr; gap:65px; padding-top:36px; padding-bottom:68px; min-height:690px; }
.hero-copy h1 { font-size:clamp(48px,5.3vw,76px); line-height:1.06; letter-spacing:-3.3px; }
.hero-description { max-width:340px; font-size:16px; }
.hero-actions { gap:18px; }
.hero-showcase { position:relative; min-width:0; padding:20px 0 0 100px; scroll-margin-top:36px; }
.showcase-art { position:absolute; inset:0 30px 70px 0; border-radius:180px 28px 28px 28px; overflow:hidden; background:var(--apricot); }
.showcase-art img { width:100%; height:100%; object-fit:cover; object-position:40% center; }
.chat-capture { position:relative; width:300px; margin-left:auto; border:6px solid #fffdf8; border-radius:35px; overflow:hidden; background:#f7f7f2; color:#17221e; box-shadow:0 24px 50px #38253630,0 0 0 1px #38253615; transform:rotate(3deg); font-family:Arial,sans-serif; }
.phone-status { height:31px; padding:12px 18px 4px; display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:700; }
.phone-status > div { display:flex; gap:4px; align-items:center; }
.phone-status svg.lucide { width:13px; height:13px; }
.phone-status svg.lucide-battery-full { width:19px; height:16px; }
.capture-header { display:flex; align-items:center; gap:9px; padding:13px 9px; border-bottom:1px solid #18251d12; }
.capture-header > svg { width:18px; height:18px; color:#246c53; flex-shrink:0; }
.capture-header > div { flex:1; }
.capture-header strong { display:block; font-size:14px; line-height:1.5; }
.capture-header > div > span { display:block; font-size:9px; color:#68736c; }
.capture-avatar { width:33px; height:33px; background:var(--apricot); display:grid; place-items:center; border-radius:50%; }
.capture-avatar .mini-mark { width:21px; height:23px; }
.capture-messages { background-color:#e9e5dc; background-image:radial-gradient(#b8b4aa40 .7px,transparent .7px); background-size:13px 13px; min-height:325px; display:flex; flex-direction:column; gap:9px; padding:13px 11px 22px; }
.capture-day { align-self:center; background:#fffc; border-radius:5px; padding:3px 8px; color:#637168; font-size:9px; margin-bottom:8px; box-shadow:0 1px 2px #0000000d; }
.capture-bubble { max-width:88%; font-size:12px; line-height:1.45; padding:9px 10px 5px; box-shadow:0 1px 1px #00000015; border-radius:9px; }
.capture-bubble.outgoing { align-self:flex-end; background:#d9fdd3; border-top-right-radius:2px; }
.capture-bubble.incoming { align-self:flex-start; background:#fff; border-top-left-radius:2px; }
.message-time { display:flex; justify-content:flex-end; align-items:center; gap:3px; font-size:8px; line-height:1; color:#7d887f; margin-top:4px; }
.message-time svg { width:12px; height:12px; color:#53aed8; }
.capture-input { display:flex; gap:10px; align-items:center; padding:10px 12px 6px; color:#37644e; }
.capture-input > span { flex:1; display:flex; justify-content:space-between; align-items:center; background:white; border:1px solid #deded8; border-radius:20px; padding:6px 9px; font-size:11px; color:#979c96; }
.capture-input svg { width:18px; height:18px; }
.capture-input > span svg { width:16px; height:16px; }
.phone-home { width:95px; height:4px; background:#242823; border-radius:5px; margin:7px auto 5px; }
.capture-controls { position:relative; padding-top:23px; margin-left:-100px; }
.demo-switch { display:flex; width:max-content; padding:3px; border:1px solid var(--line); border-radius:99px; margin:0 auto; gap:2px; }
.demo-switch button { padding:8px 22px; border-radius:99px; font-size:12px; font-weight:700; background:transparent; }
.demo-switch button[aria-pressed="true"] { background:var(--plum); color:var(--cream); }
.demo-caption { font-size:10px; margin-top:10px; text-align:center; }
.how-section { padding-top:30px; padding-bottom:76px; }
.section-heading h2 { font-size:36px; }
.step-number { margin-bottom:18px; }
.seller-copy h2 { max-width:460px; }
.footer-top .brand-signature { font-size:14px; font-weight:400; }
@media(max-width:1100px) and (min-width:761px) {
 .hero { gap:32px; }.hero-copy h1 { font-size:clamp(42px,5.3vw,58px); letter-spacing:-2px; }
 .hero-showcase { padding-left:30px; }.capture-controls { margin-left:-30px; }
 .chat-capture { width:280px; }.showcase-art { right:18px; }
}
@media(max-width:760px) {
 .hero { display:flex; gap:42px; padding-top:26px; padding-bottom:50px; min-height:0; }
 .hero-copy h1 { font-size:clamp(43px,11.5vw,67px); letter-spacing:-2.1px; }
 .hero-description { font-size:15px; max-width:330px; margin-top:22px; }
 .hero-actions { margin-top:24px; }
 .hero-showcase { width:100%; max-width:470px; padding:18px 6px 0 48px; }
 .showcase-art { inset:0 20px 70px 0; border-radius:130px 24px 24px 24px; }
 .chat-capture { width:280px; max-width:100%; transform:rotate(2deg); }
 .capture-controls { margin-left:-48px; }
 .capture-messages { min-height:310px; }
 .capture-bubble { font-size:11.5px; }
 .how-section { padding-top:20px; padding-bottom:50px; }
 .section-heading h2 { font-size:32px; }
 .footer-top .brand-signature { order:2; width:100%; }
}
@media(max-width:360px) {
 .hero-showcase { padding-left:18px; padding-right:3px; }.capture-controls { margin-left:-18px; }
 .hero-copy h1 { font-size:42px; }.capture-header { gap:7px; }.capture-messages { min-height:325px; }
}

/* People behind the product listings. */
.seller-art > img { object-position:50% center; }
@media(max-width:760px) { .seller-art > img { height:auto; aspect-ratio:3/2; border-top-right-radius:80px; } }

/* One page, tailored to the shopper or the shop owner. */
[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.site-header { position:sticky; top:0; z-index:30; height:100px; background:var(--cream); display:grid; grid-template-columns:1fr auto 1fr; }
.site-header > .button { justify-self:end; }
.audience-switch { display:flex; gap:4px; padding:6px; border:1px solid var(--line); background:var(--apricot); border-radius:999px; }
.audience-switch button { min-width:112px; min-height:46px; border-radius:999px; padding:10px 24px; background:transparent; font-size:16px; font-weight:700; transition:background .2s,color .2s,box-shadow .2s; }
.audience-switch button[aria-pressed="true"] { background:var(--plum); color:var(--cream); box-shadow:0 3px 8px #38253618; }
.audience-switch button[aria-pressed="false"]:hover { background:#3825360a; }
.button [data-cta-label] { font-size:inherit; line-height:inherit; }
.hero-showcase { padding-bottom:24px; }
.showcase-art { bottom:24px; }
#how-it-works,#sellers,#questions,#main { scroll-margin-top:110px; }
@media(max-width:760px) {
 .site-header { height:86px; gap:12px; grid-template-columns:auto auto; }
 .site-header .brand-logo { width:120px; height:38px; }
 .audience-switch { padding:4px; gap:2px; }
 .audience-switch button { min-width:74px; min-height:42px; padding:9px 12px; font-size:14px; }
 .hero { padding-top:22px; }
 #how-it-works,#sellers,#questions,#main { scroll-margin-top:96px; }
}
@media(max-width:360px) {
 .site-header { gap:8px; }
 .audience-switch button { min-width:68px; padding-inline:9px; font-size:13px; }
}
.referral-note { display:inline-flex; margin:22px 0 0; padding:8px 13px; border:1px solid #38253624; border-radius:999px; background:var(--apricot); color:var(--plum); font-size:12px; font-weight:700; letter-spacing:.02em; }