.g4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.g2{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width<=1000px){.g4{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.g4,.g3,.g2{grid-template-columns:1fr}}.note{color:var(--muted);max-width:62ch;margin-top:18px;font-size:.95rem}.check{color:var(--muted);gap:12px;margin-top:6px;font-size:.98rem;list-style:none;display:grid}.check li{grid-template-columns:22px 1fr;gap:10px;display:grid}.check li:before{content:"✓";color:var(--sage);font-weight:800}.honest{font:700 1.15rem/1.4 var(--f-display);letter-spacing:-.01em;max-width:60ch;margin-top:26px}.hero.sub{min-height:auto;padding:150px 0 100px}.hero-r .prod-vis{min-height:0}.steps.s4 .step p{max-width:30ch}:root{--bg:#120d0a;--bg-2:#1a130e;--surface:#21180f;--line:#33261b;--line-2:#5a4330;--text:#f6eee4;--muted:#b3a596;--dim:#9a8b7b;--sage:#e3b98c;--sage-2:#f3d9b8;--sage-3:#c28f5e;--ink:#1a0f07}.glow{background:radial-gradient(closest-side,#e3b98c2b,#e3b98c0d 55%,#0000 72%)}.grid-bg{background-image:none}.hero.sub:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#0000 56%,#e3b98c1c 56.4%,#0000 57.2%),radial-gradient(circle,#0000 66%,#e3b98c14 66.4%,#0000 67.2%),radial-gradient(circle,#0000 78%,#e3b98c0f 78.4%,#0000 79.2%);border-radius:50%;width:min(54vw,720px);position:absolute;top:4%;right:-6%}.svc{border-style:dashed;border-color:var(--line-2)}.stamps i.press{animation:press .5s var(--ease)}@keyframes press{0%{opacity:0;transform:scale(1.7)}60%{opacity:1;transform:scale(.88)}to{transform:scale(1)}}.ico{width:36px;height:36px;color:var(--sage);transition:transform .5s var(--ease);margin-bottom:2px}.ico *{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.3s var(--ease) .25s}.reveal.in .ico *{stroke-dashoffset:0}.cta-art{width:230px;height:230px;color:var(--ink);opacity:.13;pointer-events:none;z-index:-1;position:absolute}.cta-art.a{bottom:-48px;left:-34px;transform:rotate(-12deg)}.cta-art.b{top:-40px;right:-26px;transform:rotate(14deg)}@media (width<=760px){.cta-art{width:150px;height:150px}}.svc{background:var(--surface);border:none;border-radius:20px;-webkit-mask:radial-gradient(9px at 0 56%,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100% 56%,#0000 97%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(9px at 0 56%,#0000 97%,#000) 0/51% 100% no-repeat,radial-gradient(9px at 100% 56%,#0000 97%,#000) 100%/51% 100% no-repeat}.svc:hover .ico{transform:translateY(-4px)rotate(-6deg)}.faq details{border-radius:20px}.honest{border:2px dashed var(--sage);color:var(--sage-2);border-radius:999px;padding:12px 24px;display:inline-block}.reveal{transition:opacity .8s var(--ease),transform 1s var(--ease);transform:translateY(34px)scale(.97)}.cafe{margin-top:10px}.machine{border:2px solid var(--sage);background:var(--bg-2);border-radius:20px 20px 8px 8px;padding:14px 20px 0;position:relative}.m-top{font:600 .75rem/1 var(--f-mono);letter-spacing:.22em;color:var(--sage);align-items:center;gap:10px;display:flex}.m-top i{background:var(--sage-3);border-radius:50%;width:9px;height:9px}.m-top i:first-of-type{margin-left:auto}.m-spouts{grid-template-columns:repeat(4,1fr);gap:14px;height:44px;margin:0 -22px;display:grid}.m-spouts b{background:var(--sage);border-radius:3px 3px 12px 12px;place-self:end center;width:32px;height:20px;transform:translate(-17px,11px)}.cups{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:70px;display:grid}.cup-col{position:relative}.stream{background:linear-gradient(var(--sage),var(--sage-3));width:7px;height:0;transition:height .55s var(--ease),opacity .4s .1s;border-radius:4px;position:absolute;top:-60px;left:calc(50% - 20px)}.cup-col.pour .stream{height:104px}.cup-col.full .stream{opacity:0}.cup{z-index:1;border:2.5px solid var(--sage);background:var(--surface);border-top-width:4px;border-radius:8px 8px 52% 52%/8px 8px 30% 30%;width:calc(100% - 34px);min-height:310px;position:relative;overflow:hidden}.cup-col:after{content:"";border:4px solid var(--sage);border-left:none;border-radius:0 48px 48px 0;width:42px;height:88px;position:absolute;top:70px;right:0}.saucer{background:var(--line-2);border-radius:50%;width:calc(100% - 14px);height:14px;margin-top:8px;display:block}.liquid{background:linear-gradient(var(--sage-3),#6b4423);opacity:.3;height:0;transition:height 1.5s var(--ease);position:absolute;bottom:0;left:0;right:0}.liquid:before{content:"";background:var(--sage-2);opacity:.7;height:6px;position:absolute;top:0;left:0;right:0}.cup-col.full .liquid{height:88%}.cup-text{z-index:1;opacity:0;transform-origin:50% 25%;transition:opacity .6s .2s,transform .9s var(--ease) .2s;flex-direction:column;gap:12px;padding:26px 26px 80px;display:flex;position:relative;transform:scale(.78)}.cup-col.full .cup-text{opacity:1;transform:none}.cup-text h3{font-size:1.35rem}.cup-text p{color:var(--text)}.steam{width:44px;height:40px;color:var(--sage-2);opacity:0;position:absolute;top:-50px;left:calc(50% - 40px)}.cup-col.full .steam{animation:2.4s ease-out 2 steam}@keyframes steam{0%{opacity:0;transform:translateY(8px)}30%{opacity:.75}to{opacity:0;transform:translateY(-14px)}}@media (width<=1000px){.machine,.stream,.steam{display:none}.cups{grid-template-columns:repeat(2,1fr);margin-top:6px}.cup-col:after{display:block}}@media (width<=560px){.cups{grid-template-columns:1fr}}.cone-note{max-width:62ch;color:var(--muted);align-items:flex-end;gap:18px;margin-top:34px;display:flex}.cone-note p{font-size:.95rem}.cone{width:44px;height:78px;color:var(--sage);flex:none}.cone .drip{transform-origin:12px 34px}.cone-note:hover .drip{animation:1.5s ease-in 2 drip}@keyframes drip{0%{transform:translateY(0)}60%{opacity:1;transform:translateY(10px)}to{opacity:0;transform:translateY(16px)}}#como .svc{background:var(--surface);border:none;border-radius:0;padding-top:34px;padding-bottom:34px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/18px 52% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/18px 52% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% 100%/18px 52% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% 0/18px 52% repeat-x}#como .svc .n:before{content:"COMANDA Nº "}#como .svc .n{border-bottom:1px dashed var(--line-2);padding-bottom:10px}.step .dot.bean{background:0 0;border:none;border-radius:0;width:64px;height:64px;margin-bottom:22px}.step.on .dot.bean{background:0 0}.dot.bean svg{width:100%;height:100%;transition:transform .8s var(--ease);position:absolute;inset:0;overflow:visible}.dot.bean ellipse{fill:var(--bg);stroke:var(--line-2);stroke-width:1.5px;transition:fill .5s,stroke .5s}.dot.bean path{fill:none;stroke:var(--line-2);stroke-width:1.3px;stroke-linecap:round;transition:stroke .5s}.step.on .dot.bean svg{transform:rotate(24deg)}.step.on .dot.bean ellipse{fill:var(--sage);stroke:var(--sage)}.step.on .dot.bean path{stroke:var(--ink)}.dot.bean span{font:700 .8rem/1 var(--f-mono);color:var(--sage);position:relative}.step.on .dot.bean span{color:var(--ink)}@media (width<=860px){.steps:before,.steps:after{top:0;left:31px}.step{padding-left:90px}}.hero-cup{left:var(--gutter);width:96px;color:var(--sage);opacity:.5;pointer-events:none;position:absolute;bottom:30px}.hero-cup .s1,.hero-cup .s2,.hero-cup .s3{animation:3.2s ease-out 3 wisp}.hero-cup .s2{animation-delay:.5s}.hero-cup .s3{animation-delay:1s}@keyframes wisp{0%{opacity:0;transform:translateY(8px)}35%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@media (width<=860px){.hero-cup{display:none}}.cup-col{flex-direction:column;display:flex}.cup{flex:1}.cup-col.full .ico *{stroke-dashoffset:0}.step .dot.bean{width:78px;height:78px;margin-bottom:20px}.steps:before,.steps:after{top:38px}.dot.bean span{font-size:.78rem}@media (width<=860px){.steps:before,.steps:after{top:0;left:38px}.step{padding-left:104px}}#carton .svc.vs{grid-template-columns:150px 1fr;align-items:center;gap:30px;padding:36px 34px;display:grid;-webkit-mask:none;mask:none}.vs-ill svg{width:100%;height:auto;max-height:200px;display:block;overflow:visible}.vs-ill svg *{fill:none;stroke:var(--sage);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s var(--ease),fill .4s,stroke .4s}.cup-ill .body{fill:var(--bg-2)}.cup-ill .sleeve{fill:var(--sage-3);fill-opacity:.4;stroke:none}.cup-ill .bean{fill:var(--bg-2);stroke-width:2px}.cup-ill .crease{stroke-width:1.6px}.cup-ill .lid{transform-box:fill-box;transform-origin:50% 100%}.vs:hover .cup-ill .lid{transform:translateY(-9px)rotate(-3deg)}.phone-ill .shell{fill:var(--bg-2);stroke:var(--line-2);stroke-width:3.2px}.phone-ill .pill{fill:var(--line-2);stroke:none}.phone-ill .wcard rect{fill:var(--sage);stroke:none}.phone-ill .wcard circle{fill:var(--ink);stroke:none}.phone-ill .wcard circle.st{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-dasharray:3 3}.phone-ill .wcard path{stroke:var(--ink);stroke-width:2px}.phone-ill .notif{fill:var(--surface);stroke:var(--line-2);stroke-width:1.6px}.phone-ill .line{stroke:var(--dim);stroke-width:2px}.phone-ill .wcard{transform-box:fill-box;transform-origin:50%}.vs:hover .phone-ill .wcard{transform:translateY(-5px)}.vs:hover .phone-ill .wcard circle.st{fill:var(--ink);stroke:var(--ink)}@media (width<=760px){#carton .svc.vs{grid-template-columns:1fr;justify-items:start;gap:20px}.vs-ill{width:110px}}