:root{--ink:#272525;--yellow:#ffdd00;--paper:#fff;--soft:#fff9ed;--muted:#6b6866}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:var(--paper)}a{color:inherit;text-decoration:none}.bmc-header{height:116px;padding:0 5.7vw;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-size:25px}.menu{font-size:20px;font-weight:900;line-height:1;transform:scaleX(1.15)}.cup{background:var(--yellow);border:2px solid var(--ink);border-radius:5px 5px 10px 10px;width:28px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;box-shadow:4px 4px 0 var(--ink)}nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:700}.yellow-button{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:999px;padding:14px 28px;font-weight:800;transition:transform .15s}.yellow-button:hover{transform:translateY(-2px)}.hero{text-align:center;min-height:545px;padding:39px 20px 90px;position:relative;overflow:hidden}.hero-doodles span{position:absolute;font-size:32px;color:#ffd900;opacity:.85}.hero-doodles span:nth-child(1){top:46px;left:24%}.hero-doodles span:nth-child(2){top:45px;right:25%;transform:rotate(20deg)}.hero-doodles span:nth-child(3){top:190px;left:12%;color:#ffb3ad}.hero-doodles span:nth-child(4){top:235px;right:12%;color:#7ab58a}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#77736e;margin:0 0 15px}.stars{letter-spacing:1px;color:#4f9259;font-size:16px}.stars span{color:var(--ink);font-size:13px;margin-left:9px;letter-spacing:0;font-weight:500}.hero h1{font-size:58px;line-height:1.06;letter-spacing:-3px;margin:18px 0 12px;font-weight:900}.hero-copy{font-size:21px;line-height:1.5;max-width:650px;margin:0 auto 25px}.large{font-size:16px;padding:15px 38px}.fine-print{font-size:14px;margin-top:14px}.feature{max-width:1060px;margin:0 auto;padding:102px 32px;display:grid;grid-template-columns:1fr 1fr;gap:98px;align-items:center}.feature.reverse .feature-copy{order:2}.feature h2,.creators h2,.benefits h2{font-size:42px;line-height:1.13;letter-spacing:-2px;margin:0 0 17px;font-weight:900}.feature-copy>p:last-child{font-size:16px;line-height:1.53;margin:0;max-width:465px}.coffee-card,.product-card{border:1px solid #e8e2dc;border-radius:25px;background:#fff;box-shadow:0 20px 40px rgba(50,35,15,.1);padding:25px;transform:rotate(-2deg)}.coffee-card h3{margin:0 0 20px;font-size:17px}.counter{display:flex;gap:7px;align-items:center;background:#fff7f6;border:1px solid #f0dfdd;padding:10px;border-radius:10px}.counter button,.counter input{border:1px solid #d8aaa2;color:#9e4f42;background:white;border-radius:50%;height:29px;width:29px;font-weight:700;text-align:center}.counter button.active{background:#d36d5f;color:white}.counter input{border-radius:4px;width:34px;padding:0}.coffee-card textarea{margin:12px 0 8px;width:100%;height:56px;padding:12px;border:0;border-radius:8px;background:#f5f5f5;resize:none}.support-button,.product-card button{width:100%;border:0;background:var(--yellow);padding:12px;border-radius:8px;font-weight:800;font-size:15px}.coffee-card h4{font-size:14px;margin:20px 0 12px}.mini-supporter{display:flex;gap:9px;margin-top:11px;font-size:12px;line-height:1.45}.mini-supporter i,.card-profile i{width:29px;height:29px;border-radius:50%;background:#f5b6b0;font-style:normal;display:grid;place-items:center;font-size:10px;font-weight:800}.mini-supporter p{margin:0}.mini-supporter span{color:#69635f}.memberships{background:#fff4dc;transform:rotate(2deg)}.card-profile{display:flex;gap:9px;align-items:center}.card-profile span{margin-left:auto;color:#f19975}.product-card h3{font-size:22px;line-height:1.2;margin:25px 0 14px}.tier{border:1px solid #e6d7bd;background:white;border-radius:9px;padding:12px;margin:9px 0;display:flex;justify-content:space-between;font-size:13px}.tier span{color:#777}.memberships button{margin-top:12px}.shop{background:#dfeff4;transform:rotate(-2deg)}.shop-art{height:142px;border-radius:13px;background:#b5d4c4;display:grid;place-items:center;font-size:75px}.shop p,.post p{font-size:13px;line-height:1.45}.post{background:#f3e4ef;transform:rotate(2deg)}.post-label{letter-spacing:1px;font-weight:800;color:#8f527b}.audio{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:20px}.audio span{display:block;height:5px;background:#a67697;flex:1;border-radius:5px}.creators{background:var(--soft);padding:100px max(7vw,30px)}.creators h2,.benefits h2{text-align:center}.values{max-width:1040px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.values span{font-size:28px;color:#e96e65}.values h3{font-size:17px;margin:12px 0 7px}.values p,.benefit-grid p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.benefits{padding:104px 32px}.benefit-grid{max-width:1010px;margin:50px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.benefit-grid article{border-radius:16px;padding:22px;background:#faf8f5}.benefit-grid article:nth-child(2){background:#e9f3eb}.benefit-grid article:nth-child(3){background:#f5eaf2}.benefit-grid article:nth-child(4){background:#fff3d5}.benefit-grid div{font-size:33px}.benefit-grid h3{font-size:16px;margin:17px 0 8px}footer{border-top:1px solid #eee;padding:45px 6vw 34px;display:flex;gap:32px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:13px}footer .footer-logo{display:flex;align-items:center;gap:10px;font-size:15px}footer>div:nth-child(2){display:flex;gap:20px;flex-wrap:wrap;color:#57524f}footer small{color:#8a8580;width:100%}@media(max-width:700px){.bmc-header{height:104px;padding:0 20px}.menu{display:none}nav{gap:18px}.yellow-button{padding:12px 20px}.hero{min-height:470px;padding-top:40px}.hero h1{font-size:43px;letter-spacing:-2.4px}.hero-copy{font-size:18px}.hero-doodles{display:none}.feature,.feature.reverse{padding:69px 29px;display:flex;flex-direction:column;gap:42px}.feature.reverse .feature-copy{order:0}.feature h2,.creators h2,.benefits h2{font-size:33px;letter-spacing:-1.6px}.feature-copy>p:last-child{font-size:15px}.coffee-card,.product-card{width:100%;max-width:370px}.values,.benefit-grid{grid-template-columns:1fr 1fr;gap:25px}.creators{padding:75px 28px}.benefits{padding:76px 28px}.benefit-grid{margin-top:36px}footer{padding:38px 25px;display:block}footer>div:nth-child(2){margin:25px 0}}