:root{--gold:#d4a037;--gold-light:#f5e6c4;--coral:#c75b3f;--charcoal:#1b1b2f;--slate:#2d2d44;--cream:#fdf8f2;--warm-gray:#a09b93;--light-gray:#e8e4de;--white:#fff;--font-serif:"DM Serif Display",Georgia,serif;--font-sans:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono",monospace;--content-max:740px;--toc-width:210px;--gap:4rem}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--gold-light);color:var(--charcoal)}.cs-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;padding:1rem 3rem;background:hsla(33,73%,97%,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--light-gray)}.cs-back,.cs-nav{align-items:center}.cs-back{display:inline-flex;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--warm-gray);text-decoration:none;transition:color .25s}.cs-back:hover{color:var(--charcoal)}.cs-nav-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--warm-gray);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-hero{background:var(--charcoal);padding:5rem 3rem 4rem;position:relative}.cs-hero-inner{max-width:calc(var(--content-max) + var(--toc-width) + var(--gap));margin:0 auto}.cs-type-tag{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.cs-type-tag:before{content:"";width:32px;height:1px;background:var(--gold);flex-shrink:0}.cs-hero-name{font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,4rem);color:var(--cream);line-height:1.05;margin-bottom:1.25rem}.cs-hero-tagline{font-size:1.1rem;color:var(--warm-gray);line-height:1.65;max-width:580px;margin-bottom:2.25rem}.cs-hero-stack{display:flex;flex-wrap:wrap;gap:.5rem}.cs-hero-chip{padding:.35rem .85rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:100px;font-family:var(--font-mono);font-size:.7rem;color:var(--warm-gray);letter-spacing:.04em}.cs-hero-rule{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--gold),var(--coral),transparent);opacity:.6}.cs-body{display:flex;gap:var(--gap);max-width:calc(var(--content-max) + var(--toc-width) + var(--gap) + 6rem);margin:0 auto;padding:4rem 3rem 6rem;align-items:flex-start}.cs-toc{width:var(--toc-width);flex-shrink:0;position:-webkit-sticky;position:sticky;top:5rem}.cs-toc-heading{font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--light-gray)}.cs-toc-heading,.cs-toc-link{font-family:var(--font-mono);color:var(--warm-gray)}.cs-toc-link{display:block;padding:.45rem .75rem;font-size:.72rem;text-decoration:none;letter-spacing:.04em;border-left:2px solid transparent;transition:color .2s,border-color .2s}.cs-toc-link:hover{color:var(--charcoal);border-left-color:var(--gold)}.cs-content{flex:1 1;min-width:0;max-width:var(--content-max)}.cs-section{padding-bottom:4.5rem;scroll-margin-top:5rem}.cs-section:last-child{padding-bottom:0}.cs-section-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem}.cs-section-num{font-family:var(--font-mono);font-size:.72rem;color:var(--gold);letter-spacing:.1em;flex-shrink:0}.cs-section-title{font-family:var(--font-serif);font-size:clamp(1.6rem,2.5vw,2.2rem);color:var(--charcoal);line-height:1.1;white-space:nowrap}.cs-section-rule{flex:1 1;height:1px;background:var(--light-gray);min-width:20px}.cs-video-wrap{border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--charcoal)}.cs-video-embed{width:100%;height:100%;border:none;display:block}.cs-video-placeholder{background:var(--charcoal);width:100%;height:100%;flex-direction:column;gap:1rem;text-align:center;padding:2rem;border:1px solid var(--slate)}.cs-play-btn,.cs-video-placeholder{display:flex;align-items:center;justify-content:center}.cs-play-btn{width:64px;height:64px;border-radius:50%;background:rgba(212,160,55,.15);border:1.5px solid var(--gold);color:var(--gold);margin-bottom:.5rem}.cs-video-label{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;color:var(--warm-gray)}.cs-video-sub{font-size:.85rem;color:hsla(37,6%,60%,.6);max-width:360px}.cs-prose{font-size:1.02rem;line-height:1.85;color:var(--charcoal)}.cs-problem-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.cs-problem-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--white);border:1px solid var(--light-gray);border-radius:8px;transition:border-color .25s,box-shadow .25s}.cs-problem-item:hover{border-color:var(--gold);box-shadow:0 4px 20px rgba(27,27,47,.06)}.cs-problem-idx{font-family:var(--font-mono);font-size:.72rem;color:var(--gold);letter-spacing:.08em;flex-shrink:0;padding-top:.15rem}.cs-problem-text{font-size:.95rem;line-height:1.7;color:var(--charcoal)}.cs-solution-flow{margin-top:1.75rem;padding:1.25rem 1.75rem;background:var(--charcoal);border-radius:8px;font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--gold);letter-spacing:.06em;text-align:center}.cs-feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.cs-feature-card{padding:1.5rem;background:var(--white);border:1px solid var(--light-gray);border-radius:8px;transition:border-color .3s,box-shadow .3s,transform .3s}.cs-feature-card:hover{border-color:var(--gold);box-shadow:0 8px 30px rgba(27,27,47,.07);transform:translateY(-2px)}.cs-feature-icon{font-size:1.5rem;display:block;margin-bottom:.85rem}.cs-feature-name{font-family:var(--font-serif);font-size:1.05rem;color:var(--charcoal);margin-bottom:.6rem;line-height:1.25}.cs-feature-desc{font-size:.875rem;line-height:1.7;color:var(--warm-gray)}.cs-feature-card--featured{grid-column:1/-1;border-color:var(--gold);background:rgba(212,160,55,.04);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.25rem;column-gap:1.25rem;align-items:start}.cs-feature-card--featured .cs-feature-icon{font-size:2rem;grid-row:1/3;margin-bottom:0;padding-top:.15rem}.cs-feature-card--featured .cs-feature-name{font-size:1.15rem}.cs-feature-card--featured .cs-feature-desc{font-size:.92rem}.cs-feature-card--hero{grid-column:1/-1;background:var(--charcoal);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 16px 48px rgba(27,27,47,.15);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1.5rem;column-gap:1.5rem;align-items:start}.cs-feature-card--hero .cs-feature-icon{font-size:2.5rem;grid-row:1/3;margin-bottom:0;padding-top:.1rem}.cs-feature-card--hero .cs-feature-name{font-family:var(--font-serif);font-size:1.35rem;color:var(--gold);margin-bottom:.75rem}.cs-feature-card--hero .cs-feature-desc{font-size:.95rem;line-height:1.8;color:var(--warm-gray)}.cs-feature-card--hero:hover{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 24px 64px rgba(27,27,47,.2);transform:translateY(-2px)}.cs-stack-groups{display:flex;flex-direction:column;gap:1.5rem}.cs-stack-group{display:flex;align-items:flex-start;gap:1.5rem}.cs-stack-cat{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold);width:90px;flex-shrink:0;padding-top:.45rem}.cs-stack-tags{display:flex;flex-wrap:wrap;gap:.45rem}.cs-stack-tag{padding:.4rem .9rem;background:rgba(212,160,55,.08);border:1px solid rgba(212,160,55,.2);border-radius:100px;font-family:var(--font-mono);font-size:.72rem;color:var(--charcoal);letter-spacing:.03em;transition:background .2s,border-color .2s}.cs-stack-tag:hover{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal)}.cs-impact-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.cs-impact-item{font-size:.97rem;line-height:1.7;color:var(--charcoal);padding:1rem 1.25rem;border-left:3px solid var(--gold);background:rgba(212,160,55,.05);border-radius:0 6px 6px 0;font-weight:500}.cs-learned-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.cs-learned-col{background:var(--white);border:1px solid var(--light-gray);border-radius:8px;padding:1.75rem}.cs-learned-label{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--light-gray)}.cs-learned-list{list-style:none;display:flex;flex-direction:column;gap:.85rem}.cs-learned-list li{font-size:.875rem;line-height:1.65;color:var(--charcoal);padding-left:1rem;position:relative}.cs-learned-list li:before{content:"—";position:absolute;left:0;color:var(--warm-gray);font-size:.75rem}.cs-learned-col--full{background:var(--white);border:1px solid var(--light-gray);border-radius:8px;padding:1.75rem;max-width:100%}.cs-access-card{background:var(--charcoal);border-radius:10px;padding:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.cs-access-btns{display:flex;gap:.75rem;flex-wrap:wrap}.cs-github-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:var(--gold);color:var(--charcoal);font-family:var(--font-sans);font-weight:700;font-size:.85rem;text-decoration:none;border-radius:6px;width:-moz-fit-content;width:fit-content;transition:background .25s,color .25s}.cs-github-btn:hover{background:var(--coral);color:var(--white)}.cs-access-note{font-size:.92rem;color:var(--warm-gray);line-height:1.7}.cs-demo-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;background:transparent;color:var(--gold);font-family:var(--font-sans);font-weight:600;font-size:.85rem;text-decoration:none;border-radius:6px;border:1.5px solid var(--gold);width:-moz-fit-content;width:fit-content;transition:background .25s,color .25s}.cs-demo-btn:hover{background:var(--gold);color:var(--charcoal)}.cs-contact-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);text-decoration:none;width:-moz-fit-content;width:fit-content;transition:color .25s}.cs-contact-cta:hover{color:var(--cream)}.cs-footer{background:var(--charcoal);padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--slate)}.cs-footer-back,.cs-footer-copy{font-family:var(--font-mono);font-size:.72rem;color:var(--warm-gray);letter-spacing:.05em}.cs-footer-back{text-decoration:none;transition:color .25s}.cs-footer-back:hover{color:var(--gold)}@media (max-width:1100px){.cs-toc{display:none}.cs-body{padding:3rem 2.5rem 5rem}}@media (max-width:768px){.cs-hero{padding:4rem 1.5rem 3rem}.cs-nav{padding:.85rem 1.5rem}.cs-nav-title{display:none}.cs-body{padding:2.5rem 1.5rem 4rem}.cs-feature-grid,.cs-learned-grid{grid-template-columns:1fr}.cs-stack-group{flex-direction:column;gap:.6rem}.cs-stack-cat{width:auto;padding-top:0}.cs-footer{flex-direction:column;gap:.75rem;padding:1.75rem 1.5rem}.cs-section-title{white-space:normal}}