.case-study{--cs-ink:#1a1a1a;--cs-paper:#fbf8f1;--cs-paper-2:#f3eee2;--cs-muted:#6b6557;--cs-accent:#ff7a3a;--cs-accent-2:#ffd966;--cs-line:#1a1a1a;--cs-hand:"Kalam","Space Grotesk",system-ui,sans-serif;--cs-hand-2:"Caveat",cursive;--cs-mono:"JetBrains Mono",ui-monospace,monospace;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(0,0,0,.04),transparent 40%),radial-gradient(circle at 80% 90%,rgba(0,0,0,.04),transparent 40%),var(--cs-paper);color:var(--cs-ink);font-family:var(--cs-hand);padding:0 0 80px;position:relative}.case-study:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 0),radial-gradient(rgba(0,0,0,.04) 1px,transparent 0);background-size:3px 3px,7px 7px;z-index:0}.case-study>*{position:relative;z-index:1}.cs-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;border-bottom:2px dashed var(--cs-ink);background:var(--cs-paper);font-family:var(--cs-mono);font-size:13px}.cs-back{color:var(--cs-ink);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .15s}.cs-back:hover{border-bottom-color:var(--cs-ink)}.cs-brand{font-family:var(--cs-hand);font-size:18px;font-weight:700}.cs-hero{padding:56px 40px 32px;max-width:1200px;margin:0 auto}.cs-eyebrow{font-family:var(--cs-mono);font-size:12px;letter-spacing:2px;color:var(--cs-muted);margin-bottom:16px}.cs-title{font-family:var(--cs-hand);font-size:52px;font-weight:700;line-height:1.1;letter-spacing:.5px;margin:0 0 16px}.cs-title .hl{background:linear-gradient(transparent 62%,var(--cs-accent-2) 62% 92%,transparent 92%);padding:0 6px}.cs-subtitle{font-family:var(--cs-hand);font-size:22px;line-height:1.4;color:var(--cs-muted);max-width:900px;margin:0 0 32px}.cs-meta{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:20px;border:2.5px solid var(--cs-ink);border-radius:16px 22px 18px 22px;background:var(--cs-paper);box-shadow:4px 4px 0 var(--cs-ink)}.cs-meta-k{font-family:var(--cs-mono);font-size:11px;letter-spacing:1.5px;color:var(--cs-muted);margin-bottom:6px}.cs-meta-v{font-family:var(--cs-hand);font-size:16px;font-weight:600}.cs-live-links{margin-top:16px;padding:14px 18px;border:2.5px dashed var(--cs-ink);border-radius:14px 20px 16px 20px;background:var(--cs-paper)}.cs-live-links .cs-meta-k{margin-bottom:10px}.cs-live-chips{display:flex;flex-wrap:wrap;gap:10px}.cs-live-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--cs-paper);border:2px solid var(--cs-ink);border-radius:12px 18px 14px 18px;font-family:var(--cs-hand);font-size:15px;font-weight:700;color:var(--cs-ink);text-decoration:none;box-shadow:2px 2px 0 var(--cs-ink);transition:transform .12s,box-shadow .12s}.cs-live-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--cs-ink)}.cs-live-chip:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--cs-ink)}.cs-section{padding:40px;max-width:1200px;margin:0 auto}.cs-section-label{font-family:var(--cs-hand-2);font-size:36px;font-weight:700;display:inline-block;padding:2px 16px;background:var(--cs-accent-2);border:2px solid var(--cs-ink);box-shadow:2px 2px 0 var(--cs-ink);border-radius:8px 14px 6px 16px;transform:rotate(-2deg);margin-bottom:24px}.cs-prose{font-family:var(--cs-hand);font-size:19px;line-height:1.65;color:var(--cs-ink);max-width:880px}.cs-prose p{margin:0 0 18px}.cs-prose b,.cs-prose strong{color:var(--cs-ink)}.cs-prose .em{background:linear-gradient(transparent 64%,var(--cs-accent-2) 64% 92%,transparent 92%);padding:0 4px}.cs-prose-card{border:2.5px solid var(--cs-ink);border-radius:14px 22px 16px 22px;padding:18px 22px;background:var(--cs-paper-2);box-shadow:3px 3px 0 var(--cs-ink);font-family:var(--cs-hand);font-size:19px;line-height:1.55;max-width:880px}.cs-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;max-width:880px}.cs-list li{font-family:var(--cs-hand);font-size:17px;line-height:1.5;padding:12px 16px 12px 44px;border:2px solid var(--cs-ink);border-radius:10px 16px 12px 18px;background:var(--cs-paper);box-shadow:2px 2px 0 var(--cs-ink);position:relative}.cs-list li:before{content:"→";position:absolute;left:14px;top:11px;font-family:var(--cs-mono);font-weight:700;color:var(--cs-accent);font-size:18px}.cs-stack{display:flex;flex-wrap:wrap;gap:8px;max-width:880px}.cs-stack-chip{font-family:var(--cs-mono);font-size:12px;padding:6px 12px;border:2px solid var(--cs-ink);border-radius:18px;background:var(--cs-paper);box-shadow:2px 2px 0 var(--cs-ink)}.cs-cta{margin-top:48px;padding:24px 28px;border:2.5px dashed var(--cs-ink);border-radius:16px;background:var(--cs-paper-2);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.cs-cta h3{margin:0;font-family:var(--cs-hand);font-size:22px}.cs-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cs-btn{font-family:var(--cs-hand);font-size:16px;font-weight:700;padding:10px 20px;border:2px solid var(--cs-ink);border-radius:14px;background:var(--cs-paper);box-shadow:3px 3px 0 var(--cs-ink);text-decoration:none;color:var(--cs-ink);transition:transform .12s;display:inline-block}.cs-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--cs-ink)}.cs-btn.primary{background:var(--cs-ink);color:var(--cs-paper)}@media (max-width:768px){.cs-hero{padding:36px 22px 24px}.cs-section{padding:28px 22px}.cs-title{font-size:36px}.cs-subtitle{font-size:17px}.cs-meta{grid-template-columns:repeat(2,1fr)}.cs-topbar{padding:14px 22px}}@media (max-width:480px){.cs-meta{grid-template-columns:1fr}.cs-title{font-size:28px}.cs-section-label{font-size:26px}}.rag-wireframe{--rag-ink:#1a1a1a;--rag-paper:#fbf8f1;--rag-paper-2:#f3eee2;--rag-muted:#6b6557;--rag-accent:#ff7a3a;--rag-accent-2:#ffd966;font-family:Kalam,Space Grotesk,system-ui,sans-serif;color:var(--rag-ink);background:var(--rag-paper);border:2.5px solid var(--rag-ink);border-radius:22px;box-shadow:6px 6px 0 var(--rag-ink);padding:24px 24px 32px;margin-top:24px}.rag-page{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:4px 12px 12px}.rag-title{font-family:Kalam,Space Grotesk,sans-serif;font-weight:700;font-size:30px;margin:0;letter-spacing:.5px}.rag-underline{background:linear-gradient(transparent 62%,var(--rag-accent-2) 62% 92%,transparent 92%);padding:0 6px}.rag-sub{font-size:16px;color:var(--rag-muted);max-width:760px;margin-top:6px}.rag-stamp{border:2px solid var(--rag-ink);padding:6px 12px;transform:rotate(-3deg);font-size:13px;background:var(--rag-paper-2)}.rag-stamp b{color:var(--rag-accent)}.rag-tabs{display:flex;gap:10px;padding:14px 12px 0;flex-wrap:wrap}.rag-tab{font-family:inherit;font-size:15px;cursor:pointer;background:var(--rag-paper);border:2px solid var(--rag-ink);padding:8px 16px;border-radius:14px 18px 12px 20px;box-shadow:2px 2px 0 var(--rag-ink);transition:transform .12s;color:var(--rag-ink)}.rag-tab small{font-family:JetBrains Mono,monospace;font-size:11px;opacity:.7;margin-right:6px}.rag-tab:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--rag-ink)}.rag-tab.active{background:var(--rag-ink);color:var(--rag-paper)}.rag-main{padding:18px 12px 12px}.rag-node{position:relative;background:var(--rag-paper);border:2.5px solid var(--rag-ink);border-radius:14px 20px 16px 22px;padding:12px 14px;font-size:14px;line-height:1.25;box-shadow:3px 3px 0 var(--rag-ink)}.rag-node-title{font-size:15px;margin-bottom:4px;display:flex;gap:8px}.rag-n,.rag-node-title{font-weight:700;align-items:center}.rag-n{display:inline-flex;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--rag-ink);font-family:JetBrains Mono,monospace;font-size:11px;background:var(--rag-accent-2);flex-shrink:0}.rag-desc{color:var(--rag-muted);font-size:13px}.rag-tech{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.rag-chip{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.2px;border:1.5px dashed var(--rag-ink);padding:2px 7px;border-radius:10px;background:var(--rag-paper-2)}.rag-chip.solid{background:var(--rag-ink);color:var(--rag-paper);border-style:solid}.rag-chip.accent{background:var(--rag-accent);color:#fff;border-color:var(--rag-accent)}.rag-lane{border-top:2px dashed var(--rag-ink);padding-top:18px;margin-top:12px}.rag-lane:first-child{border-top:none;padding-top:4px;margin-top:0}.rag-lane-h{font-weight:700;font-size:20px;margin:0 0 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rag-lane-label{font-family:Caveat,cursive;font-weight:700;font-size:28px;display:inline-block;padding:2px 14px;background:var(--rag-accent-2);border:2px solid var(--rag-ink);box-shadow:2px 2px 0 var(--rag-ink);border-radius:8px 14px 6px 16px;transform:rotate(-2deg)}.rag-pill{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--rag-ink);color:var(--rag-paper);padding:3px 8px;border-radius:10px}.rag-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:18px;gap:18px;align-items:stretch}.rag-legend{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--rag-muted)}.rag-sw{width:18px;height:14px;border:2px solid var(--rag-ink);background:var(--rag-paper);margin-right:6px;vertical-align:middle}.rag-ann,.rag-sw{display:inline-block}.rag-ann{font-family:Caveat,cursive;font-weight:700;font-size:20px;color:var(--rag-accent);transform:rotate(-4deg)}.rag-footnote{margin-top:26px;padding:14px 18px;border:2px dashed var(--rag-ink);border-radius:14px;font-size:14px;color:var(--rag-muted);background:var(--rag-paper-2)}.rag-footnote b{color:var(--rag-ink)}.rag-v2-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:28px;gap:28px;align-items:flex-start}.rag-tag-label{font-family:Caveat,cursive;font-size:22px;font-weight:700;transform:rotate(-2deg);display:inline-block;padding:2px 10px;background:var(--rag-accent-2);border:2px solid var(--rag-ink);box-shadow:2px 2px 0 var(--rag-ink);margin-bottom:14px}.rag-widget{width:300px;border:2.5px solid var(--rag-ink);border-radius:24px;box-shadow:4px 4px 0 var(--rag-ink);background:var(--rag-paper);overflow:hidden}.rag-bar{background:var(--rag-ink);color:var(--rag-paper);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:12px}.rag-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block;margin-right:6px}.rag-widget-body{padding:12px;min-height:320px;display:flex;flex-direction:column;gap:8px;background:var(--rag-paper)}.rag-bubble{max-width:78%;padding:8px 11px;border:2px solid var(--rag-ink);border-radius:14px;font-size:14px;line-height:1.3}.rag-bubble.bot{background:var(--rag-paper-2);border-radius:14px 14px 14px 4px;align-self:flex-start}.rag-bubble.user{background:var(--rag-accent-2);border-radius:14px 14px 4px 14px;align-self:flex-end}.rag-bubble-tag{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--rag-muted);display:block;margin-top:3px}.rag-input{border-top:2px solid var(--rag-ink);padding:8px 10px;display:flex;gap:8px;align-items:center;background:var(--rag-paper-2)}.rag-input-field{flex:1 1;border:1.5px solid var(--rag-ink);border-radius:18px;padding:6px 10px;background:var(--rag-paper);font-size:13px;color:var(--rag-muted)}.rag-send{width:34px;height:30px;border:2px solid var(--rag-ink);border-radius:8px;background:var(--rag-accent);color:#fff;display:flex;align-items:center;justify-content:center}.rag-sticky{background:var(--rag-accent-2);border:2px solid var(--rag-ink);padding:8px 12px;font-size:13px;box-shadow:2px 2px 0 rgba(0,0,0,.5);transform:rotate(-2.5deg);max-width:220px;margin-top:18px;display:inline-block}.rag-sticky code{font-family:JetBrains Mono,monospace;font-size:12px;background:rgba(0,0,0,.06);padding:0 4px;border-radius:4px}.rag-sticky.rag-blue{background:#bee3ff}.rag-sticky.rag-pink{background:#ffc8d6}.rag-v2-flow,.rag-v2-step{position:relative}.rag-v2-step{display:grid;grid-template-columns:44px 1fr;grid-gap:14px;gap:14px;align-items:flex-start;padding:10px 0}.rag-step-n{width:44px;height:44px;border-radius:50%;background:var(--rag-accent);color:#fff;border:2.5px solid var(--rag-ink);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-weight:700;font-size:16px;box-shadow:3px 3px 0 var(--rag-ink);flex-shrink:0}.rag-step-n.idx{background:#7fb3ff}.rag-v2-step:not(:last-child):after{content:"";position:absolute;left:21px;top:54px;bottom:-6px;width:0;border-left:2.5px dashed var(--rag-ink)}.rag-step-card{background:var(--rag-paper);border:2.5px solid var(--rag-ink);border-radius:14px 18px 14px 20px;padding:10px 14px;box-shadow:3px 3px 0 var(--rag-ink)}.rag-step-h{font-weight:700;font-size:17px;margin-bottom:2px}.rag-step-d{color:var(--rag-muted);font-size:13.5px;line-height:1.35}.rag-v3-stage{position:relative;height:780px;border:2.5px dashed var(--rag-ink);border-radius:22px;background:linear-gradient(transparent 23px,rgba(0,0,0,.06) 24px) 0 0/24px 24px,var(--rag-paper);overflow:hidden}.rag-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rag-abs{position:absolute;width:200px}.rag-lbl{font-family:Caveat,cursive;font-size:26px;transform:rotate(-3deg);padding:2px 12px;background:var(--rag-accent-2);border:2px solid var(--rag-ink);box-shadow:2px 2px 0 var(--rag-ink);border-radius:8px 14px 6px 16px}.rag-cloud,.rag-lbl{position:absolute;font-weight:700}.rag-cloud{border:2.5px solid var(--rag-ink);border-radius:80px;background:var(--rag-paper-2);padding:14px 22px;box-shadow:3px 3px 0 var(--rag-ink)}.rag-mono{font-family:JetBrains Mono,monospace}@media (max-width:980px){.rag-row{grid-template-columns:repeat(2,1fr)}.rag-v2-grid{grid-template-columns:1fr}.rag-widget{width:100%;max-width:320px}.rag-v3-stage{overflow-x:auto;height:820px}}@media (max-width:640px){.rag-row{grid-template-columns:1fr}.rag-title{font-size:22px}.rag-sub{font-size:14px}.rag-wireframe{padding:16px 12px 20px}.rag-main{padding:12px 4px}}