@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600;1,700&display=swap');
:root{--cream:#fff9ec;--red:#bd2c28;--ink:#243d30;--line:#dcdccc;--yellow:#f3ca55;--green:#244735}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #df7e21;outline-offset:5px}img{display:block;width:100%;object-fit:cover}.skip{position:fixed;top:-70px;left:10px;z-index:9;background:white;padding:10px}.skip:focus{top:10px}.topline{background:var(--green);color:var(--cream);padding:8px 5%;font-size:12px;letter-spacing:.07em;display:flex;justify-content:space-between}header{display:flex;align-items:center;justify-content:space-between;padding:19px 5%;border-bottom:1px solid var(--line);gap:25px;background:var(--cream);position:sticky;top:0;z-index:10}.logo{font-family:Georgia,serif;font-size:37px;font-weight:bold;letter-spacing:-2px;line-height:1}.logo span{color:var(--red)}.logo i{font-family:Arial,sans-serif;vertical-align:top;font-size:10px;letter-spacing:0;font-style:normal;margin-left:3px}nav{display:flex;gap:32px;font-size:14px;font-weight:600}.nav-end{display:flex;align-items:center;gap:22px}#language{border:0;background:none;font-size:14px;font-weight:bold}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:var(--cream);border:1px solid var(--red);padding:15px 27px;border-radius:7px;font-size:15px;font-weight:700;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:#99211f}.button.small{padding:11px 20px;font-size:14px}.text-link{font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:6px}.text-link span{margin-left:8px}.hero{padding:68px 5% 72px;display:grid;grid-template-columns:1fr 1fr;gap:5%;max-width:1600px;margin:auto;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.6;margin:0 0 22px}.mini-star{font-size:25px;vertical-align:middle;color:var(--red);margin-right:7px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.07;letter-spacing:-.045em;margin:0}h1{font-size:clamp(58px,5.8vw,94px);color:var(--red);margin:16px 0 25px}h1 em,h2 em{font-weight:600}h2{font-size:clamp(39px,4vw,64px)}.intro{max-width:440px;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0}.hero-facts{display:flex;gap:25px;font-size:12px;font-weight:600}.hero-facts span:before{content:'✓';padding-right:7px}.hero-visual{position:relative;padding:0 15px 18px 0}.photo-frame{overflow:hidden;position:relative;border-radius:140px 12px 12px 12px;transform:rotate(2deg);box-shadow:0 15px 28px #243d3010}.photo-frame>img{aspect-ratio:1/1.06;object-position:center 60%;transition:transform .8s}.photo-frame:hover img{transform:scale(1.04)}.photo-caption{position:absolute;bottom:0;left:0;width:100%;padding:22px;color:white;background:linear-gradient(transparent,#0007);font-size:13px}.round-badge{position:absolute;top:-23px;right:-10px;width:135px;height:135px;border-radius:50%;background:var(--yellow);color:var(--green);text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(11deg);box-shadow:0 4px 0 #244735;z-index:2;border:1px solid var(--green)}.round-badge span{font-size:9px;font-weight:700;letter-spacing:.08em}.round-badge strong{font:italic 26px/1.05 Georgia,serif;margin:5px 0}.side-note{font:italic 14px Georgia,serif;text-align:right;margin-top:16px}.ticker{background:var(--red);color:var(--cream);overflow:hidden;padding:17px 0;font-weight:700;font-size:14px;letter-spacing:.1em;white-space:nowrap}.ticker>div{width:max-content;animation:ticker 35s linear infinite}.ticker b{margin:0 35px;color:var(--yellow);font-size:22px}@keyframes ticker{to{transform:translateX(-35%)}}.section{padding:90px 6%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:45px}.section-heading>p{max-width:350px;margin:0;color:#59685c}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.demo-photo{position:relative;border-radius:13px;overflow:hidden;background:#e8e6d9}.demo-photo img{aspect-ratio:1.25;object-position:center}.image-label{position:absolute;bottom:22px;left:22px;background:var(--cream);border-radius:5px;padding:9px 15px;font-size:12px;font-weight:700}.step{background:none;border:0;border-top:1px solid var(--line);padding:25px 0;display:flex;gap:20px;width:100%;color:var(--ink);text-align:left}.step:last-of-type{border-bottom:1px solid var(--line)}.step-num{font:italic 24px Georgia,serif;color:var(--red)}.step strong{font-size:20px;display:block;line-height:1.4}.step>span:nth-child(2){flex:1}.step>span>span{display:none;margin-top:10px;color:#59685c;font-size:15px}.step.active>span>span{display:block}.step-plus{font-size:24px}.demo-caption{margin-top:20px;color:var(--red);font:italic 17px Georgia,serif}.moments{background:#f0eedf;max-width:none}.use-tabs{display:flex;border-bottom:1px solid #b6beb0;gap:35px;margin-top:25px}.use-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:15px 5px;color:var(--ink);font-size:15px;white-space:nowrap}.use-tabs button[aria-selected=true]{border-color:var(--red);color:var(--red);font-weight:700}.use-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7%;background:var(--green);color:var(--cream);padding:46px 5%;margin-top:28px;border-radius:10px;overflow:hidden;min-height:325px}.use-kicker{font-size:11px;letter-spacing:.14em;color:var(--yellow);font-weight:700}h3{font-size:clamp(42px,4.5vw,65px);margin-top:18px}.use-panel p{position:relative;z-index:1;margin-top:0;color:#efefdf}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tags span{font-size:12px;border:1px solid #738477;border-radius:30px;padding:5px 11px}.use-panel .text-link{color:var(--yellow);position:relative;z-index:1}.use-number{font:180px Georgia,serif;position:absolute;left:32%;bottom:-55px;color:#ffffff0a;pointer-events:none}.shop{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:105px;padding-bottom:105px}.shop-visual{position:relative}.shop-visual img{aspect-ratio:1;border-radius:14px}.shop-tag{position:absolute;bottom:24px;left:24px;background:var(--yellow);padding:10px 15px;font-size:11px;letter-spacing:.1em;font-weight:700;transform:rotate(-4deg)}.shop-copy>p:not(.eyebrow){color:#59685c}.color-label{font-size:14px;margin:25px 0 15px}.swatches{display:flex;gap:16px;margin-bottom:26px}.swatches button{width:36px;height:36px;border-radius:50%;border:3px solid var(--cream);background:var(--swatch);outline:1px solid #ccc;transition:transform .2s}.swatches button:hover{transform:scale(1.12)}.swatches button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.purchase{display:flex;gap:12px}.outline{background:transparent;border-color:var(--ink);color:var(--ink)}.outline:hover{background:var(--green);color:var(--cream)}.fine{font-size:12px!important;line-height:1.6}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.product-details span:before{content:'✓';margin-right:8px}.story{background:#e6ebdf;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;padding-bottom:80px}.founder{display:flex;align-items:center;gap:15px;margin-top:33px}.founder img{width:60px;height:60px;border-radius:50%;object-position:center 20%}.founder span span{display:block;font-size:12px}.founder strong{font-size:16px}.quote-mark{font:100px/.8 Georgia,serif;color:var(--red)}.story-lead{font:32px/1.3 'Playfair Display',Georgia,serif;margin:0 0 23px}.story-right>p:not(.story-lead){color:#4d6152}.story-signoff{font-weight:700;font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:8%}.faq .text-link{display:inline-block;margin-top:25px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;padding:23px 33px 23px 0;position:relative;cursor:pointer;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;font-size:21px;top:18px}details[open] summary:after{content:'−'}details p{margin:0 0 24px;color:#59685c;font-size:15px}.closing{background:var(--red);color:var(--cream);text-align:center;padding:75px 20px 85px}.closing h2{font-size:clamp(43px,5.3vw,78px)}.closing .button{margin-top:30px}.cream{background:var(--cream);color:var(--red);border-color:var(--cream)}.cream:hover{background:var(--yellow);color:var(--ink)}footer{padding:38px 5%;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:12px}footer .logo{font-size:30px}footer small{font-size:12px}p{text-wrap:pretty}
@media(min-width:1700px){.moments,.story{padding-left:calc((100% - 1408px)/2);padding-right:calc((100% - 1408px)/2)}}@media(max-width:1000px){nav{gap:18px}h1{font-size:65px}.hero{gap:4%;padding-top:50px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-facts{gap:12px;flex-wrap:wrap}.round-badge{width:110px;height:110px}.round-badge strong{font-size:22px}.section{padding:65px 5%}.section-heading{gap:30px}.section-heading>p{max-width:285px}.shop{gap:5%}.purchase{flex-wrap:wrap}footer{flex-wrap:wrap}}@media(max-width:700px){html{scroll-padding-top:78px}.topline{justify-content:center;font-size:10px}.topline>span:last-child{display:none}header{padding:17px 5%;gap:12px}.logo{font-size:31px}nav{display:none}.nav-end{gap:12px}.button.small{padding:9px 12px;font-size:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 6% 37px;gap:38px}.eyebrow{font-size:10px;margin-bottom:17px}h1{font-size:61px;line-height:1.04;margin-top:10px}.intro{font-size:16px;max-width:none}.hero-actions{margin:25px 0 20px}.hero-visual{padding-right:8px}.photo-frame{border-top-left-radius:100px}.photo-frame img{aspect-ratio:1.1}.round-badge{right:0}.ticker{font-size:12px;padding:10px 0}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:20px}h2{font-size:39px}.demo-layout,.shop,.story,.faq{grid-template-columns:1fr;gap:30px}.step{padding:20px 0}.step strong{font-size:18px}.use-tabs{gap:14px;overflow-x:auto}.use-tabs button{font-size:13px;padding:13px 0}.use-panel{grid-template-columns:1fr;padding:30px 25px;gap:25px;min-height:435px}h3{font-size:45px}.use-panel p{font-size:15px}.use-number{left:auto;right:0;font-size:150px}.shop-copy .eyebrow{margin-top:5px}.shop-visual img{aspect-ratio:1.15}.purchase{flex-wrap:nowrap}.purchase .button{flex:1;padding:14px 10px}.story{gap:40px}.quote-mark{font-size:75px}.story-lead{font-size:29px}.faq{gap:30px}.faq h2 br{display:none}.closing{padding:55px 6%}.closing h2{font-size:42px}footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:11px}footer>span{text-align:right}footer small{text-align:right;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Carlitos' bilingual, narrated 20-second demo */
.carlitos-section{padding-bottom:45px}.carlitos-player{background:#f4cc62;border:1px solid #e4b646;border-radius:16px;overflow:hidden}.carlitos-stage{display:grid;grid-template-columns:1fr 1.05fr;min-height:390px;padding:28px 6% 18px;gap:4%;align-items:center}.carlitos-character{position:relative;align-self:end}#carlitos-sprite{width:100%;aspect-ratio:1;background-image:url('assets/carlitos-talk.png');background-size:200% 100%;background-position:left center;background-repeat:no-repeat;transform-origin:center bottom;transition:transform .1s}.carlitos-name{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-5deg);background:var(--cream);border:1px solid var(--red);padding:6px 22px;border-radius:6px;white-space:nowrap;font:italic 18px Georgia,serif}.carlitos-name strong{color:var(--red)}.carlitos-scene-number{font-size:12px;font-weight:700;letter-spacing:.12em}.carlitos-scene h3{font-size:clamp(30px,3.5vw,48px);margin:13px 0 20px;color:#53301b}.carlitos-product{position:relative;width:90%;max-width:310px;transform:rotate(2deg);border:6px solid var(--cream);border-radius:9px;overflow:hidden;box-shadow:0 6px 0 #53301b15}.carlitos-product img{aspect-ratio:1.9;object-fit:cover}.carlitos-product span{display:block;background:var(--cream);font-size:12px;font-weight:700;padding:8px;text-align:center}.carlitos-captions{min-height:80px;display:flex;align-items:center;justify-content:center;padding:18px 8%;background:var(--green);color:var(--cream);text-align:center;font-size:17px;line-height:1.5}.carlitos-controls{background:var(--cream);display:flex;align-items:center;gap:17px;padding:18px 23px}.carlitos-controls .button{padding:10px 20px;min-width:120px}.demo-secondary{background:none;border:0;color:var(--ink);font-size:14px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.demo-progress-label{flex:1;display:flex;min-width:50px}#demo-progress{width:100%;accent-color:var(--red);cursor:pointer}#demo-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.demo-transcript{border:0;margin-top:6px}.demo-transcript summary{font-size:13px;padding:16px 30px 12px 0}.demo-transcript p{font-size:14px;max-width:900px}.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}#demo-error{background:var(--cream);margin:0;padding:0 23px 18px;color:var(--red)}@media(max-width:700px){.carlitos-stage{padding:18px 4% 20px;min-height:260px;gap:0;grid-template-columns:1fr 1fr}.carlitos-scene h3{font-size:27px;letter-spacing:-.04em;margin-bottom:15px}.carlitos-product{width:100%;border-width:4px}.carlitos-product span{font-size:10px;padding:5px}.carlitos-name{font-size:13px;padding:4px 11px;bottom:-9px}.carlitos-captions{font-size:15px;min-height:100px;padding:15px 6%}.carlitos-controls{gap:12px;flex-wrap:wrap;padding:16px}.carlitos-controls .button{min-width:106px;font-size:13px;padding:10px 13px}.demo-progress-label{order:5;flex-basis:100%}.demo-secondary{font-size:12px}#demo-time{margin-left:auto}.carlitos-section{padding-bottom:20px}}
/* Carlitos tells the story through bubbles; music only, no narration. */
.carlitos-player{padding-top:28px}.carlitos-captions{position:relative;display:flex;margin:0 7%;padding:18px 26px;min-height:84px;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:24px;box-shadow:4px 5px 0 #24473518;font-size:20px;font-weight:600}.carlitos-captions:after{content:'';position:absolute;bottom:-13px;left:20%;width:22px;height:22px;background:var(--cream);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.carlitos-stage{padding-top:16px}.carlitos-controls{border-top:1px solid #e4b646}@media(max-width:700px){.carlitos-player{padding-top:20px}.carlitos-captions{font-size:16px;margin:0 6%;padding:15px 17px;min-height:105px;border-radius:18px}.carlitos-stage{padding-top:23px}}