:root{--ink:#153c37;--ink2:#0e2b28;--cream:#f4f0e5;--paper:#fbfaf5;--mint:#bed9c9;--mint2:#dce9df;--coral:#f07b5b;--yellow:#e9c758;--line:rgba(21,60,55,.17);--sans:'DM Sans',sans-serif;--serif:'Fraunces',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;left:1rem;top:-4rem;background:#fff;padding:.75rem 1rem;z-index:100}.skip:focus{top:1rem}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4.5rem);position:sticky;top:0;background:rgba(251,250,245,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:50}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.05rem}.brand-mark{width:32px;height:32px;border-radius:50% 50% 45% 45%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:1.3rem;transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:clamp(.8rem,1.8vw,1.7rem);font-size:.86rem;font-weight:600}nav a{white-space:nowrap}nav a:not(.nav-cta):hover{color:var(--coral)}.nav-cta{padding:.7rem 1.1rem;border-radius:999px;background:var(--ink);color:white}.menu-button{display:none}.section-pad{padding:clamp(5rem,8vw,8.5rem) clamp(1.25rem,6vw,6.5rem)}.hero{padding-top:clamp(4rem,7vw,7rem);padding-bottom:0;overflow:hidden;background:radial-gradient(circle at 87% 20%,rgba(190,217,201,.8),transparent 29%),var(--paper)}.hero-grid{min-height:600px;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);gap:3rem;align-items:center;max-width:1440px;margin:auto}.eyebrow,.kicker{font-size:.72rem;font-weight:700;letter-spacing:.16em}.eyebrow{max-width:1440px;margin:auto;display:flex;align-items:center;gap:.65rem}.eyebrow span{width:28px;height:2px;background:var(--coral)}h1,h2,blockquote{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.96;margin:.6rem 0 1.5rem}h1{font-size:clamp(4.1rem,7.5vw,7.6rem)}h2{font-size:clamp(3.2rem,5.5vw,6rem)}h1 em,h2 em,blockquote em{color:var(--coral);font-weight:500}.hero-lead{font-size:clamp(1.05rem,1.6vw,1.32rem);max-width:630px;color:#45615d}.button-row{display:flex;gap:.8rem;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 1.25rem;border-radius:999px;font-weight:700;border:1px solid var(--ink);transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.secondary{background:transparent}.trust-row{display:flex;gap:1.5rem;flex-wrap:wrap;color:#61736f;font-size:.78rem}.trust-row span:before{content:'✓';color:var(--coral);font-weight:bold;margin-right:.35rem}.hero-visual{height:610px;position:relative}.phone{position:absolute;border:8px solid var(--ink2);border-radius:38px;background:#fdfcf8;box-shadow:0 28px 60px rgba(15,43,40,.18);padding:1.7rem 1.25rem;color:var(--ink);overflow:hidden}.phone:before{content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:70px;height:18px;border-radius:20px;background:var(--ink2)}.phone small{font-size:.62rem;letter-spacing:.09em}.phone h3{font-family:var(--serif);font-size:1.45rem;line-height:1.1;margin:.5rem 0}.phone p{font-size:.75rem;color:#61736f}.phone-front{width:286px;height:545px;right:14%;top:20px;z-index:3}.phone-back{width:260px;height:480px;left:3%;top:95px;transform:rotate(-7deg);background:var(--mint2)}.app-bar{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 1.5rem;font-size:.7rem}.app-bean{background:var(--ink);color:#fff;border-radius:50%;padding:.25rem .45rem}.score-ring{width:118px;height:118px;border-radius:50%;margin:1rem auto;display:grid;place-items:center;background:conic-gradient(var(--coral) 88%,#e2e4dd 0);position:relative}.score-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fdfcf8}.score-ring div{z-index:1;text-align:center}.score-ring b{display:block;font-family:var(--serif);font-size:2.3rem;line-height:1}.score-ring small{letter-spacing:0}.signal{display:flex;gap:.7rem;align-items:center;border-top:1px solid var(--line);padding:.7rem 0;font-size:.68rem}.signal>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--mint)}.signal small{display:block;letter-spacing:0;color:#71807d}.phone button{width:100%;border:0;background:var(--ink);color:#fff;border-radius:20px;padding:.65rem;font-size:.7rem;margin-top:.5rem}.memory-stat{background:var(--ink);color:white;border-radius:16px;padding:1rem;margin:1rem 0;display:flex;align-items:end;gap:.5rem}.memory-stat b{font-size:2rem;line-height:1}.bean-mini{display:flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.55);border-radius:14px;padding:.75rem;margin:.65rem 0}.bean-mini div{flex:1}.bean-mini small{display:block;letter-spacing:0}.flag{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:.6rem;background:var(--yellow)}.flag.coral{background:var(--coral)}.float-card{position:absolute;z-index:5;background:white;border-radius:14px;padding:.75rem 1rem;box-shadow:0 12px 28px rgba(15,43,40,.14);display:flex;align-items:center;gap:.7rem;font-size:.72rem}.float-card>span{font-size:1.2rem;color:var(--coral)}.float-card small{display:block;color:#667a75}.float-one{right:0;top:190px}.float-two{left:0;bottom:5px}.orbit{position:absolute;border:1px solid rgba(21,60,55,.16);border-radius:50%}.orbit-one{inset:2% 3% 8% 2%}.orbit-two{inset:16% -12% 20% 18%}.ticker{margin:4rem calc(-1 * clamp(1.25rem,6vw,6.5rem)) 0;padding:1rem 2rem;background:var(--ink);color:white;display:flex;justify-content:space-around;gap:2rem;white-space:nowrap;overflow:hidden;font-size:.72rem;letter-spacing:.18em}.ticker i{color:var(--coral)}.section-head{display:grid;grid-template-columns:1.2fr .65fr;gap:3rem;align-items:end;max-width:1400px;margin:0 auto 3.5rem}.section-head p:last-child{max-width:500px;color:#61736f}.kicker{color:var(--coral);margin:0 0 1rem}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;max-width:1400px;margin:auto}.feature{min-height:410px;border-radius:24px;padding:2rem;position:relative;overflow:hidden}.feature-large{display:grid;grid-template-columns:.75fr 1fr;gap:2rem}.feature-number{position:absolute;right:1.5rem;top:1rem;font-family:var(--serif);font-size:3.4rem;opacity:.12}.feature h3{font-family:var(--serif);font-size:2rem;line-height:1.08;margin:1rem 0}.feature p{max-width:490px}.mint{background:var(--mint2)}.ink{background:var(--ink);color:white}.cream{background:#efe8d7}.coral-bg{background:#f3a088}.chip{font-size:.62rem;letter-spacing:.14em;font-weight:700;border:1px solid currentColor;border-radius:99px;padding:.35rem .6rem}.chip.light{color:var(--mint)}.scan-demo{position:relative;align-self:center;min-height:310px}.bag{width:190px;height:265px;margin:auto;background:#e6d4ae;border-radius:7px 7px 16px 16px;box-shadow:0 16px 35px #79978766;padding:2rem 1.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;transform:rotate(3deg)}.bag b{font-size:.75rem}.bag strong{font-family:var(--serif);font-size:1.8rem;line-height:1;margin:2rem 0}.bag span{font-size:.7rem}.scan-line{position:absolute;left:8%;right:8%;height:2px;background:var(--coral);top:42%;z-index:2;box-shadow:0 0 10px var(--coral)}.scan-tags{position:absolute;inset:35% 0 auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4rem}.scan-tags span{background:white;border-radius:99px;padding:.35rem .6rem;font-size:.62rem;box-shadow:0 5px 18px #42635b2e}.clean-list,.check-list{list-style:none;padding:0}.clean-list li{border-top:1px solid #ffffff2d;padding:.65rem 0;font-size:.85rem}.clean-list li:before{content:'↗';color:var(--coral);margin-right:.6rem}.score-pill{position:absolute;right:1.5rem;bottom:1.5rem;border:1px solid #ffffff30;border-radius:80px;padding:.5rem 1.1rem .5rem .6rem;display:flex;gap:.7rem;align-items:center}.score-pill b{background:var(--coral);color:var(--ink);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.4rem}.score-pill span{font-size:.8rem}.brew-track{margin-top:2rem}.brew-track div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:.6rem 0}.brew-track b{font-family:var(--serif);font-size:1.2rem}.brew-track span{font-size:.8rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;left:2rem;right:2rem;bottom:2rem;border-top:1px solid #153c3744;padding-top:1rem}.stat-grid b{display:block;font-family:var(--serif);font-size:2.2rem}.stat-grid span{font-size:.7rem;text-transform:uppercase}.drippers{max-width:1400px;margin:1rem auto 0;padding:1.3rem 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--line);font-size:.8rem}.drippers span{font-size:.65rem;letter-spacing:.12em}.community-section{background:var(--ink);color:white}.light-head p:last-child{color:#b7cbc5}.community-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;max-width:1400px;margin:auto}.feed-panel{background:#f9f7ee;color:var(--ink);border-radius:24px;padding:2rem}.feed-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem}.feed-top small{display:block}.live-dot{font-size:.7rem;color:#477369}.live-dot:first-letter{color:var(--coral)}.feed-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-size:.7rem;font-weight:bold}.avatar.coral{background:var(--coral)}.feed-card small{display:block;color:#7c8d88}.feed-card h4{font-family:var(--serif);font-size:1.3rem;margin:1rem 0 .2rem}.feed-card p{font-size:.8rem;margin:.2rem 0}.rating{font-family:var(--serif);font-size:1.3rem}.tags span,.trip-card>div:last-child>div span{font-size:.62rem;background:var(--mint2);border-radius:99px;padding:.3rem .5rem}.feed-footer{padding-top:1.3rem;font-size:.8rem;display:flex;justify-content:space-between}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.audience-grid article{border:1px solid #ffffff28;border-radius:20px;padding:1.5rem;min-height:190px}.audience-grid article>span{font-family:var(--serif);font-size:1.8rem;color:var(--coral)}.audience-grid h3{font-family:var(--serif);font-size:1.45rem;margin:1.8rem 0 .4rem}.audience-grid p{font-size:.8rem;color:#b7cbc5}.signup-card{grid-column:1/-1;background:var(--coral);color:var(--ink);border-radius:20px;padding:1.5rem}.signup-card h3{font-size:1.8rem;margin:.3rem 0 1rem}.signup-card label>span{font-size:.7rem}.signup-card label>div{display:flex;gap:.5rem}.signup-card input{flex:1;border:0;border-radius:99px;padding:.8rem 1rem;min-width:0}.signup-card button{border:0;background:var(--ink);color:#fff;border-radius:99px;padding:.8rem 1rem;font-weight:700}.form-note{font-size:.65rem!important;opacity:.75;margin:.5rem 0 0!important}.roaster-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);max-width:1600px;margin:auto}.roaster-copy{padding-top:3rem}.roaster-copy>p:not(.kicker){color:#61736f}.check-list li{padding:.55rem 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';color:var(--coral);margin-right:.7rem}.text-link{font-weight:bold;display:inline-block;margin-top:1rem}.recipe-form{background:#efe9da;border-radius:24px;padding:2rem}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1.2rem;margin-bottom:1.5rem}.form-head small{letter-spacing:.12em}.form-head h3{font-family:var(--serif);font-size:2rem;margin:.2rem 0}.form-head>span{font-size:.65rem;border:1px solid;border-radius:99px;height:max-content;padding:.35rem .6rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{font-size:.7rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);background:#faf8f1;border-radius:9px;padding:.7rem}.form-grid textarea{resize:vertical;min-height:70px}.form-grid .wide{grid-column:1/-1}.concept-button{border:0;margin-top:1.2rem}.education-section{background:var(--cream)}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1400px;margin:auto}.article{min-height:260px;border:1px solid var(--line);border-radius:18px;padding:1.4rem;position:relative;background:rgba(255,255,255,.2)}.article.featured{grid-column:span 2;grid-row:span 2;min-height:530px;background:var(--mint);padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.article-icon{font-size:8rem;opacity:.35}.article small{letter-spacing:.1em}.article h3{font-family:var(--serif);font-size:1.55rem;line-height:1.15}.article.featured h3{font-size:2.6rem;max-width:540px}.article p{font-size:.85rem;color:#5d706c}.article>a{font-weight:bold}.article>span:last-child:not(.article-icon){position:absolute;bottom:1rem;right:1rem;font-family:var(--serif);font-size:2.5rem;opacity:.2}.travel-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);max-width:1600px;margin:auto}.travel-copy>p:not(.kicker){color:#60736f}.travel-copy ol{list-style:none;padding:0;margin:2rem 0}.travel-copy li{display:flex;gap:1rem;padding:.85rem 0;border-top:1px solid var(--line)}.travel-copy li b{font-family:var(--serif);color:var(--coral)}.regions{font-size:.85rem}.trip-stack{position:relative;min-height:620px}.trip-card{position:absolute;width:82%;border-radius:20px;background:#f0eadb;border:1px solid var(--line);overflow:hidden;display:grid;grid-template-columns:43% 57%;box-shadow:0 20px 45px #214b4220}.trip-card:nth-child(1){top:0;left:0;z-index:3}.trip-card:nth-child(2){top:170px;right:0;z-index:2}.trip-card:nth-child(3){top:340px;left:5%;z-index:1}.trip-card>div:last-child{padding:1.2rem}.trip-card h3{font-family:var(--serif);font-size:1.4rem;margin:.5rem 0}.trip-card p{font-size:.75rem}.trip-image{position:relative;min-height:185px;overflow:hidden;background:var(--mint)}.trip-image>span{position:absolute;left:1rem;bottom:.7rem;font-family:var(--serif);font-size:1.7rem;z-index:2}.sun{width:70px;height:70px;border-radius:50%;background:var(--coral);position:absolute;top:25px;right:25px}.city-lines{position:absolute;left:0;right:0;bottom:0;height:50%;background:repeating-linear-gradient(90deg,var(--ink) 0 12px,transparent 12px 24px);clip-path:polygon(0 60%,10% 50%,10% 15%,20% 15%,20% 55%,35% 35%,35% 0,45% 0,45% 65%,60% 45%,60% 20%,70% 20%,70% 58%,82% 32%,92% 32%,92% 52%,100% 40%,100% 100%,0 100%)}.seoul .trip-image{background:#e8c55d}.singapore .trip-image{background:#eaa28c}.pricing-section{background:#e9e2d3;display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.pricing-intro{align-self:center}.roadmap-pill{font-size:.65rem;letter-spacing:.1em;background:var(--yellow);border-radius:99px;padding:.35rem .6rem}.pricing-intro>p:last-child{color:#62736f}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.price-card{background:var(--paper);border-radius:22px;padding:2rem;min-height:500px}.price-card>small{letter-spacing:.15em}.price-card h3{font-family:var(--serif);font-size:1.7rem}.price{font-family:var(--serif);font-size:3.4rem;margin:1rem 0}.price span{font-family:var(--sans);font-size:.7rem}.price-card .button{width:100%;margin-top:1.5rem}.future{background:var(--ink);color:white;position:relative}.future .check-list li{border-color:#ffffff24}.future-label{position:absolute;top:1.4rem;right:1.4rem;color:var(--ink);background:var(--coral);border-radius:99px;padding:.35rem .6rem;font-size:.65rem}.vision-section{background:var(--paper)}blockquote{font-size:clamp(3.2rem,6.3vw,7rem);max-width:1300px;margin:2rem auto 5rem}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1400px;margin:auto;border-top:1px solid var(--line);padding-top:2rem}.vision-grid h2{font-family:var(--sans);font-size:1.7rem;line-height:1.2;font-weight:600;letter-spacing:-.03em}.vision-grid p{color:#5f716d}.principles{display:grid;grid-template-columns:1fr 1fr}.principles span{padding:1rem 0;border-top:1px solid var(--line)}.principles b{color:var(--coral);margin-right:.6rem}footer{background:var(--ink2);color:white;padding:4rem clamp(1.25rem,6vw,6.5rem) 2rem;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:3rem}.brand.inverse .brand-mark{background:var(--paper);color:var(--ink)}footer>div:first-child p{color:#a7bdb7;font-family:var(--serif);font-size:1.3rem}.footer-links{display:grid;grid-template-columns:1fr 1fr}.footer-links div{display:flex;flex-direction:column;gap:.5rem}.footer-links b{font-size:.65rem;color:var(--coral);letter-spacing:.12em;margin-bottom:.5rem}.footer-links a{font-size:.85rem;color:#c5d1ce}.footer-cta p{font-family:var(--serif);font-size:1.5rem}.coral-button{background:var(--coral);color:var(--ink);border-color:var(--coral)}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:1.2rem;display:flex;justify-content:space-between;font-size:.7rem;color:#8fa6a1}
@media(max-width:1000px){nav{position:absolute;display:none;top:77px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-button{display:block;border:1px solid var(--ink);border-radius:99px;background:none;padding:.45rem .8rem}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{max-width:650px;width:100%;margin:auto}.feature-grid,.community-layout,.roaster-section,.travel-section,.pricing-section{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,1fr)}.article.featured{grid-column:span 2}.trip-stack{max-width:750px;width:100%;margin:auto}.price-grid{max-width:750px}.vision-grid{gap:2rem}footer{grid-template-columns:1fr 1fr}.footer-cta{grid-column:1/-1}}
@media(max-width:650px){.section-pad{padding:4.5rem 1.2rem}.site-header{padding:0 1.2rem}.hero{padding-top:3rem;padding-bottom:0}.hero-grid{min-height:auto}.hero-visual{height:535px;transform:scale(.9);transform-origin:top center;margin-bottom:-45px}.phone-back{left:-8%}.phone-front{right:-4%}.float-one{right:-8%}.float-two{left:-8%}h1{font-size:3.7rem}.button-row{align-items:stretch;flex-direction:column}.button-row .button{width:100%}.section-head{grid-template-columns:1fr;gap:0}.feature-grid{display:block}.feature{margin-bottom:1rem;min-height:390px}.feature-large{display:block;min-height:680px}.audience-grid{grid-template-columns:1fr}.audience-grid article{min-height:150px}.signup-card{grid-column:1}.signup-card label>div{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.article-grid{grid-template-columns:1fr}.article.featured{grid-column:auto;min-height:440px}.article{min-height:220px}.trip-stack{min-height:auto;display:grid;gap:1rem}.trip-card{position:relative!important;inset:auto!important;width:100%;grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.pricing-section{gap:2rem}.vision-grid,.principles{grid-template-columns:1fr}.vision-grid{gap:1rem}footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-cta{grid-column:auto}.footer-bottom{flex-direction:column;gap:.4rem}.ticker{justify-content:flex-start}.trust-row{gap:.8rem}.feed-panel{padding:1.2rem}.feed-card{grid-template-columns:auto 1fr}.feed-card .rating{display:none}}
.community-discovery{max-width:1400px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem}.cool-beans-panel,.bean-search-panel{background:#f9f7ee;color:var(--ink);border-radius:24px;padding:2rem}.cool-beans-panel{background:#f6f1df}.score-matrix-note{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.1rem 0 1.4rem}.score-matrix-note span{border:1px solid var(--line);border-radius:12px;padding:.65rem;font-size:.68rem;font-weight:700;color:#536d68;background:rgba(255,255,255,.45)}.cool-beans-grid{display:grid;gap:.9rem}.search-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}.search-head h3{font-family:var(--serif);font-size:2.1rem;line-height:1;margin:.2rem 0 0}.search-head>span{border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-size:.75rem;font-weight:700;background:white}.bean-search-controls{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:.65rem;margin-bottom:.75rem}.bean-search-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#59716c}.bean-search-controls input,.bean-search-controls select{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:.78rem .8rem;font-size:.82rem;letter-spacing:0}.quick-filters{display:flex;gap:.45rem;flex-wrap:wrap;margin:.6rem 0 1.1rem}.quick-filters button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.45rem .7rem;font-size:.72rem;font-weight:700;cursor:pointer}.quick-filters button:hover,.quick-filters button.active{background:var(--ink);border-color:var(--ink);color:white}.bean-results{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.bean-directory-card{border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:18px;padding:1rem;box-shadow:0 12px 26px rgba(15,43,40,.06)}.featured-bean{background:white}.bean-card-top{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.bean-card-top small{font-size:.66rem;color:#667a75}.bean-card-top h4{font-family:var(--serif);font-size:1.35rem;line-height:1.05;margin:.35rem 0}.bean-card-top p,.bean-notes{font-size:.78rem;color:#5d706c;margin:.2rem 0}.bean-score{width:66px;min-height:72px;border-radius:16px;background:var(--mint2);display:grid;place-items:center;text-align:center;padding:.45rem}.band-great .bean-score{background:var(--coral);color:var(--ink)}.band-good .bean-score{background:var(--mint);color:var(--ink)}.band-ok .bean-score{background:var(--yellow);color:var(--ink)}.band-poor .bean-score{background:#e8c0bd;color:#6c2822}.bean-score b{font-family:var(--serif);font-size:1.85rem;line-height:1}.bean-score span{font-size:.54rem;font-weight:800;text-transform:uppercase;line-height:1.05}.bean-evidence{list-style:none;margin:.8rem 0;padding:0}.bean-evidence li{position:relative;padding-left:1rem;margin:.24rem 0;font-size:.7rem;color:#526964}.bean-evidence li:before{content:'+';position:absolute;left:0;color:var(--coral);font-weight:900}.community-disclaimer,.community-empty{font-size:.72rem;color:#69807b;margin:1rem 0 0}.community-audience{grid-column:1/-1;margin-top:.25rem}.community-audience .signup-card{min-height:auto}.community-audience article{background:rgba(255,255,255,.03)}@media(max-width:1100px){.community-discovery{grid-template-columns:1fr}.bean-search-controls{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.bean-results{grid-template-columns:1fr 1fr}}@media(max-width:650px){.cool-beans-panel,.bean-search-panel{padding:1.2rem;border-radius:20px}.score-matrix-note{grid-template-columns:1fr 1fr}.bean-search-controls,.bean-results{grid-template-columns:1fr}.search-head{align-items:flex-start;flex-direction:column}.bean-card-top h4{font-size:1.2rem}.bean-score{width:58px;min-height:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.bean-search-controls{grid-template-columns:1.6fr repeat(3,minmax(112px,1fr))}.market-switcher{display:flex;align-items:end;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.market-switcher label{display:flex;flex-direction:column;gap:.25rem;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#59716c}.market-switcher select{min-width:150px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:.62rem .85rem;font-size:.82rem}.market-switcher #bean-result-count{border:1px solid var(--line);border-radius:999px;padding:.62rem .85rem;font-size:.75rem;font-weight:700;background:white}.buy-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.75rem 0;margin:.85rem 0;display:grid;gap:.55rem}.buy-box>div:first-child{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.buy-box b{font-size:.72rem}.buy-box span{font-size:.66rem;color:#657b75}.buy-links{display:grid;gap:.45rem}.buy-links a{display:flex;justify-content:space-between;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.62rem .7rem}.buy-links a:hover{border-color:var(--coral);transform:translateY(-1px)}.buy-links a>span{font-size:.78rem;font-weight:800;color:var(--ink)}.buy-links small{font-size:.62rem;color:#657b75;text-align:right}.fallback-link .buy-links a{background:#fffaf0}@media(max-width:1100px){.bean-search-controls{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}}@media(max-width:650px){.bean-search-controls{grid-template-columns:1fr}.market-switcher{justify-content:flex-start;width:100%}.market-switcher label,.market-switcher select,.market-switcher #bean-result-count{width:100%}.buy-box>div:first-child,.buy-links a{align-items:flex-start;flex-direction:column}.buy-links small{text-align:left}}
nav a[aria-current="page"]{color:var(--coral)}.page-hub{background:#f1ead9}.page-card-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.page-card{min-height:260px;border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.page-card:hover{transform:translateY(-3px);background:white;border-color:rgba(240,123,91,.5)}.page-card span{font-family:var(--serif);font-size:2rem;color:var(--coral)}.page-card h3{font-family:var(--serif);font-size:1.8rem;margin:.8rem 0 .4rem}.page-card p{font-size:.86rem;color:#5d706c}@media(max-width:1000px){.page-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.page-card-grid{grid-template-columns:1fr}.page-card{min-height:220px}}
.brewing-hero{background:#eef0df}.brew-mode-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.brew-mode-grid article{min-height:350px;border-radius:22px;padding:2rem;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.brew-mode-grid h3,.recipe-card h3,.espresso-card h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:1rem 0}.brew-mode-grid p{color:#5f716d;max-width:520px}.brew-mode-grid article>div{display:flex;align-items:end;gap:.65rem;border-top:1px solid var(--line);padding-top:1rem}.brew-mode-grid b{font-family:var(--serif);font-size:3rem;line-height:1;color:var(--coral)}.brew-mode-grid span:last-child{font-size:.72rem;text-transform:uppercase;color:#61736f}.recipe-library{background:var(--paper)}.recipe-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.recipe-card{background:#f1ead9;border:1px solid var(--line);border-radius:18px;padding:1.25rem}.recipe-card small{font-weight:800;letter-spacing:.1em;color:var(--coral)}.recipe-card p{font-size:.82rem;color:#5d706c}.recipe-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.recipe-card dl div{background:rgba(255,255,255,.55);border-radius:12px;padding:.65rem}.recipe-card dt{font-size:.62rem;text-transform:uppercase;color:#6c7f7a}.recipe-card dd{margin:0;font-weight:800;font-size:.82rem}.recipe-card ol{padding-left:1.1rem;margin:1rem 0 0}.recipe-card li{font-size:.8rem;padding:.18rem 0}.espresso-section{background:var(--ink);color:white}.espresso-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.espresso-card{border:1px solid #ffffff26;border-radius:18px;padding:1.5rem;background:rgba(255,255,255,.04)}.espresso-card span{font-family:var(--serif);font-size:2rem;color:var(--coral)}.espresso-card p{font-size:1rem;font-weight:800;color:#fff}.espresso-card small{color:#b7cbc5;line-height:1.5}.share-recipe-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);max-width:1600px;margin:auto}.share-recipe-copy{align-self:center}.share-recipe-copy>p:not(.kicker){color:#61736f}@media(max-width:1000px){.brew-mode-grid,.recipe-grid,.espresso-grid,.share-recipe-section{grid-template-columns:1fr 1fr}.share-recipe-copy{grid-column:1/-1}}@media(max-width:650px){.brew-mode-grid,.recipe-grid,.espresso-grid,.share-recipe-section{grid-template-columns:1fr}.brew-mode-grid article{min-height:300px}.recipe-card dl{grid-template-columns:1fr}}
@media(max-width:1180px) and (min-width:1001px){nav{gap:.65rem;font-size:.78rem}.nav-cta{padding:.62rem .85rem}}
.bean-brew-hero{background:#eef0df}.bean-brew-lab{max-width:1400px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;align-items:stretch}.bean-brew-form{background:#f8f5e9;border:1px solid var(--line);border-radius:24px;padding:1.5rem}.bean-brew-result{background:var(--ink);color:#fff;border-radius:24px;padding:2rem;min-height:560px;display:flex;flex-direction:column;justify-content:space-between}.bean-brew-result small{color:var(--mint);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bean-brew-result h3{font-family:var(--serif);font-size:2.5rem;line-height:1;margin:.6rem 0}.bean-brew-result p{color:#c7d8d3}.brew-result-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:1rem 0}.brew-result-metrics div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.75rem}.brew-result-metrics span{display:block;font-size:.58rem;text-transform:uppercase;color:#a6bbb5;margin-bottom:.25rem}.brew-result-metrics b{font-size:.76rem;line-height:1.25}.signal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.signal-tags span{font-size:.64rem;border:1px solid rgba(190,217,201,.5);border-radius:999px;padding:.35rem .55rem;color:var(--mint)}.bean-brew-result ol{padding-left:1.2rem;margin:1rem 0}.bean-brew-result li{padding:.25rem 0;color:#fff}.aftertaste-panel{border-top:1px solid rgba(255,255,255,.16);padding-top:1rem}.aftertaste-panel b{color:var(--coral)}.brew-explainer-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.brew-explainer-grid article{background:#f1ead9;border:1px solid var(--line);border-radius:18px;padding:1.35rem}.brew-explainer-grid span{font-family:var(--serif);font-size:2rem;color:var(--coral)}.brew-explainer-grid h3{font-family:var(--serif);font-size:1.55rem;margin:.8rem 0 .4rem}.brew-explainer-grid p{font-size:.85rem;color:#5d706c}@media(max-width:1100px){.bean-brew-lab{grid-template-columns:1fr}.brew-result-metrics,.brew-explainer-grid{grid-template-columns:1fr 1fr}.bean-brew-result{min-height:auto}}@media(max-width:650px){.bean-brew-form,.bean-brew-result{padding:1.2rem;border-radius:20px}.bean-brew-result h3{font-size:2rem}.brew-result-metrics,.brew-explainer-grid{grid-template-columns:1fr}}
.brew-app-features{background:#f1ead9}.brew-feature-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.pour-guide-panel{background:var(--ink);color:white;border-radius:24px;padding:1.5rem}.timer-face{min-height:220px;border:1px solid rgba(255,255,255,.16);border-radius:20px;display:grid;place-items:center;text-align:center;margin-bottom:1rem;background:rgba(255,255,255,.05)}.timer-face span{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--mint)}.timer-face b{font-family:var(--serif);font-size:4.8rem;line-height:1;color:var(--coral)}.timer-face small{font-size:1rem;color:white}.pour-guide-panel ol{list-style:none;padding:0;margin:0}.pour-guide-panel li{display:grid;grid-template-columns:70px 1fr;gap:.8rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.14)}.pour-guide-panel li.active{color:var(--coral)}.pour-guide-panel li b{font-family:var(--serif);font-size:1.2rem}.pour-guide-panel p{color:#c7d8d3;font-size:.82rem}.brew-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.brew-feature-grid article{background:rgba(255,255,255,.46);border:1px solid var(--line);border-radius:18px;padding:1.35rem}.brew-feature-grid span{font-family:var(--serif);font-size:2rem;color:var(--coral)}.brew-feature-grid h3{font-family:var(--serif);font-size:1.6rem;line-height:1.1;margin:.75rem 0}.brew-feature-grid p{font-size:.86rem;color:#5d706c}.brew-result-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.5rem 0}.brew-action-button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:.7rem .9rem;font-size:.75rem;font-weight:800;cursor:pointer}.brew-action-button:hover{background:var(--coral);border-color:var(--coral);color:var(--ink)}.brew-action-status{font-size:.72rem!important;margin:.15rem 0 .8rem;color:#a9bdb7!important}@media(max-width:1000px){.brew-feature-layout{grid-template-columns:1fr}.brew-feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.brew-feature-grid{grid-template-columns:1fr}.timer-face b{font-size:3.6rem}.brew-result-actions{flex-direction:column}.brew-action-button{width:100%}}
.brew-directory-note{font-size:.72rem;color:#667a75;margin:1rem 0 0}.recipe-source-row{display:flex;justify-content:flex-start;margin-bottom:.75rem}.recipe-source-row span{display:inline-flex;align-items:center;border:1px solid rgba(240,123,91,.65);background:rgba(240,123,91,.14);color:var(--coral);border-radius:999px;padding:.42rem .65rem;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.roaster-match-note{border-left:3px solid var(--coral);padding-left:.8rem;font-size:.86rem!important;color:#d8e8e3!important;margin:.85rem 0 1rem}
.intelligence-hero{background:radial-gradient(circle at 90% 12%,rgba(240,123,91,.2),transparent 28%),#edf1e4}.intelligence-stat-grid,.method-grid,.network-grid,.traction-board,.model-grid,.profile-grid,.travel-intel-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.intelligence-stat-grid article,.method-grid article,.network-grid article,.traction-board article,.model-grid article,.profile-grid article,.travel-intel-grid article{border:1px solid var(--line);border-radius:18px;padding:1.35rem;background:rgba(255,255,255,.48)}.intelligence-stat-grid span,.network-grid span,.model-grid span{font-family:var(--serif);font-size:2rem;color:var(--coral)}.intelligence-stat-grid b,.traction-board b,.travel-intel-grid b{display:block;font-family:var(--serif);font-size:1.55rem;line-height:1.05;margin:.8rem 0}.intelligence-stat-grid p,.method-grid p,.network-grid p,.traction-board p,.model-grid p,.profile-grid p{font-size:.85rem;color:#5d706c}.scoring-section,.benchmark-section,.business-model-section,.roaster-profile-section,.travel-intel-section{background:var(--paper)}.scoring-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:1rem}.score-card-large{background:var(--ink);color:white;border-radius:24px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:520px}.score-card-large small{color:var(--mint);font-weight:800;letter-spacing:.12em}.score-card-large h3{font-family:var(--serif);font-size:2.5rem;line-height:1;margin:.5rem 0}.score-card-large p{color:#c7d8d3}.score-orb{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--coral) 88%,rgba(255,255,255,.15) 0);display:grid;place-items:center;text-align:center;align-self:center;position:relative}.score-orb:before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--ink)}.score-orb b,.score-orb span{position:relative;z-index:1}.score-orb b{font-family:var(--serif);font-size:4rem;line-height:.9}.score-orb span{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--mint)}.method-grid{grid-template-columns:repeat(3,1fr)}.method-grid span{font-family:var(--serif);font-size:2.4rem;color:var(--coral)}.method-grid h3,.network-grid h3,.model-grid h3,.profile-grid h3{font-family:var(--serif);font-size:1.55rem;line-height:1.05;margin:.8rem 0 .4rem}.directory-section,.network-section{background:var(--ink);color:white}.intelligence-directory{max-width:1400px;margin:auto}.directory-controls{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.directory-controls label{display:flex;flex-direction:column;gap:.25rem;font-size:.66rem;font-weight:800;color:#b7cbc5}.directory-controls select{border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#fff;color:var(--ink);padding:.7rem .9rem}.intelligence-beans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.intelligence-bean-card{display:grid;grid-template-columns:1fr auto;gap:1rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:20px;padding:1.2rem}.intelligence-bean-card small{font-size:.67rem;color:#b7cbc5}.intelligence-bean-card h3{font-family:var(--serif);font-size:1.5rem;line-height:1;margin:.4rem 0}.intelligence-bean-card p{font-size:.78rem;color:#c7d8d3}.intelligence-score{width:66px;height:72px;border-radius:16px;background:var(--mint);color:var(--ink);display:grid;place-items:center;text-align:center;padding:.35rem}.band-great .intelligence-score{background:var(--coral)}.band-good .intelligence-score{background:var(--mint)}.band-ok .intelligence-score{background:var(--yellow)}.intelligence-score b{font-family:var(--serif);font-size:1.8rem;line-height:1}.intelligence-score span{font-size:.52rem;font-weight:900;text-transform:uppercase;line-height:1.05}.intelligence-bean-card dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.2rem 0 0}.intelligence-bean-card dl div{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.65rem}.intelligence-bean-card dt{font-size:.58rem;text-transform:uppercase;color:#a6bbb5}.intelligence-bean-card dd{margin:0;font-size:.74rem;color:white;font-weight:800}.price-index-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.price-index-grid article{background:#f1ead9;border:1px solid var(--line);border-radius:18px;padding:1.25rem}.price-index-grid span,.profile-grid span{font-size:.66rem;font-weight:900;letter-spacing:.1em;color:var(--coral)}.price-index-grid b{display:block;font-family:var(--serif);font-size:1.9rem;line-height:1;margin:.8rem 0}.price-index-grid p,.benchmark-note{font-size:.78rem;color:#5d706c}.benchmark-note{max-width:1400px;margin:1rem auto 0}.network-grid article{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}.network-grid p{color:#b7cbc5}.traction-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;align-items:start}.traction-copy>p:not(.kicker){color:#61736f}.traction-board{grid-template-columns:repeat(3,1fr)}.traction-board span{font-size:.66rem;font-weight:900;letter-spacing:.1em;color:var(--coral)}.data-strip{display:grid;grid-template-columns:.8fr 1fr auto;gap:1.5rem;align-items:center;background:var(--ink);color:white}.data-strip p{color:#c7d8d3}.intelligence-inline-link{display:inline-block;margin:-.3rem 0 1rem;font-size:.78rem;font-weight:800;color:var(--coral)}.profile-grid,.travel-intel-grid,.model-grid{margin-bottom:1rem}.travel-intel-grid article{min-height:155px}.travel-intel-grid span{font-size:.86rem;color:#5d706c}.roaster-profile-section .button,.travel-intel-section .button,.business-model-section .button{margin-left:calc((100% - min(1400px,100%))/2)}@media(max-width:1180px){nav{gap:.48rem;font-size:.72rem}.nav-cta{padding:.58rem .75rem}.intelligence-stat-grid,.network-grid,.model-grid,.profile-grid,.travel-intel-grid{grid-template-columns:repeat(2,1fr)}.price-index-grid{grid-template-columns:repeat(3,1fr)}.intelligence-beans{grid-template-columns:1fr 1fr}.scoring-layout,.traction-section,.data-strip{grid-template-columns:1fr}.method-grid,.traction-board{grid-template-columns:1fr 1fr}.score-card-large{min-height:360px}}@media(max-width:650px){.intelligence-stat-grid,.method-grid,.network-grid,.traction-board,.model-grid,.profile-grid,.travel-intel-grid,.price-index-grid,.intelligence-beans{grid-template-columns:1fr}.intelligence-bean-card,.intelligence-bean-card dl{grid-template-columns:1fr}.directory-controls{justify-content:flex-start}.directory-controls label,.directory-controls select{width:100%}.data-strip{gap:.7rem}.score-orb{width:140px;height:140px}.score-orb b{font-size:3.2rem}.roaster-profile-section .button,.travel-intel-section .button,.business-model-section .button{margin-left:0;width:100%}}

.watercolor-hero-accent{position:absolute;right:-8%;top:-3%;width:310px;height:210px;border-radius:42% 58% 54% 46%;background-image:url("assets/watercolor/watercolor-coffee-beans-preview-sheet.png");background-size:200% 200%;background-position:0 0;filter:saturate(.9);opacity:.34;mix-blend-mode:multiply;z-index:1;transform:rotate(8deg);pointer-events:none}.watercolor-preview{background:linear-gradient(180deg,#fbfaf5 0%,#f3eddf 100%);position:relative;overflow:hidden}.watercolor-preview:before{content:"";position:absolute;inset:auto -7% -18% auto;width:420px;height:420px;border-radius:50%;background:rgba(190,217,201,.35);filter:blur(4px);pointer-events:none}.watercolor-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}.watercolor-card{min-height:455px;background:rgba(255,255,255,.56);border:1px solid var(--line);border-radius:24px;padding:1rem 1rem 1.35rem;box-shadow:0 20px 45px rgba(39,62,56,.08);overflow:hidden;display:flex;flex-direction:column}.watercolor-art{height:215px;border-radius:18px;background-image:url("assets/watercolor/watercolor-coffee-beans-preview-sheet.png");background-repeat:no-repeat;background-size:200% 200%;background-color:#fbf6ea;margin-bottom:1.1rem;box-shadow:inset 0 0 0 1px rgba(21,60,55,.08)}.watercolor-roasted{background-position:0 0}.watercolor-branch{background-position:100% 0}.watercolor-origin{background-position:0 100%}.watercolor-trail{background-position:100% 100%}.watercolor-card>span{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--coral)}.watercolor-card h3{font-family:var(--serif);font-size:1.7rem;line-height:1.05;margin:.8rem 0 .45rem}.watercolor-card p{font-size:.84rem;color:#5e716d;margin:0}.watercolor-card:nth-child(2),.watercolor-card:nth-child(4){transform:translateY(1.2rem)}@media(max-width:1100px){.watercolor-grid{grid-template-columns:repeat(2,1fr)}.watercolor-card:nth-child(2),.watercolor-card:nth-child(4){transform:none}.watercolor-hero-accent{right:2%;top:0;width:240px;height:160px}}@media(max-width:650px){.watercolor-grid{grid-template-columns:1fr}.watercolor-card{min-height:auto}.watercolor-art{height:230px}.watercolor-hero-accent{width:180px;height:125px;right:-10%;top:3%;opacity:.22}}

/* Local watercolor enhancement preview */
.product-section,.community-section,.travel-section,.pricing-section,.vision-section,.roaster-section,.bean-brew-hero,.intelligence-hero,.education-hero,.education-path,.education-lesson{position:relative;overflow:hidden}.product-section:before,.travel-section:before,.pricing-section:before,.vision-section:before,.roaster-section:before,.bean-brew-hero:before,.intelligence-hero:before{content:"";position:absolute;right:clamp(-120px,-7vw,-40px);top:clamp(70px,9vw,140px);width:clamp(220px,28vw,420px);height:clamp(150px,19vw,285px);background-image:url("assets/watercolor/watercolor-coffee-beans-preview-sheet.png");background-size:200% 200%;background-position:100% 0;opacity:.16;mix-blend-mode:multiply;filter:saturate(.9);pointer-events:none;z-index:0}.community-section:before{content:"";position:absolute;right:-90px;top:110px;width:360px;height:245px;background-image:url("assets/watercolor/watercolor-coffee-beans-preview-sheet.png");background-size:200% 200%;background-position:100% 100%;opacity:.13;filter:saturate(.9);pointer-events:none}.product-section>*,.community-section>*,.travel-section>*,.pricing-section>*,.vision-section>*,.roaster-section>*,.bean-brew-hero>*,.intelligence-hero>*{position:relative;z-index:1}.education-hero{background:radial-gradient(circle at 86% 16%,rgba(240,123,91,.16),transparent 30%),linear-gradient(180deg,#fbfaf5 0%,#f1ead9 100%)}.education-hero-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:clamp(2rem,6vw,6rem);align-items:center}.education-hero h1{font-size:clamp(3.6rem,6.6vw,7rem)}.education-hero-card{border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.62);box-shadow:0 24px 55px rgba(39,62,56,.1);padding:1.1rem 1.1rem 1.6rem}.education-hero-card small{display:block;margin:1rem 0 .5rem;font-weight:900;letter-spacing:.14em;color:var(--coral)}.education-hero-card h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:.3rem 0}.education-hero-card p{color:#5d706c}.education-path{background:#f7f2e7}.education-card-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.education-topic-card{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:22px;padding:1rem;min-height:350px;display:flex;flex-direction:column;transition:.2s;box-shadow:0 18px 38px rgba(39,62,56,.06)}.education-topic-card:hover{transform:translateY(-3px);border-color:rgba(240,123,91,.6);background:white}.education-topic-card span{font-family:var(--serif);font-size:2rem;color:var(--coral);line-height:1;margin-top:.8rem}.education-topic-card h3{font-family:var(--serif);font-size:1.45rem;line-height:1.05;margin:.65rem 0 .35rem}.education-topic-card p{font-size:.82rem;color:#5d706c;margin:0}.edu-art{height:180px;border-radius:18px;background-image:url("assets/watercolor/watercolor-education-sheet.png");background-repeat:no-repeat;background-size:400% 200%;background-color:#fbf6ea;box-shadow:inset 0 0 0 1px rgba(21,60,55,.08);overflow:hidden}.edu-art-bag{background-position:0 0}.edu-art-roast{background-position:33.333% 0}.edu-art-process{background-position:66.666% 0}.edu-art-score{background-position:100% 0}.edu-art-price{background-position:0 100%}.edu-art-brewer{background-position:33.333% 100%}.edu-art-grind{background-position:66.666% 100%}.edu-art-dial{background-position:100% 100%}.education-lesson{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2rem,5vw,5rem);align-items:start;background:var(--paper)}.education-lesson.alt{background:#f1ead9}.education-lesson:before{content:"";position:absolute;left:-90px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:rgba(190,217,201,.22);pointer-events:none}.lesson-copy{position:sticky;top:105px}.lesson-copy p:not(.kicker){color:#5d706c;font-size:1.03rem;max-width:560px}.lesson-panel{position:relative;z-index:1;background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:28px;padding:1rem;box-shadow:0 22px 48px rgba(39,62,56,.08)}.lesson-panel>.edu-art{height:300px;margin-bottom:1rem}.lesson-grid,.timeline-cards,.compare-table,.score-explainer,.brewer-guide-grid,.dial-table{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.lesson-grid article,.timeline-cards article,.compare-table div,.score-explainer article,.brewer-guide-grid article,.dial-table div,.formula-card{background:rgba(251,250,245,.82);border:1px solid var(--line);border-radius:16px;padding:1rem}.lesson-grid b,.timeline-cards b,.compare-table b,.score-explainer b,.brewer-guide-grid b,.dial-table b,.formula-card b{display:block;font-family:var(--serif);font-size:1.35rem;line-height:1.05;margin-bottom:.35rem;color:var(--ink)}.lesson-grid p,.timeline-cards p,.compare-table p,.score-explainer p,.brewer-guide-grid p,.dial-table p,.formula-card p{font-size:.86rem;color:#5d706c;margin:.25rem 0 0}.timeline-cards span,.score-explainer span{display:inline-block;font-size:.66rem;font-weight:900;letter-spacing:.1em;color:var(--coral);text-transform:uppercase;margin-bottom:.55rem}.score-explainer{grid-template-columns:repeat(3,1fr)}.score-explainer b{font-size:2.1rem;color:var(--coral)}.formula-card{display:block}.formula-card>b{font-size:1.7rem;color:var(--coral)}.formula-card .check-list{margin-top:1rem}.dial-table{grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.education-hero-grid,.education-lesson{grid-template-columns:1fr}.education-card-grid{grid-template-columns:repeat(2,1fr)}.lesson-copy{position:relative;top:auto}.score-explainer,.dial-table{grid-template-columns:repeat(2,1fr)}.product-section:before,.travel-section:before,.pricing-section:before,.vision-section:before,.roaster-section:before,.bean-brew-hero:before,.intelligence-hero:before{opacity:.11}}@media(max-width:650px){.education-card-grid,.lesson-grid,.timeline-cards,.compare-table,.score-explainer,.brewer-guide-grid,.dial-table{grid-template-columns:1fr}.education-topic-card{min-height:auto}.edu-art{height:210px}.lesson-panel>.edu-art{height:240px}.education-hero-card,.lesson-panel{border-radius:22px}.education-hero h1{font-size:3.45rem}.community-section:before,.product-section:before,.travel-section:before,.pricing-section:before,.vision-section:before,.roaster-section:before,.bean-brew-hero:before,.intelligence-hero:before{display:none}}

/* Fix education watercolor proportions: source sheet is 4x2 portrait vignettes. */
.education-hero-card .edu-art,.education-topic-card .edu-art,.lesson-panel>.edu-art{aspect-ratio:3/4;width:min(100%,260px);height:auto;margin-left:auto;margin-right:auto;background-size:400% 200%;background-color:#fbf6ea;background-repeat:no-repeat}.education-hero-card .edu-art{width:min(100%,320px);margin-bottom:1rem}.education-topic-card .edu-art{width:min(100%,210px);min-height:0}.lesson-panel>.edu-art{width:min(100%,340px);margin-bottom:1.25rem}.education-topic-card{align-items:flex-start}.education-topic-card .edu-art{align-self:center}.lesson-panel{display:block}.lesson-panel .lesson-grid,.lesson-panel .timeline-cards,.lesson-panel .compare-table,.lesson-panel .score-explainer,.lesson-panel .brewer-guide-grid,.lesson-panel .dial-table,.lesson-panel .formula-card{margin-top:0}@media(max-width:650px){.education-hero-card .edu-art,.education-topic-card .edu-art,.lesson-panel>.edu-art{width:min(100%,240px)}.lesson-panel>.edu-art{width:min(100%,280px)}}

/* Editorial watercolor integration pass */
.education-hero-card .edu-art,.education-topic-card .edu-art,.lesson-panel>.edu-art{border-radius:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat;background-size:470% 235%;filter:saturate(.96) contrast(1.01);position:relative}.education-hero-card .edu-art:after,.education-topic-card .edu-art:after,.lesson-panel>.edu-art:after{content:"";position:absolute;inset:6%;border-radius:45% 55% 52% 48%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 65%);pointer-events:none}.education-hero-card{overflow:hidden}.education-hero-card .edu-art{width:min(100%,520px);aspect-ratio:16/7;background-size:470% 235%;background-position:0 0;margin:-.65rem auto .6rem}.education-topic-card .edu-art{width:100%;aspect-ratio:16/9;background-size:500% 250%;margin:-.45rem 0 .55rem;align-self:stretch}.lesson-panel>.edu-art{width:100%;aspect-ratio:16/7;background-size:470% 235%;margin:-.4rem auto 1.1rem}.education-topic-card,.lesson-panel,.education-hero-card{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(251,246,234,.52));backdrop-filter:blur(2px)}.education-topic-card:before,.lesson-panel:before,.education-hero-card:before{content:"";position:absolute;inset:.75rem;border-radius:inherit;background:radial-gradient(circle at 26% 20%,rgba(240,123,91,.08),transparent 34%),radial-gradient(circle at 86% 12%,rgba(190,217,201,.15),transparent 32%);pointer-events:none;z-index:-1}.education-topic-card,.lesson-panel,.education-hero-card{position:relative}.edu-art-bag{background-position:2% 6%}.edu-art-roast{background-position:35% 6%}.edu-art-process{background-position:66% 6%}.edu-art-score{background-position:98% 6%}.edu-art-price{background-position:2% 96%}.edu-art-brewer{background-image:url("assets/watercolor/watercolor-brewers-switch-corrected.png");background-size:cover;background-position:center 56%}.edu-art-grind{background-position:66% 96%}.edu-art-dial{background-position:98% 96%}.lesson-panel>.edu-art-brewer{aspect-ratio:16/8;background-size:cover;background-position:center}.education-topic-card .edu-art-brewer{background-size:cover;background-position:center}.education-hero-card .edu-art-bag{background-size:430% 215%;background-position:1% 8%}@media(max-width:650px){.education-hero-card .edu-art,.education-topic-card .edu-art,.lesson-panel>.edu-art{width:100%;aspect-ratio:16/9}.lesson-panel>.edu-art-brewer{aspect-ratio:16/10}.education-hero-card .edu-art{margin-top:-.25rem}}

/* Standalone education image replacements
   Each learning card now uses its own 16:9 watercolor panel instead of a cropped sprite sheet. */
.edu-art{
  background-image:none;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
}

.edu-art-bag{background-image:url("assets/watercolor/education-bag.png")}
.edu-art-roast{background-image:url("assets/watercolor/education-roast-date.png")}
.edu-art-process{background-image:url("assets/watercolor/education-processing.png")}
.edu-art-score{background-image:url("assets/watercolor/education-sca-score.png")}
.edu-art-price{background-image:url("assets/watercolor/education-price-per-gram.png")}
.edu-art-brewer{background-image:url("assets/watercolor/watercolor-brewers-switch-corrected.png")}
.edu-art-grind{background-image:url("assets/watercolor/education-grind-microns.png")}
.edu-art-dial{background-image:url("assets/watercolor/education-fix-cup.png")}

.education-hero-card .edu-art,
.education-topic-card .edu-art,
.lesson-panel>.edu-art{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  min-height:0;
  margin:-.35rem 0 .75rem;
  border-radius:16px;
  box-shadow:none;
  background-size:cover;
  background-position:center;
  filter:saturate(.97) contrast(1.01);
}

.education-hero-card .edu-art{
  aspect-ratio:16/7;
  margin:-.35rem 0 .7rem;
}

.lesson-panel>.edu-art{
  aspect-ratio:16/7;
  margin:-.35rem 0 1.2rem;
}

.education-topic-card .edu-art{
  align-self:stretch;
}

.education-hero-card .edu-art:after,
.education-topic-card .edu-art:after,
.lesson-panel>.edu-art:after{
  display:none;
}

@media(max-width:650px){
  .education-hero-card .edu-art,
  .education-topic-card .edu-art,
  .lesson-panel>.edu-art{
    aspect-ratio:16/9;
  }
}

/* Community page refinement: remove the floating watercolor sheet crop on dark green.
   The community section now relies on a native gradient/glow treatment so it feels
   like part of the interface rather than a pasted illustration panel. */
.community-section{
  background:
    radial-gradient(circle at 84% 18%,rgba(190,217,201,.14),transparent 30%),
    radial-gradient(circle at 14% 84%,rgba(240,123,91,.1),transparent 28%),
    linear-gradient(135deg,#153c37 0%,#0f302d 54%,#0e2b28 100%);
}

.community-section:before{
  display:none;
}

.community-section .section-head{
  position:relative;
}

.community-section .section-head:after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1.2rem;
  width:min(34vw,420px);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(190,217,201,.38),transparent);
  pointer-events:none;
}

/* Homepage proof pass */
.proof-section{
  background:
    radial-gradient(circle at 88% 14%,rgba(240,123,91,.12),transparent 28%),
    linear-gradient(180deg,#fbfaf5 0%,#f4f0e5 100%);
}

.proof-grid{
  max-width:1400px;
  margin:auto;
  display:grid;
  grid-template-columns:.92fr 1.18fr .9fr;
  gap:1rem;
  align-items:stretch;
}

.proof-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.6rem;
  background:rgba(255,255,255,.58);
  box-shadow:0 22px 48px rgba(39,62,56,.07);
}

.proof-card:before{
  content:"";
  position:absolute;
  inset:auto -20% -34% 36%;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(190,217,201,.22);
  pointer-events:none;
}

.proof-step{
  position:absolute;
  top:1rem;
  right:1.2rem;
  font-family:var(--serif);
  font-size:3rem;
  line-height:1;
  color:rgba(21,60,55,.12);
}

.proof-card h3{
  font-family:var(--serif);
  font-size:clamp(2rem,3.2vw,3.2rem);
  line-height:1;
  margin:.4rem 0 1.2rem;
}

.proof-input dl{
  display:grid;
  gap:.65rem;
  margin:2rem 0 0;
}

.proof-input dl div,
.proof-score li,
.recipe-preview div{
  border:1px solid var(--line);
  border-radius:15px;
  padding:.85rem;
  background:rgba(251,250,245,.72);
}

.proof-input dt{
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#6b7e79;
}

.proof-input dd{
  margin:0;
  font-weight:800;
  color:var(--ink);
}

.proof-score{
  background:var(--ink);
  color:white;
}

.proof-score:before{
  background:rgba(240,123,91,.14);
}

.proof-orb{
  width:150px;
  height:150px;
  margin:1.2rem auto 1.4rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:conic-gradient(var(--coral) 88%,rgba(255,255,255,.18) 0);
  position:relative;
}

.proof-orb:before{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:50%;
  background:var(--ink);
}

.proof-orb b,
.proof-orb span{
  position:relative;
  z-index:1;
}

.proof-orb b{
  display:block;
  font-family:var(--serif);
  font-size:3.8rem;
  line-height:.9;
}

.proof-orb span{
  max-width:76px;
  font-size:.62rem;
  font-weight:900;
  text-transform:uppercase;
  color:var(--mint);
}

.proof-score ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.65rem;
}

.proof-score li{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}

.proof-score li b,
.recipe-preview b{
  display:block;
  font-family:var(--serif);
  font-size:1.25rem;
  line-height:1.05;
}

.proof-score li span,
.recipe-preview span{
  display:block;
  margin-top:.25rem;
  font-size:.8rem;
  color:#b7cbc5;
}

.recipe-preview{
  display:grid;
  gap:.75rem;
  margin:1.5rem 0 1rem;
}

.proof-output .recipe-preview span{
  color:#5d706c;
}

.page-card-primary{
  grid-column:span 1;
  min-height:320px;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(190,217,201,.38));
  box-shadow:0 24px 50px rgba(39,62,56,.09);
}

.page-card-primary h3{
  font-size:2.25rem;
}

.page-card-secondary{
  min-height:220px;
  opacity:.86;
  background:rgba(255,255,255,.28);
}

.page-card-secondary span{
  color:#d9896f;
}

@media(max-width:1100px){
  .proof-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .proof-card{
    padding:1.25rem;
  }

  .proof-orb{
    width:130px;
    height:130px;
  }

  .proof-orb b{
    font-size:3.2rem;
  }

.page-card-primary{
    min-height:250px;
  }
}

/* Travel card artwork: keep city names readable above the skyline motif. */
.trip-image>span{
  top:1rem;
  bottom:auto;
  left:1rem;
  z-index:4;
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:calc(100% - 2rem);
  padding:.28rem .62rem .34rem;
  border-radius:999px;
  background:rgba(251,250,245,.78);
  box-shadow:0 8px 20px rgba(21,60,55,.08);
  line-height:1;
}

.city-lines{
  z-index:1;
  opacity:.92;
}

.sun{
  z-index:2;
}

/* Community expansion: bean-profile forums and future buy/sell market. */
.community-network-panel,
.community-market-panel{
  grid-column:1/-1;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  padding:clamp(1.25rem,3vw,2rem);
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  box-shadow:0 24px 55px rgba(5,22,20,.18);
}

.community-market-panel{
  background:
    radial-gradient(circle at 88% 12%,rgba(240,123,91,.14),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
}

.community-panel-head{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:2rem;
  align-items:end;
  margin-bottom:1.2rem;
}

.community-panel-head h3{
  font-family:var(--serif);
  font-size:clamp(2.1rem,4vw,4rem);
  line-height:1;
  letter-spacing:-.045em;
  margin:.3rem 0 0;
}

.community-panel-head p:last-child{
  color:#b7cbc5;
  max-width:620px;
}

.forum-grid,
.market-grid{
  display:grid;
  gap:1rem;
}

.forum-grid{
  grid-template-columns:repeat(3,1fr);
}

.market-grid{
  grid-template-columns:repeat(4,1fr);
}

.forum-grid article,
.market-card{
  border:1px solid rgba(255,255,255,.15);
  border-radius:20px;
  padding:1.25rem;
  background:rgba(255,255,255,.055);
}

.forum-grid article>span,
.market-card small{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:.36rem .62rem;
  border-radius:999px;
  background:rgba(190,217,201,.15);
  color:var(--mint);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.forum-grid h4,
.market-card h4,
.market-preview-form h4{
  font-family:var(--serif);
  font-size:1.55rem;
  line-height:1.08;
  margin:1rem 0 .5rem;
}

.forum-grid p,
.market-card p{
  color:#c7d8d3;
  font-size:.84rem;
}

.forum-grid article div{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
}

.forum-grid b{
  display:block;
  color:white;
  font-size:.78rem;
}

.forum-grid small{
  color:#9fb5af;
  font-size:.74rem;
}

.market-card ul{
  list-style:none;
  padding:0;
  margin:1rem 0 0;
}

.market-card li{
  padding:.45rem 0;
  border-top:1px solid rgba(255,255,255,.12);
  color:#d8e8e3;
  font-size:.78rem;
}

.market-card li:before{
  content:"✓";
  margin-right:.45rem;
  color:var(--coral);
  font-weight:900;
}

.market-preview-form{
  margin-top:1rem;
  display:grid;
  grid-template-columns:1.1fr repeat(3,.72fr) auto;
  gap:.75rem;
  align-items:end;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  padding:1rem;
  background:rgba(240,123,91,.12);
}

.market-preview-form .kicker{
  margin-bottom:.25rem;
}

.market-preview-form h4{
  margin:.1rem 0 0;
}

.market-preview-form label{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-size:.66rem;
  font-weight:900;
  color:#b7cbc5;
}

.market-preview-form select{
  width:100%;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  padding:.72rem .8rem;
}

.market-preview-form button{
  border:0;
  border-radius:999px;
  padding:.78rem 1rem;
  background:var(--coral);
  color:var(--ink);
  font-weight:900;
  cursor:not-allowed;
}

.market-preview-form .form-note{
  grid-column:1/-1;
  color:#b7cbc5!important;
}

@media(max-width:1180px){
  .forum-grid,
  .market-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .market-preview-form{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .community-panel-head,
  .forum-grid,
  .market-grid,
  .market-preview-form{
    grid-template-columns:1fr;
  }
}

/* Local palette experiment — very light coffee bean direction.
   Review locally before pushing: parchment, oat milk, pale bean, honey, and soft cocoa. */
:root{
  --ink:#3f2d22;
  --ink2:#2b1f18;
  --cream:#f5ead8;
  --paper:#fffaf2;
  --mint:#ead6b6;
  --mint2:#f3e4ca;
  --coral:#c98252;
  --yellow:#e7c67d;
  --line:rgba(91,64,42,.16);
}

body{
  background:
    radial-gradient(circle at 12% 8%,rgba(231,198,125,.18),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(201,130,82,.1),transparent 24%),
    var(--paper);
}

.site-header{
  background:rgba(255,250,242,.9);
  border-bottom-color:rgba(91,64,42,.12);
}

.brand-mark,
.nav-cta,
.primary,
.phone button,
.memory-stat,
.ticker,
.score-card-large{
  background:var(--ink2);
}

.hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(234,214,182,.72),transparent 30%),
    radial-gradient(circle at 16% 22%,rgba(231,198,125,.22),transparent 26%),
    linear-gradient(180deg,#fffaf2 0%,#f8ecd8 100%);
}

.hero-lead,
.section-head p:last-child,
.travel-copy>p:not(.kicker),
.roaster-copy>p:not(.kicker),
.pricing-intro>p:last-child,
.vision-grid p,
.article p,
.page-card p,
.proof-output .recipe-preview span,
.education-hero-card p,
.lesson-copy p:not(.kicker),
.price-index-grid p,
.benchmark-note,
.travel-intel-grid span{
  color:#725d4b;
}

.phone,
.float-card,
.feed-panel,
.price-card,
.proof-card,
.watercolor-card,
.education-topic-card,
.lesson-panel,
.article,
.intelligence-stat-grid article,
.method-grid article,
.model-grid article,
.profile-grid article,
.travel-intel-grid article{
  background:rgba(255,250,242,.72);
  box-shadow:0 22px 48px rgba(91,64,42,.08);
}

.phone-back,
.mint,
.watercolor-art,
.trip-image,
.education-path,
.page-hub,
.brew-app-features,
.pricing-section,
.education-lesson.alt{
  background:#f3e4ca;
}

.cream,
.recipe-form,
.trip-card,
.price-index-grid article{
  background:#f6ead8;
}

.coral-bg{
  background:#e7b78d;
}

.score-ring{
  background:conic-gradient(#c98252 88%,#eadcc9 0);
}

.score-ring:before{
  background:#fffaf2;
}

.signal>span,
.flag,
.intelligence-score,
.band-good .intelligence-score,
.tags span,
.trip-card>div:last-child>div span{
  background:#ead6b6;
  color:var(--ink);
}

.flag.coral,
.band-great .intelligence-score,
.future-label{
  background:#c98252;
  color:#fffaf2;
}

.button,
.feature,
.feed-panel,
.audience-grid article,
.recipe-form,
.price-card,
.vision-grid,
.principles span,
.travel-copy li,
.check-list li,
.proof-card,
.proof-input dl div,
.proof-score li,
.recipe-preview div,
.education-topic-card,
.lesson-panel,
.lesson-grid article,
.timeline-cards article,
.compare-table div,
.score-explainer article,
.brewer-guide-grid article,
.dial-table div,
.formula-card,
.intelligence-stat-grid article,
.method-grid article,
.model-grid article,
.profile-grid article,
.travel-intel-grid article,
.price-index-grid article{
  border-color:rgba(91,64,42,.16);
}

.ink,
.future,
.score-card-large,
.directory-section,
.network-section,
.community-section,
footer{
  background:
    radial-gradient(circle at 86% 14%,rgba(231,198,125,.15),transparent 28%),
    linear-gradient(135deg,#4a3528 0%,#33251d 100%);
  color:#fffaf2;
}

.community-section{
  background:
    radial-gradient(circle at 84% 18%,rgba(231,198,125,.16),transparent 30%),
    radial-gradient(circle at 14% 84%,rgba(201,130,82,.14),transparent 28%),
    linear-gradient(135deg,#5a402f 0%,#3f2d22 54%,#30231b 100%);
}

.light-head p:last-child,
.community-panel-head p:last-child,
.forum-grid p,
.market-card p,
.network-grid p,
.proof-score li span,
.market-card li,
.market-preview-form .form-note,
.market-preview-form label,
.directory-controls label,
.intelligence-bean-card p,
.score-card-large p,
.footer-links a,
footer>div:first-child p{
  color:#eadcc9!important;
}

.community-network-panel,
.community-market-panel,
.network-grid article,
.forum-grid article,
.market-card,
.intelligence-bean-card{
  border-color:rgba(255,250,242,.18);
  background:rgba(255,250,242,.075);
}

.community-market-panel{
  background:
    radial-gradient(circle at 88% 12%,rgba(231,198,125,.12),transparent 28%),
    linear-gradient(145deg,rgba(255,250,242,.1),rgba(255,250,242,.035));
}

.forum-grid article>span,
.market-card small,
.recipe-source-row span{
  background:rgba(231,198,125,.18);
  color:#f5d796;
}

.market-preview-form{
  background:rgba(201,130,82,.16);
}

.market-preview-form button,
.coral-button{
  background:#d89a63;
  border-color:#d89a63;
  color:#2b1f18;
}

.education-hero{
  background:
    radial-gradient(circle at 86% 16%,rgba(201,130,82,.12),transparent 30%),
    linear-gradient(180deg,#fffaf2 0%,#f5ead8 100%);
}

.proof-section,
.watercolor-preview,
.scoring-section,
.benchmark-section,
.business-model-section,
.roaster-profile-section,
.travel-intel-section,
.vision-section{
  background:
    radial-gradient(circle at 90% 12%,rgba(231,198,125,.11),transparent 27%),
    linear-gradient(180deg,#fffaf2 0%,#f7ecd9 100%);
}

.intelligence-hero{
  background:
    radial-gradient(circle at 90% 12%,rgba(201,130,82,.16),transparent 28%),
    #f7ecd9;
}

.seoul .trip-image{
  background:#e9c875;
}

.singapore .trip-image{
  background:#e0a179;
}

.city-lines{
  background:repeating-linear-gradient(90deg,#3f2d22 0 12px,transparent 12px 24px);
}

.trip-image>span{
  background:rgba(255,250,242,.86);
  box-shadow:0 8px 20px rgba(91,64,42,.1);
}

.watercolor-art{
  background-image:url("assets/watercolor/watercolor-coffee-beans-preview-sheet.png");
  background-repeat:no-repeat;
  background-size:200% 200%;
  background-color:#f3e4ca;
}

.watercolor-roasted{background-position:0 0}
.watercolor-branch{background-position:100% 0}
.watercolor-origin{background-position:0 100%}
.watercolor-trail{background-position:100% 100%}

/* Local palette revision — bring back Bean On Bar freshness.
   Keeps the light-bean warmth, but restores mint/green/coral contrast so it does not feel too brown. */
:root{
  --ink:#153c37;
  --ink2:#0f2f2c;
  --cream:#f4ecdc;
  --paper:#fffaf2;
  --mint:#cfe4d6;
  --mint2:#e5f0e7;
  --coral:#ef7f5f;
  --yellow:#e9c978;
  --line:rgba(21,60,55,.15);
}

body{
  background:
    radial-gradient(circle at 10% 8%,rgba(207,228,214,.3),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(239,127,95,.1),transparent 24%),
    var(--paper);
}

.site-header{
  background:rgba(255,250,242,.9);
  border-bottom-color:rgba(21,60,55,.12);
}

.hero{
  background:
    radial-gradient(circle at 87% 20%,rgba(207,228,214,.78),transparent 29%),
    radial-gradient(circle at 18% 22%,rgba(233,201,120,.16),transparent 25%),
    linear-gradient(180deg,#fffaf2 0%,#f6eddc 100%);
}

.hero-lead,
.section-head p:last-child,
.travel-copy>p:not(.kicker),
.roaster-copy>p:not(.kicker),
.pricing-intro>p:last-child,
.vision-grid p,
.article p,
.page-card p,
.proof-output .recipe-preview span,
.education-hero-card p,
.lesson-copy p:not(.kicker),
.price-index-grid p,
.benchmark-note,
.travel-intel-grid span{
  color:#5e716d;
}

.phone,
.float-card,
.feed-panel,
.price-card,
.proof-card,
.watercolor-card,
.education-topic-card,
.lesson-panel,
.article,
.intelligence-stat-grid article,
.method-grid article,
.model-grid article,
.profile-grid article,
.travel-intel-grid article{
  background:rgba(255,250,242,.74);
  box-shadow:0 22px 48px rgba(39,62,56,.08);
}

.phone-back,
.mint,
.trip-image,
.education-path,
.page-hub,
.brew-app-features,
.pricing-section,
.education-lesson.alt{
  background:#e5f0e7;
}

.watercolor-art{
  background-image:url("assets/watercolor/watercolor-coffee-beans-preview-sheet.png");
  background-color:#fbf4e6;
}

.watercolor-roasted{background-position:0 0}
.watercolor-branch{background-position:100% 0}
.watercolor-origin{background-position:0 100%}
.watercolor-trail{background-position:100% 100%}

.cream,
.recipe-form,
.trip-card,
.price-index-grid article{
  background:#f4ecdc;
}

.coral-bg{
  background:#f0a58c;
}

.score-ring{
  background:conic-gradient(var(--coral) 88%,#e5e8df 0);
}

.score-ring:before{
  background:#fffaf2;
}

.signal>span,
.flag,
.intelligence-score,
.band-good .intelligence-score,
.tags span,
.trip-card>div:last-child>div span{
  background:#cfe4d6;
  color:var(--ink);
}

.flag.coral,
.band-great .intelligence-score,
.future-label{
  background:var(--coral);
  color:var(--ink);
}

.button,
.feature,
.feed-panel,
.audience-grid article,
.recipe-form,
.price-card,
.vision-grid,
.principles span,
.travel-copy li,
.check-list li,
.proof-card,
.proof-input dl div,
.proof-score li,
.recipe-preview div,
.education-topic-card,
.lesson-panel,
.lesson-grid article,
.timeline-cards article,
.compare-table div,
.score-explainer article,
.brewer-guide-grid article,
.dial-table div,
.formula-card,
.intelligence-stat-grid article,
.method-grid article,
.model-grid article,
.profile-grid article,
.travel-intel-grid article,
.price-index-grid article{
  border-color:rgba(21,60,55,.15);
}

.ink,
.future,
.score-card-large,
.directory-section,
.network-section,
.community-section,
footer{
  background:
    radial-gradient(circle at 86% 14%,rgba(207,228,214,.12),transparent 28%),
    linear-gradient(135deg,#153c37 0%,#0f2f2c 100%);
  color:#fffaf2;
}

.community-section{
  background:
    radial-gradient(circle at 84% 18%,rgba(207,228,214,.14),transparent 30%),
    radial-gradient(circle at 14% 84%,rgba(239,127,95,.1),transparent 28%),
    linear-gradient(135deg,#153c37 0%,#0f302d 54%,#0e2b28 100%);
}

.light-head p:last-child,
.community-panel-head p:last-child,
.forum-grid p,
.market-card p,
.network-grid p,
.proof-score li span,
.market-card li,
.market-preview-form .form-note,
.market-preview-form label,
.directory-controls label,
.intelligence-bean-card p,
.score-card-large p,
.footer-links a,
footer>div:first-child p{
  color:#c7d8d3!important;
}

.community-network-panel,
.community-market-panel,
.network-grid article,
.forum-grid article,
.market-card,
.intelligence-bean-card{
  border-color:rgba(255,250,242,.18);
  background:rgba(255,250,242,.065);
}

.community-market-panel{
  background:
    radial-gradient(circle at 88% 12%,rgba(239,127,95,.12),transparent 28%),
    linear-gradient(145deg,rgba(255,250,242,.08),rgba(255,250,242,.035));
}

.forum-grid article>span,
.market-card small,
.recipe-source-row span{
  background:rgba(207,228,214,.16);
  color:#dceee5;
}

.market-preview-form{
  background:rgba(239,127,95,.12);
}

.market-preview-form button,
.coral-button{
  background:var(--coral);
  border-color:var(--coral);
  color:var(--ink);
}

.education-hero{
  background:
    radial-gradient(circle at 86% 16%,rgba(239,127,95,.13),transparent 30%),
    radial-gradient(circle at 16% 16%,rgba(207,228,214,.32),transparent 24%),
    linear-gradient(180deg,#fffaf2 0%,#f4ecdc 100%);
}

.proof-section,
.watercolor-preview,
.scoring-section,
.benchmark-section,
.business-model-section,
.roaster-profile-section,
.travel-intel-section,
.vision-section{
  background:
    radial-gradient(circle at 90% 12%,rgba(207,228,214,.2),transparent 27%),
    linear-gradient(180deg,#fffaf2 0%,#f5eddd 100%);
}

.intelligence-hero{
  background:
    radial-gradient(circle at 90% 12%,rgba(239,127,95,.16),transparent 28%),
    #edf1e4;
}

.seoul .trip-image{
  background:#e9c978;
}

.singapore .trip-image{
  background:#f0a58c;
}

.city-lines{
  background:repeating-linear-gradient(90deg,var(--ink) 0 12px,transparent 12px 24px);
}

.trip-image>span{
  background:rgba(255,250,242,.86);
  box-shadow:0 8px 20px rgba(39,62,56,.1);
}

.proof-tabs{
  max-width:1400px;
  margin:-1.5rem auto 1rem;
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
}

.proof-tabs button{
  border:1px solid rgba(21,60,55,.16);
  border-radius:999px;
  background:rgba(255,250,242,.72);
  color:var(--ink);
  padding:.7rem 1rem;
  font-weight:900;
  cursor:pointer;
  transition:.2s;
}

.proof-tabs button:hover,
.proof-tabs button.active{
  background:var(--ink);
  color:#fffaf2;
  transform:translateY(-1px);
}

.proof-grid-interactive .proof-card{
  opacity:.68;
  transform:scale(.985);
  transition:.25s ease;
}

.proof-grid-interactive .proof-card.active{
  opacity:1;
  transform:scale(1);
  border-color:rgba(239,127,95,.55);
  box-shadow:0 28px 60px rgba(39,62,56,.13);
}

@media(max-width:760px){
  .proof-tabs{
    margin-top:-.6rem;
  }

  .proof-tabs button{
    width:100%;
    justify-content:center;
  }
}

/* ============================================================
   UI polish layer — original green/coral palette, refined UI.
   ============================================================ */

::selection{background:rgba(240,123,91,.28)}

.site-header{
  background:rgba(251,250,245,.88);
  backdrop-filter:blur(18px) saturate(1.2);
}

nav a{position:relative;transition:color .2s ease}
nav a:not(.nav-cta)::after{
  content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;
  background:var(--coral);border-radius:2px;transition:right .25s ease;
}
nav a:not(.nav-cta):hover::after,
nav a[aria-current="page"]::after{right:0}

.button,.nav-cta{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.button.primary,.nav-cta{
  background:linear-gradient(135deg,var(--ink) 0%,#1e5049 100%);
  box-shadow:0 6px 18px rgba(14,43,40,.22);
}
.button.primary:hover,.nav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(14,43,40,.3);
  background:linear-gradient(135deg,#1e5049 0%,var(--coral) 140%);
}
.button.secondary:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-2px)}
.button:focus-visible,.nav-cta:focus-visible,nav a:focus-visible{
  outline:3px solid rgba(240,123,91,.55);outline-offset:3px;border-radius:6px;
}

.proof-card,.watercolor-card,.page-card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.watercolor-card:hover,.page-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(14,43,40,.13);
  border-color:rgba(240,123,91,.5);
}

.trust-row span::before{color:var(--coral)}

.proof-tabs button{transition:background .2s ease,color .2s ease,border-color .2s ease}
.proof-tabs button:hover:not(.active){border-color:var(--coral);color:var(--coral)}

.coral-button:hover{background:#d96a4b}

@media (prefers-reduced-motion:reduce){
  .button,.nav-cta,.proof-card,.watercolor-card,.page-card,nav a::after{transition:none}
}

/* ============================================================
   Vibrancy layer — energy for younger coffee drinkers.
   Punchier coral, gradient italics, coral CTAs, gentle motion.
   ============================================================ */

:root{
  --coral:#ff7452;
  --coral-deep:#e85f3d;
  --yellow:#f2c552;
  --peach:#ffb08a;
}

body{
  background:
    radial-gradient(circle at 8% 6%,rgba(190,217,201,.5),transparent 30%),
    radial-gradient(circle at 92% 10%,rgba(255,116,82,.14),transparent 26%),
    radial-gradient(circle at 50% 90%,rgba(242,197,82,.12),transparent 32%),
    var(--paper);
}

/* Gradient italics on display headings */
h1 em,.section-head h2 em,.light-head h2 em{
  background:linear-gradient(100deg,var(--coral-deep) 0%,var(--coral) 45%,#eb9d3e 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--coral);
}

/* Coral-first CTAs */
.button.primary,.nav-cta{
  background:linear-gradient(135deg,var(--coral) 0%,var(--coral-deep) 100%);
  color:#fff;
  box-shadow:0 8px 20px rgba(232,95,61,.35);
}
.button.primary:hover,.nav-cta:hover{
  background:linear-gradient(135deg,var(--coral-deep) 0%,#d14f2e 100%);
  box-shadow:0 12px 28px rgba(232,95,61,.42);
}
.button.secondary{border-color:rgba(21,60,55,.3)}
.button.secondary:hover{border-color:var(--ink);color:var(--ink);background:rgba(190,217,201,.25)}

.brand-mark{background:linear-gradient(135deg,var(--ink) 20%,#1e5049 100%)}

/* Livelier ticker */
.ticker{background:linear-gradient(90deg,#0e2b28 0%,#1e5049 55%,#0e2b28 100%)}
.ticker i{color:var(--yellow)}

/* Accent numbers & kickers */
.kicker,.page-card span,.watercolor-card>span{color:var(--coral)}

/* Card energy */
.watercolor-card:hover .watercolor-art{transform:scale(1.04)}
.watercolor-art{transition:transform .35s ease}
.page-card-primary{background:linear-gradient(160deg,rgba(190,217,201,.55) 0%,rgba(251,250,245,.9) 70%)}
.page-card-primary:hover{border-color:var(--coral)}

/* Score accents */
.score-ring,.proof-orb{border-color:var(--coral)}

/* Gentle float on hero cards */
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.float-one{animation:bob 5.5s ease-in-out infinite}
.float-two{animation:bob 6.5s ease-in-out 1.2s infinite}

/* Footer CTA pop */
.coral-button{background:linear-gradient(135deg,var(--coral) 0%,var(--coral-deep) 100%);box-shadow:0 8px 20px rgba(232,95,61,.35)}
.coral-button:hover{background:linear-gradient(135deg,var(--coral-deep) 0%,#d14f2e 100%)}

@media (prefers-reduced-motion:reduce){
  .float-one,.float-two{animation:none}
  .watercolor-art{transition:none}
}

/* ============================================================
   Legal / trust page + quiet legal touches
   ============================================================ */

.legal-hero{max-width:1160px}
.legal-hero h1{font-family:var(--serif);font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.05;margin:.4rem 0 1rem}
.legal-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:2rem 0 1.5rem}
.legal-summary span{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;font-size:.85rem;color:#5f716d}
.legal-summary b{font-family:var(--serif);font-size:1rem;color:var(--ink)}
.legal-meta{font-size:.8rem;color:#71807d;max-width:640px}
.legal-section .section-head{margin-bottom:2rem}
.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.legal-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem 1.5rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.legal-grid article:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,43,40,.1);border-color:rgba(255,116,82,.4)}
.legal-grid article span{font-family:var(--serif);font-size:1.4rem;color:var(--coral)}
.legal-grid h3{font-family:var(--serif);margin:.5rem 0 .6rem;font-size:1.25rem}
.legal-grid p{margin:0;font-size:.92rem;color:#5f716d;line-height:1.6}
.legal-section-alt{background:linear-gradient(160deg,rgba(190,217,201,.35),rgba(251,250,245,0) 70%)}

.footer-legal{display:flex;gap:1rem}
.footer-legal a{opacity:.75;transition:opacity .2s ease}
.footer-legal a:hover{opacity:1;color:var(--coral)}

.fine-note{display:block;margin-top:1rem;font-size:.78rem;color:#71807d}
.fine-note a{text-decoration:underline;text-underline-offset:3px}
.fine-note a:hover{color:var(--coral)}

.firewall-note{max-width:760px;margin:2rem auto;padding:1.1rem 1.4rem;border-left:3px solid var(--coral);background:rgba(255,116,82,.07);border-radius:0 14px 14px 0;font-size:.9rem;color:#5f716d;line-height:1.6}
.firewall-note b{font-family:var(--serif);color:var(--ink);font-size:1rem}

/* ============================================================
   Contrast correction — keep the warmer palette, restore legibility.
   ============================================================ */

:root{
  --paper:#fbfaf5;
  --cream:#f3ead8;
  --mint:#bedfca;
  --mint2:#dcebe1;
  --coral:#f07655;
  --coral-deep:#dc5e3d;
  --yellow:#e9c758;
}

.hero,
.bean-brew-hero,
.brewing-hero,
.proof-section,
.watercolor-preview,
.scoring-section,
.benchmark-section,
.business-model-section,
.roaster-profile-section,
.travel-intel-section,
.vision-section{
  background:
    radial-gradient(circle at 86% 10%,rgba(190,223,202,.28),transparent 26%),
    radial-gradient(circle at 13% 20%,rgba(240,118,85,.1),transparent 24%),
    linear-gradient(180deg,#fbfaf5 0%,#f1e6d4 100%);
}

.proof-card,
.watercolor-card,
.page-card,
.phone,
.float-card,
.bean-brew-form,
.recipe-form,
.price-card,
.education-topic-card,
.lesson-panel{
  background:rgba(255,252,246,.92);
  border-color:rgba(21,60,55,.2);
  box-shadow:0 22px 48px rgba(22,54,49,.11);
}

.proof-grid-interactive .proof-card{
  opacity:1!important;
  filter:none!important;
}

.proof-grid-interactive .proof-card.active{
  opacity:1!important;
  filter:none!important;
}

.proof-score li{
  background:rgba(255,252,246,.94);
}

.proof-score li b{
  color:var(--ink);
}

.proof-score li span,
.proof-output .recipe-preview span{
  color:#526965!important;
}

.proof-card .kicker,
.proof-tabs button.active,
.kicker{
  color:var(--coral);
}

.proof-orb{
  background:conic-gradient(var(--coral) 88%,rgba(21,60,55,.14) 0);
}

.proof-orb:before{
  background:#657c74;
}

.proof-output .recipe-preview div{
  background:rgba(255,252,246,.95);
  border-color:rgba(21,60,55,.16);
}

.proof-output .recipe-preview b{
  color:#60776f;
}

.proof-output h3,
.proof-input h3,
.watercolor-card h3,
.page-card h3{
  color:var(--ink);
}

.section-head h2,
.bean-brew-hero .section-head h2{
  line-height:1.06;
  padding-bottom:.12em;
  overflow:visible;
}

h1 em,
.section-head h2 em,
.light-head h2 em{
  display:inline-block;
  padding-bottom:.09em;
  margin-bottom:-.09em;
}

.bean-brew-hero .section-head{
  align-items:start;
}

.bean-brew-hero .section-head h2{
  font-size:clamp(3.2rem,7.2vw,7.2rem);
  margin-bottom:.8rem;
}
.firewall-note a{text-decoration:underline;text-underline-offset:3px}
.firewall-note a:hover{color:var(--coral)}

/* ============================================================
   Display type safety — prevent punctuation and descenders cropping.
   The large Fraunces italic is beautiful but needs more vertical room;
   solid color is safer than background-clipped gradient text.
   ============================================================ */

h1,
h2,
blockquote,
.section-head h2,
.light-head h2,
.hero h1,
.bean-brew-hero .section-head h2,
.legal-hero h1{
  line-height:1.16!important;
  overflow:visible!important;
  padding-top:.02em!important;
  padding-bottom:.2em!important;
}

h1 em,
h2 em,
blockquote em,
.section-head h2 em,
.light-head h2 em,
.hero h1 em,
.bean-brew-hero .section-head h2 em,
.legal-hero h1 em{
  display:inline!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:var(--coral)!important;
  color:var(--coral)!important;
  padding:0!important;
  margin:0!important;
  line-height:inherit!important;
  overflow:visible!important;
}

.hero-copy,
.section-head,
.legal-hero{
  overflow:visible!important;
}

/* Pricing card correction — keep the future membership card dark/readable. */
.price-card.future{
  background:
    radial-gradient(circle at 86% 14%,rgba(190,223,202,.14),transparent 28%),
    linear-gradient(135deg,#153c37 0%,#0f2f2c 100%)!important;
  color:#fffaf2!important;
  border-color:rgba(255,250,242,.2)!important;
}

.price-card.future h3,
.price-card.future .price,
.price-card.future small,
.price-card.future li{
  color:#fffaf2!important;
}

.price-card.future .price span,
.price-card.future .check-list li{
  color:#c7d8d3!important;
}

.price-card.future .button.primary{
  background:linear-gradient(135deg,var(--coral) 0%,var(--coral-deep) 100%)!important;
  border-color:var(--coral)!important;
  color:#fff!important;
}

/* Brand logo mark (replaces the circled B) */
.brand-logo{width:38px;height:38px;display:block}
footer .brand-logo{width:36px;height:36px}

/* Admin review surface */
.admin-review-body{
  min-height:100vh;
  background:
    radial-gradient(circle at 88% 8%,rgba(190,217,201,.35),transparent 26%),
    radial-gradient(circle at 8% 92%,rgba(240,123,91,.13),transparent 28%),
    linear-gradient(180deg,#fbfaf5 0%,#efe7d8 100%);
}

.admin-shell{
  width:min(1440px,calc(100% - 2rem));
  margin:0 auto;
  padding:clamp(2rem,5vw,5rem) 0;
}

.admin-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px);
  gap:2rem;
  align-items:end;
  margin-bottom:2rem;
}

.admin-hero h1{
  font-size:clamp(3.2rem,6vw,6.5rem);
  max-width:900px;
}

.admin-hero p:not(.kicker){
  max-width:680px;
  color:#566d68;
  font-size:1.05rem;
}

.admin-token-card,
.admin-toolbar,
.admin-summary-grid article,
.admin-bean-card{
  border:1px solid var(--line);
  background:rgba(255,252,246,.82);
  border-radius:24px;
  box-shadow:0 22px 48px rgba(22,54,49,.09);
}

.admin-token-card{
  padding:1.25rem;
}

.admin-token-card label,
.admin-toolbar label,
.admin-field-grid label,
.admin-wide-field{
  display:grid;
  gap:.35rem;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#5d716d;
}

.admin-token-card input,
.admin-toolbar select,
.admin-field-grid input,
.admin-wide-field textarea{
  width:100%;
  border:1px solid rgba(21,60,55,.18);
  border-radius:14px;
  background:#fffdf8;
  color:var(--ink);
  padding:.85rem 1rem;
  text-transform:none;
  letter-spacing:0;
}

.admin-token-card .button{
  width:100%;
  margin-top:.8rem;
}

.admin-toolbar{
  display:grid;
  grid-template-columns:1fr 1.4fr auto auto;
  gap:1rem;
  align-items:end;
  padding:1rem;
  margin-bottom:1.5rem;
}

.admin-toolbar .button{
  height:48px;
}

.admin-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-bottom:1.5rem;
}

.admin-summary-grid article{
  padding:1.2rem;
}

.admin-summary-grid span{
  display:block;
  font-family:var(--serif);
  font-size:clamp(1.6rem,2.2vw,2.6rem);
  line-height:1;
  color:var(--coral);
  margin-bottom:.5rem;
}

.admin-summary-grid b,
.admin-summary-grid small{
  display:block;
}

.admin-summary-grid small{
  color:#60736f;
  margin-top:.2rem;
}

.admin-bean-grid{
  display:grid;
  gap:1rem;
}

.admin-bean-card{
  padding:1.25rem;
}

.admin-bean-top{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  border-bottom:1px solid var(--line);
  padding-bottom:1rem;
  margin-bottom:1rem;
}

.admin-bean-top small{
  display:block;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--coral);
  font-weight:900;
}

.admin-bean-top h2{
  font-size:clamp(1.8rem,3vw,3rem);
  margin:.2rem 0 0;
}

.admin-bean-top>span{
  height:max-content;
  border-radius:999px;
  background:var(--mint2);
  color:var(--ink);
  padding:.4rem .7rem;
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}

.admin-field-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.75rem;
}

.admin-wide-field{
  margin-top:.75rem;
}

.admin-wide-field textarea{
  min-height:78px;
  resize:vertical;
}

.admin-meta{
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
  margin:1rem 0;
}

.admin-meta span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:.35rem .65rem;
  font-size:.76rem;
  color:#5d716d;
}

.admin-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}

.admin-actions button{
  border:1px solid var(--ink);
  background:transparent;
  color:var(--ink);
  border-radius:999px;
  padding:.7rem .95rem;
  font-weight:800;
  cursor:pointer;
}

.admin-actions button:hover,
.admin-actions button:focus{
  background:var(--ink);
  color:#fff;
}

.admin-actions button[data-action="approved"],
.admin-actions button[data-action="published"]{
  background:var(--ink);
  color:#fff;
}

.admin-actions button[data-action="rejected"]{
  border-color:var(--coral);
  color:var(--coral);
}

.admin-empty{
  border:1px dashed rgba(21,60,55,.25);
  border-radius:22px;
  padding:2rem;
  background:rgba(255,252,246,.72);
  color:#5d716d;
}

.admin-empty.error{
  color:var(--coral);
  border-color:rgba(240,123,91,.45);
}

@media(max-width:1000px){
  .admin-hero,
  .admin-toolbar,
  .admin-summary-grid,
  .admin-field-grid{
    grid-template-columns:1fr;
  }
}