@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#302a25;background:#f8f6f2;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c99e68;outline-offset:3px}.site-header{background:#2b201c;color:#f5f0e7}.header-inner{max-width:1230px;margin:auto;padding:21px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.mark{width:48px;height:48px;background:#dfb781;color:#2b201c;display:grid;place-items:center;border-radius:50%}.mark svg{width:33px}.brand-name{display:block;font-weight:500;letter-spacing:2.3px;font-size:16px}.brand-name strong{font-weight:700}.brand-subtitle{display:block;color:#e0c8ad;font-size:9px;letter-spacing:2px;margin-top:4px}.pilot-chip{font-size:12px;color:#e3d1bb;border:1px solid #675044;padding:8px 13px;border-radius:50px;white-space:nowrap}.pilot-dot{display:inline-block;width:7px;height:7px;background:#d2b380;border-radius:50%;margin-right:6px}.demo-banner{background:#f5e7d3;color:#58422a;font-size:12px;padding:13px 22px;text-align:center;line-height:1.6;border-bottom:1px solid #ead4b4}.demo-banner strong:first-child{letter-spacing:1px;margin-right:10px}.page{max-width:1230px;margin:0 auto;padding:24px 28px 80px}.hero{border-radius:18px;background:#49382e;min-height:338px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;position:relative;box-shadow:0 12px 26px #3f2b2014}.hero-content{padding:57px 58px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#dcc09a}.eyebrow.dark{color:#94704b}.hero h1{font:600 clamp(35px,4vw,55px)/1.1 "Playfair Display",Georgia,serif;color:#fff9f0;margin:18px 0}.hero h1 em{color:#e5bc82;font-weight:500}.hero p{color:#e5d3c3;max-width:400px;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:27px}.hero-caption{color:#cab09a;font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;font-weight:700;border-radius:8px;padding:13px 19px;transition:transform .12s ease,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-light{background:#ead0ad;color:#30251c}.btn-dark{background:#443127;color:#fff7ef}.btn:disabled{opacity:.45;cursor:not-allowed}.hero-art{position:relative;min-height:320px;background:radial-gradient(ellipse at 60% 45%,#82634a,#533e31 66%,#49382e 80%)}.hero-circle{position:absolute;border:1px solid rgba(243,213,167,.15);border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.circle-one{width:390px;height:390px}.circle-two{width:270px;height:270px}.coffee-cup{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:180px;height:170px;filter:drop-shadow(10px 22px 12px rgba(20,12,10,.3))}.cup-body{position:absolute;top:55px;left:16px;width:140px;height:103px;background:linear-gradient(100deg,#eee5d7,#fff8e9 55%,#d1b8a2);border-radius:6px 6px 54px 54px;z-index:2}.cup-rim{position:absolute;top:42px;left:10px;width:153px;height:34px;background:#fff4e6;border-radius:50%;z-index:4;box-shadow:inset 0 0 0 6px #d4bc9f}.coffee-surface{position:absolute;z-index:5;left:22px;top:48px;width:129px;height:23px;background:#7c4b31;border-radius:50%;overflow:hidden}.foam{position:absolute;left:51px;top:5px;width:30px;height:13px;border-radius:50% 50% 60% 60%;background:#e6c69b;transform:rotate(-16deg)}.cup-handle{position:absolute;top:70px;left:145px;width:45px;height:65px;border:13px solid #f0e1cf;border-radius:50%;z-index:1}.saucer{position:absolute;top:150px;left:0;width:174px;height:23px;border-radius:50%;background:linear-gradient(#fff1df,#bda88c);z-index:1}.art-label{position:absolute;left:50%;bottom:24px;transform:translate(-50%);white-space:nowrap;letter-spacing:2.6px;color:#e0c09b;font-size:9px}.workspace{padding-top:45px}.section-heading h2{font:600 30px Playfair Display,Georgia,serif;margin:8px 0}.section-heading p{color:#867d72;font-size:13px;margin:0}.tab-bar{display:flex;gap:4px;border-bottom:1px solid #ddd4c9;margin:27px 0;overflow-x:auto}.tab-bar button{background:none;border:0;padding:13px 20px;color:#7a736b;border-bottom:3px solid transparent;white-space:nowrap;font-size:13px;font-weight:700}.tab-bar button.active{color:#38291f;border-bottom-color:#a77c4f}.tab-counter{display:inline-grid;place-items:center;background:#ece4da;color:#654f3b;margin-left:6px;padding:2px 6px;border-radius:20px;font-size:10px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.content-title,.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-title h3,.panel h3{font:600 25px Playfair Display,Georgia,serif;margin:8px 0 0}.sample-pill{white-space:nowrap;border:1px solid #e2d3be;border-radius:50px;padding:8px 11px;color:#92704d;font-size:11px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 20px}.filters button{border:1px solid #e1d8cc;border-radius:30px;background:#fffdfa;color:#71695e;padding:9px 15px;font-size:12px}.filters button.selected{background:#453227;color:#fff;border-color:#453227}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product{border:1px solid #e9e0d5;background:#fffdf9;padding:18px;border-radius:12px;display:flex;gap:16px;min-height:169px}.product-icon{width:55px;height:55px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#f1e9dc;font-size:25px;color:#906c45}.product-info{flex:1;min-width:0}.product-category{text-transform:uppercase;font-size:9px;color:#a58764;letter-spacing:1.2px;font-weight:700}.product h4{font:600 18px Playfair Display,Georgia,serif;margin:6px 0}.product p{font-size:11px;line-height:1.6;color:#8b8278;margin:0 0 13px;min-height:32px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}.product-bottom strong{font-size:13px}.product-bottom button{background:#3d2b23;border:0;color:#fff;border-radius:7px;padding:8px 12px;font-weight:700;font-size:11px}.cart{border:1px solid #e8decf;background:#fffdf9;border-radius:12px;padding:23px;box-shadow:0 7px 25px #3c281e0a}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cart h3{font:600 22px Playfair Display,Georgia,serif;margin:0}.cart-header span{font-size:11px;color:#8b7f74}.cart-empty{text-align:center;padding:33px 12px 39px;color:#8e8377;border-bottom:1px solid #e9e2d8;margin-bottom:20px}.empty-icon{font-size:36px;color:#ae8b63}.cart-empty h4{color:#524238;font-size:14px;margin:10px 0}.cart-empty p{font-size:11px;line-height:1.7}.cart-items{margin:20px 0;border-top:1px solid #e9e2d8}.cart-item{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #eee7de;padding:14px 0}.cart-item div:first-child{display:flex;flex-direction:column;gap:4px}.cart-item strong{font-size:12px}.cart-item span{font-size:11px;color:#8b8072}.quantity{display:flex;align-items:center;gap:8px}.quantity button{border:1px solid #e3d5c6;background:#fff;border-radius:5px;width:25px;height:25px}.field-label{display:block;color:#76695f;font-weight:700;font-size:11px;margin:14px 0 8px}.cart input{width:100%;border:1px solid #e5d9cb;background:#fff;border-radius:7px;padding:11px 12px;font-size:12px}.cart-total{display:flex;justify-content:space-between;align-items:center;margin:24px 0 15px}.cart-total span{color:#817367;font-size:13px}.cart-total strong{font-size:21px}.place-order{width:100%}.fine-print{font-size:10px;line-height:1.6;text-align:center;color:#9b8b7b}.notice{background:#e9efdf;color:#40563a;border:1px solid #d3dfc6;padding:12px 15px;border-radius:8px;font-size:12px;display:flex;justify-content:space-between;gap:12px;margin:-12px 0 20px}.notice button{border:0;background:none;font-size:19px;color:#40563a;line-height:1}.panel{border:1px solid #e6ddcf;border-radius:12px;background:#fffdf9;padding:28px;min-height:350px}.panel-top p{color:#85796c;font-size:12px;line-height:1.6}.empty-state{text-align:center;padding:45px 20px}.empty-symbol{font-size:40px;color:#ba936a}.empty-state h4{font:600 20px Playfair Display,Georgia,serif;margin:10px}.empty-state p{color:#8b8073;font-size:12px;line-height:1.8;max-width:380px;margin:0 auto 22px}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.order-card{border:1px solid #e8dfd3;border-radius:10px;background:#fff;padding:18px}.order-head,.order-amount{display:flex;justify-content:space-between;gap:8px}.order-head strong{color:#7f5c38}.order-head span{color:#948577;font-size:11px}.order-customer{font:600 20px Playfair Display,Georgia,serif;margin:10px 0}.order-card ul{list-style:none;margin:12px 0;padding:0;border-top:1px solid #eee3d7}.order-card li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:11px}.order-amount{border-top:1px solid #eee3d7;padding:12px 0;font-size:12px}.order-card label{display:block;font-size:10px;font-weight:700;margin:12px 0 5px;color:#8a7968}.order-card select{width:100%;background:#fcfaf7;border:1px solid #e5d9cd;border-radius:7px;padding:9px;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0}.stat{background:#f7f2eb;border:1px solid #ede2d5;border-radius:10px;padding:23px}.stat span,.stat small{display:block;color:#817367;font-size:11px}.stat strong{font:600 32px Playfair Display,Georgia,serif;display:block;margin:10px 0}.stat small{line-height:1.5}.coming-next{background:#3e2e25;color:#f3e8db;display:flex;align-items:start;gap:17px;padding:25px;border-radius:12px}.coming-icon{width:37px;height:37px;display:grid;place-items:center;background:#634834;border-radius:8px;font-size:23px}.coming-next h4{margin:0 0 8px;font-size:14px}.coming-next p{margin:0;color:#decec0;line-height:1.75;font-size:12px;max-width:700px}footer{max-width:1230px;margin:0 auto;border-top:1px solid #e4dcd1;padding:22px 28px 35px;display:flex;justify-content:space-between;gap:18px;color:#9a8b7c;font-size:10px;letter-spacing:1px}@media(max-width:950px){.hero-content{padding:46px 30px}.two-column{grid-template-columns:minmax(0,1fr)}.cart{max-width:none}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.header-inner{padding:15px 17px}.mark{width:41px;height:41px}.brand-name{font-size:13px}.brand-subtitle{font-size:8px}.pilot-chip{font-size:10px;padding:7px}.page{padding:16px 14px 55px}.hero{grid-template-columns:1fr}.hero-content{padding:38px 26px}.hero h1{font-size:37px}.hero-art{min-height:220px}.coffee-cup{transform:translate(-50%,-50%) scale(.8)}.circle-one{width:280px;height:280px}.circle-two{width:210px;height:210px}.art-label{bottom:12px}.hero-caption{display:none}.workspace{padding-top:34px}.section-heading h2{font-size:26px}.tab-bar button{padding:12px 10px;font-size:12px}.products{grid-template-columns:1fr}.content-title h3,.panel h3{font-size:21px}.content-title,.panel-top{align-items:start}.sample-pill{font-size:9px}.panel{padding:18px}.panel-top{flex-wrap:wrap}.order-grid,.stats-grid{grid-template-columns:1fr}.stat strong{font-size:26px}footer{padding:20px 14px;flex-direction:column;gap:8px}}