:root{--color-cream:oklch(97% .015 90);--color-cream-deep:oklch(94% .02 85);--color-ink:oklch(22% .02 60);--color-ink-soft:oklch(45% .02 60);--color-ink-mute:oklch(65% .02 60);--color-paper:oklch(99% .005 90);--color-edge:oklch(88% .01 85);--color-coral:oklch(74% .15 30);--color-peri:oklch(72% .13 270);--color-mint:oklch(78% .13 165);--color-sun:oklch(86% .14 90);--font-display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--color-cream);font-family:var(--font-body);color:var(--color-ink);scroll-behavior:smooth;margin:0;padding:0}body{min-height:100vh;overflow-x:hidden}a{color:inherit}::selection{color:var(--color-ink);background:oklch(74% .15 30)}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(40px)}.reveal.r-left{transform:translate(-60px)}.reveal.r-right{transform:translate(60px)}.reveal.r-scale{transform:scale(.94)}.reveal.is-in{opacity:1;transform:translate(0)scale(1)}.reveal-stagger>*{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(28px)}.reveal-stagger.is-in>*{opacity:1;transform:translateY(0)}@keyframes siteWake{0%{opacity:0;filter:blur(2px);transform:scale(.985)translateY(14px)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}body.splash-done #root{transform-origin:50% 35%;animation:.9s cubic-bezier(.2,.8,.2,1) siteWake}@keyframes contactMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes contactPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes stackFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.case-body h2,.case-body h3{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;font-weight:700}.case-body h2{margin:2.4em 0 .7em;font-size:clamp(24px,3vw,32px)}.case-body h3{margin:2em 0 .6em;font-size:clamp(20px,2.5vw,26px)}.case-body p,.case-body ul,.case-body ol{color:var(--color-ink-soft);margin:0 0 1.2em;font-size:clamp(16px,1.6vw,18px);line-height:1.75}.case-body ul,.case-body ol{padding-left:1.5em}.case-body li{margin-bottom:.4em}.case-body strong{color:var(--color-ink);font-weight:600}.case-body code{font-family:var(--font-mono);border:1px solid var(--color-edge);color:oklch(28% .06 30);background:oklch(93% .01 85);border-radius:5px;padding:2px 6px;font-size:.84em}.case-body pre{background:oklch(18% .02 60);border:1px solid oklch(28% .02 60);border-radius:16px;margin:1.8em 0;padding:28px 32px;overflow-x:auto}.case-body pre code{font-family:var(--font-mono);color:oklch(88% .03 85);background:0 0;border:none;padding:0;font-size:13.5px;line-height:1.65}.case-body blockquote{color:var(--color-ink);border-left:3px solid oklch(74% .15 30);margin:1.6em 0;padding:.4em 0 .4em 1.4em;font-size:clamp(17px,1.8vw,20px);font-style:italic;line-height:1.6}.case-body .tbl{border:2px solid var(--color-ink);background:var(--color-paper);border-radius:14px;margin:1.8em 0;overflow-x:auto}.case-body table{border-collapse:collapse;width:100%;min-width:460px}.case-body th,.case-body td{text-align:left;border-bottom:1px solid var(--color-edge);vertical-align:top;font-family:var(--font-body);color:var(--color-ink-soft);padding:12px 16px;font-size:clamp(14px,1.4vw,15.5px);line-height:1.55}.case-body th{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-soft);background:var(--color-cream-deep);border-bottom:2px solid var(--color-ink);white-space:nowrap;font-size:11px}.case-body th:first-child,.case-body td:first-child{width:23%}.case-body td:first-child{color:var(--color-ink);font-weight:500}.case-body tbody tr:last-child td{border-bottom:0}.case-body .tbl .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.case-body .dg{margin:2.2em 0}.case-body .dg-panel{--dg-accent:var(--color-coral);background:var(--color-paper);border:2px solid var(--color-ink);box-shadow:8px 8px 0 var(--dg-accent);border-radius:18px;padding:clamp(18px,3vw,30px);overflow-x:auto}.case-body .dg-panel.a-peri{--dg-accent:var(--color-peri)}.case-body .dg-panel.a-mint{--dg-accent:var(--color-mint)}.case-body .dg-panel.a-sun{--dg-accent:var(--color-sun)}.case-body .dg-cap{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink-mute);gap:10px;margin-top:14px;font-size:11.5px;line-height:1.6;display:flex}.case-body .dg-cap b{color:var(--color-ink);letter-spacing:.16em;flex:none;font-weight:600}.case-body .dg-col{flex-direction:column;display:flex}.case-body .dg-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.case-body .dg-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.case-body .dg-sync{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;column-gap:14px;display:grid}.case-body .dg-sync>.dg-node{height:100%}.case-body .dg-hd{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-mute);border-bottom:1px solid var(--color-edge);margin-bottom:6px;padding-bottom:8px;font-size:10.5px;line-height:1.5}.case-body .dg-hd.is-bad{color:var(--color-coral);border-bottom-color:var(--color-coral)}.case-body .dg-chain{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid}.case-body .dg-node{background:var(--color-paper);border:1px solid var(--color-edge);border-radius:14px;padding:clamp(13px,2vw,17px)}.case-body .dg-node.is-key{border:2px solid var(--color-ink);background:color-mix(in srgb, var(--dg-accent) 14%, var(--color-paper))}.case-body .dg-node.is-bad{border-color:var(--color-coral);background:color-mix(in srgb, var(--color-coral) 12%, var(--color-paper))}.case-body .dg-k{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-mute);align-items:center;gap:8px;margin-bottom:8px;font-size:10.5px;display:flex}.case-body .dg-k:before{content:"";background:var(--dg-accent);border-radius:50%;flex:none;width:7px;height:7px}.case-body .dg-k.d-mint:before{background:var(--color-mint)}.case-body .dg-k.d-coral:before{background:var(--color-coral)}.case-body .dg-k.d-sun:before{background:var(--color-sun)}.case-body .dg-t{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);font-size:clamp(15px,1.9vw,18px);font-weight:700;line-height:1.2}.case-body .dg-s{font-family:var(--font-body);color:var(--color-ink-soft);margin-top:6px;font-size:clamp(13px,1.5vw,14.5px);line-height:1.5}.case-body .dg-code{font-family:var(--font-mono);color:var(--color-ink-soft);white-space:pre-wrap;word-break:break-word;margin-top:8px;font-size:11.5px;line-height:1.5;display:block}.case-body .dg-svg{width:100%;max-width:480px;height:auto;margin:0 auto;display:block}.case-body .dg-arr{flex-direction:column;align-items:center;gap:5px;padding:10px 0;display:flex}.case-body .dg-arr:before{content:"";background:var(--color-edge);border-radius:2px;width:2px;height:16px}.case-body .dg-arr:after{content:"";border-right:2px solid var(--color-ink-mute);border-bottom:2px solid var(--color-ink-mute);width:8px;height:8px;transform:rotate(45deg)translate(-2px,-2px)}.case-body .dg-arr-h{justify-content:center;align-items:center;padding:0 10px;display:flex}.case-body .dg-arr-h:after{content:"";border-right:2px solid var(--color-ink-mute);border-bottom:2px solid var(--color-ink-mute);width:8px;height:8px;transform:rotate(-45deg)}.case-body .dg-v{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border:2px solid var(--color-ink);color:var(--color-ink);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;display:inline-block}.case-body .dg-v.v-pass{background:var(--color-mint)}.case-body .dg-v.v-block{background:var(--color-coral)}.case-body .dg-v.v-hold{background:var(--color-sun)}@media (width<=760px){.case-body .dg-chain{grid-template-columns:minmax(0,1fr)}.case-body .dg-chain .dg-arr-h{padding:10px 0}.case-body .dg-chain .dg-arr-h:after{transform:rotate(45deg)}}@media (width<=640px){.case-body .dg-panel{box-shadow:5px 5px 0 var(--dg-accent);border-radius:14px}.case-body .dg-panel:has(.dg-svg){padding:12px 8px}.case-body .dg-pair,.case-body .dg-grid{grid-template-columns:minmax(0,1fr)}.case-body .dg-sync{column-gap:9px}.case-body .dg-sync .dg-node{padding:11px}}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid oklch(74% .15 30)}.skip-to-content{background:var(--color-ink);color:var(--color-paper);font-family:var(--font-display);z-index:9999;white-space:nowrap;border-radius:0 0 8px 8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-to-content:focus{outline:none;top:0}@keyframes heroWave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}@keyframes heroChipFloat{0%,to{transform:translateY(calc(-1 * var(--amp,8px))) rotate(var(--rot,0deg))}50%{transform:translateY(var(--amp,8px)) rotate(var(--rot,0deg))}}@keyframes heroScrollBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}@media (width<=768px){.responsive-nav-links{gap:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}