:root{--bg: #2a190f;--bg-deep: #1b0f08;--bg-warm: #4b2c1a;--cream: #f3e3c8;--sand: #f2c78c;--muted: #c8ab8d;--mint: #5fb0ad;--mint-dark: #4a9997;--card: rgba(255, 255, 255, .055);--card-border: rgba(243, 227, 200, .1);--radius: 22px;--radius-lg: 34px;--container: 1180px;--header-h: 84px;--font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{margin:0;font-family:var(--font);color:var(--cream);background:var(--bg-deep);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{margin:0;line-height:1.18;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}svg{display:block;width:100%;height:auto}img{display:block;max-width:100%;height:auto}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 65% at 78% 8%,#6b4022,#6b402200 55%),radial-gradient(90% 55% at 10% 42%,#4a2b19,#4a2b1900 60%),radial-gradient(110% 60% at 60% 100%,#3a2113,#3a211300 55%),linear-gradient(180deg,#33200f,#241408 55%,#1b0f08)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{position:relative;padding:96px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 40px;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;white-space:nowrap}.btn--mint{background:var(--mint);color:#10241f;box-shadow:0 12px 28px #5fb0ad47}.btn--mint:hover{background:#6fc2bf;transform:translateY(-2px);box-shadow:0 18px 34px #5fb0ad5c}.btn--ghost{background:#f3e3c80f;border:1px solid rgba(243,227,200,.35);color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--ghost:hover{background:#f3e3c824;transform:translateY(-2px)}.btn--sm{padding:11px 24px;font-size:14px}.link-underline{font-size:14px;color:var(--muted);border-bottom:1px solid rgba(200,171,141,.5);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.link-underline:hover{color:var(--sand);border-color:var(--sand)}.header{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--header-h);display:flex;align-items:center;transition:background .3s ease,backdrop-filter .3s ease}.header.is-scrolled{background:#1b0f08c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(243,227,200,.07)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;font-size:26px;font-weight:800;letter-spacing:3px;color:var(--cream)}.logo__bean{width:.82em;margin:0 3px;transform:translateY(2px) rotate(-24deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.nav{display:flex;align-items:center;gap:6px;padding:7px;border-radius:999px;background:#f3e3c812;border:1px solid rgba(243,227,200,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav__link{padding:9px 18px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:color .2s ease,background .2s ease}.nav__link:hover{color:var(--cream)}.nav__link.is-active{background:#f3e3c829;color:var(--cream)}.header__actions{display:flex;align-items:center;gap:12px}.lang{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(243,227,200,.22);background:#f3e3c80d}.lang__btn{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--muted);transition:color .2s ease,background .2s ease}.lang__btn:hover{color:var(--cream)}.lang__btn.is-active{background:var(--mint);color:#10241f}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(243,227,200,.22);color:var(--cream);transition:background .2s ease,transform .2s ease}.icon-btn svg{width:19px}.icon-btn:hover{background:#f3e3c81f;transform:translateY(-1px)}.icon-btn__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--mint);color:#10241f;font-size:11px;font-weight:700;display:grid;place-items:center}.burger{display:none;flex-direction:column;gap:5px;padding:8px 4px}.burger span{width:22px;height:2px;border-radius:2px;background:var(--cream)}.hero{padding-top:calc(var(--header-h) + 84px);padding-bottom:40px}.hero__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:32px;align-items:center}.hero__title{font-size:clamp(30px,3.6vw,46px);font-weight:800;color:var(--sand);text-shadow:0 6px 30px rgba(0,0,0,.45)}.hero__title span{display:block;white-space:nowrap}.hero__text{margin:26px 0 36px;max-width:430px;font-size:16px;color:var(--muted)}.hero__art{position:relative;min-height:600px}.hero__splash{position:absolute;left:-16%;bottom:86%;width:132%;max-width:none;filter:drop-shadow(0 16px 26px rgba(0,0,0,.45))}.hero__cup-back{position:absolute;width:38%;left:2%;bottom:4%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));animation:float 6s ease-in-out infinite}.hero__front{position:absolute;right:2%;bottom:0;width:50%;animation:float 6s ease-in-out infinite .8s}.hero__cup-front{position:relative;width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.top{padding-top:40px}.top__watermark{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:clamp(140px,22vw,260px);font-weight:800;letter-spacing:.12em;color:#f3e3c812;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.top__grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:900px;margin:0 auto}.card{position:relative;padding:20px 22px 22px;border-radius:var(--radius);background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;transition:transform .28s ease,background .28s ease,box-shadow .28s ease}.card:hover{transform:translateY(-8px);background:#ffffff16;box-shadow:0 26px 50px #00000059}.card__art{position:relative;margin:-62px auto 12px;width:124px}.card__art img{width:100%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.5))}.card__rating{position:absolute;right:-14px;bottom:6px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#1b0f08cc;border:1px solid rgba(243,227,200,.16);font-size:12px;font-weight:600}.card__rating i{color:#f5c451;font-style:normal}.card__name{font-size:21px;font-weight:700;color:var(--sand)}.card__desc{margin:10px 0 12px;font-size:13px;line-height:1.5;color:var(--muted);min-height:58px}.card__more{font-size:12px;color:#c8ab8dd9;border-bottom:1px solid rgba(200,171,141,.4)}.card__more:hover{color:var(--sand)}.card__foot{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card__price{font-size:21px;font-weight:700;color:var(--cream)}.card__add{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:#10241f;transition:transform .2s ease,background .2s ease}.card__add svg{width:18px}.card__add:hover{background:#6fc2bf;transform:scale(1.08)}.card__add:active{transform:scale(.94)}.top__link-wrap{margin-top:40px;text-align:center}.about__title{text-align:center;font-size:clamp(26px,3vw,36px);font-weight:700;color:var(--cream);margin-bottom:60px}.about__brand{color:var(--sand);letter-spacing:2px;font-weight:800}.about__grid{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center}.about__col{display:flex;flex-direction:column;gap:56px}.about__center{display:flex;flex-direction:column;align-items:center;gap:34px;width:230px}.about__cup{width:100%;filter:drop-shadow(0 34px 44px rgba(0,0,0,.55))}.feature{position:relative;padding-left:46px}.feature--right{padding-left:0;padding-right:46px;text-align:right}.feature__n{position:absolute;top:-26px;left:0;font-size:88px;font-weight:800;line-height:1;color:#f3e3c812;pointer-events:none}.feature--right .feature__n{left:auto;right:0}.feature__title{position:relative;font-size:21px;font-weight:700;color:var(--sand)}.feature__text{position:relative;margin-top:14px;font-size:13.5px;line-height:1.65;color:var(--muted)}.bean{position:absolute;width:60px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55));pointer-events:none}.bean--t1{width:76px;left:2%;top:30%;transform:rotate(24deg)}.bean--t2{width:52px;left:9%;top:50%;transform:rotate(-32deg)}.bean--t3{width:42px;left:4%;top:66%;transform:rotate(62deg)}.bean--a1{width:54px;right:23%;bottom:-18px;transform:rotate(-38deg)}.bean--a2{width:38px;right:18%;bottom:44px;transform:rotate(18deg)}.bean--q1{width:44px;left:4%;top:6%;transform:rotate(-26deg)}.bean--q2{width:34px;left:24%;top:-8%;transform:rotate(48deg)}.bean--q3{width:28px;left:12%;top:46%;transform:rotate(8deg)}.quiz{padding-bottom:60px}.quiz__box{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;padding:52px 56px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.quiz__title{font-size:clamp(24px,2.8vw,34px);font-weight:700;color:var(--cream);margin-bottom:30px}.quiz__title span{display:block}.quiz__art{position:relative;height:230px}.quiz__spoon{position:absolute;right:-7%;bottom:-22%;width:92%;max-width:none;filter:drop-shadow(0 18px 26px rgba(0,0,0,.5))}.footer{padding:26px 0 34px;border-top:1px solid rgba(243,227,200,.07)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer__links{display:flex;gap:22px;flex-wrap:wrap}.footer__copy{font-size:13px;color:#c8ab8d99}.toast{position:fixed;left:50%;bottom:32px;z-index:60;transform:translate(-50%,24px);padding:13px 26px;border-radius:999px;background:#1b0f08f0;border:1px solid rgba(95,176,173,.5);color:var(--cream);font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}@media (max-width: 1024px){.nav{position:fixed;top:var(--header-h);left:16px;right:16px;flex-direction:column;align-items:stretch;padding:14px;border-radius:var(--radius);background:#1b0f08f5;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease,visibility .25s}.nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav__link{padding:12px 16px;text-align:center}.burger{display:flex}.about__grid{grid-template-columns:1fr 1fr;gap:32px 40px}.about__center{grid-column:1 / -1;grid-row:1;width:210px;margin:0 auto}.feature,.feature--right{padding:0 0 0 44px;text-align:left}.feature--right .feature__n{right:auto;left:0}.bean--a1,.bean--a2{display:none}}@media (max-width: 860px){.section{padding:64px 0}.hero__inner{grid-template-columns:1fr;text-align:center}.hero__text{margin-inline:auto}.hero__title span{white-space:normal}.hero__art{min-height:400px}.top__grid{grid-template-columns:1fr;max-width:380px;gap:70px}.card__desc{min-height:0}.bean--t1,.bean--t2,.bean--t3{display:none}.quiz__box{grid-template-columns:1fr;padding:38px 28px;text-align:center}.quiz__art{height:150px}.footer__inner{justify-content:center;text-align:center}}@media (max-width: 560px){.header__actions .btn--sm,.header__actions .icon-btn:first-of-type{display:none}.header__actions{gap:8px}.lang__btn{padding:5px 9px}.about__grid{grid-template-columns:1fr}.hero__art{min-height:330px}.logo{font-size:21px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}