.creator-crave{scroll-margin-top:96px}.creator-crave .crave-intro{max-width:850px}.creator-crave .crave-track{border-block:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:48px;display:grid;position:relative}.creator-crave .crave-track:before{content:"";background:var(--border);height:1px;position:absolute;top:53px;left:10%;right:10%}.creator-crave .crave-track:after{content:"";background:var(--primary);width:0;height:2px;transition:width .6s;position:absolute;top:53px;left:10%}.creator-crave[data-stage="1"] .crave-track:after{width:20%}.creator-crave[data-stage="2"] .crave-track:after{width:40%}.creator-crave[data-stage="3"] .crave-track:after{width:60%}.creator-crave[data-stage="4"] .crave-track:after{width:80%}.creator-crave .crave-node{z-index:1;height:142px;color:var(--muted-foreground);background:0 0;border-radius:0;flex-direction:column;gap:16px;padding:24px 8px;display:flex;position:relative}.creator-crave .crave-node strong{border:1px solid var(--border);background:var(--background);width:58px;height:58px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:28px;font-weight:500;transition:border-color .3s,color .3s;display:grid}.creator-crave .crave-node[aria-pressed=true]{color:var(--primary)}.creator-crave .crave-node[aria-pressed=true] strong{border-color:var(--primary)}.creator-crave .crave-node:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}.creator-crave .crave-detail{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;min-height:400px;padding-block:40px;display:grid}.creator-crave .crave-detail h3{margin-top:16px;font-size:30px;line-height:1.2}.creator-crave .crave-detail-description{color:var(--muted-foreground);margin-top:20px;line-height:1.8}.creator-crave .crave-mechanisms{color:var(--muted-foreground);flex-wrap:wrap;gap:8px 20px;margin-top:24px;font-size:12px;list-style:none;display:flex}.creator-crave .crave-mechanisms li:before{content:"↗";color:var(--primary);margin-right:6px}.creator-crave .crave-demo{flex-direction:column;justify-content:center;min-width:0;display:flex}.creator-crave .crave-demo svg{aspect-ratio:360/190;width:100%;overflow:hidden}.creator-crave .crave-demo rect,.creator-crave .crave-demo circle{fill:var(--secondary);stroke:var(--border);stroke-width:1.5px}.creator-crave .crave-demo path{fill:none;stroke:var(--border);stroke-width:2px}.creator-crave .crave-demo text{fill:var(--muted-foreground);font-family:var(--font-display);font-size:16px}.creator-crave .crave-demo .crave-signal{stroke:var(--primary)}.creator-crave .crave-demo .crave-signal-text{fill:var(--primary)}.creator-crave .crave-demo .crave-trace{stroke:var(--primary);stroke-dasharray:1;animation:2.6s both crave-trace}.creator-crave .crave-demo .crave-reveal{animation:1.3s both crave-reveal}.creator-crave .crave-demo .crave-scroll{animation:2.5s both crave-scroll}.creator-crave .crave-demo .crave-react{transform-origin:180px 90px;animation:1.5s both crave-react}.creator-crave .crave-objective{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding-top:18px;font-size:14px;line-height:1.6;display:flex}.creator-crave .crave-objective svg{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:3px}.creator-crave .crave-engineering{border-block:1px solid var(--border)}.creator-crave .crave-engineering-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:16px 24px;display:grid}.creator-crave .crave-engineering-grid h4{margin-bottom:16px;font-size:20px}.creator-crave .crave-engineering-grid p{color:var(--muted-foreground);margin-top:12px;font-size:14px;line-height:1.8}.creator-crave .crave-engineering-grid strong{color:var(--foreground);font-weight:500}.creator-crave .crave-learning{padding-block:40px}.creator-crave .crave-learning h3{font-size:26px;line-height:1.3}.creator-crave .crave-learning-flow{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-block:24px;font-size:12px;display:flex}.creator-crave .crave-learning-flow span{align-items:center;gap:20px;display:inline-flex}.creator-crave .crave-learning-flow svg{color:var(--primary);width:16px;height:16px}.creator-crave .crave-closing{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:32px;padding-top:36px;display:flex}.creator-crave .crave-closing p{max-width:660px;font-size:20px;line-height:1.6}@keyframes crave-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes crave-reveal{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes crave-scroll{0%{transform:translateY(-35px)}to{transform:translateY(0)}}@keyframes crave-react{0%{transform:scale(.85)}50%{transform:scale(1.08)}to{transform:scale(1)}}.creator-crave[data-motion=paused] .crave-demo *{animation:none}@media (width<=700px){.creator-crave .crave-node{gap:14px;height:124px;padding-inline:0;font-size:10px}.creator-crave .crave-node strong{width:48px;height:48px;font-size:24px}.creator-crave .crave-track:before,.creator-crave .crave-track:after{top:48px}.creator-crave .crave-detail{grid-template-columns:minmax(0,1fr);gap:20px;min-height:650px}.creator-crave .crave-detail h3{font-size:26px}.creator-crave .crave-engineering-grid{grid-template-columns:minmax(0,1fr)}.creator-crave .crave-closing{flex-direction:column;align-items:flex-start}.creator-crave .crave-closing .product-cta{white-space:normal;max-width:100%}}@media (prefers-reduced-motion:reduce){.creator-crave *,.creator-crave :after{transition:none!important;animation:none!important}}