@import url("coffee-pages.css");

:root{--ore:#b85b32;--ore-dark:#8c3e24;--slate:#304255;--steel:#a5afb7;--graph:#d8e2e7}
.chain-hero{background:linear-gradient(120deg,#fff 0%,#f7f3ef 58%,#e9eef0 100%)}
.chain-hero .photo-frame{aspect-ratio:4/5;background:#152030}.chain-hero .photo-frame img{height:100%;object-fit:cover;filter:contrast(1.06) saturate(.9)}
.chain-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.chain-proof div{border-top:2px solid var(--ore);padding-top:9px}.chain-proof b{display:block;color:var(--navy);font-size:.9rem}.chain-proof span{display:block;color:var(--muted);font-size:.76rem;line-height:1.35}
.terrain-grid{display:flex;flex-direction:column;gap:18px}.terrain-map{background:var(--navy);border-radius:22px;padding:clamp(24px,4vw,48px);color:#fff;overflow:hidden;position:relative}.terrain-map:after{content:"";position:absolute;width:280px;height:280px;right:-105px;top:-92px;border:36px solid rgba(200,150,62,.16);border-radius:50%}.terrain-map h3{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);position:relative;z-index:1}.terrain-map p{color:#dbe3e9;position:relative;z-index:1}.terrain-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;position:relative;z-index:1}.terrain-stage{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid rgba(255,255,255,.15)}.terrain-stage b{display:block}.terrain-stage span{font-size:.84rem;color:#dbe3e9}.terrain-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--ore);font-weight:800;font-size:.8rem}.chain-photo-stack{order:-1;display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.chain-photo-stack figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.chain-photo-stack img{width:100%;height:100%;object-fit:cover}.chain-photo-stack figure:first-child{min-height:330px}.chain-photo-stack figcaption{padding:10px 13px;color:var(--muted);font-size:.78rem}
.anatomy{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.chain-diagram{position:relative;min-height:390px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 44%,#fff 0 33%,#edf1f2 34% 36%,#24384a 37% 57%,#121d29 58%);overflow:hidden}.chain-diagram:before{content:"";position:absolute;inset:14% 15%;border:22px dotted var(--steel);border-radius:50%;transform:rotate(-12deg);opacity:.95}.chain-diagram:after{content:"TRACTION · PROTECTION · RETENTION";position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.17em}.anatomy-list{display:grid;gap:13px}.anatomy-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.anatomy-item i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cad6dc;border-radius:50%;font-style:normal;color:var(--ore);font-weight:850}.anatomy-item b{display:block;color:var(--navy)}.anatomy-item p{margin:3px 0 0;color:var(--muted);font-size:.89rem}
.market-panel{background:linear-gradient(115deg,#ecf1f3 0%,#f7f3ed 62%,#fff 100%)}.market-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:center}.market-grid h2{margin-bottom:14px}.market-grid p{color:var(--muted)}.market-chart{border:1px solid #cfdadf;border-radius:20px;background:#fff;padding:26px;box-shadow:var(--shadow)}.chart-kicker{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);margin-bottom:22px}.chart-bars{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;height:220px;border-bottom:1px solid #bcc8ce;padding:0 14px}.bar{display:flex;align-items:end;justify-content:center;position:relative;min-height:1px;background:linear-gradient(180deg,var(--ore),var(--ore-dark));border-radius:10px 10px 0 0}.bar span{position:absolute;top:-30px;color:var(--navy);font-size:1.35rem;font-family:"Playfair Display",serif;font-weight:800}.bar small{position:absolute;bottom:-27px;color:var(--muted);font-size:.75rem}.bar.one{height:62%}.bar.two{height:88%;background:linear-gradient(180deg,#223d53,#17233f)}.chart-note{margin:42px 0 0!important;font-size:.78rem!important;line-height:1.45}.chart-note a{color:var(--maroon);text-decoration:underline}.market-disclaimer{font-size:.78rem;color:var(--muted);margin-top:16px}.market-disclaimer strong{color:var(--ink)}
.fitment-card{background:var(--slate);border-radius:24px;color:#fff;padding:clamp(28px,5vw,54px)}.fitment-card h2{color:#fff}.fitment-card p{color:#dbe3e9}.fitment-card .step b{color:#fff}.fitment-card .step p{color:#dbe3e9}.fitment-card .step:before{background:var(--ore)}
@media(max-width:900px){.anatomy,.market-grid{grid-template-columns:1fr}.terrain-stages{grid-template-columns:1fr}.chain-photo-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.chain-photo-stack figure:first-child{min-height:280px}.market-grid{gap:32px}}
@media(max-width:620px){.chain-proof{grid-template-columns:1fr}.chain-photo-stack{grid-template-columns:1fr}.chain-photo-stack figure:first-child{min-height:240px}.anatomy{gap:28px}.chain-diagram{min-height:300px}.market-chart{padding:20px}.chart-bars{height:180px}.bar span{font-size:1.1rem}}