
.csf-cafe-experience-page{background:#f8faf7;color:#18332d}.csf-cafe-x-hero{position:relative;max-width:1180px;margin:2rem auto 0;padding:0 1rem}.csf-cafe-x-hero>img{width:100%;height:auto;border-radius:28px;display:block;box-shadow:0 20px 50px rgba(25,55,48,.18)}.csf-cafe-x-hero__copy{max-width:900px;margin:-2.2rem auto 0;position:relative;background:#fff;border:1px solid #dce9e4;border-radius:24px;padding:1.6rem 1.8rem;box-shadow:0 15px 40px rgba(25,55,48,.12)}.csf-cafe-x-hero h1,.csf-cafe-x-section h2{font-family:Georgia,serif;color:#173c34;margin:.25rem 0 .75rem}.csf-cafe-x-hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.csf-cafe-x-hero p,.csf-cafe-x-section__head p{line-height:1.7;color:#49645e}.csf-cafe-x-eyebrow{font-size:.78rem!important;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#0d7c66!important}.csf-cafe-x-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.csf-cafe-x-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #0d7c66;border-radius:999px;padding:.8rem 1.1rem;text-decoration:none;font-weight:800;color:#0d7c66;background:#fff;cursor:pointer}.csf-cafe-x-btn--primary{background:#0d7c66;color:#fff}.csf-cafe-x-section{max-width:1100px;margin:0 auto;padding:4rem 1rem 1rem}.csf-cafe-x-section__head{max-width:780px;margin-bottom:1.4rem}.csf-cafe-x-section h2{font-size:clamp(1.8rem,4vw,3rem)}.csf-cafe-x-journey,.csf-cafe-x-scenarios,.csf-cafe-x-challenges{display:grid;gap:1rem}.csf-cafe-x-journey__progress{display:flex;gap:.45rem;overflow-x:auto;padding:.2rem 0 .7rem}.csf-cafe-x-step{flex:0 0 auto;border:1px solid #cfe1db;background:#fff;border-radius:999px;padding:.6rem .8rem;font-weight:800;color:#365c53;cursor:pointer}.csf-cafe-x-step.is-active{background:#0d7c66;color:#fff;border-color:#0d7c66}.csf-cafe-x-journey__card,.csf-cafe-x-card,.csf-cafe-x-trainer,.csf-cafe-x-builder,.csf-cafe-x-practice{background:#fff;border:1px solid #d8e6e1;border-radius:22px;padding:1.3rem;box-shadow:0 10px 28px rgba(25,55,48,.06)}.csf-cafe-x-speaker{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#0d7c66}.csf-cafe-x-line{font-size:1.5rem;font-weight:900;color:#163b33;margin:.5rem 0}.csf-cafe-x-options{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.csf-cafe-x-option{border:1px solid #bfd7cf;background:#f9fffc;border-radius:14px;padding:.75rem .9rem;font-weight:750;cursor:pointer;color:#274c43}.csf-cafe-x-option:hover,.csf-cafe-x-option:focus{border-color:#0d7c66}.csf-cafe-x-option.is-correct{background:#e4f7ef;border-color:#0d7c66}.csf-cafe-x-option.is-wrong{background:#fff0ed;border-color:#c85b45}.csf-cafe-x-feedback{margin-top:.8rem;padding:.8rem 1rem;border-radius:14px;background:#eef8f4;color:#28564b}.csf-cafe-x-menu-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(300px,1.25fr);gap:1rem}.csf-cafe-x-menu{background:#183c34;color:#fff;border-radius:22px;padding:1.5rem;box-shadow:0 12px 32px rgba(20,55,47,.16)}.csf-cafe-x-menu h3{font-family:Georgia,serif;font-size:2rem;margin:0}.csf-cafe-x-menu h4{margin:1.2rem 0 .5rem;color:#b9eadc}.csf-cafe-x-menu>div{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px dashed rgba(255,255,255,.18)}.csf-cafe-x-menu__small{opacity:.8}.csf-cafe-x-builder__grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.7rem}.csf-cafe-x-builder label{font-weight:800;font-size:.85rem;color:#315b51}.csf-cafe-x-builder select{width:100%;margin-top:.35rem;border:1px solid #bad3cb;border-radius:12px;padding:.75rem;background:#fff}.csf-cafe-x-order-result{margin-top:1rem;background:#173c34;color:#fff;border-radius:18px;padding:1.1rem}.csf-cafe-x-order-result strong{display:block;font-size:1.2rem;margin:.25rem 0}.csf-cafe-x-question-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.csf-cafe-x-question-count{font-size:.82rem;font-weight:900;color:#6b817b}.csf-cafe-x-smalltalk{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.csf-cafe-x-smalltalk article{background:#fff;border:1px solid #d8e6e1;border-radius:18px;padding:1.2rem}.csf-cafe-x-smalltalk span{font-size:.75rem;color:#0d7c66;font-weight:900;text-transform:uppercase}.csf-cafe-x-smalltalk strong{display:block;font-size:1.15rem;margin:.4rem 0;color:#173c34}.csf-cafe-x-challenge{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid #d8e6e1;border-radius:18px;padding:1rem}.csf-cafe-x-challenge__level{width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:#e2f4ed;color:#0d7c66;font-weight:900}.csf-cafe-x-challenge.is-complete{border-color:#0d7c66;background:#f4fffb}.csf-cafe-x-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.csf-cafe-x-related__grid a{background:#fff;border:1px solid #d8e6e1;border-radius:16px;padding:1rem;color:#145e50;font-weight:800;text-decoration:none}.csf-cafe-x-related__grid a:hover{text-decoration:underline}.csf-cafe-x-mission{padding-bottom:3rem}@media(max-width:820px){.csf-cafe-x-menu-grid,.csf-cafe-x-builder__grid,.csf-cafe-x-smalltalk,.csf-cafe-x-related__grid{grid-template-columns:1fr}.csf-cafe-x-hero__copy{margin:-1rem .7rem 0}.csf-cafe-x-challenge{grid-template-columns:auto 1fr}.csf-cafe-x-challenge button{grid-column:1/-1}}
