@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#0d0a06;color:#f0e8d8;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}.bg-animated{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(160deg,#0d0a06,#1a1008 40%,#221508,#0d0a06)}.bg-animated:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 40%,rgba(180,100,20,.18) 0%,transparent 55%),radial-gradient(ellipse at 85% 70%,rgba(160,80,10,.14) 0%,transparent 50%),radial-gradient(ellipse at 50% 10%,rgba(200,140,40,.1) 0%,transparent 45%);animation:bgPulse 10s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.6}}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;border-radius:50%;background:#ffc85099;animation:twinkle 4s infinite}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.7}}@keyframes robotBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bubbleRise{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-70px) scale(.2);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-page{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.landing-nav{padding:0 60px;height:72px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;background:#0d0a06d1;backdrop-filter:blur(20px);border-bottom:1px solid rgba(180,110,30,.2)}.landing-logo{display:flex;align-items:center;gap:12px}.landing-logo img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(200,140,40,.6)}.landing-logo-text{font-size:19px;font-weight:800;color:#f0e8d8;letter-spacing:.5px}.landing-logo-text span{color:#d4860a}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;font-weight:600;color:#f0e8d880;text-decoration:none;transition:color .2s;cursor:pointer}.nav-link:hover{color:#f0e8d8}.launch-dapp-btn{background:linear-gradient(135deg,#c47a10,#a85e08);border:none;color:#fff;padding:11px 26px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #b4641480;font-family:Poppins,sans-serif;letter-spacing:.3px}.launch-dapp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b46414b3}.landing-hero{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:80px 60px 60px;width:100%}@media (max-width:900px){.landing-hero{grid-template-columns:1fr;padding:50px 24px;gap:50px;text-align:center}.hero-left{order:2}.hero-right{order:1;display:flex;justify-content:center}.hero-cta-row,.hero-tag-row{justify-content:center}.landing-nav{padding:0 20px}.nav-links .nav-link{display:none}.landing-stats-row{grid-template-columns:repeat(2,1fr)}.how-section,.stats-bar,.section-divider{padding-left:24px;padding-right:24px}}.hero-tag-row{display:flex;align-items:center;gap:10px;margin-bottom:22px}.hero-tag{display:inline-flex;align-items:center;gap:7px;background:#b464141f;border:1px solid rgba(200,140,40,.3);border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;color:#d4a040;letter-spacing:.5px}.hero-tag .dot{width:6px;height:6px;background:#d4860a;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.landing-title{font-size:clamp(34px,5vw,62px);font-weight:900;line-height:1.08;margin-bottom:22px;letter-spacing:-1px;color:#f0e8d8}.landing-title .line-amber{background:linear-gradient(135deg,#e8950a,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{font-size:15px;line-height:1.8;color:#f0e8d88c;margin-bottom:36px;max-width:460px}.landing-subtitle strong{color:#f0e8d8e6;font-weight:600}.hero-cta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:4px}.btn-hero-primary{background:none;border:none;color:#d4860a;cursor:pointer;font-size:14px;font-weight:700;font-family:Poppins,sans-serif;padding:0;letter-spacing:.3px;transition:color .2s;display:inline-flex;align-items:center;gap:5px}.btn-hero-primary:after{content:"→";transition:transform .2s;display:inline-block}.btn-hero-primary:hover{color:#f5a820}.btn-hero-primary:hover:after{transform:translate(4px)}.btn-hero-ghost{background:none;border:none;color:#f0e8d859;cursor:pointer;font-size:14px;font-weight:500;font-family:Poppins,sans-serif;padding:0;transition:color .2s}.btn-hero-ghost:hover{color:#f0e8d89e}.hero-right{position:relative}.hero-card{width:380px;max-width:calc(100vw - 48px);background:#1e1205b3;border:1px solid rgba(180,110,30,.3);border-radius:24px;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 60px #b4641426;animation:float 6s ease-in-out infinite}.hero-card-img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.hero-card-footer{padding:18px 22px;background:#140c03e6;border-top:1px solid rgba(180,110,30,.2);display:flex;justify-content:space-between;align-items:center}.hero-card-name{font-weight:800;font-size:15px;color:#f0e8d8}.hero-card-sub{font-size:12px;color:#f0e8d866;margin-top:2px}.hero-card-badge{background:linear-gradient(135deg,#c47a10,#a85e08);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:800;color:#fff}.hero-pill{position:absolute;background:#0d0a06eb;border:1px solid rgba(180,110,30,.35);border-radius:12px;padding:10px 16px;font-size:13px;font-weight:700;backdrop-filter:blur(10px);white-space:nowrap;box-shadow:0 8px 30px #00000080;color:#f0e8d8}.hero-pill-tl{top:-18px;left:-30px;animation:float 4s ease-in-out infinite .5s}.hero-pill-br{bottom:60px;right:-30px;animation:float 5s ease-in-out infinite 1.2s}.stats-bar{max-width:1200px;margin:0 auto;padding:0 60px 60px;width:100%}.landing-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b46e1e26;border-radius:16px;overflow:hidden;border:1px solid rgba(180,110,30,.2);width:100%}.landing-stat{background:#0d0a06e6;padding:28px 24px;text-align:center;transition:background .3s}.landing-stat:hover{background:#b464141a}.landing-stat-val{font-size:32px;font-weight:900;margin-bottom:6px;background:linear-gradient(135deg,#f0e8d8,#d4a040);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#f0e8d859;font-weight:600}.section-divider{max-width:1200px;margin:0 auto;padding:0 60px 80px;width:100%}.divider-line{height:1px;background:linear-gradient(90deg,transparent,rgba(180,110,30,.35),transparent)}.how-section{max-width:1200px;margin:0 auto;padding:0 60px 100px;width:100%}.how-label{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#c47a10;margin-bottom:14px}.how-heading{font-size:clamp(26px,4vw,42px);font-weight:900;margin-bottom:56px;line-height:1.2;color:#f0e8d8}.how-heading span{background:linear-gradient(135deg,#e8950a,#f5c842);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width:700px){.how-steps{grid-template-columns:1fr}}.how-step{background:#ffffff06;border:1px solid rgba(180,110,30,.18);border-radius:20px;padding:36px 28px;transition:all .3s}.how-step:hover{background:#b4641414;border-color:#b46e1e66;transform:translateY(-4px)}.how-step-num{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#c47a10,#a85e08);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;margin-bottom:22px;color:#fff;box-shadow:0 6px 20px #b4641473}.how-step-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;margin-bottom:22px;border:1px solid rgba(180,110,30,.2);filter:brightness(.92);transition:filter .3s,transform .3s}.how-step:hover .how-step-img{filter:brightness(1);transform:scale(1.02)}.how-step-title{font-size:18px;font-weight:800;margin-bottom:10px;color:#f0e8d8}.how-step-desc{font-size:14px;color:#f0e8d880;line-height:1.75}.how-step-desc strong{color:#f0e8d8d9;font-weight:600}.landing-footer{border-top:1px solid rgba(180,110,30,.12);padding:24px 60px;display:flex;justify-content:space-between;align-items:center;color:#f0e8d847;font-size:13px}.landing-footer a{color:#f0e8d866;text-decoration:none}.landing-footer a:hover{color:#f0e8d8b3}.dapp-container{display:none}.dapp-container.active{display:block}.container{max-width:1400px;margin:0 auto;padding:16px;position:relative;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}header{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;margin-bottom:40px;background:#140c03cc;border-radius:20px;backdrop-filter:blur(20px);border:1px solid rgba(180,110,30,.25);box-shadow:0 10px 40px #0006}.logo{display:flex;align-items:center;gap:14px}.logo img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(200,140,40,.5);animation:robotBounce 2.5s ease-in-out infinite}.logo-text{font-size:22px;font-weight:900;color:#f0e8d8}.logo-text span{color:#d4860a}.logo-sub{font-size:11px;color:#f0e8d866;letter-spacing:1.5px}.header-buttons{display:flex;gap:12px;align-items:center}.back-btn{background:none;border:none;color:#f0e8d84d;padding:0;cursor:pointer;font-size:12px;font-weight:500;transition:color .2s;font-family:Poppins,sans-serif;letter-spacing:.3px}.back-btn:hover{color:#f0e8d8a6}.wallet-btn{background:linear-gradient(135deg,#c47a10,#a85e08);border:none;color:#fff;padding:12px 28px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 6px 24px #b4641473;font-family:Poppins,sans-serif;letter-spacing:.3px}.wallet-btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px #b46414a6}.wallet-btn.connected{background:linear-gradient(135deg,#2a7a3a,#3a9a4e);box-shadow:0 6px 24px #288c4673}nav{display:-webkit-box;display:flex;gap:6px;margin-bottom:36px;background:#140c03b3;padding:8px;border-radius:14px;border:1px solid rgba(180,110,30,.2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.tab{flex:1;padding:16px 24px;cursor:pointer;border-radius:10px;transition:all .3s;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.8px;color:#f0e8d880}.tab:hover{background:#b464141a;color:#f0e8d8cc}.tab.active{background:linear-gradient(135deg,#c47a10,#a85e08);color:#fff;box-shadow:0 6px 20px #b4641466}.page{display:none}.page.active{display:block;animation:fadeInUp .5s ease}.brew-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px;width:100%}@media (max-width:900px){.brew-layout{grid-template-columns:1fr}}.card{background:#140c03bf;backdrop-filter:blur(20px);border-radius:20px;padding:36px;border:1px solid rgba(180,110,30,.2);box-shadow:0 16px 50px #00000059;transition:all .3s}.card:hover{border-color:#b46e1e66;box-shadow:0 20px 60px #b464141f}.card-title{font-size:20px;font-weight:800;margin-bottom:28px;color:#f0e8d8;display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(180,110,30,.15)}.beer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;width:100%}.beer-stat{background:#b4641412;border-radius:14px;padding:18px;text-align:center;border:1px solid rgba(180,110,30,.15)}.beer-stat-val{font-size:24px;font-weight:900;margin-bottom:5px;color:#d4a040}.beer-stat-val.green{color:#4ade80}.beer-stat-val.amber{color:#f5c842}.beer-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#f0e8d866;font-weight:600}.input-label{font-size:13px;color:#f0e8d880;margin-bottom:8px;font-weight:600;letter-spacing:.3px}.cro-input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:#b4641414;border:1.5px solid rgba(180,110,30,.25);border-radius:12px;padding:15px 18px;color:#f0e8d8;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;outline:none;-webkit-transition:border .3s;transition:border .3s;margin-bottom:14px;-webkit-appearance:none;appearance:none}.cro-input:focus{border-color:#c47a10}.cro-input::placeholder{color:#f0e8d840}.ref-input{width:100%;background:#b464140d;border:1px solid rgba(180,110,30,.15);border-radius:10px;padding:12px 16px;color:#f0e8d899;font-size:13px;font-family:Poppins,sans-serif;outline:none;margin-bottom:18px;transition:border .3s}.ref-input:focus{border-color:#c47a10}.ref-input::placeholder{color:#f0e8d833}.btn-primary{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:linear-gradient(135deg,#c47a10,#a85e08);border:none;color:#fff;padding:17px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:800;font-family:Poppins,sans-serif;box-shadow:0 8px 28px #b4641473;-webkit-transition:all .3s;transition:all .3s;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;-webkit-appearance:none;appearance:none;touch-action:manipulation}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #b46414a6}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-orange{width:100%;background:linear-gradient(135deg,#b86a08,#9a5206);border:none;color:#fff;padding:17px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:800;font-family:Poppins,sans-serif;box-shadow:0 8px 28px #a0500a73;transition:all .3s;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.btn-orange:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #a0500aa6}.btn-orange:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-green{width:100%;background:linear-gradient(135deg,#2a7a3a,#3a9a4e);border:none;color:#fff;padding:17px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:800;font-family:Poppins,sans-serif;box-shadow:0 8px 28px #28783c66;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-green:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #28783c99}.btn-green:disabled{opacity:.4;cursor:not-allowed;transform:none}.brew-visual{text-align:center;padding:20px 0}.brew-visual .crobert-brew{width:200px;height:200px;border-radius:16px;object-fit:cover;border:2px solid rgba(180,110,30,.4);box-shadow:0 0 50px #b464144d;margin:0 auto 20px;display:block;animation:robotBounce 3s ease-in-out infinite}.brew-meme{font-size:14px;color:#f0e8d899;font-weight:600;line-height:1.7}.brew-meme strong{color:#d4a040}.bubble-container{position:relative;height:50px;overflow:visible;margin:8px 0}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f5c83cb3,#b464144d);animation:bubbleRise 2.5s ease-in infinite}.estimate-box{background:#b4641414;border:1px solid rgba(180,110,30,.25);border-radius:12px;padding:13px 16px;margin-bottom:14px;font-size:13px;color:#d4a040;font-weight:700;text-align:center}.full-card{margin-bottom:24px}.roi-table{width:100%;border-collapse:collapse}.roi-table th{color:#f0e8d866;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 14px;text-align:left;border-bottom:1px solid rgba(180,110,30,.15)}.roi-table td{padding:14px;font-size:14px;border-bottom:1px solid rgba(180,110,30,.08);color:#f0e8d8cc}.roi-table tr:last-child td{border-bottom:none}.roi-table .highlight{color:#4ade80;font-weight:800}.ref-link-row{display:flex;gap:10px}.ref-link-input{flex:1;background:#b4641412;border:1.5px solid rgba(180,110,30,.2);border-radius:12px;padding:14px 16px;color:#f0e8d8bf;font-size:13px;font-family:Poppins,sans-serif;outline:none;cursor:pointer}.btn-copy{background:#b4641426;border:1.5px solid rgba(180,110,30,.3);color:#d4a040;padding:14px 18px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:700;font-family:Poppins,sans-serif;transition:all .3s;white-space:nowrap}.btn-copy:hover{background:#b4641440}.message{margin-top:12px;padding:13px 16px;border-radius:12px;font-size:13px;font-weight:600;text-align:center;animation:fadeInUp .4s}.message.success{background:#288c461f;border:1px solid rgba(40,140,70,.3);color:#4ade80}.message.error{background:#dc32321f;border:1px solid rgba(220,50,50,.3);color:#f87171}.progress-wrap{background:#b464141a;border-radius:50px;height:8px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;border-radius:50px;background:linear-gradient(90deg,#c47a10,#f5c842);transition:width 1.2s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 2s infinite}.ticker-bar{background:#140c03e6;border-top:1px solid rgba(180,110,30,.2);border-bottom:1px solid rgba(180,110,30,.2);padding:11px 0;overflow:hidden;white-space:nowrap}.ticker-inner{display:inline-block;animation:tickerMove 35s linear infinite}.ticker-inner span{margin:0 36px;font-size:13px;font-weight:600;color:#f0e8d880}.ticker-inner .bull{color:#d4a040}.ticker-inner .warn{color:#f87171}@keyframes tickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e0;backdrop-filter:blur(12px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:linear-gradient(135deg,#140c02,#1e1205);border:1px solid rgba(180,110,30,.35);border-radius:24px;padding:42px;max-width:430px;width:90%;animation:fadeInUp .3s ease;position:relative}.modal-crobert{width:88px;height:88px;border-radius:14px;object-fit:cover;display:block;margin:0 auto 18px;border:2px solid rgba(200,140,40,.5)}.modal-title{font-size:22px;font-weight:900;text-align:center;margin-bottom:6px;color:#f0e8d8}.modal-sub{text-align:center;color:#f0e8d873;margin-bottom:26px;font-size:14px}.modal-close{position:absolute;top:18px;right:20px;background:none;border:none;color:#f0e8d859;font-size:20px;cursor:pointer}.wallet-option{width:100%;background:#b4641412;border:1px solid rgba(180,110,30,.2);border-radius:14px;padding:15px 18px;margin-bottom:10px;cursor:pointer;color:#f0e8d8;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:14px;transition:all .3s}.wallet-option:hover{background:#b464142e;border-color:#c88c2880;transform:translate(4px)}.wallet-option-icon{font-size:28px}.wallet-option-name{font-weight:800;font-size:14px}.wallet-option-desc{font-size:12px;color:#f0e8d866}.modal-cancel{width:100%;background:none;border:1px solid rgba(240,232,216,.1);color:#f0e8d859;padding:12px;border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;margin-top:4px;transition:all .3s}.modal-cancel:hover{border-color:#b46e1e4d;color:#f0e8d899}@media screen and (max-width:900px){.landing-hero{grid-template-columns:1fr;padding:40px 20px 30px;gap:36px;text-align:center}.hero-left{order:2}.hero-right{order:1;display:flex;justify-content:center}.hero-card{width:min(320px,90vw)}.hero-pill{display:none}.hero-tag-row,.hero-cta-row{justify-content:center}.landing-subtitle{margin:0 auto 28px}.landing-nav{padding:0 20px}.nav-links .nav-link{display:none}.landing-stats-row{grid-template-columns:repeat(2,1fr)}.how-section,.stats-bar,.section-divider{padding-left:20px;padding-right:20px}.how-steps{grid-template-columns:1fr;gap:16px}.landing-footer{padding:20px;flex-direction:column;gap:10px;text-align:center}.brew-layout{grid-template-columns:1fr;gap:16px}header{padding:16px 18px;margin-bottom:20px;border-radius:14px}.logo-sub{display:none}.logo img{width:40px;height:40px}.logo-text{font-size:17px}nav{gap:4px;padding:6px;border-radius:12px;margin-bottom:20px;overflow-x:auto}.tab{padding:12px 14px;font-size:12px;letter-spacing:0;white-space:nowrap}.card{padding:22px 18px;border-radius:16px}.card-title{font-size:17px;margin-bottom:20px;padding-bottom:14px}.beer-stats{grid-template-columns:1fr 1fr;gap:10px}.beer-stat{padding:14px 10px}.beer-stat-val{font-size:20px}.container{padding:12px}}@media screen and (max-width:480px){.landing-nav{height:58px;padding:0 16px}.landing-logo-text{font-size:16px}.landing-logo img{width:32px;height:32px}.launch-dapp-btn{padding:9px 16px;font-size:13px}.landing-title{font-size:28px;letter-spacing:-.5px;line-height:1.12}.landing-subtitle{font-size:14px}.hero-card{width:min(280px,88vw)}.hero-card-footer{padding:14px 16px}.hero-card-name{font-size:13px}.landing-stat{padding:18px 12px}.landing-stat-val{font-size:22px}.landing-stat-label{font-size:10px}.how-heading{font-size:22px;margin-bottom:30px}.how-step{padding:20px 18px}.how-step-title{font-size:15px}.how-step-desc{font-size:13px}header{padding:12px 14px;gap:8px}.logo-text{font-size:15px}.logo img{width:34px;height:34px}.wallet-btn{padding:10px 14px;font-size:13px}nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;border-radius:10px}.tab{padding:11px 12px;font-size:11px;flex-shrink:0}.card{padding:18px 14px}.card-title{font-size:15px}.beer-stat-val{font-size:18px}.beer-stat-label{font-size:10px;letter-spacing:.5px}.beer-stats{gap:8px}.btn-primary,.btn-orange,.btn-green{padding:15px;font-size:14px}.cro-input{padding:13px 14px;font-size:14px}.modal{padding:28px 20px;border-radius:18px}.modal-title{font-size:19px}.wallet-option{padding:13px 14px;gap:12px}.wallet-option-icon{font-size:24px}.brew-visual .crobert-brew{width:140px;height:140px}.roi-table th,.roi-table td{padding:10px;font-size:12px}.ref-link-row{flex-direction:column}.ref-link-input{font-size:11px}}.docs-grid-2{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;flex-direction:row;gap:20px;margin-bottom:20px}.docs-grid-2>.card{-webkit-box-flex:1;flex:1;min-width:0}.docs-card-mid{margin-bottom:20px}.docs-section{display:-webkit-box;display:flex;-webkit-box-orient:vertical;flex-direction:column;gap:0}.docs-block{padding:14px 0;border-bottom:1px solid rgba(180,110,30,.1)}.docs-block:last-child{border-bottom:none;padding-bottom:0}.docs-q{font-size:13px;font-weight:700;color:#d4a040;margin-bottom:5px}.docs-a{font-size:13px;color:#f0e8d88c;line-height:1.75}.docs-a strong{color:#f0e8d8d9}.docs-mechanics-grid{display:-webkit-box;display:flex;gap:14px}.docs-mechanic{-webkit-box-flex:1;flex:1;background:#b464140f;border:1px solid rgba(180,110,30,.14);border-radius:14px;padding:20px 16px;text-align:center}.docs-mechanic-icon{font-size:34px;margin-bottom:10px}.docs-mechanic-title{font-size:14px;font-weight:800;color:#f0e8d8;margin-bottom:7px}.docs-mechanic-desc{font-size:13px;color:#f0e8d880;line-height:1.65}.docs-strategy-grid{display:-webkit-box;display:flex;gap:20px}.docs-strategy-grid>div{-webkit-box-flex:1;flex:1;min-width:0}.docs-strategy-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.docs-strategy-label-good{color:#d4a040}.docs-strategy-label-bad{color:#f0e8d866}.docs-do,.docs-dont{font-size:13px;padding:9px 12px;border-radius:8px;margin-bottom:7px;line-height:1.5;display:block}.docs-do{background:#288c4614;border:1px solid rgba(40,140,70,.18);color:#f0e8d8b3}.docs-do:before{content:"✓  ";color:#4ade80;font-weight:700}.docs-dont{background:#b4641412;border:1px solid rgba(180,110,30,.18);color:#f0e8d899}.docs-dont:before{content:"✗  ";color:#f0e8d859;font-weight:700}@media (max-width:900px){.docs-grid-2,.docs-mechanics-grid,.docs-strategy-grid{-webkit-box-orient:vertical;flex-direction:column}}