@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Manrope:wght@400;500;600;700&display=swap");:root{--ink:#231915;--ink-soft:#5b4a3f;--cream:#fbf7f2;--sand:#efe4d8;--stone:#f5efe8;--brown:#7b543a;--brown-deep:#2d2018;--green:#86b86a;--green-soft:#d7ebca;--white:#fff;--stroke:rgba(35,25,21,.12);--shadow-lg:0 30px 60px rgba(35,25,21,.12);--shadow-md:0 18px 40px rgba(35,25,21,.08);--shadow-sm:0 12px 24px rgba(35,25,21,.06);--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-pill:999px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff 0,var(--cream) 60%,#efe3d6 100%);min-height:100vh;position:relative;overflow-x:hidden}img{max-width:100%;display:block}p{line-height:1.6}body:after,body:before{content:"";position:absolute;border-radius:999px;z-index:0;opacity:.35}body:before{width:360px;height:360px;background:#f3d9c8;top:-120px;left:-80px}body:after{width:300px;height:300px;background:#d6ecd0;bottom:-120px;right:-80px}a{color:inherit;text-decoration:none}.page{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:40px 24px 80px;display:flex;flex-direction:column;gap:72px}.topbar{justify-content:space-between;gap:24px;flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px}.logo{width:46px;height:46px}.brand__name{font-weight:700;font-size:1.1rem;margin:0}.brand__tagline{margin:2px 0 0;font-size:.9rem;color:var(--ink-soft)}.nav{display:flex;align-items:center;gap:18px;font-weight:600;flex-wrap:wrap}.nav__coffee{padding:10px 16px;border-radius:var(--radius-pill);background:var(--green-soft);border:1px solid hsla(98,35%,57%,.4);color:var(--brown-deep)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;gap:40px}.hero,.pill{align-items:center}.pill{display:inline-flex;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--stone);border:1px solid var(--stroke);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero__copy h1{font-family:Fraunces,serif;font-size:clamp(2.4rem,5.8vw,4.1rem);margin:16px 0 18px}.lead{font-size:1.1rem;max-width:460px;color:var(--ink-soft);margin:0}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:var(--radius-pill);font-weight:600;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--brown-deep);color:#fff;box-shadow:var(--shadow-md)}.button--disabled{opacity:.6;pointer-events:none;box-shadow:none}.button--ghost{border-color:var(--brown-deep);color:var(--brown-deep)}.button--soft{background:var(--green);color:#173011;box-shadow:var(--shadow-sm)}.hero__meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:.9rem;color:var(--ink-soft)}.hero__meta span{background:var(--stone);border:1px solid var(--stroke);padding:6px 12px;border-radius:var(--radius-pill)}.hero__card{background:var(--white);border-radius:var(--radius-xl);padding:26px;display:grid;grid-gap:20px;gap:20px;box-shadow:var(--shadow-lg);border:1px solid rgba(35,25,21,.08)}.hero__visual{display:grid;place-items:center}.hero__badge{display:inline-flex;align-items:center;gap:12px;background:var(--stone);padding:8px 14px;border-radius:var(--radius-pill);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.hero__bananas{font-size:.95rem;letter-spacing:.2em}.hero__badge img{width:28px;height:28px}.mockup{background:#141110;border-radius:var(--radius-lg);padding:14px;color:#fff}.mockup__bar{display:flex;gap:6px;margin-bottom:12px}.dot{width:10px;height:10px;border-radius:50%;background:#3a2f29}.dot:first-child{background:#f06d6d}.dot:nth-child(2){background:#f5c06f}.dot:nth-child(3){background:#7fd186}.mockup__body{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr auto;align-items:end}.mockup__menu{background:#fff;color:var(--ink);border-radius:14px;padding:16px;min-width:200px;box-shadow:var(--shadow-sm)}.menu__title{font-weight:700;margin-bottom:10px}.menu__item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:6px 0;border-bottom:1px solid #efe5db}.menu__item:last-child{border-bottom:none}.switch{width:34px;height:18px;border-radius:999px;background:#d8d1c7;position:relative}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .16s ease}.switch--on{background:var(--green)}.switch--on:after{transform:translateX(16px)}.mockup__bubble{background:var(--green-soft);color:var(--brown-deep);padding:10px 14px;border-radius:var(--radius-pill);font-weight:700;font-size:.85rem}.coffee__card{background:var(--white);border-radius:var(--radius-lg);padding:24px 28px;display:grid;grid-template-columns:1fr auto;grid-gap:18px;gap:18px;align-items:center;box-shadow:var(--shadow-md);border:1px solid rgba(35,25,21,.08)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:var(--brown);margin:0 0 8px}.features{display:grid;grid-gap:28px;gap:28px}.section__head h2{font-family:Fraunces,serif;margin:0 0 10px;font-size:clamp(2rem,4.2vw,3rem)}.section__head p{margin:0;color:var(--ink-soft)}.sublead{max-width:520px}.features__grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature{background:var(--white);padding:18px;border-radius:var(--radius-md);border:1px solid rgba(35,25,21,.08);box-shadow:var(--shadow-sm)}.feature h3{margin:0 0 8px}.feature p{margin:0;color:var(--ink-soft)}.features__strip{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.strip__card{background:var(--stone);border-radius:var(--radius-md);padding:18px;border:1px solid var(--stroke)}.strip__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:8px;color:var(--brown)}.strip__icon{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--stroke);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--brown-deep);margin:8px 0;font-size:1rem}.strip__card p{margin:0;color:var(--ink-soft)}.install{background:var(--brown-deep);color:#fff;padding:32px;border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:center}.install .button--primary{background:#fff;color:var(--brown-deep)}.faq{display:grid;grid-gap:24px;gap:24px}.faq h2{font-family:Fraunces,serif;margin:0}.faq__grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.faq__grid h3{margin:0 0 8px}.faq__grid p{margin:0;color:var(--ink-soft)}.about{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.about__copy h2{font-family:Fraunces,serif;margin:0 0 12px}.about__copy p{color:var(--ink-soft);line-height:1.6}.text-link{margin-left:6px;font-weight:700;color:var(--brown-deep)}.about__card{background:var(--white);border-radius:var(--radius-lg);padding:24px;display:grid;place-items:center;border:1px solid rgba(35,25,21,.08);box-shadow:var(--shadow-sm)}.about__graphic{background:var(--green-soft);width:100%;min-height:220px;border-radius:var(--radius-lg);display:grid;place-items:center}.about__graphic img{width:120px;height:120px}.disclaimer{background:var(--white);border-radius:var(--radius-lg);padding:26px;border:1px solid rgba(35,25,21,.08);box-shadow:var(--shadow-sm);display:grid;grid-gap:16px;gap:16px}.disclaimer__list{margin:0;padding-left:18px;color:var(--ink-soft);display:grid;grid-gap:10px;gap:10px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(35,25,21,.15);padding-top:24px;flex-wrap:wrap;gap:12px;color:var(--ink-soft)}.footer__links{display:flex;gap:16px;font-weight:600}@media (max-width:900px){.mockup__body{grid-template-columns:1fr}.mockup__bubble{width:-moz-fit-content;width:fit-content}}@media (max-width:720px){.coffee__card,.install{grid-template-columns:1fr}.coffee__card{text-align:left}}