:root{--cz-ink:#0f3d3e;--cz-coral:#ff6b4a;--cz-amber:#ffb547;--cz-mint:#5eead4;--cz-cream:#fbf7f0}
body{background:var(--cz-cream)}
.hl{color:var(--cz-coral)!important;background:none!important;-webkit-text-fill-color:var(--cz-coral)!important}
.btn{background:var(--cz-coral)!important;border-color:var(--cz-coral)!important;color:#fff!important}
.btn.alt,.btn.ghost{background:transparent!important;color:inherit!important;border:2px solid currentColor!important}
.logo .wm b{color:var(--cz-ink);font-weight:800;letter-spacing:-.5px}
.czhero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:64px 0 40px}
.czhero h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;color:var(--cz-ink);margin:.3em 0}
.czhero .eb{display:inline-block;background:var(--cz-ink);color:var(--cz-mint);padding:6px 14px;border-radius:99px;font-size:.85rem;font-weight:700}
.czhero p.lead{font-size:1.15rem;max-width:560px}
.czstack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.czstack div{aspect-ratio:1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:var(--cz-ink);font-size:.85rem;text-align:center;padding:8px;box-shadow:0 8px 24px #0f3d3e1a;transition:transform .3s}
.czstack div:hover{transform:translateY(-6px) rotate(-2deg)}
.czstack svg{width:46px;height:46px;margin-bottom:6px}
.c1{background:#ffe1c2}.c2{background:#d6f5ec}.c3{background:#cfe8ff}.c4{background:#ffd6cc}.c5{background:#efe3ff}.c6{background:var(--cz-ink);color:#fff!important}
.czsec{padding:56px 0}.czsec h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--cz-ink);margin:0 0 .4em}
.czsec>p.sub{max-width:720px;font-size:1.05rem;margin:0 0 28px}
.streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.stream{background:#fff;border-radius:22px;padding:24px;border-top:8px solid var(--c,#ffb547);box-shadow:0 10px 30px #0f3d3e14;display:flex;flex-direction:column}
.stream h3{margin:.2em 0 .5em;color:var(--cz-ink);font-size:1.3rem;display:flex;align-items:center;gap:10px}
.stream h3 svg{width:36px;height:36px;flex:none}
.stream ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.stream li{display:grid;grid-template-columns:86px 1fr;gap:10px;font-size:.95rem}
.stream li b{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cz-ink);background:var(--cz-cream);border-radius:8px;padding:4px 6px;text-align:center;height:fit-content}
.stream .note{margin-top:14px;font-size:.85rem;background:#fff4e5;border-radius:10px;padding:10px}
.stream.sharps .note{background:#ffe8e3}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:f}
.flow div{background:var(--cz-ink);color:#e8fffa;border-radius:20px;padding:22px;position:relative}
.flow div:before{counter-increment:f;content:counter(f);font:800 2.4rem 'Bricolage Grotesque',sans-serif;color:var(--cz-mint)}
.flow h3{color:#fff;margin:.2em 0}
.giveback{background:linear-gradient(135deg,var(--cz-ink),#145c5d);color:#e8fffa;border-radius:28px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.giveback h2{color:#fff}.giveback a.btn{white-space:nowrap}
.dont{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dont div{background:#fff;border-radius:14px;padding:16px;border-left:5px solid var(--cz-coral)}
@media(max-width:860px){.czhero{grid-template-columns:1fr;padding-top:32px}.flow{grid-template-columns:1fr 1fr}.giveback{grid-template-columns:1fr;padding:28px}.stream li{grid-template-columns:76px 1fr}}
@media(max-width:480px){.flow{grid-template-columns:1fr}.streams{grid-template-columns:1fr}}
.czhero>*{min-width:0}.czstack{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.czhero{grid-template-columns:minmax(0,1fr)}}.czhero h1{overflow-wrap:break-word}
@media(max-width:860px){#chatbtn{bottom:14px!important;right:14px!important;top:auto!important;width:48px;height:48px;padding:0!important;border-radius:50%!important;font-size:0!important;opacity:.92}#chatbtn::after{content:"?";font-size:22px;font-weight:800}body{padding-bottom:76px}}
@media(max-width:860px){body.cz-hidebtn #chatbtn{opacity:0;pointer-events:none;transform:scale(.6)}#chatbtn{transition:opacity .25s,transform .25s}}
