.cafe-example{color:var(--fg)}.cafe-example *{box-sizing:border-box}.cafe-example .eyebrow,.cafe-example .num,.cafe-example .badge{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.cafe-example .eyebrow,.cafe-example .badge{color:var(--muted)}.cafe-example .hero{grid-template-columns:minmax(0,1fr) 220px;gap:30px;min-height:0;padding:28px 0 55px;display:grid}.cafe-example .hero h1,.cafe-example .hero .modalTitle{letter-spacing:-.065em;margin:20px 0 27px;font-size:clamp(47px,6.6vw,88px);font-weight:400;line-height:1.02}.cafe-example .hero p{max-width:680px;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.65}.cafe-example .hero-side{border-left:1px solid var(--line);align-self:end;padding-left:24px}.cafe-example .hero-side p{margin:12px 0 0;font-size:14px;line-height:1.7}.cafe-example .muted{color:var(--muted)}.cafe-example .index{border-top:1px solid var(--fg);border-bottom:1px solid var(--line);white-space:nowrap;gap:26px;padding:18px 0;display:flex;overflow:auto}.cafe-example .index a{font-family:var(--font-jetbrains),monospace;font-size:12px;text-decoration:none}.cafe-example .index a:hover,.cafe-example .requestLink:hover{text-underline-offset:4px;text-decoration:underline}.cafe-example .index span{color:var(--muted);margin-right:9px}.cafe-example .section{border-bottom:1px solid var(--hair);padding:76px 0}.cafe-example .section-head{grid-template-columns:155px minmax(0,1fr);gap:26px;margin-bottom:35px;display:grid}.cafe-example .section-head h2{letter-spacing:-.05em;margin:0 0 15px;font-size:clamp(32px,4vw,50px);font-weight:400;line-height:1.15}.cafe-example .section-head p{color:var(--muted);max-width:670px;margin:0;line-height:1.75}.cafe-example .intro-grid{grid-template-columns:1fr;gap:28px;display:grid}.cafe-example .intro-card,.cafe-example .info-card{border-top:1px solid var(--fg);padding:20px 0}.cafe-example .intro-card strong{letter-spacing:-.025em;max-width:680px;font-size:23px;font-weight:400;line-height:1.55;display:block}.cafe-example .facts{border:0;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;display:grid}.cafe-example .fact{border-top:1px solid var(--line);padding-top:12px}.cafe-example .fact span{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.cafe-example .fact b{font-size:16px;font-weight:500}.cafe-example .plate{background:var(--surface);border:1px solid var(--line);padding:20px}.cafe-example .plate-top{border-bottom:1px solid var(--hair);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.cafe-example .plate-scroll{overflow:auto}.cafe-example .plate-scroll img{width:100%;min-width:650px;height:auto;display:block}.cafe-example .plate-note{color:var(--muted);border-top:1px solid var(--hair);padding-top:16px;font-size:12px;line-height:1.65}.cafe-example .plan-key{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.cafe-example .plan-key div{border-top:1px solid var(--line);padding:12px 0;font-size:13px;line-height:1.5}.cafe-example .plan-key b{font-family:var(--font-jetbrains),monospace;margin-right:10px}.cafe-example .flow{border-top:1px solid var(--fg);grid-template-columns:repeat(4,1fr);display:grid}.cafe-example .flow article{border-right:1px solid var(--hair);padding:24px 15px 30px}.cafe-example .flow article:last-child{border-right:0}.cafe-example .flow h3{margin:32px 0 10px;font-size:20px;font-weight:400}.cafe-example .flow p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.cafe-example .table{border-top:1px solid var(--fg)}.cafe-example .row{border-bottom:1px solid var(--hair);grid-template-columns:120px 1fr 1.2fr;align-items:start;gap:18px;padding:22px 0;display:grid}.cafe-example .row h3{margin:0;font-size:18px;font-weight:500}.cafe-example .row p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cafe-example .two{grid-template-columns:1fr 1fr;gap:28px;display:grid}.cafe-example .info-card h3{letter-spacing:-.03em;margin:20px 0 14px;font-size:23px;font-weight:400}.cafe-example .info-card p,.cafe-example .info-card li{color:var(--muted);font-size:15px;line-height:1.8}.cafe-example .info-card ul{padding-left:18px;list-style:outside}.cafe-example .quote{background:var(--hover);border-left:3px solid var(--fg);padding:26px;font-size:18px;line-height:1.7}.cafe-example .placeholder{border:1px dashed var(--line);color:var(--muted);padding:24px;font-size:14px;line-height:1.7}.cafe-example .requestLink{min-height:44px;font-family:var(--font-jetbrains),monospace;align-items:center;margin-top:10px;font-size:13px;display:inline-flex}.cafe-example .visuallyHidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cafe-example a:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.cafe-modal .hero{grid-template-columns:1fr;padding-top:0}.cafe-modal .hero-side{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.cafe-modal .section-head{grid-template-columns:1fr;gap:12px}.cafe-modal .intro-grid,.cafe-modal .two{grid-template-columns:1fr}.cafe-modal .flow,.cafe-modal .plan-key{grid-template-columns:repeat(2,1fr)}.cafe-modal .flow article:nth-child(2){border-right:0}.cafe-modal .row{grid-template-columns:1fr}@media (max-width:760px){.cafe-example .hero{grid-template-columns:1fr;padding:8px 0 42px}.cafe-example .hero-side{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.cafe-example .section{padding:58px 0}.cafe-example .section-head,.cafe-example .intro-grid,.cafe-example .two{grid-template-columns:1fr}.cafe-example .section-head{gap:12px}.cafe-example .facts{gap:10px}.cafe-example .fact b{font-size:14px}.cafe-example .plan-key,.cafe-example .flow{grid-template-columns:repeat(2,1fr)}.cafe-example .flow article:nth-child(2){border-right:0}.cafe-example .flow article:nth-child(-n+2){border-bottom:1px solid var(--hair)}.cafe-example .row{grid-template-columns:1fr}.cafe-example .plate{padding:12px}}