[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-automattic-motion-and-micro-interactions":3,"mdc-vm9ju1-key":36,"related-repo-automattic-motion-and-micro-interactions":7116,"related-org-automattic-motion-and-micro-interactions":7194},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":31,"sourceUrl":34,"mdContent":35},"motion-and-micro-interactions","apply premium motion and micro-interactions","Apply the motion language of premium VC-funded sites — specific cubic-bezier easings (not ease-in-out), snappy 75-200ms durations, mechanical press feedback, orchestrated hover deltas, width-animated buttons, mouse-tracking gradients, blur-in reveals, scroll-linked reveals. Use when interactions feel \"springy and generic\" or when the user wants their site to feel responsive, alive, physical.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"automattic","Automattic","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fautomattic.png",[12,16,19,22],{"name":13,"slug":14,"type":15},"Interaction","interaction","tag",{"name":17,"slug":18,"type":15},"Animation","animation",{"name":20,"slug":21,"type":15},"Frontend","frontend",{"name":23,"slug":24,"type":15},"Design","design",1,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdesign-polish-suite","2026-06-20T07:57:09.291269",null,0,[],{"repoUrl":26,"stars":25,"forks":29,"topics":32,"description":33},[],"This suite contains 6 focused skills that together form a full-stack design intervention for interfaces suffering from Terminal Blandness Syndrome (TBS). Symptoms include: identical card radiuses everywhere, #000 text on #fff backgrounds, hover states that just make things darker, and gradients that scream “I asked an AI to make this.”","https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fdesign-polish-suite\u002Ftree\u002FHEAD\u002Fmotion-and-micro-interactions","---\nname: motion-and-micro-interactions\ndescription: Apply the motion language of premium VC-funded sites — specific cubic-bezier easings (not ease-in-out), snappy 75-200ms durations, mechanical press feedback, orchestrated hover deltas, width-animated buttons, mouse-tracking gradients, blur-in reveals, scroll-linked reveals. Use when interactions feel \"springy and generic\" or when the user wants their site to feel responsive, alive, physical.\n---\n\n# Motion and Micro-Interactions\n\nPremium sites don't use \"ease-in-out 300ms\" — they use specific easings, deliberate durations, orchestrated hover states, and physical press feedback. Extracted from Amplemarket, Cohere, Antimetal, Hex, Autosend, Shade, Cal, Amplemarket, AngelList.\n\n## When to invoke\n\n- Transitions use `transition: all 300ms ease-in-out` defaults\n- Buttons have `hover:bg-blue-600` only — no press, no scale, no delta beyond color\n- Scroll doesn't do anything\n- Cursor feels static on the page\n- User says design feels \"flat,\" \"lifeless,\" \"not responsive\"\n\n## The 7 core rules\n\n### Rule 1: Stop using `ease-in-out` — pick a specific cubic-bezier\n\nCase-study sites use **specific, named cubic-bezier curves**, not browser defaults:\n\n```css\n\u002F* Amplemarket's signature easeOutCubic — snappy entry, soft settle *\u002F\n--ease-amplemarket: cubic-bezier(.215, .61, .355, 1);\n\n\u002F* Material standard — used by Cohere, Antimetal, many others *\u002F\n--ease-material: cubic-bezier(.4, 0, .2, 1);\n\n\u002F* Hex's explicit default — just the CSS default made intentional *\u002F\n--ease-hex: cubic-bezier(.25, .1, .25, 1);\n\n\u002F* Tailwind-style ease-out — punchy, used by Hex, Shade *\u002F\n--ease-out-tw: cubic-bezier(0, 0, .2, 1);\n\n\u002F* Framer spring default (Shade uses this) *\u002F\n--ease-framer: cubic-bezier(.44, 0, .56, 1);\n\n\u002F* Reducto's in-out pair *\u002F\n--ease-in-out-reducto: cubic-bezier(.4, 0, .2, 1);\n--ease-out-reducto: cubic-bezier(0, 0, .2, 1);\n```\n\n**Rule of thumb**: use `cubic-bezier(.4, 0, .2, 1)` as your default. Use `cubic-bezier(.215, .61, .355, 1)` for \"pop-in\" entrances. Use `cubic-bezier(0, 0, .2, 1)` for anything that needs to feel snappy.\n\nAnti-pattern: `transition: all 0.3s ease-in-out;` everywhere.\n\n### Rule 2: Durations matter — 75ms is tactile, 200ms is calm, 1500ms is editorial\n\nThe default `300ms` is lazy. Premium sites pick specific durations per interaction type:\n\n| Duration | Use case | Source |\n|---|---|---|\n| 75ms | Button press\u002Factive state | Autosend (`ease-in duration-75`) |\n| 100-150ms | Hover color swaps, icon arrows | Reducto, Antimetal (`--default-transition-duration: .15s`) |\n| 200ms | Card hover, background shifts | Cal, Incident, most sites |\n| 250ms | Button color + ring delta | Hex, Incident |\n| 300ms | Color-only transitions | Reducto `transition-colors duration-300` |\n| 500ms | Scroll-triggered reveals, parallax | Amplemarket |\n| 1500ms | Slow opacity fade-in (editorial) | Cohere (`opacity 1.5s ease-in`) |\n\n**Button press should be FAST (75-100ms)**. Hover deltas can be 200ms. Scroll reveals can breathe at 400-600ms.\n\n### Rule 3: Buttons need mechanical press feedback\n\n`hover:bg-blue-600` is not enough. Give the button a **physical pressed state**.\n\n**Autosend's mechanical press** (copy this):\n```css\n.btn {\n  transition: all 75ms ease-in;\n}\n.btn:active {\n  box-shadow: none;          \u002F* drops the lift *\u002F\n  transform: scale(0.95);    \u002F* 5% compression *\u002F\n}\n```\n\n**Amplemarket's inset-inversion press** — swaps the inset highlight from white to dark so the button LOOKS pushed in:\n```css\n.btn {\n  box-shadow:\n    0 6px 2px #11111103,\n    0 3px 2px #1111110D,\n    0 1px 1px #11111117,\n    0 0 1px #1111111f,\n    inset 0 6px 12px #ffffff33,      \u002F* ← highlight *\u002F\n    inset 0 1px 1px #fff3;\n}\n.btn:active {\n  box-shadow:\n    0 6px 2px #11111103,\n    0 3px 2px #1111110D,\n    0 1px 1px #11111117,\n    0 0 1px #1111111f,\n    inset 0 6px 12px #11111133,      \u002F* ← inverts to dark *\u002F\n    inset 0 1px 1px #111111f3;\n}\n```\n\n**Antimetal's orchestrated hover** — sub-elements physically translate apart:\n```css\n.cta-button:hover .cta-label { transform: translateX(-36px); }\n.cta-button:hover .cta-arrow { transform: translateX(36px); }\n.cta-button:hover { width: 102%; }  \u002F* tiny scale-x too *\u002F\n```\n\n**Cohere's width-animated button** — the button itself expands on hover:\n```css\n.primary-btn {\n  max-width: 200px;\n  transition: max-width .2s ease-in-out;\n}\n.primary-btn:hover { max-width: 300px; }\n```\n\nAnti-pattern: `.btn:hover { background: darker; }` (color-only delta).\n\n### Rule 4: Hero text reveals with blur-in, not opacity fade\n\nStandard AI reveal: `opacity: 0 → opacity: 1` (boring).\nAntimetal's reveal: vertical rise + blur clearing + opacity.\n\n```css\n.hero-line {\n  opacity: 0;\n  transform: translateY(48px);\n  filter: blur(4px);\n  transition: opacity 600ms, transform 600ms, filter 600ms;\n  transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n}\n.hero-line.visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n\u002F* Stagger multiple lines *\u002F\n.hero-line:nth-child(1) { transition-delay: 0ms; }\n.hero-line:nth-child(2) { transition-delay: 100ms; }\n.hero-line:nth-child(3) { transition-delay: 200ms; }\n```\n\n### Rule 5: Cards hover with shadow growth, not translateY\n\nMost sites don't lift cards — they **grow the shadow + ring weight**:\n\n**Cal's hover** — ring darkens from 8% to 10% alpha:\n```css\n.card {\n  box-shadow:\n    0px 1px 5px -4px rgba(19,19,22,0.7),\n    0px 0px 0px 1px rgba(34,42,53,0.08),\n    0px 4px 8px 0px rgba(34,42,53,0.05);\n  transition: box-shadow 200ms;\n}\n.card:hover {\n  box-shadow:\n    0px 1px 5px -4px rgba(19,19,22,0.7),\n    0px 0px 0px 1px rgba(34,42,53,0.10),\n    0px 4px 8px 0px rgba(34,42,53,0.05);\n}\n```\n\n**Hex's hover** — ring weight and contact shadow deepen:\n```css\n.card {\n  box-shadow:\n    0 0 0 1px rgba(49,38,59,0.22),\n    0 103px 103px 0 rgba(49,38,59,0.09),\n    0 26px 57px 0 rgba(49,38,59,0.10);\n}\n.card:hover {\n  box-shadow:\n    0 0 0 1px rgba(49,38,59,0.32),\n    0 103px 103px 0 rgba(49,38,59,0.12),\n    0 26px 57px 0 rgba(49,38,59,0.15);\n}\n```\n\n**Incident's hover** — `shadow-lg` → `shadow-2xl`:\n```css\n.card { box-shadow: var(--tw-shadow-lg); transition: box-shadow 250ms; }\n.card:hover { box-shadow: var(--tw-shadow-2xl); }\n```\n\nAnti-pattern: `.card:hover { transform: translateY(-4px); }` (generic).\n\n### Rule 6: Mouse-tracking effects create living pages\n\n**Amplemarket** — the hero text is a `radial-gradient` whose position follows the mouse via CSS variables:\n\n```css\n.hero-text {\n  background: radial-gradient(\n    80% 109% at var(--gradient-posX, 50%) var(--gradient-posY, 50%),\n    #D0B2FF 0%,\n    #FFEED8 50%,\n    #E8400D 100%);\n  background-clip: text;\n  color: transparent;\n}\n```\n\n```js\ndocument.addEventListener('mousemove', (e) => {\n  const { clientX, clientY, currentTarget } = e;\n  const { width, height } = currentTarget.getBoundingClientRect();\n  document.documentElement.style.setProperty('--gradient-posX', `${(clientX\u002Fwidth)*100}%`);\n  document.documentElement.style.setProperty('--gradient-posY', `${(clientY\u002Fheight)*100}%`);\n});\n```\n\n**Shade** — a chartreuse (#c6eb57) spotlight follows the cursor over the hero. Plus a `conic-gradient` halo that spins around the AI search lozenge:\n\n```css\n.ai-halo {\n  background: conic-gradient(transparent 200deg, rgb(133, 92, 247));\n  animation: spin 2s linear infinite;\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n```\n\n### Rule 7: Scroll-triggered reveals per section (not per element)\n\nPremium sites reveal content in **staggered groups** with a subtle delta, not per-element fades:\n\n```css\n\u002F* Section reveals as a group on scroll into view *\u002F\n.section {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 600ms cubic-bezier(.215,.61,.355,1) 0ms,\n              transform 600ms cubic-bezier(.215,.61,.355,1) 0ms;\n}\n.section.in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\u002F* Children stagger by nth-child delay *\u002F\n.section .reveal-item { transition-delay: calc(var(--index, 0) * 80ms); }\n```\n\n```js\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach((entry) => {\n    if (entry.isIntersecting) entry.target.classList.add('in-view');\n  });\n}, { threshold: 0.15 });\ndocument.querySelectorAll('.section').forEach((el) => observer.observe(el));\n```\n\n**AngelList** goes further with scroll-linked parallax and pinned sections — `ScrollTrackingWrapper` drives per-section reveals with 2-5 second timelines.\n\n**Incident's hero** rotates through 5 product screenshots via Swiper — the real product UI is the motion.\n\n## Complete motion system starter\n\n```css\n:root {\n  \u002F* Easings *\u002F\n  --ease-snappy: cubic-bezier(.215, .61, .355, 1);\n  --ease-standard: cubic-bezier(.4, 0, .2, 1);\n  --ease-out: cubic-bezier(0, 0, .2, 1);\n  --ease-framer: cubic-bezier(.44, 0, .56, 1);\n\n  \u002F* Durations *\u002F\n  --duration-press: 75ms;\n  --duration-quick: 150ms;\n  --duration-base: 200ms;\n  --duration-reveal: 600ms;\n  --duration-slow: 1500ms;\n}\n\n\u002F* Buttons *\u002F\n.btn {\n  transition: all var(--duration-press) ease-in;\n}\n.btn:hover {\n  transition-duration: var(--duration-base);\n}\n.btn:active {\n  transform: scale(0.97);\n}\n\n\u002F* Cards — shadow hover, not lift *\u002F\n.card {\n  transition: box-shadow var(--duration-base) var(--ease-standard);\n}\n\n\u002F* Hero reveal *\u002F\n@keyframes reveal-up {\n  from { opacity: 0; transform: translateY(48px); filter: blur(4px); }\n  to   { opacity: 1; transform: translateY(0); filter: blur(0); }\n}\n.hero-line {\n  animation: reveal-up var(--duration-reveal) var(--ease-snappy) both;\n}\n.hero-line:nth-child(1) { animation-delay: 0ms; }\n.hero-line:nth-child(2) { animation-delay: 100ms; }\n.hero-line:nth-child(3) { animation-delay: 200ms; }\n\n\u002F* Section scroll reveal *\u002F\n.section {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity var(--duration-reveal) var(--ease-snappy),\n              transform var(--duration-reveal) var(--ease-snappy);\n}\n.section.in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\u002F* Cursor spotlight (Shade-style) *\u002F\n.hero-spotlight {\n  background: radial-gradient(\n    250px circle at var(--mx, 50%) var(--my, 50%),\n    rgba(198, 235, 87, 0.4),\n    transparent 40%);\n  pointer-events: none;\n}\n```\n\n## Application workflow\n\n1. **Replace every `ease-in-out`** with one of the 4 named cubic-beziers above.\n2. **Set duration by interaction type**: 75ms active, 150-200ms hover, 600ms reveal.\n3. **Give buttons an `:active` state** with `scale(0.95)` or inset-inversion.\n4. **Hover cards via shadow**, not translateY.\n5. **Add blur-in reveals** to hero text lines with staggered delays.\n6. **Add IntersectionObserver section reveals** with 80ms stagger between children.\n7. **Consider a mouse-tracking effect** for the hero (spotlight, gradient position, or tilt).\n\n## Anti-patterns to kill\n\n- `transition: all 300ms ease-in-out` on everything\n- `.btn:hover { background-color: darker; }` — color-only hover with no press\n- Cards that `translateY(-4px)` on hover (cliché)\n- `opacity: 0 → 1` fades with no translateY or blur\n- Transitions that animate `all` properties (perf + visual noise)\n- Hero animations that don't stagger\n- Missing `:active` state on buttons (breaks physical feel)\n- Animating `transform: translateX(...)` with a generic 300ms ease\n\n## Site references\n\n| Pattern | Case study |\n|---|---|\n| cubic-bezier(.215,.61,.355,1) easeOutCubic | Amplemarket |\n| 75ms snappy button transitions | Autosend |\n| 1.5s slow opacity fade | Cohere |\n| Inset-inversion press feedback | Amplemarket |\n| Width-animated button | Cohere (max-width) |\n| Orchestrated child translation on hover | Antimetal |\n| Blur-in hero reveal | Antimetal (`blur-[4px]` → 0) |\n| Shadow-grow card hover | Cal, Hex, Incident |\n| Mouse-tracking gradient (CSS var) | Amplemarket (WebGL), Shade (cursor spotlight) |\n| Conic-gradient halo spin | Shade |\n| Scroll-linked per-section timelines | AngelList (ScrollTrackingWrapper) |\n| Kbd keycap 3D shadow | Incident (`box-shadow: 0 3px 0`) |\n",{"data":37,"body":38},{"name":4,"description":6},{"type":39,"children":40},"root",[41,49,55,62,109,115,130,143,575,609,622,628,641,827,837,843,859,869,1033,1043,1493,1503,1689,1699,1825,1837,1843,1856,2364,2370,2381,2391,2868,2878,3324,3349,3475,3487,3493,3510,3737,4138,4156,4349,4355,4367,4758,5088,5106,5116,5122,6717,6723,6818,6824,6915,6921,7111],{"type":42,"tag":43,"props":44,"children":45},"element","h1",{"id":4},[46],{"type":47,"value":48},"text","Motion and Micro-Interactions",{"type":42,"tag":50,"props":51,"children":52},"p",{},[53],{"type":47,"value":54},"Premium sites don't use \"ease-in-out 300ms\" — they use specific easings, deliberate durations, orchestrated hover states, and physical press feedback. Extracted from Amplemarket, Cohere, Antimetal, Hex, Autosend, Shade, Cal, Amplemarket, AngelList.",{"type":42,"tag":56,"props":57,"children":59},"h2",{"id":58},"when-to-invoke",[60],{"type":47,"value":61},"When to invoke",{"type":42,"tag":63,"props":64,"children":65},"ul",{},[66,81,94,99,104],{"type":42,"tag":67,"props":68,"children":69},"li",{},[70,72,79],{"type":47,"value":71},"Transitions use ",{"type":42,"tag":73,"props":74,"children":76},"code",{"className":75},[],[77],{"type":47,"value":78},"transition: all 300ms ease-in-out",{"type":47,"value":80}," defaults",{"type":42,"tag":67,"props":82,"children":83},{},[84,86,92],{"type":47,"value":85},"Buttons have ",{"type":42,"tag":73,"props":87,"children":89},{"className":88},[],[90],{"type":47,"value":91},"hover:bg-blue-600",{"type":47,"value":93}," only — no press, no scale, no delta beyond color",{"type":42,"tag":67,"props":95,"children":96},{},[97],{"type":47,"value":98},"Scroll doesn't do anything",{"type":42,"tag":67,"props":100,"children":101},{},[102],{"type":47,"value":103},"Cursor feels static on the page",{"type":42,"tag":67,"props":105,"children":106},{},[107],{"type":47,"value":108},"User says design feels \"flat,\" \"lifeless,\" \"not responsive\"",{"type":42,"tag":56,"props":110,"children":112},{"id":111},"the-7-core-rules",[113],{"type":47,"value":114},"The 7 core rules",{"type":42,"tag":116,"props":117,"children":119},"h3",{"id":118},"rule-1-stop-using-ease-in-out-pick-a-specific-cubic-bezier",[120,122,128],{"type":47,"value":121},"Rule 1: Stop using ",{"type":42,"tag":73,"props":123,"children":125},{"className":124},[],[126],{"type":47,"value":127},"ease-in-out",{"type":47,"value":129}," — pick a specific cubic-bezier",{"type":42,"tag":50,"props":131,"children":132},{},[133,135,141],{"type":47,"value":134},"Case-study sites use ",{"type":42,"tag":136,"props":137,"children":138},"strong",{},[139],{"type":47,"value":140},"specific, named cubic-bezier curves",{"type":47,"value":142},", not browser defaults:",{"type":42,"tag":144,"props":145,"children":150},"pre",{"className":146,"code":147,"language":148,"meta":149,"style":149},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F* Amplemarket's signature easeOutCubic — snappy entry, soft settle *\u002F\n--ease-amplemarket: cubic-bezier(.215, .61, .355, 1);\n\n\u002F* Material standard — used by Cohere, Antimetal, many others *\u002F\n--ease-material: cubic-bezier(.4, 0, .2, 1);\n\n\u002F* Hex's explicit default — just the CSS default made intentional *\u002F\n--ease-hex: cubic-bezier(.25, .1, .25, 1);\n\n\u002F* Tailwind-style ease-out — punchy, used by Hex, Shade *\u002F\n--ease-out-tw: cubic-bezier(0, 0, .2, 1);\n\n\u002F* Framer spring default (Shade uses this) *\u002F\n--ease-framer: cubic-bezier(.44, 0, .56, 1);\n\n\u002F* Reducto's in-out pair *\u002F\n--ease-in-out-reducto: cubic-bezier(.4, 0, .2, 1);\n--ease-out-reducto: cubic-bezier(0, 0, .2, 1);\n","css","",[151],{"type":42,"tag":73,"props":152,"children":153},{"__ignoreMap":149},[154,165,223,233,242,290,298,307,358,366,375,412,420,429,476,484,493,538],{"type":42,"tag":155,"props":156,"children":158},"span",{"class":157,"line":25},"line",[159],{"type":42,"tag":155,"props":160,"children":162},{"style":161},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[163],{"type":47,"value":164},"\u002F* Amplemarket's signature easeOutCubic — snappy entry, soft settle *\u002F\n",{"type":42,"tag":155,"props":166,"children":168},{"class":157,"line":167},2,[169,175,181,186,191,196,201,205,209,214,218],{"type":42,"tag":155,"props":170,"children":172},{"style":171},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[173],{"type":47,"value":174},"--ease-amplemarket: cubic-bezier(",{"type":42,"tag":155,"props":176,"children":178},{"style":177},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[179],{"type":47,"value":180},".",{"type":42,"tag":155,"props":182,"children":183},{"style":171},[184],{"type":47,"value":185},"215",{"type":42,"tag":155,"props":187,"children":188},{"style":177},[189],{"type":47,"value":190},",",{"type":42,"tag":155,"props":192,"children":193},{"style":177},[194],{"type":47,"value":195}," .",{"type":42,"tag":155,"props":197,"children":198},{"style":171},[199],{"type":47,"value":200},"61",{"type":42,"tag":155,"props":202,"children":203},{"style":177},[204],{"type":47,"value":190},{"type":42,"tag":155,"props":206,"children":207},{"style":177},[208],{"type":47,"value":195},{"type":42,"tag":155,"props":210,"children":211},{"style":171},[212],{"type":47,"value":213},"355",{"type":42,"tag":155,"props":215,"children":216},{"style":177},[217],{"type":47,"value":190},{"type":42,"tag":155,"props":219,"children":220},{"style":171},[221],{"type":47,"value":222}," 1);\n",{"type":42,"tag":155,"props":224,"children":226},{"class":157,"line":225},3,[227],{"type":42,"tag":155,"props":228,"children":230},{"emptyLinePlaceholder":229},true,[231],{"type":47,"value":232},"\n",{"type":42,"tag":155,"props":234,"children":236},{"class":157,"line":235},4,[237],{"type":42,"tag":155,"props":238,"children":239},{"style":161},[240],{"type":47,"value":241},"\u002F* Material standard — used by Cohere, Antimetal, many others *\u002F\n",{"type":42,"tag":155,"props":243,"children":245},{"class":157,"line":244},5,[246,251,255,260,264,269,273,277,282,286],{"type":42,"tag":155,"props":247,"children":248},{"style":171},[249],{"type":47,"value":250},"--ease-material: cubic-bezier(",{"type":42,"tag":155,"props":252,"children":253},{"style":177},[254],{"type":47,"value":180},{"type":42,"tag":155,"props":256,"children":257},{"style":171},[258],{"type":47,"value":259},"4",{"type":42,"tag":155,"props":261,"children":262},{"style":177},[263],{"type":47,"value":190},{"type":42,"tag":155,"props":265,"children":266},{"style":171},[267],{"type":47,"value":268}," 0",{"type":42,"tag":155,"props":270,"children":271},{"style":177},[272],{"type":47,"value":190},{"type":42,"tag":155,"props":274,"children":275},{"style":177},[276],{"type":47,"value":195},{"type":42,"tag":155,"props":278,"children":279},{"style":171},[280],{"type":47,"value":281},"2",{"type":42,"tag":155,"props":283,"children":284},{"style":177},[285],{"type":47,"value":190},{"type":42,"tag":155,"props":287,"children":288},{"style":171},[289],{"type":47,"value":222},{"type":42,"tag":155,"props":291,"children":293},{"class":157,"line":292},6,[294],{"type":42,"tag":155,"props":295,"children":296},{"emptyLinePlaceholder":229},[297],{"type":47,"value":232},{"type":42,"tag":155,"props":299,"children":301},{"class":157,"line":300},7,[302],{"type":42,"tag":155,"props":303,"children":304},{"style":161},[305],{"type":47,"value":306},"\u002F* Hex's explicit default — just the CSS default made intentional *\u002F\n",{"type":42,"tag":155,"props":308,"children":310},{"class":157,"line":309},8,[311,316,320,325,329,333,338,342,346,350,354],{"type":42,"tag":155,"props":312,"children":313},{"style":171},[314],{"type":47,"value":315},"--ease-hex: cubic-bezier(",{"type":42,"tag":155,"props":317,"children":318},{"style":177},[319],{"type":47,"value":180},{"type":42,"tag":155,"props":321,"children":322},{"style":171},[323],{"type":47,"value":324},"25",{"type":42,"tag":155,"props":326,"children":327},{"style":177},[328],{"type":47,"value":190},{"type":42,"tag":155,"props":330,"children":331},{"style":177},[332],{"type":47,"value":195},{"type":42,"tag":155,"props":334,"children":335},{"style":171},[336],{"type":47,"value":337},"1",{"type":42,"tag":155,"props":339,"children":340},{"style":177},[341],{"type":47,"value":190},{"type":42,"tag":155,"props":343,"children":344},{"style":177},[345],{"type":47,"value":195},{"type":42,"tag":155,"props":347,"children":348},{"style":171},[349],{"type":47,"value":324},{"type":42,"tag":155,"props":351,"children":352},{"style":177},[353],{"type":47,"value":190},{"type":42,"tag":155,"props":355,"children":356},{"style":171},[357],{"type":47,"value":222},{"type":42,"tag":155,"props":359,"children":361},{"class":157,"line":360},9,[362],{"type":42,"tag":155,"props":363,"children":364},{"emptyLinePlaceholder":229},[365],{"type":47,"value":232},{"type":42,"tag":155,"props":367,"children":369},{"class":157,"line":368},10,[370],{"type":42,"tag":155,"props":371,"children":372},{"style":161},[373],{"type":47,"value":374},"\u002F* Tailwind-style ease-out — punchy, used by Hex, Shade *\u002F\n",{"type":42,"tag":155,"props":376,"children":378},{"class":157,"line":377},11,[379,384,388,392,396,400,404,408],{"type":42,"tag":155,"props":380,"children":381},{"style":171},[382],{"type":47,"value":383},"--ease-out-tw: cubic-bezier(0",{"type":42,"tag":155,"props":385,"children":386},{"style":177},[387],{"type":47,"value":190},{"type":42,"tag":155,"props":389,"children":390},{"style":171},[391],{"type":47,"value":268},{"type":42,"tag":155,"props":393,"children":394},{"style":177},[395],{"type":47,"value":190},{"type":42,"tag":155,"props":397,"children":398},{"style":177},[399],{"type":47,"value":195},{"type":42,"tag":155,"props":401,"children":402},{"style":171},[403],{"type":47,"value":281},{"type":42,"tag":155,"props":405,"children":406},{"style":177},[407],{"type":47,"value":190},{"type":42,"tag":155,"props":409,"children":410},{"style":171},[411],{"type":47,"value":222},{"type":42,"tag":155,"props":413,"children":415},{"class":157,"line":414},12,[416],{"type":42,"tag":155,"props":417,"children":418},{"emptyLinePlaceholder":229},[419],{"type":47,"value":232},{"type":42,"tag":155,"props":421,"children":423},{"class":157,"line":422},13,[424],{"type":42,"tag":155,"props":425,"children":426},{"style":161},[427],{"type":47,"value":428},"\u002F* Framer spring default (Shade uses this) *\u002F\n",{"type":42,"tag":155,"props":430,"children":432},{"class":157,"line":431},14,[433,438,442,447,451,455,459,463,468,472],{"type":42,"tag":155,"props":434,"children":435},{"style":171},[436],{"type":47,"value":437},"--ease-framer: cubic-bezier(",{"type":42,"tag":155,"props":439,"children":440},{"style":177},[441],{"type":47,"value":180},{"type":42,"tag":155,"props":443,"children":444},{"style":171},[445],{"type":47,"value":446},"44",{"type":42,"tag":155,"props":448,"children":449},{"style":177},[450],{"type":47,"value":190},{"type":42,"tag":155,"props":452,"children":453},{"style":171},[454],{"type":47,"value":268},{"type":42,"tag":155,"props":456,"children":457},{"style":177},[458],{"type":47,"value":190},{"type":42,"tag":155,"props":460,"children":461},{"style":177},[462],{"type":47,"value":195},{"type":42,"tag":155,"props":464,"children":465},{"style":171},[466],{"type":47,"value":467},"56",{"type":42,"tag":155,"props":469,"children":470},{"style":177},[471],{"type":47,"value":190},{"type":42,"tag":155,"props":473,"children":474},{"style":171},[475],{"type":47,"value":222},{"type":42,"tag":155,"props":477,"children":479},{"class":157,"line":478},15,[480],{"type":42,"tag":155,"props":481,"children":482},{"emptyLinePlaceholder":229},[483],{"type":47,"value":232},{"type":42,"tag":155,"props":485,"children":487},{"class":157,"line":486},16,[488],{"type":42,"tag":155,"props":489,"children":490},{"style":161},[491],{"type":47,"value":492},"\u002F* Reducto's in-out pair *\u002F\n",{"type":42,"tag":155,"props":494,"children":496},{"class":157,"line":495},17,[497,502,506,510,514,518,522,526,530,534],{"type":42,"tag":155,"props":498,"children":499},{"style":171},[500],{"type":47,"value":501},"--ease-in-out-reducto: cubic-bezier(",{"type":42,"tag":155,"props":503,"children":504},{"style":177},[505],{"type":47,"value":180},{"type":42,"tag":155,"props":507,"children":508},{"style":171},[509],{"type":47,"value":259},{"type":42,"tag":155,"props":511,"children":512},{"style":177},[513],{"type":47,"value":190},{"type":42,"tag":155,"props":515,"children":516},{"style":171},[517],{"type":47,"value":268},{"type":42,"tag":155,"props":519,"children":520},{"style":177},[521],{"type":47,"value":190},{"type":42,"tag":155,"props":523,"children":524},{"style":177},[525],{"type":47,"value":195},{"type":42,"tag":155,"props":527,"children":528},{"style":171},[529],{"type":47,"value":281},{"type":42,"tag":155,"props":531,"children":532},{"style":177},[533],{"type":47,"value":190},{"type":42,"tag":155,"props":535,"children":536},{"style":171},[537],{"type":47,"value":222},{"type":42,"tag":155,"props":539,"children":541},{"class":157,"line":540},18,[542,547,551,555,559,563,567,571],{"type":42,"tag":155,"props":543,"children":544},{"style":171},[545],{"type":47,"value":546},"--ease-out-reducto: cubic-bezier(0",{"type":42,"tag":155,"props":548,"children":549},{"style":177},[550],{"type":47,"value":190},{"type":42,"tag":155,"props":552,"children":553},{"style":171},[554],{"type":47,"value":268},{"type":42,"tag":155,"props":556,"children":557},{"style":177},[558],{"type":47,"value":190},{"type":42,"tag":155,"props":560,"children":561},{"style":177},[562],{"type":47,"value":195},{"type":42,"tag":155,"props":564,"children":565},{"style":171},[566],{"type":47,"value":281},{"type":42,"tag":155,"props":568,"children":569},{"style":177},[570],{"type":47,"value":190},{"type":42,"tag":155,"props":572,"children":573},{"style":171},[574],{"type":47,"value":222},{"type":42,"tag":50,"props":576,"children":577},{},[578,583,585,591,593,599,601,607],{"type":42,"tag":136,"props":579,"children":580},{},[581],{"type":47,"value":582},"Rule of thumb",{"type":47,"value":584},": use ",{"type":42,"tag":73,"props":586,"children":588},{"className":587},[],[589],{"type":47,"value":590},"cubic-bezier(.4, 0, .2, 1)",{"type":47,"value":592}," as your default. Use ",{"type":42,"tag":73,"props":594,"children":596},{"className":595},[],[597],{"type":47,"value":598},"cubic-bezier(.215, .61, .355, 1)",{"type":47,"value":600}," for \"pop-in\" entrances. Use ",{"type":42,"tag":73,"props":602,"children":604},{"className":603},[],[605],{"type":47,"value":606},"cubic-bezier(0, 0, .2, 1)",{"type":47,"value":608}," for anything that needs to feel snappy.",{"type":42,"tag":50,"props":610,"children":611},{},[612,614,620],{"type":47,"value":613},"Anti-pattern: ",{"type":42,"tag":73,"props":615,"children":617},{"className":616},[],[618],{"type":47,"value":619},"transition: all 0.3s ease-in-out;",{"type":47,"value":621}," everywhere.",{"type":42,"tag":116,"props":623,"children":625},{"id":624},"rule-2-durations-matter-75ms-is-tactile-200ms-is-calm-1500ms-is-editorial",[626],{"type":47,"value":627},"Rule 2: Durations matter — 75ms is tactile, 200ms is calm, 1500ms is editorial",{"type":42,"tag":50,"props":629,"children":630},{},[631,633,639],{"type":47,"value":632},"The default ",{"type":42,"tag":73,"props":634,"children":636},{"className":635},[],[637],{"type":47,"value":638},"300ms",{"type":47,"value":640}," is lazy. Premium sites pick specific durations per interaction type:",{"type":42,"tag":642,"props":643,"children":644},"table",{},[645,669],{"type":42,"tag":646,"props":647,"children":648},"thead",{},[649],{"type":42,"tag":650,"props":651,"children":652},"tr",{},[653,659,664],{"type":42,"tag":654,"props":655,"children":656},"th",{},[657],{"type":47,"value":658},"Duration",{"type":42,"tag":654,"props":660,"children":661},{},[662],{"type":47,"value":663},"Use case",{"type":42,"tag":654,"props":665,"children":666},{},[667],{"type":47,"value":668},"Source",{"type":42,"tag":670,"props":671,"children":672},"tbody",{},[673,700,725,743,761,784,802],{"type":42,"tag":650,"props":674,"children":675},{},[676,682,687],{"type":42,"tag":677,"props":678,"children":679},"td",{},[680],{"type":47,"value":681},"75ms",{"type":42,"tag":677,"props":683,"children":684},{},[685],{"type":47,"value":686},"Button press\u002Factive state",{"type":42,"tag":677,"props":688,"children":689},{},[690,692,698],{"type":47,"value":691},"Autosend (",{"type":42,"tag":73,"props":693,"children":695},{"className":694},[],[696],{"type":47,"value":697},"ease-in duration-75",{"type":47,"value":699},")",{"type":42,"tag":650,"props":701,"children":702},{},[703,708,713],{"type":42,"tag":677,"props":704,"children":705},{},[706],{"type":47,"value":707},"100-150ms",{"type":42,"tag":677,"props":709,"children":710},{},[711],{"type":47,"value":712},"Hover color swaps, icon arrows",{"type":42,"tag":677,"props":714,"children":715},{},[716,718,724],{"type":47,"value":717},"Reducto, Antimetal (",{"type":42,"tag":73,"props":719,"children":721},{"className":720},[],[722],{"type":47,"value":723},"--default-transition-duration: .15s",{"type":47,"value":699},{"type":42,"tag":650,"props":726,"children":727},{},[728,733,738],{"type":42,"tag":677,"props":729,"children":730},{},[731],{"type":47,"value":732},"200ms",{"type":42,"tag":677,"props":734,"children":735},{},[736],{"type":47,"value":737},"Card hover, background shifts",{"type":42,"tag":677,"props":739,"children":740},{},[741],{"type":47,"value":742},"Cal, Incident, most sites",{"type":42,"tag":650,"props":744,"children":745},{},[746,751,756],{"type":42,"tag":677,"props":747,"children":748},{},[749],{"type":47,"value":750},"250ms",{"type":42,"tag":677,"props":752,"children":753},{},[754],{"type":47,"value":755},"Button color + ring delta",{"type":42,"tag":677,"props":757,"children":758},{},[759],{"type":47,"value":760},"Hex, Incident",{"type":42,"tag":650,"props":762,"children":763},{},[764,768,773],{"type":42,"tag":677,"props":765,"children":766},{},[767],{"type":47,"value":638},{"type":42,"tag":677,"props":769,"children":770},{},[771],{"type":47,"value":772},"Color-only transitions",{"type":42,"tag":677,"props":774,"children":775},{},[776,778],{"type":47,"value":777},"Reducto ",{"type":42,"tag":73,"props":779,"children":781},{"className":780},[],[782],{"type":47,"value":783},"transition-colors duration-300",{"type":42,"tag":650,"props":785,"children":786},{},[787,792,797],{"type":42,"tag":677,"props":788,"children":789},{},[790],{"type":47,"value":791},"500ms",{"type":42,"tag":677,"props":793,"children":794},{},[795],{"type":47,"value":796},"Scroll-triggered reveals, parallax",{"type":42,"tag":677,"props":798,"children":799},{},[800],{"type":47,"value":801},"Amplemarket",{"type":42,"tag":650,"props":803,"children":804},{},[805,810,815],{"type":42,"tag":677,"props":806,"children":807},{},[808],{"type":47,"value":809},"1500ms",{"type":42,"tag":677,"props":811,"children":812},{},[813],{"type":47,"value":814},"Slow opacity fade-in (editorial)",{"type":42,"tag":677,"props":816,"children":817},{},[818,820,826],{"type":47,"value":819},"Cohere (",{"type":42,"tag":73,"props":821,"children":823},{"className":822},[],[824],{"type":47,"value":825},"opacity 1.5s ease-in",{"type":47,"value":699},{"type":42,"tag":50,"props":828,"children":829},{},[830,835],{"type":42,"tag":136,"props":831,"children":832},{},[833],{"type":47,"value":834},"Button press should be FAST (75-100ms)",{"type":47,"value":836},". Hover deltas can be 200ms. Scroll reveals can breathe at 400-600ms.",{"type":42,"tag":116,"props":838,"children":840},{"id":839},"rule-3-buttons-need-mechanical-press-feedback",[841],{"type":47,"value":842},"Rule 3: Buttons need mechanical press feedback",{"type":42,"tag":50,"props":844,"children":845},{},[846,851,853,858],{"type":42,"tag":73,"props":847,"children":849},{"className":848},[],[850],{"type":47,"value":91},{"type":47,"value":852}," is not enough. Give the button a ",{"type":42,"tag":136,"props":854,"children":855},{},[856],{"type":47,"value":857},"physical pressed state",{"type":47,"value":180},{"type":42,"tag":50,"props":860,"children":861},{},[862,867],{"type":42,"tag":136,"props":863,"children":864},{},[865],{"type":47,"value":866},"Autosend's mechanical press",{"type":47,"value":868}," (copy this):",{"type":42,"tag":144,"props":870,"children":872},{"className":146,"code":871,"language":148,"meta":149,"style":149},".btn {\n  transition: all 75ms ease-in;\n}\n.btn:active {\n  box-shadow: none;          \u002F* drops the lift *\u002F\n  transform: scale(0.95);    \u002F* 5% compression *\u002F\n}\n",[873],{"type":42,"tag":73,"props":874,"children":875},{"__ignoreMap":149},[876,894,928,936,961,988,1026],{"type":42,"tag":155,"props":877,"children":878},{"class":157,"line":25},[879,883,889],{"type":42,"tag":155,"props":880,"children":881},{"style":177},[882],{"type":47,"value":180},{"type":42,"tag":155,"props":884,"children":886},{"style":885},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[887],{"type":47,"value":888},"btn",{"type":42,"tag":155,"props":890,"children":891},{"style":177},[892],{"type":47,"value":893}," {\n",{"type":42,"tag":155,"props":895,"children":896},{"class":157,"line":167},[897,903,908,913,918,923],{"type":42,"tag":155,"props":898,"children":900},{"style":899},"--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6",[901],{"type":47,"value":902},"  transition",{"type":42,"tag":155,"props":904,"children":905},{"style":177},[906],{"type":47,"value":907},":",{"type":42,"tag":155,"props":909,"children":910},{"style":171},[911],{"type":47,"value":912}," all ",{"type":42,"tag":155,"props":914,"children":916},{"style":915},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[917],{"type":47,"value":681},{"type":42,"tag":155,"props":919,"children":920},{"style":171},[921],{"type":47,"value":922}," ease-in",{"type":42,"tag":155,"props":924,"children":925},{"style":177},[926],{"type":47,"value":927},";\n",{"type":42,"tag":155,"props":929,"children":930},{"class":157,"line":225},[931],{"type":42,"tag":155,"props":932,"children":933},{"style":177},[934],{"type":47,"value":935},"}\n",{"type":42,"tag":155,"props":937,"children":938},{"class":157,"line":235},[939,943,947,951,957],{"type":42,"tag":155,"props":940,"children":941},{"style":177},[942],{"type":47,"value":180},{"type":42,"tag":155,"props":944,"children":945},{"style":885},[946],{"type":47,"value":888},{"type":42,"tag":155,"props":948,"children":949},{"style":177},[950],{"type":47,"value":907},{"type":42,"tag":155,"props":952,"children":954},{"style":953},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[955],{"type":47,"value":956},"active",{"type":42,"tag":155,"props":958,"children":959},{"style":177},[960],{"type":47,"value":893},{"type":42,"tag":155,"props":962,"children":963},{"class":157,"line":244},[964,969,973,978,983],{"type":42,"tag":155,"props":965,"children":966},{"style":899},[967],{"type":47,"value":968},"  box-shadow",{"type":42,"tag":155,"props":970,"children":971},{"style":177},[972],{"type":47,"value":907},{"type":42,"tag":155,"props":974,"children":975},{"style":171},[976],{"type":47,"value":977}," none",{"type":42,"tag":155,"props":979,"children":980},{"style":177},[981],{"type":47,"value":982},";",{"type":42,"tag":155,"props":984,"children":985},{"style":161},[986],{"type":47,"value":987},"          \u002F* drops the lift *\u002F\n",{"type":42,"tag":155,"props":989,"children":990},{"class":157,"line":292},[991,996,1000,1006,1011,1016,1021],{"type":42,"tag":155,"props":992,"children":993},{"style":899},[994],{"type":47,"value":995},"  transform",{"type":42,"tag":155,"props":997,"children":998},{"style":177},[999],{"type":47,"value":907},{"type":42,"tag":155,"props":1001,"children":1003},{"style":1002},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[1004],{"type":47,"value":1005}," scale",{"type":42,"tag":155,"props":1007,"children":1008},{"style":177},[1009],{"type":47,"value":1010},"(",{"type":42,"tag":155,"props":1012,"children":1013},{"style":915},[1014],{"type":47,"value":1015},"0.95",{"type":42,"tag":155,"props":1017,"children":1018},{"style":177},[1019],{"type":47,"value":1020},");",{"type":42,"tag":155,"props":1022,"children":1023},{"style":161},[1024],{"type":47,"value":1025},"    \u002F* 5% compression *\u002F\n",{"type":42,"tag":155,"props":1027,"children":1028},{"class":157,"line":300},[1029],{"type":42,"tag":155,"props":1030,"children":1031},{"style":177},[1032],{"type":47,"value":935},{"type":42,"tag":50,"props":1034,"children":1035},{},[1036,1041],{"type":42,"tag":136,"props":1037,"children":1038},{},[1039],{"type":47,"value":1040},"Amplemarket's inset-inversion press",{"type":47,"value":1042}," — swaps the inset highlight from white to dark so the button LOOKS pushed in:",{"type":42,"tag":144,"props":1044,"children":1046},{"className":146,"code":1045,"language":148,"meta":149,"style":149},".btn {\n  box-shadow:\n    0 6px 2px #11111103,\n    0 3px 2px #1111110D,\n    0 1px 1px #11111117,\n    0 0 1px #1111111f,\n    inset 0 6px 12px #ffffff33,      \u002F* ← highlight *\u002F\n    inset 0 1px 1px #fff3;\n}\n.btn:active {\n  box-shadow:\n    0 6px 2px #11111103,\n    0 3px 2px #1111110D,\n    0 1px 1px #11111117,\n    0 0 1px #1111111f,\n    inset 0 6px 12px #11111133,      \u002F* ← inverts to dark *\u002F\n    inset 0 1px 1px #111111f3;\n}\n",[1047],{"type":42,"tag":73,"props":1048,"children":1049},{"__ignoreMap":149},[1050,1065,1077,1110,1139,1168,1196,1236,1268,1275,1298,1309,1336,1363,1390,1417,1454,1486],{"type":42,"tag":155,"props":1051,"children":1052},{"class":157,"line":25},[1053,1057,1061],{"type":42,"tag":155,"props":1054,"children":1055},{"style":177},[1056],{"type":47,"value":180},{"type":42,"tag":155,"props":1058,"children":1059},{"style":885},[1060],{"type":47,"value":888},{"type":42,"tag":155,"props":1062,"children":1063},{"style":177},[1064],{"type":47,"value":893},{"type":42,"tag":155,"props":1066,"children":1067},{"class":157,"line":167},[1068,1072],{"type":42,"tag":155,"props":1069,"children":1070},{"style":899},[1071],{"type":47,"value":968},{"type":42,"tag":155,"props":1073,"children":1074},{"style":177},[1075],{"type":47,"value":1076},":\n",{"type":42,"tag":155,"props":1078,"children":1079},{"class":157,"line":225},[1080,1085,1090,1095,1100,1105],{"type":42,"tag":155,"props":1081,"children":1082},{"style":915},[1083],{"type":47,"value":1084},"    0",{"type":42,"tag":155,"props":1086,"children":1087},{"style":915},[1088],{"type":47,"value":1089}," 6px",{"type":42,"tag":155,"props":1091,"children":1092},{"style":915},[1093],{"type":47,"value":1094}," 2px",{"type":42,"tag":155,"props":1096,"children":1097},{"style":177},[1098],{"type":47,"value":1099}," #",{"type":42,"tag":155,"props":1101,"children":1102},{"style":171},[1103],{"type":47,"value":1104},"11111103",{"type":42,"tag":155,"props":1106,"children":1107},{"style":177},[1108],{"type":47,"value":1109},",\n",{"type":42,"tag":155,"props":1111,"children":1112},{"class":157,"line":235},[1113,1117,1122,1126,1130,1135],{"type":42,"tag":155,"props":1114,"children":1115},{"style":915},[1116],{"type":47,"value":1084},{"type":42,"tag":155,"props":1118,"children":1119},{"style":915},[1120],{"type":47,"value":1121}," 3px",{"type":42,"tag":155,"props":1123,"children":1124},{"style":915},[1125],{"type":47,"value":1094},{"type":42,"tag":155,"props":1127,"children":1128},{"style":177},[1129],{"type":47,"value":1099},{"type":42,"tag":155,"props":1131,"children":1132},{"style":171},[1133],{"type":47,"value":1134},"1111110D",{"type":42,"tag":155,"props":1136,"children":1137},{"style":177},[1138],{"type":47,"value":1109},{"type":42,"tag":155,"props":1140,"children":1141},{"class":157,"line":244},[1142,1146,1151,1155,1159,1164],{"type":42,"tag":155,"props":1143,"children":1144},{"style":915},[1145],{"type":47,"value":1084},{"type":42,"tag":155,"props":1147,"children":1148},{"style":915},[1149],{"type":47,"value":1150}," 1px",{"type":42,"tag":155,"props":1152,"children":1153},{"style":915},[1154],{"type":47,"value":1150},{"type":42,"tag":155,"props":1156,"children":1157},{"style":177},[1158],{"type":47,"value":1099},{"type":42,"tag":155,"props":1160,"children":1161},{"style":171},[1162],{"type":47,"value":1163},"11111117",{"type":42,"tag":155,"props":1165,"children":1166},{"style":177},[1167],{"type":47,"value":1109},{"type":42,"tag":155,"props":1169,"children":1170},{"class":157,"line":292},[1171,1175,1179,1183,1187,1192],{"type":42,"tag":155,"props":1172,"children":1173},{"style":915},[1174],{"type":47,"value":1084},{"type":42,"tag":155,"props":1176,"children":1177},{"style":915},[1178],{"type":47,"value":268},{"type":42,"tag":155,"props":1180,"children":1181},{"style":915},[1182],{"type":47,"value":1150},{"type":42,"tag":155,"props":1184,"children":1185},{"style":177},[1186],{"type":47,"value":1099},{"type":42,"tag":155,"props":1188,"children":1189},{"style":171},[1190],{"type":47,"value":1191},"1111111f",{"type":42,"tag":155,"props":1193,"children":1194},{"style":177},[1195],{"type":47,"value":1109},{"type":42,"tag":155,"props":1197,"children":1198},{"class":157,"line":300},[1199,1204,1209,1213,1218,1222,1227,1231],{"type":42,"tag":155,"props":1200,"children":1201},{"style":171},[1202],{"type":47,"value":1203},"    inset ",{"type":42,"tag":155,"props":1205,"children":1206},{"style":915},[1207],{"type":47,"value":1208},"0",{"type":42,"tag":155,"props":1210,"children":1211},{"style":915},[1212],{"type":47,"value":1089},{"type":42,"tag":155,"props":1214,"children":1215},{"style":915},[1216],{"type":47,"value":1217}," 12px",{"type":42,"tag":155,"props":1219,"children":1220},{"style":177},[1221],{"type":47,"value":1099},{"type":42,"tag":155,"props":1223,"children":1224},{"style":171},[1225],{"type":47,"value":1226},"ffffff33",{"type":42,"tag":155,"props":1228,"children":1229},{"style":177},[1230],{"type":47,"value":190},{"type":42,"tag":155,"props":1232,"children":1233},{"style":161},[1234],{"type":47,"value":1235},"      \u002F* ← highlight *\u002F\n",{"type":42,"tag":155,"props":1237,"children":1238},{"class":157,"line":309},[1239,1243,1247,1251,1255,1259,1264],{"type":42,"tag":155,"props":1240,"children":1241},{"style":171},[1242],{"type":47,"value":1203},{"type":42,"tag":155,"props":1244,"children":1245},{"style":915},[1246],{"type":47,"value":1208},{"type":42,"tag":155,"props":1248,"children":1249},{"style":915},[1250],{"type":47,"value":1150},{"type":42,"tag":155,"props":1252,"children":1253},{"style":915},[1254],{"type":47,"value":1150},{"type":42,"tag":155,"props":1256,"children":1257},{"style":177},[1258],{"type":47,"value":1099},{"type":42,"tag":155,"props":1260,"children":1261},{"style":171},[1262],{"type":47,"value":1263},"fff3",{"type":42,"tag":155,"props":1265,"children":1266},{"style":177},[1267],{"type":47,"value":927},{"type":42,"tag":155,"props":1269,"children":1270},{"class":157,"line":360},[1271],{"type":42,"tag":155,"props":1272,"children":1273},{"style":177},[1274],{"type":47,"value":935},{"type":42,"tag":155,"props":1276,"children":1277},{"class":157,"line":368},[1278,1282,1286,1290,1294],{"type":42,"tag":155,"props":1279,"children":1280},{"style":177},[1281],{"type":47,"value":180},{"type":42,"tag":155,"props":1283,"children":1284},{"style":885},[1285],{"type":47,"value":888},{"type":42,"tag":155,"props":1287,"children":1288},{"style":177},[1289],{"type":47,"value":907},{"type":42,"tag":155,"props":1291,"children":1292},{"style":953},[1293],{"type":47,"value":956},{"type":42,"tag":155,"props":1295,"children":1296},{"style":177},[1297],{"type":47,"value":893},{"type":42,"tag":155,"props":1299,"children":1300},{"class":157,"line":377},[1301,1305],{"type":42,"tag":155,"props":1302,"children":1303},{"style":899},[1304],{"type":47,"value":968},{"type":42,"tag":155,"props":1306,"children":1307},{"style":177},[1308],{"type":47,"value":1076},{"type":42,"tag":155,"props":1310,"children":1311},{"class":157,"line":414},[1312,1316,1320,1324,1328,1332],{"type":42,"tag":155,"props":1313,"children":1314},{"style":915},[1315],{"type":47,"value":1084},{"type":42,"tag":155,"props":1317,"children":1318},{"style":915},[1319],{"type":47,"value":1089},{"type":42,"tag":155,"props":1321,"children":1322},{"style":915},[1323],{"type":47,"value":1094},{"type":42,"tag":155,"props":1325,"children":1326},{"style":177},[1327],{"type":47,"value":1099},{"type":42,"tag":155,"props":1329,"children":1330},{"style":171},[1331],{"type":47,"value":1104},{"type":42,"tag":155,"props":1333,"children":1334},{"style":177},[1335],{"type":47,"value":1109},{"type":42,"tag":155,"props":1337,"children":1338},{"class":157,"line":422},[1339,1343,1347,1351,1355,1359],{"type":42,"tag":155,"props":1340,"children":1341},{"style":915},[1342],{"type":47,"value":1084},{"type":42,"tag":155,"props":1344,"children":1345},{"style":915},[1346],{"type":47,"value":1121},{"type":42,"tag":155,"props":1348,"children":1349},{"style":915},[1350],{"type":47,"value":1094},{"type":42,"tag":155,"props":1352,"children":1353},{"style":177},[1354],{"type":47,"value":1099},{"type":42,"tag":155,"props":1356,"children":1357},{"style":171},[1358],{"type":47,"value":1134},{"type":42,"tag":155,"props":1360,"children":1361},{"style":177},[1362],{"type":47,"value":1109},{"type":42,"tag":155,"props":1364,"children":1365},{"class":157,"line":431},[1366,1370,1374,1378,1382,1386],{"type":42,"tag":155,"props":1367,"children":1368},{"style":915},[1369],{"type":47,"value":1084},{"type":42,"tag":155,"props":1371,"children":1372},{"style":915},[1373],{"type":47,"value":1150},{"type":42,"tag":155,"props":1375,"children":1376},{"style":915},[1377],{"type":47,"value":1150},{"type":42,"tag":155,"props":1379,"children":1380},{"style":177},[1381],{"type":47,"value":1099},{"type":42,"tag":155,"props":1383,"children":1384},{"style":171},[1385],{"type":47,"value":1163},{"type":42,"tag":155,"props":1387,"children":1388},{"style":177},[1389],{"type":47,"value":1109},{"type":42,"tag":155,"props":1391,"children":1392},{"class":157,"line":478},[1393,1397,1401,1405,1409,1413],{"type":42,"tag":155,"props":1394,"children":1395},{"style":915},[1396],{"type":47,"value":1084},{"type":42,"tag":155,"props":1398,"children":1399},{"style":915},[1400],{"type":47,"value":268},{"type":42,"tag":155,"props":1402,"children":1403},{"style":915},[1404],{"type":47,"value":1150},{"type":42,"tag":155,"props":1406,"children":1407},{"style":177},[1408],{"type":47,"value":1099},{"type":42,"tag":155,"props":1410,"children":1411},{"style":171},[1412],{"type":47,"value":1191},{"type":42,"tag":155,"props":1414,"children":1415},{"style":177},[1416],{"type":47,"value":1109},{"type":42,"tag":155,"props":1418,"children":1419},{"class":157,"line":486},[1420,1424,1428,1432,1436,1440,1445,1449],{"type":42,"tag":155,"props":1421,"children":1422},{"style":171},[1423],{"type":47,"value":1203},{"type":42,"tag":155,"props":1425,"children":1426},{"style":915},[1427],{"type":47,"value":1208},{"type":42,"tag":155,"props":1429,"children":1430},{"style":915},[1431],{"type":47,"value":1089},{"type":42,"tag":155,"props":1433,"children":1434},{"style":915},[1435],{"type":47,"value":1217},{"type":42,"tag":155,"props":1437,"children":1438},{"style":177},[1439],{"type":47,"value":1099},{"type":42,"tag":155,"props":1441,"children":1442},{"style":171},[1443],{"type":47,"value":1444},"11111133",{"type":42,"tag":155,"props":1446,"children":1447},{"style":177},[1448],{"type":47,"value":190},{"type":42,"tag":155,"props":1450,"children":1451},{"style":161},[1452],{"type":47,"value":1453},"      \u002F* ← inverts to dark *\u002F\n",{"type":42,"tag":155,"props":1455,"children":1456},{"class":157,"line":495},[1457,1461,1465,1469,1473,1477,1482],{"type":42,"tag":155,"props":1458,"children":1459},{"style":171},[1460],{"type":47,"value":1203},{"type":42,"tag":155,"props":1462,"children":1463},{"style":915},[1464],{"type":47,"value":1208},{"type":42,"tag":155,"props":1466,"children":1467},{"style":915},[1468],{"type":47,"value":1150},{"type":42,"tag":155,"props":1470,"children":1471},{"style":915},[1472],{"type":47,"value":1150},{"type":42,"tag":155,"props":1474,"children":1475},{"style":177},[1476],{"type":47,"value":1099},{"type":42,"tag":155,"props":1478,"children":1479},{"style":171},[1480],{"type":47,"value":1481},"111111f3",{"type":42,"tag":155,"props":1483,"children":1484},{"style":177},[1485],{"type":47,"value":927},{"type":42,"tag":155,"props":1487,"children":1488},{"class":157,"line":540},[1489],{"type":42,"tag":155,"props":1490,"children":1491},{"style":177},[1492],{"type":47,"value":935},{"type":42,"tag":50,"props":1494,"children":1495},{},[1496,1501],{"type":42,"tag":136,"props":1497,"children":1498},{},[1499],{"type":47,"value":1500},"Antimetal's orchestrated hover",{"type":47,"value":1502}," — sub-elements physically translate apart:",{"type":42,"tag":144,"props":1504,"children":1506},{"className":146,"code":1505,"language":148,"meta":149,"style":149},".cta-button:hover .cta-label { transform: translateX(-36px); }\n.cta-button:hover .cta-arrow { transform: translateX(36px); }\n.cta-button:hover { width: 102%; }  \u002F* tiny scale-x too *\u002F\n",[1507],{"type":42,"tag":73,"props":1508,"children":1509},{"__ignoreMap":149},[1510,1577,1638],{"type":42,"tag":155,"props":1511,"children":1512},{"class":157,"line":25},[1513,1517,1522,1526,1531,1535,1540,1545,1550,1554,1559,1563,1568,1572],{"type":42,"tag":155,"props":1514,"children":1515},{"style":177},[1516],{"type":47,"value":180},{"type":42,"tag":155,"props":1518,"children":1519},{"style":885},[1520],{"type":47,"value":1521},"cta-button",{"type":42,"tag":155,"props":1523,"children":1524},{"style":177},[1525],{"type":47,"value":907},{"type":42,"tag":155,"props":1527,"children":1528},{"style":953},[1529],{"type":47,"value":1530},"hover",{"type":42,"tag":155,"props":1532,"children":1533},{"style":177},[1534],{"type":47,"value":195},{"type":42,"tag":155,"props":1536,"children":1537},{"style":885},[1538],{"type":47,"value":1539},"cta-label",{"type":42,"tag":155,"props":1541,"children":1542},{"style":177},[1543],{"type":47,"value":1544}," {",{"type":42,"tag":155,"props":1546,"children":1547},{"style":899},[1548],{"type":47,"value":1549}," transform",{"type":42,"tag":155,"props":1551,"children":1552},{"style":177},[1553],{"type":47,"value":907},{"type":42,"tag":155,"props":1555,"children":1556},{"style":1002},[1557],{"type":47,"value":1558}," translateX",{"type":42,"tag":155,"props":1560,"children":1561},{"style":177},[1562],{"type":47,"value":1010},{"type":42,"tag":155,"props":1564,"children":1565},{"style":915},[1566],{"type":47,"value":1567},"-36px",{"type":42,"tag":155,"props":1569,"children":1570},{"style":177},[1571],{"type":47,"value":1020},{"type":42,"tag":155,"props":1573,"children":1574},{"style":177},[1575],{"type":47,"value":1576}," }\n",{"type":42,"tag":155,"props":1578,"children":1579},{"class":157,"line":167},[1580,1584,1588,1592,1596,1600,1605,1609,1613,1617,1621,1625,1630,1634],{"type":42,"tag":155,"props":1581,"children":1582},{"style":177},[1583],{"type":47,"value":180},{"type":42,"tag":155,"props":1585,"children":1586},{"style":885},[1587],{"type":47,"value":1521},{"type":42,"tag":155,"props":1589,"children":1590},{"style":177},[1591],{"type":47,"value":907},{"type":42,"tag":155,"props":1593,"children":1594},{"style":953},[1595],{"type":47,"value":1530},{"type":42,"tag":155,"props":1597,"children":1598},{"style":177},[1599],{"type":47,"value":195},{"type":42,"tag":155,"props":1601,"children":1602},{"style":885},[1603],{"type":47,"value":1604},"cta-arrow",{"type":42,"tag":155,"props":1606,"children":1607},{"style":177},[1608],{"type":47,"value":1544},{"type":42,"tag":155,"props":1610,"children":1611},{"style":899},[1612],{"type":47,"value":1549},{"type":42,"tag":155,"props":1614,"children":1615},{"style":177},[1616],{"type":47,"value":907},{"type":42,"tag":155,"props":1618,"children":1619},{"style":1002},[1620],{"type":47,"value":1558},{"type":42,"tag":155,"props":1622,"children":1623},{"style":177},[1624],{"type":47,"value":1010},{"type":42,"tag":155,"props":1626,"children":1627},{"style":915},[1628],{"type":47,"value":1629},"36px",{"type":42,"tag":155,"props":1631,"children":1632},{"style":177},[1633],{"type":47,"value":1020},{"type":42,"tag":155,"props":1635,"children":1636},{"style":177},[1637],{"type":47,"value":1576},{"type":42,"tag":155,"props":1639,"children":1640},{"class":157,"line":225},[1641,1645,1649,1653,1657,1661,1666,1670,1675,1679,1684],{"type":42,"tag":155,"props":1642,"children":1643},{"style":177},[1644],{"type":47,"value":180},{"type":42,"tag":155,"props":1646,"children":1647},{"style":885},[1648],{"type":47,"value":1521},{"type":42,"tag":155,"props":1650,"children":1651},{"style":177},[1652],{"type":47,"value":907},{"type":42,"tag":155,"props":1654,"children":1655},{"style":953},[1656],{"type":47,"value":1530},{"type":42,"tag":155,"props":1658,"children":1659},{"style":177},[1660],{"type":47,"value":1544},{"type":42,"tag":155,"props":1662,"children":1663},{"style":899},[1664],{"type":47,"value":1665}," width",{"type":42,"tag":155,"props":1667,"children":1668},{"style":177},[1669],{"type":47,"value":907},{"type":42,"tag":155,"props":1671,"children":1672},{"style":915},[1673],{"type":47,"value":1674}," 102%",{"type":42,"tag":155,"props":1676,"children":1677},{"style":177},[1678],{"type":47,"value":982},{"type":42,"tag":155,"props":1680,"children":1681},{"style":177},[1682],{"type":47,"value":1683}," }",{"type":42,"tag":155,"props":1685,"children":1686},{"style":161},[1687],{"type":47,"value":1688},"  \u002F* tiny scale-x too *\u002F\n",{"type":42,"tag":50,"props":1690,"children":1691},{},[1692,1697],{"type":42,"tag":136,"props":1693,"children":1694},{},[1695],{"type":47,"value":1696},"Cohere's width-animated button",{"type":47,"value":1698}," — the button itself expands on hover:",{"type":42,"tag":144,"props":1700,"children":1702},{"className":146,"code":1701,"language":148,"meta":149,"style":149},".primary-btn {\n  max-width: 200px;\n  transition: max-width .2s ease-in-out;\n}\n.primary-btn:hover { max-width: 300px; }\n",[1703],{"type":42,"tag":73,"props":1704,"children":1705},{"__ignoreMap":149},[1706,1722,1743,1773,1780],{"type":42,"tag":155,"props":1707,"children":1708},{"class":157,"line":25},[1709,1713,1718],{"type":42,"tag":155,"props":1710,"children":1711},{"style":177},[1712],{"type":47,"value":180},{"type":42,"tag":155,"props":1714,"children":1715},{"style":885},[1716],{"type":47,"value":1717},"primary-btn",{"type":42,"tag":155,"props":1719,"children":1720},{"style":177},[1721],{"type":47,"value":893},{"type":42,"tag":155,"props":1723,"children":1724},{"class":157,"line":167},[1725,1730,1734,1739],{"type":42,"tag":155,"props":1726,"children":1727},{"style":899},[1728],{"type":47,"value":1729},"  max-width",{"type":42,"tag":155,"props":1731,"children":1732},{"style":177},[1733],{"type":47,"value":907},{"type":42,"tag":155,"props":1735,"children":1736},{"style":915},[1737],{"type":47,"value":1738}," 200px",{"type":42,"tag":155,"props":1740,"children":1741},{"style":177},[1742],{"type":47,"value":927},{"type":42,"tag":155,"props":1744,"children":1745},{"class":157,"line":225},[1746,1750,1754,1759,1764,1769],{"type":42,"tag":155,"props":1747,"children":1748},{"style":899},[1749],{"type":47,"value":902},{"type":42,"tag":155,"props":1751,"children":1752},{"style":177},[1753],{"type":47,"value":907},{"type":42,"tag":155,"props":1755,"children":1756},{"style":171},[1757],{"type":47,"value":1758}," max-width ",{"type":42,"tag":155,"props":1760,"children":1761},{"style":915},[1762],{"type":47,"value":1763},".2s",{"type":42,"tag":155,"props":1765,"children":1766},{"style":171},[1767],{"type":47,"value":1768}," ease-in-out",{"type":42,"tag":155,"props":1770,"children":1771},{"style":177},[1772],{"type":47,"value":927},{"type":42,"tag":155,"props":1774,"children":1775},{"class":157,"line":235},[1776],{"type":42,"tag":155,"props":1777,"children":1778},{"style":177},[1779],{"type":47,"value":935},{"type":42,"tag":155,"props":1781,"children":1782},{"class":157,"line":244},[1783,1787,1791,1795,1799,1803,1808,1812,1817,1821],{"type":42,"tag":155,"props":1784,"children":1785},{"style":177},[1786],{"type":47,"value":180},{"type":42,"tag":155,"props":1788,"children":1789},{"style":885},[1790],{"type":47,"value":1717},{"type":42,"tag":155,"props":1792,"children":1793},{"style":177},[1794],{"type":47,"value":907},{"type":42,"tag":155,"props":1796,"children":1797},{"style":953},[1798],{"type":47,"value":1530},{"type":42,"tag":155,"props":1800,"children":1801},{"style":177},[1802],{"type":47,"value":1544},{"type":42,"tag":155,"props":1804,"children":1805},{"style":899},[1806],{"type":47,"value":1807}," max-width",{"type":42,"tag":155,"props":1809,"children":1810},{"style":177},[1811],{"type":47,"value":907},{"type":42,"tag":155,"props":1813,"children":1814},{"style":915},[1815],{"type":47,"value":1816}," 300px",{"type":42,"tag":155,"props":1818,"children":1819},{"style":177},[1820],{"type":47,"value":982},{"type":42,"tag":155,"props":1822,"children":1823},{"style":177},[1824],{"type":47,"value":1576},{"type":42,"tag":50,"props":1826,"children":1827},{},[1828,1829,1835],{"type":47,"value":613},{"type":42,"tag":73,"props":1830,"children":1832},{"className":1831},[],[1833],{"type":47,"value":1834},".btn:hover { background: darker; }",{"type":47,"value":1836}," (color-only delta).",{"type":42,"tag":116,"props":1838,"children":1840},{"id":1839},"rule-4-hero-text-reveals-with-blur-in-not-opacity-fade",[1841],{"type":47,"value":1842},"Rule 4: Hero text reveals with blur-in, not opacity fade",{"type":42,"tag":50,"props":1844,"children":1845},{},[1846,1848,1854],{"type":47,"value":1847},"Standard AI reveal: ",{"type":42,"tag":73,"props":1849,"children":1851},{"className":1850},[],[1852],{"type":47,"value":1853},"opacity: 0 → opacity: 1",{"type":47,"value":1855}," (boring).\nAntimetal's reveal: vertical rise + blur clearing + opacity.",{"type":42,"tag":144,"props":1857,"children":1859},{"className":146,"code":1858,"language":148,"meta":149,"style":149},".hero-line {\n  opacity: 0;\n  transform: translateY(48px);\n  filter: blur(4px);\n  transition: opacity 600ms, transform 600ms, filter 600ms;\n  transition-timing-function: cubic-bezier(.215, .61, .355, 1);\n}\n.hero-line.visible {\n  opacity: 1;\n  transform: translateY(0);\n  filter: blur(0);\n}\n\n\u002F* Stagger multiple lines *\u002F\n.hero-line:nth-child(1) { transition-delay: 0ms; }\n.hero-line:nth-child(2) { transition-delay: 100ms; }\n.hero-line:nth-child(3) { transition-delay: 200ms; }\n",[1860],{"type":42,"tag":73,"props":1861,"children":1862},{"__ignoreMap":149},[1863,1879,1899,1929,1959,2010,2067,2074,2098,2117,2144,2171,2178,2185,2193,2251,2307],{"type":42,"tag":155,"props":1864,"children":1865},{"class":157,"line":25},[1866,1870,1875],{"type":42,"tag":155,"props":1867,"children":1868},{"style":177},[1869],{"type":47,"value":180},{"type":42,"tag":155,"props":1871,"children":1872},{"style":885},[1873],{"type":47,"value":1874},"hero-line",{"type":42,"tag":155,"props":1876,"children":1877},{"style":177},[1878],{"type":47,"value":893},{"type":42,"tag":155,"props":1880,"children":1881},{"class":157,"line":167},[1882,1887,1891,1895],{"type":42,"tag":155,"props":1883,"children":1884},{"style":899},[1885],{"type":47,"value":1886},"  opacity",{"type":42,"tag":155,"props":1888,"children":1889},{"style":177},[1890],{"type":47,"value":907},{"type":42,"tag":155,"props":1892,"children":1893},{"style":915},[1894],{"type":47,"value":268},{"type":42,"tag":155,"props":1896,"children":1897},{"style":177},[1898],{"type":47,"value":927},{"type":42,"tag":155,"props":1900,"children":1901},{"class":157,"line":225},[1902,1906,1910,1915,1919,1924],{"type":42,"tag":155,"props":1903,"children":1904},{"style":899},[1905],{"type":47,"value":995},{"type":42,"tag":155,"props":1907,"children":1908},{"style":177},[1909],{"type":47,"value":907},{"type":42,"tag":155,"props":1911,"children":1912},{"style":1002},[1913],{"type":47,"value":1914}," translateY",{"type":42,"tag":155,"props":1916,"children":1917},{"style":177},[1918],{"type":47,"value":1010},{"type":42,"tag":155,"props":1920,"children":1921},{"style":915},[1922],{"type":47,"value":1923},"48px",{"type":42,"tag":155,"props":1925,"children":1926},{"style":177},[1927],{"type":47,"value":1928},");\n",{"type":42,"tag":155,"props":1930,"children":1931},{"class":157,"line":235},[1932,1937,1941,1946,1950,1955],{"type":42,"tag":155,"props":1933,"children":1934},{"style":899},[1935],{"type":47,"value":1936},"  filter",{"type":42,"tag":155,"props":1938,"children":1939},{"style":177},[1940],{"type":47,"value":907},{"type":42,"tag":155,"props":1942,"children":1943},{"style":1002},[1944],{"type":47,"value":1945}," blur",{"type":42,"tag":155,"props":1947,"children":1948},{"style":177},[1949],{"type":47,"value":1010},{"type":42,"tag":155,"props":1951,"children":1952},{"style":915},[1953],{"type":47,"value":1954},"4px",{"type":42,"tag":155,"props":1956,"children":1957},{"style":177},[1958],{"type":47,"value":1928},{"type":42,"tag":155,"props":1960,"children":1961},{"class":157,"line":244},[1962,1966,1970,1975,1980,1984,1989,1993,1997,2002,2006],{"type":42,"tag":155,"props":1963,"children":1964},{"style":899},[1965],{"type":47,"value":902},{"type":42,"tag":155,"props":1967,"children":1968},{"style":177},[1969],{"type":47,"value":907},{"type":42,"tag":155,"props":1971,"children":1972},{"style":171},[1973],{"type":47,"value":1974}," opacity ",{"type":42,"tag":155,"props":1976,"children":1977},{"style":915},[1978],{"type":47,"value":1979},"600ms",{"type":42,"tag":155,"props":1981,"children":1982},{"style":177},[1983],{"type":47,"value":190},{"type":42,"tag":155,"props":1985,"children":1986},{"style":171},[1987],{"type":47,"value":1988}," transform ",{"type":42,"tag":155,"props":1990,"children":1991},{"style":915},[1992],{"type":47,"value":1979},{"type":42,"tag":155,"props":1994,"children":1995},{"style":177},[1996],{"type":47,"value":190},{"type":42,"tag":155,"props":1998,"children":1999},{"style":171},[2000],{"type":47,"value":2001}," filter ",{"type":42,"tag":155,"props":2003,"children":2004},{"style":915},[2005],{"type":47,"value":1979},{"type":42,"tag":155,"props":2007,"children":2008},{"style":177},[2009],{"type":47,"value":927},{"type":42,"tag":155,"props":2011,"children":2012},{"class":157,"line":292},[2013,2018,2022,2027,2031,2036,2040,2045,2049,2054,2058,2063],{"type":42,"tag":155,"props":2014,"children":2015},{"style":899},[2016],{"type":47,"value":2017},"  transition-timing-function",{"type":42,"tag":155,"props":2019,"children":2020},{"style":177},[2021],{"type":47,"value":907},{"type":42,"tag":155,"props":2023,"children":2024},{"style":1002},[2025],{"type":47,"value":2026}," cubic-bezier",{"type":42,"tag":155,"props":2028,"children":2029},{"style":177},[2030],{"type":47,"value":1010},{"type":42,"tag":155,"props":2032,"children":2033},{"style":915},[2034],{"type":47,"value":2035},".215",{"type":42,"tag":155,"props":2037,"children":2038},{"style":177},[2039],{"type":47,"value":190},{"type":42,"tag":155,"props":2041,"children":2042},{"style":915},[2043],{"type":47,"value":2044}," .61",{"type":42,"tag":155,"props":2046,"children":2047},{"style":177},[2048],{"type":47,"value":190},{"type":42,"tag":155,"props":2050,"children":2051},{"style":915},[2052],{"type":47,"value":2053}," .355",{"type":42,"tag":155,"props":2055,"children":2056},{"style":177},[2057],{"type":47,"value":190},{"type":42,"tag":155,"props":2059,"children":2060},{"style":915},[2061],{"type":47,"value":2062}," 1",{"type":42,"tag":155,"props":2064,"children":2065},{"style":177},[2066],{"type":47,"value":1928},{"type":42,"tag":155,"props":2068,"children":2069},{"class":157,"line":300},[2070],{"type":42,"tag":155,"props":2071,"children":2072},{"style":177},[2073],{"type":47,"value":935},{"type":42,"tag":155,"props":2075,"children":2076},{"class":157,"line":309},[2077,2081,2085,2089,2094],{"type":42,"tag":155,"props":2078,"children":2079},{"style":177},[2080],{"type":47,"value":180},{"type":42,"tag":155,"props":2082,"children":2083},{"style":885},[2084],{"type":47,"value":1874},{"type":42,"tag":155,"props":2086,"children":2087},{"style":177},[2088],{"type":47,"value":180},{"type":42,"tag":155,"props":2090,"children":2091},{"style":885},[2092],{"type":47,"value":2093},"visible",{"type":42,"tag":155,"props":2095,"children":2096},{"style":177},[2097],{"type":47,"value":893},{"type":42,"tag":155,"props":2099,"children":2100},{"class":157,"line":360},[2101,2105,2109,2113],{"type":42,"tag":155,"props":2102,"children":2103},{"style":899},[2104],{"type":47,"value":1886},{"type":42,"tag":155,"props":2106,"children":2107},{"style":177},[2108],{"type":47,"value":907},{"type":42,"tag":155,"props":2110,"children":2111},{"style":915},[2112],{"type":47,"value":2062},{"type":42,"tag":155,"props":2114,"children":2115},{"style":177},[2116],{"type":47,"value":927},{"type":42,"tag":155,"props":2118,"children":2119},{"class":157,"line":368},[2120,2124,2128,2132,2136,2140],{"type":42,"tag":155,"props":2121,"children":2122},{"style":899},[2123],{"type":47,"value":995},{"type":42,"tag":155,"props":2125,"children":2126},{"style":177},[2127],{"type":47,"value":907},{"type":42,"tag":155,"props":2129,"children":2130},{"style":1002},[2131],{"type":47,"value":1914},{"type":42,"tag":155,"props":2133,"children":2134},{"style":177},[2135],{"type":47,"value":1010},{"type":42,"tag":155,"props":2137,"children":2138},{"style":915},[2139],{"type":47,"value":1208},{"type":42,"tag":155,"props":2141,"children":2142},{"style":177},[2143],{"type":47,"value":1928},{"type":42,"tag":155,"props":2145,"children":2146},{"class":157,"line":377},[2147,2151,2155,2159,2163,2167],{"type":42,"tag":155,"props":2148,"children":2149},{"style":899},[2150],{"type":47,"value":1936},{"type":42,"tag":155,"props":2152,"children":2153},{"style":177},[2154],{"type":47,"value":907},{"type":42,"tag":155,"props":2156,"children":2157},{"style":1002},[2158],{"type":47,"value":1945},{"type":42,"tag":155,"props":2160,"children":2161},{"style":177},[2162],{"type":47,"value":1010},{"type":42,"tag":155,"props":2164,"children":2165},{"style":915},[2166],{"type":47,"value":1208},{"type":42,"tag":155,"props":2168,"children":2169},{"style":177},[2170],{"type":47,"value":1928},{"type":42,"tag":155,"props":2172,"children":2173},{"class":157,"line":414},[2174],{"type":42,"tag":155,"props":2175,"children":2176},{"style":177},[2177],{"type":47,"value":935},{"type":42,"tag":155,"props":2179,"children":2180},{"class":157,"line":422},[2181],{"type":42,"tag":155,"props":2182,"children":2183},{"emptyLinePlaceholder":229},[2184],{"type":47,"value":232},{"type":42,"tag":155,"props":2186,"children":2187},{"class":157,"line":431},[2188],{"type":42,"tag":155,"props":2189,"children":2190},{"style":161},[2191],{"type":47,"value":2192},"\u002F* Stagger multiple lines *\u002F\n",{"type":42,"tag":155,"props":2194,"children":2195},{"class":157,"line":478},[2196,2200,2204,2208,2213,2217,2221,2225,2229,2234,2238,2243,2247],{"type":42,"tag":155,"props":2197,"children":2198},{"style":177},[2199],{"type":47,"value":180},{"type":42,"tag":155,"props":2201,"children":2202},{"style":885},[2203],{"type":47,"value":1874},{"type":42,"tag":155,"props":2205,"children":2206},{"style":177},[2207],{"type":47,"value":907},{"type":42,"tag":155,"props":2209,"children":2210},{"style":953},[2211],{"type":47,"value":2212},"nth-child",{"type":42,"tag":155,"props":2214,"children":2215},{"style":177},[2216],{"type":47,"value":1010},{"type":42,"tag":155,"props":2218,"children":2219},{"style":915},[2220],{"type":47,"value":337},{"type":42,"tag":155,"props":2222,"children":2223},{"style":177},[2224],{"type":47,"value":699},{"type":42,"tag":155,"props":2226,"children":2227},{"style":177},[2228],{"type":47,"value":1544},{"type":42,"tag":155,"props":2230,"children":2231},{"style":899},[2232],{"type":47,"value":2233}," transition-delay",{"type":42,"tag":155,"props":2235,"children":2236},{"style":177},[2237],{"type":47,"value":907},{"type":42,"tag":155,"props":2239,"children":2240},{"style":915},[2241],{"type":47,"value":2242}," 0ms",{"type":42,"tag":155,"props":2244,"children":2245},{"style":177},[2246],{"type":47,"value":982},{"type":42,"tag":155,"props":2248,"children":2249},{"style":177},[2250],{"type":47,"value":1576},{"type":42,"tag":155,"props":2252,"children":2253},{"class":157,"line":486},[2254,2258,2262,2266,2270,2274,2278,2282,2286,2290,2294,2299,2303],{"type":42,"tag":155,"props":2255,"children":2256},{"style":177},[2257],{"type":47,"value":180},{"type":42,"tag":155,"props":2259,"children":2260},{"style":885},[2261],{"type":47,"value":1874},{"type":42,"tag":155,"props":2263,"children":2264},{"style":177},[2265],{"type":47,"value":907},{"type":42,"tag":155,"props":2267,"children":2268},{"style":953},[2269],{"type":47,"value":2212},{"type":42,"tag":155,"props":2271,"children":2272},{"style":177},[2273],{"type":47,"value":1010},{"type":42,"tag":155,"props":2275,"children":2276},{"style":915},[2277],{"type":47,"value":281},{"type":42,"tag":155,"props":2279,"children":2280},{"style":177},[2281],{"type":47,"value":699},{"type":42,"tag":155,"props":2283,"children":2284},{"style":177},[2285],{"type":47,"value":1544},{"type":42,"tag":155,"props":2287,"children":2288},{"style":899},[2289],{"type":47,"value":2233},{"type":42,"tag":155,"props":2291,"children":2292},{"style":177},[2293],{"type":47,"value":907},{"type":42,"tag":155,"props":2295,"children":2296},{"style":915},[2297],{"type":47,"value":2298}," 100ms",{"type":42,"tag":155,"props":2300,"children":2301},{"style":177},[2302],{"type":47,"value":982},{"type":42,"tag":155,"props":2304,"children":2305},{"style":177},[2306],{"type":47,"value":1576},{"type":42,"tag":155,"props":2308,"children":2309},{"class":157,"line":495},[2310,2314,2318,2322,2326,2330,2335,2339,2343,2347,2351,2356,2360],{"type":42,"tag":155,"props":2311,"children":2312},{"style":177},[2313],{"type":47,"value":180},{"type":42,"tag":155,"props":2315,"children":2316},{"style":885},[2317],{"type":47,"value":1874},{"type":42,"tag":155,"props":2319,"children":2320},{"style":177},[2321],{"type":47,"value":907},{"type":42,"tag":155,"props":2323,"children":2324},{"style":953},[2325],{"type":47,"value":2212},{"type":42,"tag":155,"props":2327,"children":2328},{"style":177},[2329],{"type":47,"value":1010},{"type":42,"tag":155,"props":2331,"children":2332},{"style":915},[2333],{"type":47,"value":2334},"3",{"type":42,"tag":155,"props":2336,"children":2337},{"style":177},[2338],{"type":47,"value":699},{"type":42,"tag":155,"props":2340,"children":2341},{"style":177},[2342],{"type":47,"value":1544},{"type":42,"tag":155,"props":2344,"children":2345},{"style":899},[2346],{"type":47,"value":2233},{"type":42,"tag":155,"props":2348,"children":2349},{"style":177},[2350],{"type":47,"value":907},{"type":42,"tag":155,"props":2352,"children":2353},{"style":915},[2354],{"type":47,"value":2355}," 200ms",{"type":42,"tag":155,"props":2357,"children":2358},{"style":177},[2359],{"type":47,"value":982},{"type":42,"tag":155,"props":2361,"children":2362},{"style":177},[2363],{"type":47,"value":1576},{"type":42,"tag":116,"props":2365,"children":2367},{"id":2366},"rule-5-cards-hover-with-shadow-growth-not-translatey",[2368],{"type":47,"value":2369},"Rule 5: Cards hover with shadow growth, not translateY",{"type":42,"tag":50,"props":2371,"children":2372},{},[2373,2375,2380],{"type":47,"value":2374},"Most sites don't lift cards — they ",{"type":42,"tag":136,"props":2376,"children":2377},{},[2378],{"type":47,"value":2379},"grow the shadow + ring weight",{"type":47,"value":907},{"type":42,"tag":50,"props":2382,"children":2383},{},[2384,2389],{"type":42,"tag":136,"props":2385,"children":2386},{},[2387],{"type":47,"value":2388},"Cal's hover",{"type":47,"value":2390}," — ring darkens from 8% to 10% alpha:",{"type":42,"tag":144,"props":2392,"children":2394},{"className":146,"code":2393,"language":148,"meta":149,"style":149},".card {\n  box-shadow:\n    0px 1px 5px -4px rgba(19,19,22,0.7),\n    0px 0px 0px 1px rgba(34,42,53,0.08),\n    0px 4px 8px 0px rgba(34,42,53,0.05);\n  transition: box-shadow 200ms;\n}\n.card:hover {\n  box-shadow:\n    0px 1px 5px -4px rgba(19,19,22,0.7),\n    0px 0px 0px 1px rgba(34,42,53,0.10),\n    0px 4px 8px 0px rgba(34,42,53,0.05);\n}\n",[2395],{"type":42,"tag":73,"props":2396,"children":2397},{"__ignoreMap":149},[2398,2414,2425,2492,2556,2618,2642,2649,2672,2683,2742,2802,2861],{"type":42,"tag":155,"props":2399,"children":2400},{"class":157,"line":25},[2401,2405,2410],{"type":42,"tag":155,"props":2402,"children":2403},{"style":177},[2404],{"type":47,"value":180},{"type":42,"tag":155,"props":2406,"children":2407},{"style":885},[2408],{"type":47,"value":2409},"card",{"type":42,"tag":155,"props":2411,"children":2412},{"style":177},[2413],{"type":47,"value":893},{"type":42,"tag":155,"props":2415,"children":2416},{"class":157,"line":167},[2417,2421],{"type":42,"tag":155,"props":2418,"children":2419},{"style":899},[2420],{"type":47,"value":968},{"type":42,"tag":155,"props":2422,"children":2423},{"style":177},[2424],{"type":47,"value":1076},{"type":42,"tag":155,"props":2426,"children":2427},{"class":157,"line":225},[2428,2433,2437,2442,2447,2452,2456,2461,2465,2469,2473,2478,2482,2487],{"type":42,"tag":155,"props":2429,"children":2430},{"style":915},[2431],{"type":47,"value":2432},"    0px",{"type":42,"tag":155,"props":2434,"children":2435},{"style":915},[2436],{"type":47,"value":1150},{"type":42,"tag":155,"props":2438,"children":2439},{"style":915},[2440],{"type":47,"value":2441}," 5px",{"type":42,"tag":155,"props":2443,"children":2444},{"style":915},[2445],{"type":47,"value":2446}," -4px",{"type":42,"tag":155,"props":2448,"children":2449},{"style":1002},[2450],{"type":47,"value":2451}," rgba",{"type":42,"tag":155,"props":2453,"children":2454},{"style":177},[2455],{"type":47,"value":1010},{"type":42,"tag":155,"props":2457,"children":2458},{"style":915},[2459],{"type":47,"value":2460},"19",{"type":42,"tag":155,"props":2462,"children":2463},{"style":177},[2464],{"type":47,"value":190},{"type":42,"tag":155,"props":2466,"children":2467},{"style":915},[2468],{"type":47,"value":2460},{"type":42,"tag":155,"props":2470,"children":2471},{"style":177},[2472],{"type":47,"value":190},{"type":42,"tag":155,"props":2474,"children":2475},{"style":915},[2476],{"type":47,"value":2477},"22",{"type":42,"tag":155,"props":2479,"children":2480},{"style":177},[2481],{"type":47,"value":190},{"type":42,"tag":155,"props":2483,"children":2484},{"style":915},[2485],{"type":47,"value":2486},"0.7",{"type":42,"tag":155,"props":2488,"children":2489},{"style":177},[2490],{"type":47,"value":2491},"),\n",{"type":42,"tag":155,"props":2493,"children":2494},{"class":157,"line":235},[2495,2499,2504,2508,2512,2516,2520,2525,2529,2534,2538,2543,2547,2552],{"type":42,"tag":155,"props":2496,"children":2497},{"style":915},[2498],{"type":47,"value":2432},{"type":42,"tag":155,"props":2500,"children":2501},{"style":915},[2502],{"type":47,"value":2503}," 0px",{"type":42,"tag":155,"props":2505,"children":2506},{"style":915},[2507],{"type":47,"value":2503},{"type":42,"tag":155,"props":2509,"children":2510},{"style":915},[2511],{"type":47,"value":1150},{"type":42,"tag":155,"props":2513,"children":2514},{"style":1002},[2515],{"type":47,"value":2451},{"type":42,"tag":155,"props":2517,"children":2518},{"style":177},[2519],{"type":47,"value":1010},{"type":42,"tag":155,"props":2521,"children":2522},{"style":915},[2523],{"type":47,"value":2524},"34",{"type":42,"tag":155,"props":2526,"children":2527},{"style":177},[2528],{"type":47,"value":190},{"type":42,"tag":155,"props":2530,"children":2531},{"style":915},[2532],{"type":47,"value":2533},"42",{"type":42,"tag":155,"props":2535,"children":2536},{"style":177},[2537],{"type":47,"value":190},{"type":42,"tag":155,"props":2539,"children":2540},{"style":915},[2541],{"type":47,"value":2542},"53",{"type":42,"tag":155,"props":2544,"children":2545},{"style":177},[2546],{"type":47,"value":190},{"type":42,"tag":155,"props":2548,"children":2549},{"style":915},[2550],{"type":47,"value":2551},"0.08",{"type":42,"tag":155,"props":2553,"children":2554},{"style":177},[2555],{"type":47,"value":2491},{"type":42,"tag":155,"props":2557,"children":2558},{"class":157,"line":244},[2559,2563,2568,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2614],{"type":42,"tag":155,"props":2560,"children":2561},{"style":915},[2562],{"type":47,"value":2432},{"type":42,"tag":155,"props":2564,"children":2565},{"style":915},[2566],{"type":47,"value":2567}," 4px",{"type":42,"tag":155,"props":2569,"children":2570},{"style":915},[2571],{"type":47,"value":2572}," 8px",{"type":42,"tag":155,"props":2574,"children":2575},{"style":915},[2576],{"type":47,"value":2503},{"type":42,"tag":155,"props":2578,"children":2579},{"style":1002},[2580],{"type":47,"value":2451},{"type":42,"tag":155,"props":2582,"children":2583},{"style":177},[2584],{"type":47,"value":1010},{"type":42,"tag":155,"props":2586,"children":2587},{"style":915},[2588],{"type":47,"value":2524},{"type":42,"tag":155,"props":2590,"children":2591},{"style":177},[2592],{"type":47,"value":190},{"type":42,"tag":155,"props":2594,"children":2595},{"style":915},[2596],{"type":47,"value":2533},{"type":42,"tag":155,"props":2598,"children":2599},{"style":177},[2600],{"type":47,"value":190},{"type":42,"tag":155,"props":2602,"children":2603},{"style":915},[2604],{"type":47,"value":2542},{"type":42,"tag":155,"props":2606,"children":2607},{"style":177},[2608],{"type":47,"value":190},{"type":42,"tag":155,"props":2610,"children":2611},{"style":915},[2612],{"type":47,"value":2613},"0.05",{"type":42,"tag":155,"props":2615,"children":2616},{"style":177},[2617],{"type":47,"value":1928},{"type":42,"tag":155,"props":2619,"children":2620},{"class":157,"line":292},[2621,2625,2629,2634,2638],{"type":42,"tag":155,"props":2622,"children":2623},{"style":899},[2624],{"type":47,"value":902},{"type":42,"tag":155,"props":2626,"children":2627},{"style":177},[2628],{"type":47,"value":907},{"type":42,"tag":155,"props":2630,"children":2631},{"style":171},[2632],{"type":47,"value":2633}," box-shadow ",{"type":42,"tag":155,"props":2635,"children":2636},{"style":915},[2637],{"type":47,"value":732},{"type":42,"tag":155,"props":2639,"children":2640},{"style":177},[2641],{"type":47,"value":927},{"type":42,"tag":155,"props":2643,"children":2644},{"class":157,"line":300},[2645],{"type":42,"tag":155,"props":2646,"children":2647},{"style":177},[2648],{"type":47,"value":935},{"type":42,"tag":155,"props":2650,"children":2651},{"class":157,"line":309},[2652,2656,2660,2664,2668],{"type":42,"tag":155,"props":2653,"children":2654},{"style":177},[2655],{"type":47,"value":180},{"type":42,"tag":155,"props":2657,"children":2658},{"style":885},[2659],{"type":47,"value":2409},{"type":42,"tag":155,"props":2661,"children":2662},{"style":177},[2663],{"type":47,"value":907},{"type":42,"tag":155,"props":2665,"children":2666},{"style":953},[2667],{"type":47,"value":1530},{"type":42,"tag":155,"props":2669,"children":2670},{"style":177},[2671],{"type":47,"value":893},{"type":42,"tag":155,"props":2673,"children":2674},{"class":157,"line":360},[2675,2679],{"type":42,"tag":155,"props":2676,"children":2677},{"style":899},[2678],{"type":47,"value":968},{"type":42,"tag":155,"props":2680,"children":2681},{"style":177},[2682],{"type":47,"value":1076},{"type":42,"tag":155,"props":2684,"children":2685},{"class":157,"line":368},[2686,2690,2694,2698,2702,2706,2710,2714,2718,2722,2726,2730,2734,2738],{"type":42,"tag":155,"props":2687,"children":2688},{"style":915},[2689],{"type":47,"value":2432},{"type":42,"tag":155,"props":2691,"children":2692},{"style":915},[2693],{"type":47,"value":1150},{"type":42,"tag":155,"props":2695,"children":2696},{"style":915},[2697],{"type":47,"value":2441},{"type":42,"tag":155,"props":2699,"children":2700},{"style":915},[2701],{"type":47,"value":2446},{"type":42,"tag":155,"props":2703,"children":2704},{"style":1002},[2705],{"type":47,"value":2451},{"type":42,"tag":155,"props":2707,"children":2708},{"style":177},[2709],{"type":47,"value":1010},{"type":42,"tag":155,"props":2711,"children":2712},{"style":915},[2713],{"type":47,"value":2460},{"type":42,"tag":155,"props":2715,"children":2716},{"style":177},[2717],{"type":47,"value":190},{"type":42,"tag":155,"props":2719,"children":2720},{"style":915},[2721],{"type":47,"value":2460},{"type":42,"tag":155,"props":2723,"children":2724},{"style":177},[2725],{"type":47,"value":190},{"type":42,"tag":155,"props":2727,"children":2728},{"style":915},[2729],{"type":47,"value":2477},{"type":42,"tag":155,"props":2731,"children":2732},{"style":177},[2733],{"type":47,"value":190},{"type":42,"tag":155,"props":2735,"children":2736},{"style":915},[2737],{"type":47,"value":2486},{"type":42,"tag":155,"props":2739,"children":2740},{"style":177},[2741],{"type":47,"value":2491},{"type":42,"tag":155,"props":2743,"children":2744},{"class":157,"line":377},[2745,2749,2753,2757,2761,2765,2769,2773,2777,2781,2785,2789,2793,2798],{"type":42,"tag":155,"props":2746,"children":2747},{"style":915},[2748],{"type":47,"value":2432},{"type":42,"tag":155,"props":2750,"children":2751},{"style":915},[2752],{"type":47,"value":2503},{"type":42,"tag":155,"props":2754,"children":2755},{"style":915},[2756],{"type":47,"value":2503},{"type":42,"tag":155,"props":2758,"children":2759},{"style":915},[2760],{"type":47,"value":1150},{"type":42,"tag":155,"props":2762,"children":2763},{"style":1002},[2764],{"type":47,"value":2451},{"type":42,"tag":155,"props":2766,"children":2767},{"style":177},[2768],{"type":47,"value":1010},{"type":42,"tag":155,"props":2770,"children":2771},{"style":915},[2772],{"type":47,"value":2524},{"type":42,"tag":155,"props":2774,"children":2775},{"style":177},[2776],{"type":47,"value":190},{"type":42,"tag":155,"props":2778,"children":2779},{"style":915},[2780],{"type":47,"value":2533},{"type":42,"tag":155,"props":2782,"children":2783},{"style":177},[2784],{"type":47,"value":190},{"type":42,"tag":155,"props":2786,"children":2787},{"style":915},[2788],{"type":47,"value":2542},{"type":42,"tag":155,"props":2790,"children":2791},{"style":177},[2792],{"type":47,"value":190},{"type":42,"tag":155,"props":2794,"children":2795},{"style":915},[2796],{"type":47,"value":2797},"0.10",{"type":42,"tag":155,"props":2799,"children":2800},{"style":177},[2801],{"type":47,"value":2491},{"type":42,"tag":155,"props":2803,"children":2804},{"class":157,"line":414},[2805,2809,2813,2817,2821,2825,2829,2833,2837,2841,2845,2849,2853,2857],{"type":42,"tag":155,"props":2806,"children":2807},{"style":915},[2808],{"type":47,"value":2432},{"type":42,"tag":155,"props":2810,"children":2811},{"style":915},[2812],{"type":47,"value":2567},{"type":42,"tag":155,"props":2814,"children":2815},{"style":915},[2816],{"type":47,"value":2572},{"type":42,"tag":155,"props":2818,"children":2819},{"style":915},[2820],{"type":47,"value":2503},{"type":42,"tag":155,"props":2822,"children":2823},{"style":1002},[2824],{"type":47,"value":2451},{"type":42,"tag":155,"props":2826,"children":2827},{"style":177},[2828],{"type":47,"value":1010},{"type":42,"tag":155,"props":2830,"children":2831},{"style":915},[2832],{"type":47,"value":2524},{"type":42,"tag":155,"props":2834,"children":2835},{"style":177},[2836],{"type":47,"value":190},{"type":42,"tag":155,"props":2838,"children":2839},{"style":915},[2840],{"type":47,"value":2533},{"type":42,"tag":155,"props":2842,"children":2843},{"style":177},[2844],{"type":47,"value":190},{"type":42,"tag":155,"props":2846,"children":2847},{"style":915},[2848],{"type":47,"value":2542},{"type":42,"tag":155,"props":2850,"children":2851},{"style":177},[2852],{"type":47,"value":190},{"type":42,"tag":155,"props":2854,"children":2855},{"style":915},[2856],{"type":47,"value":2613},{"type":42,"tag":155,"props":2858,"children":2859},{"style":177},[2860],{"type":47,"value":1928},{"type":42,"tag":155,"props":2862,"children":2863},{"class":157,"line":422},[2864],{"type":42,"tag":155,"props":2865,"children":2866},{"style":177},[2867],{"type":47,"value":935},{"type":42,"tag":50,"props":2869,"children":2870},{},[2871,2876],{"type":42,"tag":136,"props":2872,"children":2873},{},[2874],{"type":47,"value":2875},"Hex's hover",{"type":47,"value":2877}," — ring weight and contact shadow deepen:",{"type":42,"tag":144,"props":2879,"children":2881},{"className":146,"code":2880,"language":148,"meta":149,"style":149},".card {\n  box-shadow:\n    0 0 0 1px rgba(49,38,59,0.22),\n    0 103px 103px 0 rgba(49,38,59,0.09),\n    0 26px 57px 0 rgba(49,38,59,0.10);\n}\n.card:hover {\n  box-shadow:\n    0 0 0 1px rgba(49,38,59,0.32),\n    0 103px 103px 0 rgba(49,38,59,0.12),\n    0 26px 57px 0 rgba(49,38,59,0.15);\n}\n",[2882],{"type":42,"tag":73,"props":2883,"children":2884},{"__ignoreMap":149},[2885,2900,2911,2974,3035,3096,3103,3126,3137,3197,3257,3317],{"type":42,"tag":155,"props":2886,"children":2887},{"class":157,"line":25},[2888,2892,2896],{"type":42,"tag":155,"props":2889,"children":2890},{"style":177},[2891],{"type":47,"value":180},{"type":42,"tag":155,"props":2893,"children":2894},{"style":885},[2895],{"type":47,"value":2409},{"type":42,"tag":155,"props":2897,"children":2898},{"style":177},[2899],{"type":47,"value":893},{"type":42,"tag":155,"props":2901,"children":2902},{"class":157,"line":167},[2903,2907],{"type":42,"tag":155,"props":2904,"children":2905},{"style":899},[2906],{"type":47,"value":968},{"type":42,"tag":155,"props":2908,"children":2909},{"style":177},[2910],{"type":47,"value":1076},{"type":42,"tag":155,"props":2912,"children":2913},{"class":157,"line":225},[2914,2918,2922,2926,2930,2934,2938,2943,2947,2952,2956,2961,2965,2970],{"type":42,"tag":155,"props":2915,"children":2916},{"style":915},[2917],{"type":47,"value":1084},{"type":42,"tag":155,"props":2919,"children":2920},{"style":915},[2921],{"type":47,"value":268},{"type":42,"tag":155,"props":2923,"children":2924},{"style":915},[2925],{"type":47,"value":268},{"type":42,"tag":155,"props":2927,"children":2928},{"style":915},[2929],{"type":47,"value":1150},{"type":42,"tag":155,"props":2931,"children":2932},{"style":1002},[2933],{"type":47,"value":2451},{"type":42,"tag":155,"props":2935,"children":2936},{"style":177},[2937],{"type":47,"value":1010},{"type":42,"tag":155,"props":2939,"children":2940},{"style":915},[2941],{"type":47,"value":2942},"49",{"type":42,"tag":155,"props":2944,"children":2945},{"style":177},[2946],{"type":47,"value":190},{"type":42,"tag":155,"props":2948,"children":2949},{"style":915},[2950],{"type":47,"value":2951},"38",{"type":42,"tag":155,"props":2953,"children":2954},{"style":177},[2955],{"type":47,"value":190},{"type":42,"tag":155,"props":2957,"children":2958},{"style":915},[2959],{"type":47,"value":2960},"59",{"type":42,"tag":155,"props":2962,"children":2963},{"style":177},[2964],{"type":47,"value":190},{"type":42,"tag":155,"props":2966,"children":2967},{"style":915},[2968],{"type":47,"value":2969},"0.22",{"type":42,"tag":155,"props":2971,"children":2972},{"style":177},[2973],{"type":47,"value":2491},{"type":42,"tag":155,"props":2975,"children":2976},{"class":157,"line":235},[2977,2981,2986,2990,2994,2998,3002,3006,3010,3014,3018,3022,3026,3031],{"type":42,"tag":155,"props":2978,"children":2979},{"style":915},[2980],{"type":47,"value":1084},{"type":42,"tag":155,"props":2982,"children":2983},{"style":915},[2984],{"type":47,"value":2985}," 103px",{"type":42,"tag":155,"props":2987,"children":2988},{"style":915},[2989],{"type":47,"value":2985},{"type":42,"tag":155,"props":2991,"children":2992},{"style":915},[2993],{"type":47,"value":268},{"type":42,"tag":155,"props":2995,"children":2996},{"style":1002},[2997],{"type":47,"value":2451},{"type":42,"tag":155,"props":2999,"children":3000},{"style":177},[3001],{"type":47,"value":1010},{"type":42,"tag":155,"props":3003,"children":3004},{"style":915},[3005],{"type":47,"value":2942},{"type":42,"tag":155,"props":3007,"children":3008},{"style":177},[3009],{"type":47,"value":190},{"type":42,"tag":155,"props":3011,"children":3012},{"style":915},[3013],{"type":47,"value":2951},{"type":42,"tag":155,"props":3015,"children":3016},{"style":177},[3017],{"type":47,"value":190},{"type":42,"tag":155,"props":3019,"children":3020},{"style":915},[3021],{"type":47,"value":2960},{"type":42,"tag":155,"props":3023,"children":3024},{"style":177},[3025],{"type":47,"value":190},{"type":42,"tag":155,"props":3027,"children":3028},{"style":915},[3029],{"type":47,"value":3030},"0.09",{"type":42,"tag":155,"props":3032,"children":3033},{"style":177},[3034],{"type":47,"value":2491},{"type":42,"tag":155,"props":3036,"children":3037},{"class":157,"line":244},[3038,3042,3047,3052,3056,3060,3064,3068,3072,3076,3080,3084,3088,3092],{"type":42,"tag":155,"props":3039,"children":3040},{"style":915},[3041],{"type":47,"value":1084},{"type":42,"tag":155,"props":3043,"children":3044},{"style":915},[3045],{"type":47,"value":3046}," 26px",{"type":42,"tag":155,"props":3048,"children":3049},{"style":915},[3050],{"type":47,"value":3051}," 57px",{"type":42,"tag":155,"props":3053,"children":3054},{"style":915},[3055],{"type":47,"value":268},{"type":42,"tag":155,"props":3057,"children":3058},{"style":1002},[3059],{"type":47,"value":2451},{"type":42,"tag":155,"props":3061,"children":3062},{"style":177},[3063],{"type":47,"value":1010},{"type":42,"tag":155,"props":3065,"children":3066},{"style":915},[3067],{"type":47,"value":2942},{"type":42,"tag":155,"props":3069,"children":3070},{"style":177},[3071],{"type":47,"value":190},{"type":42,"tag":155,"props":3073,"children":3074},{"style":915},[3075],{"type":47,"value":2951},{"type":42,"tag":155,"props":3077,"children":3078},{"style":177},[3079],{"type":47,"value":190},{"type":42,"tag":155,"props":3081,"children":3082},{"style":915},[3083],{"type":47,"value":2960},{"type":42,"tag":155,"props":3085,"children":3086},{"style":177},[3087],{"type":47,"value":190},{"type":42,"tag":155,"props":3089,"children":3090},{"style":915},[3091],{"type":47,"value":2797},{"type":42,"tag":155,"props":3093,"children":3094},{"style":177},[3095],{"type":47,"value":1928},{"type":42,"tag":155,"props":3097,"children":3098},{"class":157,"line":292},[3099],{"type":42,"tag":155,"props":3100,"children":3101},{"style":177},[3102],{"type":47,"value":935},{"type":42,"tag":155,"props":3104,"children":3105},{"class":157,"line":300},[3106,3110,3114,3118,3122],{"type":42,"tag":155,"props":3107,"children":3108},{"style":177},[3109],{"type":47,"value":180},{"type":42,"tag":155,"props":3111,"children":3112},{"style":885},[3113],{"type":47,"value":2409},{"type":42,"tag":155,"props":3115,"children":3116},{"style":177},[3117],{"type":47,"value":907},{"type":42,"tag":155,"props":3119,"children":3120},{"style":953},[3121],{"type":47,"value":1530},{"type":42,"tag":155,"props":3123,"children":3124},{"style":177},[3125],{"type":47,"value":893},{"type":42,"tag":155,"props":3127,"children":3128},{"class":157,"line":309},[3129,3133],{"type":42,"tag":155,"props":3130,"children":3131},{"style":899},[3132],{"type":47,"value":968},{"type":42,"tag":155,"props":3134,"children":3135},{"style":177},[3136],{"type":47,"value":1076},{"type":42,"tag":155,"props":3138,"children":3139},{"class":157,"line":360},[3140,3144,3148,3152,3156,3160,3164,3168,3172,3176,3180,3184,3188,3193],{"type":42,"tag":155,"props":3141,"children":3142},{"style":915},[3143],{"type":47,"value":1084},{"type":42,"tag":155,"props":3145,"children":3146},{"style":915},[3147],{"type":47,"value":268},{"type":42,"tag":155,"props":3149,"children":3150},{"style":915},[3151],{"type":47,"value":268},{"type":42,"tag":155,"props":3153,"children":3154},{"style":915},[3155],{"type":47,"value":1150},{"type":42,"tag":155,"props":3157,"children":3158},{"style":1002},[3159],{"type":47,"value":2451},{"type":42,"tag":155,"props":3161,"children":3162},{"style":177},[3163],{"type":47,"value":1010},{"type":42,"tag":155,"props":3165,"children":3166},{"style":915},[3167],{"type":47,"value":2942},{"type":42,"tag":155,"props":3169,"children":3170},{"style":177},[3171],{"type":47,"value":190},{"type":42,"tag":155,"props":3173,"children":3174},{"style":915},[3175],{"type":47,"value":2951},{"type":42,"tag":155,"props":3177,"children":3178},{"style":177},[3179],{"type":47,"value":190},{"type":42,"tag":155,"props":3181,"children":3182},{"style":915},[3183],{"type":47,"value":2960},{"type":42,"tag":155,"props":3185,"children":3186},{"style":177},[3187],{"type":47,"value":190},{"type":42,"tag":155,"props":3189,"children":3190},{"style":915},[3191],{"type":47,"value":3192},"0.32",{"type":42,"tag":155,"props":3194,"children":3195},{"style":177},[3196],{"type":47,"value":2491},{"type":42,"tag":155,"props":3198,"children":3199},{"class":157,"line":368},[3200,3204,3208,3212,3216,3220,3224,3228,3232,3236,3240,3244,3248,3253],{"type":42,"tag":155,"props":3201,"children":3202},{"style":915},[3203],{"type":47,"value":1084},{"type":42,"tag":155,"props":3205,"children":3206},{"style":915},[3207],{"type":47,"value":2985},{"type":42,"tag":155,"props":3209,"children":3210},{"style":915},[3211],{"type":47,"value":2985},{"type":42,"tag":155,"props":3213,"children":3214},{"style":915},[3215],{"type":47,"value":268},{"type":42,"tag":155,"props":3217,"children":3218},{"style":1002},[3219],{"type":47,"value":2451},{"type":42,"tag":155,"props":3221,"children":3222},{"style":177},[3223],{"type":47,"value":1010},{"type":42,"tag":155,"props":3225,"children":3226},{"style":915},[3227],{"type":47,"value":2942},{"type":42,"tag":155,"props":3229,"children":3230},{"style":177},[3231],{"type":47,"value":190},{"type":42,"tag":155,"props":3233,"children":3234},{"style":915},[3235],{"type":47,"value":2951},{"type":42,"tag":155,"props":3237,"children":3238},{"style":177},[3239],{"type":47,"value":190},{"type":42,"tag":155,"props":3241,"children":3242},{"style":915},[3243],{"type":47,"value":2960},{"type":42,"tag":155,"props":3245,"children":3246},{"style":177},[3247],{"type":47,"value":190},{"type":42,"tag":155,"props":3249,"children":3250},{"style":915},[3251],{"type":47,"value":3252},"0.12",{"type":42,"tag":155,"props":3254,"children":3255},{"style":177},[3256],{"type":47,"value":2491},{"type":42,"tag":155,"props":3258,"children":3259},{"class":157,"line":377},[3260,3264,3268,3272,3276,3280,3284,3288,3292,3296,3300,3304,3308,3313],{"type":42,"tag":155,"props":3261,"children":3262},{"style":915},[3263],{"type":47,"value":1084},{"type":42,"tag":155,"props":3265,"children":3266},{"style":915},[3267],{"type":47,"value":3046},{"type":42,"tag":155,"props":3269,"children":3270},{"style":915},[3271],{"type":47,"value":3051},{"type":42,"tag":155,"props":3273,"children":3274},{"style":915},[3275],{"type":47,"value":268},{"type":42,"tag":155,"props":3277,"children":3278},{"style":1002},[3279],{"type":47,"value":2451},{"type":42,"tag":155,"props":3281,"children":3282},{"style":177},[3283],{"type":47,"value":1010},{"type":42,"tag":155,"props":3285,"children":3286},{"style":915},[3287],{"type":47,"value":2942},{"type":42,"tag":155,"props":3289,"children":3290},{"style":177},[3291],{"type":47,"value":190},{"type":42,"tag":155,"props":3293,"children":3294},{"style":915},[3295],{"type":47,"value":2951},{"type":42,"tag":155,"props":3297,"children":3298},{"style":177},[3299],{"type":47,"value":190},{"type":42,"tag":155,"props":3301,"children":3302},{"style":915},[3303],{"type":47,"value":2960},{"type":42,"tag":155,"props":3305,"children":3306},{"style":177},[3307],{"type":47,"value":190},{"type":42,"tag":155,"props":3309,"children":3310},{"style":915},[3311],{"type":47,"value":3312},"0.15",{"type":42,"tag":155,"props":3314,"children":3315},{"style":177},[3316],{"type":47,"value":1928},{"type":42,"tag":155,"props":3318,"children":3319},{"class":157,"line":414},[3320],{"type":42,"tag":155,"props":3321,"children":3322},{"style":177},[3323],{"type":47,"value":935},{"type":42,"tag":50,"props":3325,"children":3326},{},[3327,3332,3334,3340,3342,3348],{"type":42,"tag":136,"props":3328,"children":3329},{},[3330],{"type":47,"value":3331},"Incident's hover",{"type":47,"value":3333}," — ",{"type":42,"tag":73,"props":3335,"children":3337},{"className":3336},[],[3338],{"type":47,"value":3339},"shadow-lg",{"type":47,"value":3341}," → ",{"type":42,"tag":73,"props":3343,"children":3345},{"className":3344},[],[3346],{"type":47,"value":3347},"shadow-2xl",{"type":47,"value":907},{"type":42,"tag":144,"props":3350,"children":3352},{"className":146,"code":3351,"language":148,"meta":149,"style":149},".card { box-shadow: var(--tw-shadow-lg); transition: box-shadow 250ms; }\n.card:hover { box-shadow: var(--tw-shadow-2xl); }\n",[3353],{"type":42,"tag":73,"props":3354,"children":3355},{"__ignoreMap":149},[3356,3423],{"type":42,"tag":155,"props":3357,"children":3358},{"class":157,"line":25},[3359,3363,3367,3371,3376,3380,3385,3389,3394,3398,3403,3407,3411,3415,3419],{"type":42,"tag":155,"props":3360,"children":3361},{"style":177},[3362],{"type":47,"value":180},{"type":42,"tag":155,"props":3364,"children":3365},{"style":885},[3366],{"type":47,"value":2409},{"type":42,"tag":155,"props":3368,"children":3369},{"style":177},[3370],{"type":47,"value":1544},{"type":42,"tag":155,"props":3372,"children":3373},{"style":899},[3374],{"type":47,"value":3375}," box-shadow",{"type":42,"tag":155,"props":3377,"children":3378},{"style":177},[3379],{"type":47,"value":907},{"type":42,"tag":155,"props":3381,"children":3382},{"style":1002},[3383],{"type":47,"value":3384}," var",{"type":42,"tag":155,"props":3386,"children":3387},{"style":177},[3388],{"type":47,"value":1010},{"type":42,"tag":155,"props":3390,"children":3391},{"style":171},[3392],{"type":47,"value":3393},"--tw-shadow-lg",{"type":42,"tag":155,"props":3395,"children":3396},{"style":177},[3397],{"type":47,"value":1020},{"type":42,"tag":155,"props":3399,"children":3400},{"style":899},[3401],{"type":47,"value":3402}," transition",{"type":42,"tag":155,"props":3404,"children":3405},{"style":177},[3406],{"type":47,"value":907},{"type":42,"tag":155,"props":3408,"children":3409},{"style":171},[3410],{"type":47,"value":2633},{"type":42,"tag":155,"props":3412,"children":3413},{"style":915},[3414],{"type":47,"value":750},{"type":42,"tag":155,"props":3416,"children":3417},{"style":177},[3418],{"type":47,"value":982},{"type":42,"tag":155,"props":3420,"children":3421},{"style":177},[3422],{"type":47,"value":1576},{"type":42,"tag":155,"props":3424,"children":3425},{"class":157,"line":167},[3426,3430,3434,3438,3442,3446,3450,3454,3458,3462,3467,3471],{"type":42,"tag":155,"props":3427,"children":3428},{"style":177},[3429],{"type":47,"value":180},{"type":42,"tag":155,"props":3431,"children":3432},{"style":885},[3433],{"type":47,"value":2409},{"type":42,"tag":155,"props":3435,"children":3436},{"style":177},[3437],{"type":47,"value":907},{"type":42,"tag":155,"props":3439,"children":3440},{"style":953},[3441],{"type":47,"value":1530},{"type":42,"tag":155,"props":3443,"children":3444},{"style":177},[3445],{"type":47,"value":1544},{"type":42,"tag":155,"props":3447,"children":3448},{"style":899},[3449],{"type":47,"value":3375},{"type":42,"tag":155,"props":3451,"children":3452},{"style":177},[3453],{"type":47,"value":907},{"type":42,"tag":155,"props":3455,"children":3456},{"style":1002},[3457],{"type":47,"value":3384},{"type":42,"tag":155,"props":3459,"children":3460},{"style":177},[3461],{"type":47,"value":1010},{"type":42,"tag":155,"props":3463,"children":3464},{"style":171},[3465],{"type":47,"value":3466},"--tw-shadow-2xl",{"type":42,"tag":155,"props":3468,"children":3469},{"style":177},[3470],{"type":47,"value":1020},{"type":42,"tag":155,"props":3472,"children":3473},{"style":177},[3474],{"type":47,"value":1576},{"type":42,"tag":50,"props":3476,"children":3477},{},[3478,3479,3485],{"type":47,"value":613},{"type":42,"tag":73,"props":3480,"children":3482},{"className":3481},[],[3483],{"type":47,"value":3484},".card:hover { transform: translateY(-4px); }",{"type":47,"value":3486}," (generic).",{"type":42,"tag":116,"props":3488,"children":3490},{"id":3489},"rule-6-mouse-tracking-effects-create-living-pages",[3491],{"type":47,"value":3492},"Rule 6: Mouse-tracking effects create living pages",{"type":42,"tag":50,"props":3494,"children":3495},{},[3496,3500,3502,3508],{"type":42,"tag":136,"props":3497,"children":3498},{},[3499],{"type":47,"value":801},{"type":47,"value":3501}," — the hero text is a ",{"type":42,"tag":73,"props":3503,"children":3505},{"className":3504},[],[3506],{"type":47,"value":3507},"radial-gradient",{"type":47,"value":3509}," whose position follows the mouse via CSS variables:",{"type":42,"tag":144,"props":3511,"children":3513},{"className":146,"code":3512,"language":148,"meta":149,"style":149},".hero-text {\n  background: radial-gradient(\n    80% 109% at var(--gradient-posX, 50%) var(--gradient-posY, 50%),\n    #D0B2FF 0%,\n    #FFEED8 50%,\n    #E8400D 100%);\n  background-clip: text;\n  color: transparent;\n}\n",[3514],{"type":42,"tag":73,"props":3515,"children":3516},{"__ignoreMap":149},[3517,3533,3555,3624,3646,3667,3688,3709,3730],{"type":42,"tag":155,"props":3518,"children":3519},{"class":157,"line":25},[3520,3524,3529],{"type":42,"tag":155,"props":3521,"children":3522},{"style":177},[3523],{"type":47,"value":180},{"type":42,"tag":155,"props":3525,"children":3526},{"style":885},[3527],{"type":47,"value":3528},"hero-text",{"type":42,"tag":155,"props":3530,"children":3531},{"style":177},[3532],{"type":47,"value":893},{"type":42,"tag":155,"props":3534,"children":3535},{"class":157,"line":167},[3536,3541,3545,3550],{"type":42,"tag":155,"props":3537,"children":3538},{"style":899},[3539],{"type":47,"value":3540},"  background",{"type":42,"tag":155,"props":3542,"children":3543},{"style":177},[3544],{"type":47,"value":907},{"type":42,"tag":155,"props":3546,"children":3547},{"style":1002},[3548],{"type":47,"value":3549}," radial-gradient",{"type":42,"tag":155,"props":3551,"children":3552},{"style":177},[3553],{"type":47,"value":3554},"(\n",{"type":42,"tag":155,"props":3556,"children":3557},{"class":157,"line":225},[3558,3563,3568,3573,3577,3581,3586,3590,3595,3599,3603,3607,3612,3616,3620],{"type":42,"tag":155,"props":3559,"children":3560},{"style":915},[3561],{"type":47,"value":3562},"    80%",{"type":42,"tag":155,"props":3564,"children":3565},{"style":915},[3566],{"type":47,"value":3567}," 109%",{"type":42,"tag":155,"props":3569,"children":3570},{"style":177},[3571],{"type":47,"value":3572}," at",{"type":42,"tag":155,"props":3574,"children":3575},{"style":1002},[3576],{"type":47,"value":3384},{"type":42,"tag":155,"props":3578,"children":3579},{"style":177},[3580],{"type":47,"value":1010},{"type":42,"tag":155,"props":3582,"children":3583},{"style":171},[3584],{"type":47,"value":3585},"--gradient-posX",{"type":42,"tag":155,"props":3587,"children":3588},{"style":177},[3589],{"type":47,"value":190},{"type":42,"tag":155,"props":3591,"children":3592},{"style":915},[3593],{"type":47,"value":3594}," 50%",{"type":42,"tag":155,"props":3596,"children":3597},{"style":177},[3598],{"type":47,"value":699},{"type":42,"tag":155,"props":3600,"children":3601},{"style":1002},[3602],{"type":47,"value":3384},{"type":42,"tag":155,"props":3604,"children":3605},{"style":177},[3606],{"type":47,"value":1010},{"type":42,"tag":155,"props":3608,"children":3609},{"style":171},[3610],{"type":47,"value":3611},"--gradient-posY",{"type":42,"tag":155,"props":3613,"children":3614},{"style":177},[3615],{"type":47,"value":190},{"type":42,"tag":155,"props":3617,"children":3618},{"style":915},[3619],{"type":47,"value":3594},{"type":42,"tag":155,"props":3621,"children":3622},{"style":177},[3623],{"type":47,"value":2491},{"type":42,"tag":155,"props":3625,"children":3626},{"class":157,"line":235},[3627,3632,3637,3642],{"type":42,"tag":155,"props":3628,"children":3629},{"style":177},[3630],{"type":47,"value":3631},"    #",{"type":42,"tag":155,"props":3633,"children":3634},{"style":171},[3635],{"type":47,"value":3636},"D0B2FF ",{"type":42,"tag":155,"props":3638,"children":3639},{"style":915},[3640],{"type":47,"value":3641},"0%",{"type":42,"tag":155,"props":3643,"children":3644},{"style":177},[3645],{"type":47,"value":1109},{"type":42,"tag":155,"props":3647,"children":3648},{"class":157,"line":244},[3649,3653,3658,3663],{"type":42,"tag":155,"props":3650,"children":3651},{"style":177},[3652],{"type":47,"value":3631},{"type":42,"tag":155,"props":3654,"children":3655},{"style":171},[3656],{"type":47,"value":3657},"FFEED8 ",{"type":42,"tag":155,"props":3659,"children":3660},{"style":915},[3661],{"type":47,"value":3662},"50%",{"type":42,"tag":155,"props":3664,"children":3665},{"style":177},[3666],{"type":47,"value":1109},{"type":42,"tag":155,"props":3668,"children":3669},{"class":157,"line":292},[3670,3674,3679,3684],{"type":42,"tag":155,"props":3671,"children":3672},{"style":177},[3673],{"type":47,"value":3631},{"type":42,"tag":155,"props":3675,"children":3676},{"style":171},[3677],{"type":47,"value":3678},"E8400D ",{"type":42,"tag":155,"props":3680,"children":3681},{"style":915},[3682],{"type":47,"value":3683},"100%",{"type":42,"tag":155,"props":3685,"children":3686},{"style":177},[3687],{"type":47,"value":1928},{"type":42,"tag":155,"props":3689,"children":3690},{"class":157,"line":300},[3691,3696,3700,3705],{"type":42,"tag":155,"props":3692,"children":3693},{"style":899},[3694],{"type":47,"value":3695},"  background-clip",{"type":42,"tag":155,"props":3697,"children":3698},{"style":177},[3699],{"type":47,"value":907},{"type":42,"tag":155,"props":3701,"children":3702},{"style":171},[3703],{"type":47,"value":3704}," text",{"type":42,"tag":155,"props":3706,"children":3707},{"style":177},[3708],{"type":47,"value":927},{"type":42,"tag":155,"props":3710,"children":3711},{"class":157,"line":309},[3712,3717,3721,3726],{"type":42,"tag":155,"props":3713,"children":3714},{"style":899},[3715],{"type":47,"value":3716},"  color",{"type":42,"tag":155,"props":3718,"children":3719},{"style":177},[3720],{"type":47,"value":907},{"type":42,"tag":155,"props":3722,"children":3723},{"style":171},[3724],{"type":47,"value":3725}," transparent",{"type":42,"tag":155,"props":3727,"children":3728},{"style":177},[3729],{"type":47,"value":927},{"type":42,"tag":155,"props":3731,"children":3732},{"class":157,"line":360},[3733],{"type":42,"tag":155,"props":3734,"children":3735},{"style":177},[3736],{"type":47,"value":935},{"type":42,"tag":144,"props":3738,"children":3742},{"className":3739,"code":3740,"language":3741,"meta":149,"style":149},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","document.addEventListener('mousemove', (e) => {\n  const { clientX, clientY, currentTarget } = e;\n  const { width, height } = currentTarget.getBoundingClientRect();\n  document.documentElement.style.setProperty('--gradient-posX', `${(clientX\u002Fwidth)*100}%`);\n  document.documentElement.style.setProperty('--gradient-posY', `${(clientY\u002Fheight)*100}%`);\n});\n","js",[3743],{"type":42,"tag":73,"props":3744,"children":3745},{"__ignoreMap":149},[3746,3810,3863,3918,4026,4123],{"type":42,"tag":155,"props":3747,"children":3748},{"class":157,"line":25},[3749,3754,3758,3763,3767,3772,3778,3782,3786,3791,3797,3801,3806],{"type":42,"tag":155,"props":3750,"children":3751},{"style":171},[3752],{"type":47,"value":3753},"document",{"type":42,"tag":155,"props":3755,"children":3756},{"style":177},[3757],{"type":47,"value":180},{"type":42,"tag":155,"props":3759,"children":3760},{"style":1002},[3761],{"type":47,"value":3762},"addEventListener",{"type":42,"tag":155,"props":3764,"children":3765},{"style":171},[3766],{"type":47,"value":1010},{"type":42,"tag":155,"props":3768,"children":3769},{"style":177},[3770],{"type":47,"value":3771},"'",{"type":42,"tag":155,"props":3773,"children":3775},{"style":3774},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[3776],{"type":47,"value":3777},"mousemove",{"type":42,"tag":155,"props":3779,"children":3780},{"style":177},[3781],{"type":47,"value":3771},{"type":42,"tag":155,"props":3783,"children":3784},{"style":177},[3785],{"type":47,"value":190},{"type":42,"tag":155,"props":3787,"children":3788},{"style":177},[3789],{"type":47,"value":3790}," (",{"type":42,"tag":155,"props":3792,"children":3794},{"style":3793},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[3795],{"type":47,"value":3796},"e",{"type":42,"tag":155,"props":3798,"children":3799},{"style":177},[3800],{"type":47,"value":699},{"type":42,"tag":155,"props":3802,"children":3803},{"style":953},[3804],{"type":47,"value":3805}," =>",{"type":42,"tag":155,"props":3807,"children":3808},{"style":177},[3809],{"type":47,"value":893},{"type":42,"tag":155,"props":3811,"children":3812},{"class":157,"line":167},[3813,3818,3822,3827,3831,3836,3840,3845,3849,3854,3859],{"type":42,"tag":155,"props":3814,"children":3815},{"style":953},[3816],{"type":47,"value":3817},"  const",{"type":42,"tag":155,"props":3819,"children":3820},{"style":177},[3821],{"type":47,"value":1544},{"type":42,"tag":155,"props":3823,"children":3824},{"style":171},[3825],{"type":47,"value":3826}," clientX",{"type":42,"tag":155,"props":3828,"children":3829},{"style":177},[3830],{"type":47,"value":190},{"type":42,"tag":155,"props":3832,"children":3833},{"style":171},[3834],{"type":47,"value":3835}," clientY",{"type":42,"tag":155,"props":3837,"children":3838},{"style":177},[3839],{"type":47,"value":190},{"type":42,"tag":155,"props":3841,"children":3842},{"style":171},[3843],{"type":47,"value":3844}," currentTarget",{"type":42,"tag":155,"props":3846,"children":3847},{"style":177},[3848],{"type":47,"value":1683},{"type":42,"tag":155,"props":3850,"children":3851},{"style":177},[3852],{"type":47,"value":3853}," =",{"type":42,"tag":155,"props":3855,"children":3856},{"style":171},[3857],{"type":47,"value":3858}," e",{"type":42,"tag":155,"props":3860,"children":3861},{"style":177},[3862],{"type":47,"value":927},{"type":42,"tag":155,"props":3864,"children":3865},{"class":157,"line":225},[3866,3870,3874,3878,3882,3887,3891,3895,3899,3903,3908,3914],{"type":42,"tag":155,"props":3867,"children":3868},{"style":953},[3869],{"type":47,"value":3817},{"type":42,"tag":155,"props":3871,"children":3872},{"style":177},[3873],{"type":47,"value":1544},{"type":42,"tag":155,"props":3875,"children":3876},{"style":171},[3877],{"type":47,"value":1665},{"type":42,"tag":155,"props":3879,"children":3880},{"style":177},[3881],{"type":47,"value":190},{"type":42,"tag":155,"props":3883,"children":3884},{"style":171},[3885],{"type":47,"value":3886}," height",{"type":42,"tag":155,"props":3888,"children":3889},{"style":177},[3890],{"type":47,"value":1683},{"type":42,"tag":155,"props":3892,"children":3893},{"style":177},[3894],{"type":47,"value":3853},{"type":42,"tag":155,"props":3896,"children":3897},{"style":171},[3898],{"type":47,"value":3844},{"type":42,"tag":155,"props":3900,"children":3901},{"style":177},[3902],{"type":47,"value":180},{"type":42,"tag":155,"props":3904,"children":3905},{"style":1002},[3906],{"type":47,"value":3907},"getBoundingClientRect",{"type":42,"tag":155,"props":3909,"children":3911},{"style":3910},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[3912],{"type":47,"value":3913},"()",{"type":42,"tag":155,"props":3915,"children":3916},{"style":177},[3917],{"type":47,"value":927},{"type":42,"tag":155,"props":3919,"children":3920},{"class":157,"line":235},[3921,3926,3930,3935,3939,3944,3948,3953,3957,3961,3965,3969,3973,3978,3983,3988,3993,3998,4003,4008,4013,4018,4022],{"type":42,"tag":155,"props":3922,"children":3923},{"style":171},[3924],{"type":47,"value":3925},"  document",{"type":42,"tag":155,"props":3927,"children":3928},{"style":177},[3929],{"type":47,"value":180},{"type":42,"tag":155,"props":3931,"children":3932},{"style":171},[3933],{"type":47,"value":3934},"documentElement",{"type":42,"tag":155,"props":3936,"children":3937},{"style":177},[3938],{"type":47,"value":180},{"type":42,"tag":155,"props":3940,"children":3941},{"style":171},[3942],{"type":47,"value":3943},"style",{"type":42,"tag":155,"props":3945,"children":3946},{"style":177},[3947],{"type":47,"value":180},{"type":42,"tag":155,"props":3949,"children":3950},{"style":1002},[3951],{"type":47,"value":3952},"setProperty",{"type":42,"tag":155,"props":3954,"children":3955},{"style":3910},[3956],{"type":47,"value":1010},{"type":42,"tag":155,"props":3958,"children":3959},{"style":177},[3960],{"type":47,"value":3771},{"type":42,"tag":155,"props":3962,"children":3963},{"style":3774},[3964],{"type":47,"value":3585},{"type":42,"tag":155,"props":3966,"children":3967},{"style":177},[3968],{"type":47,"value":3771},{"type":42,"tag":155,"props":3970,"children":3971},{"style":177},[3972],{"type":47,"value":190},{"type":42,"tag":155,"props":3974,"children":3975},{"style":177},[3976],{"type":47,"value":3977}," `${",{"type":42,"tag":155,"props":3979,"children":3980},{"style":171},[3981],{"type":47,"value":3982},"(clientX",{"type":42,"tag":155,"props":3984,"children":3985},{"style":177},[3986],{"type":47,"value":3987},"\u002F",{"type":42,"tag":155,"props":3989,"children":3990},{"style":171},[3991],{"type":47,"value":3992},"width)",{"type":42,"tag":155,"props":3994,"children":3995},{"style":177},[3996],{"type":47,"value":3997},"*",{"type":42,"tag":155,"props":3999,"children":4000},{"style":915},[4001],{"type":47,"value":4002},"100",{"type":42,"tag":155,"props":4004,"children":4005},{"style":177},[4006],{"type":47,"value":4007},"}",{"type":42,"tag":155,"props":4009,"children":4010},{"style":3774},[4011],{"type":47,"value":4012},"%",{"type":42,"tag":155,"props":4014,"children":4015},{"style":177},[4016],{"type":47,"value":4017},"`",{"type":42,"tag":155,"props":4019,"children":4020},{"style":3910},[4021],{"type":47,"value":699},{"type":42,"tag":155,"props":4023,"children":4024},{"style":177},[4025],{"type":47,"value":927},{"type":42,"tag":155,"props":4027,"children":4028},{"class":157,"line":244},[4029,4033,4037,4041,4045,4049,4053,4057,4061,4065,4069,4073,4077,4081,4086,4090,4095,4099,4103,4107,4111,4115,4119],{"type":42,"tag":155,"props":4030,"children":4031},{"style":171},[4032],{"type":47,"value":3925},{"type":42,"tag":155,"props":4034,"children":4035},{"style":177},[4036],{"type":47,"value":180},{"type":42,"tag":155,"props":4038,"children":4039},{"style":171},[4040],{"type":47,"value":3934},{"type":42,"tag":155,"props":4042,"children":4043},{"style":177},[4044],{"type":47,"value":180},{"type":42,"tag":155,"props":4046,"children":4047},{"style":171},[4048],{"type":47,"value":3943},{"type":42,"tag":155,"props":4050,"children":4051},{"style":177},[4052],{"type":47,"value":180},{"type":42,"tag":155,"props":4054,"children":4055},{"style":1002},[4056],{"type":47,"value":3952},{"type":42,"tag":155,"props":4058,"children":4059},{"style":3910},[4060],{"type":47,"value":1010},{"type":42,"tag":155,"props":4062,"children":4063},{"style":177},[4064],{"type":47,"value":3771},{"type":42,"tag":155,"props":4066,"children":4067},{"style":3774},[4068],{"type":47,"value":3611},{"type":42,"tag":155,"props":4070,"children":4071},{"style":177},[4072],{"type":47,"value":3771},{"type":42,"tag":155,"props":4074,"children":4075},{"style":177},[4076],{"type":47,"value":190},{"type":42,"tag":155,"props":4078,"children":4079},{"style":177},[4080],{"type":47,"value":3977},{"type":42,"tag":155,"props":4082,"children":4083},{"style":171},[4084],{"type":47,"value":4085},"(clientY",{"type":42,"tag":155,"props":4087,"children":4088},{"style":177},[4089],{"type":47,"value":3987},{"type":42,"tag":155,"props":4091,"children":4092},{"style":171},[4093],{"type":47,"value":4094},"height)",{"type":42,"tag":155,"props":4096,"children":4097},{"style":177},[4098],{"type":47,"value":3997},{"type":42,"tag":155,"props":4100,"children":4101},{"style":915},[4102],{"type":47,"value":4002},{"type":42,"tag":155,"props":4104,"children":4105},{"style":177},[4106],{"type":47,"value":4007},{"type":42,"tag":155,"props":4108,"children":4109},{"style":3774},[4110],{"type":47,"value":4012},{"type":42,"tag":155,"props":4112,"children":4113},{"style":177},[4114],{"type":47,"value":4017},{"type":42,"tag":155,"props":4116,"children":4117},{"style":3910},[4118],{"type":47,"value":699},{"type":42,"tag":155,"props":4120,"children":4121},{"style":177},[4122],{"type":47,"value":927},{"type":42,"tag":155,"props":4124,"children":4125},{"class":157,"line":292},[4126,4130,4134],{"type":42,"tag":155,"props":4127,"children":4128},{"style":177},[4129],{"type":47,"value":4007},{"type":42,"tag":155,"props":4131,"children":4132},{"style":171},[4133],{"type":47,"value":699},{"type":42,"tag":155,"props":4135,"children":4136},{"style":177},[4137],{"type":47,"value":927},{"type":42,"tag":50,"props":4139,"children":4140},{},[4141,4146,4148,4154],{"type":42,"tag":136,"props":4142,"children":4143},{},[4144],{"type":47,"value":4145},"Shade",{"type":47,"value":4147}," — a chartreuse (#c6eb57) spotlight follows the cursor over the hero. Plus a ",{"type":42,"tag":73,"props":4149,"children":4151},{"className":4150},[],[4152],{"type":47,"value":4153},"conic-gradient",{"type":47,"value":4155}," halo that spins around the AI search lozenge:",{"type":42,"tag":144,"props":4157,"children":4159},{"className":146,"code":4158,"language":148,"meta":149,"style":149},".ai-halo {\n  background: conic-gradient(transparent 200deg, rgb(133, 92, 247));\n  animation: spin 2s linear infinite;\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n",[4160],{"type":42,"tag":73,"props":4161,"children":4162},{"__ignoreMap":149},[4163,4179,4250,4281,4288],{"type":42,"tag":155,"props":4164,"children":4165},{"class":157,"line":25},[4166,4170,4175],{"type":42,"tag":155,"props":4167,"children":4168},{"style":177},[4169],{"type":47,"value":180},{"type":42,"tag":155,"props":4171,"children":4172},{"style":885},[4173],{"type":47,"value":4174},"ai-halo",{"type":42,"tag":155,"props":4176,"children":4177},{"style":177},[4178],{"type":47,"value":893},{"type":42,"tag":155,"props":4180,"children":4181},{"class":157,"line":167},[4182,4186,4190,4195,4199,4204,4209,4213,4218,4222,4227,4231,4236,4240,4245],{"type":42,"tag":155,"props":4183,"children":4184},{"style":899},[4185],{"type":47,"value":3540},{"type":42,"tag":155,"props":4187,"children":4188},{"style":177},[4189],{"type":47,"value":907},{"type":42,"tag":155,"props":4191,"children":4192},{"style":1002},[4193],{"type":47,"value":4194}," conic-gradient",{"type":42,"tag":155,"props":4196,"children":4197},{"style":177},[4198],{"type":47,"value":1010},{"type":42,"tag":155,"props":4200,"children":4201},{"style":171},[4202],{"type":47,"value":4203},"transparent ",{"type":42,"tag":155,"props":4205,"children":4206},{"style":915},[4207],{"type":47,"value":4208},"200deg",{"type":42,"tag":155,"props":4210,"children":4211},{"style":177},[4212],{"type":47,"value":190},{"type":42,"tag":155,"props":4214,"children":4215},{"style":1002},[4216],{"type":47,"value":4217}," rgb",{"type":42,"tag":155,"props":4219,"children":4220},{"style":177},[4221],{"type":47,"value":1010},{"type":42,"tag":155,"props":4223,"children":4224},{"style":915},[4225],{"type":47,"value":4226},"133",{"type":42,"tag":155,"props":4228,"children":4229},{"style":177},[4230],{"type":47,"value":190},{"type":42,"tag":155,"props":4232,"children":4233},{"style":915},[4234],{"type":47,"value":4235}," 92",{"type":42,"tag":155,"props":4237,"children":4238},{"style":177},[4239],{"type":47,"value":190},{"type":42,"tag":155,"props":4241,"children":4242},{"style":915},[4243],{"type":47,"value":4244}," 247",{"type":42,"tag":155,"props":4246,"children":4247},{"style":177},[4248],{"type":47,"value":4249},"));\n",{"type":42,"tag":155,"props":4251,"children":4252},{"class":157,"line":225},[4253,4258,4262,4267,4272,4277],{"type":42,"tag":155,"props":4254,"children":4255},{"style":899},[4256],{"type":47,"value":4257},"  animation",{"type":42,"tag":155,"props":4259,"children":4260},{"style":177},[4261],{"type":47,"value":907},{"type":42,"tag":155,"props":4263,"children":4264},{"style":171},[4265],{"type":47,"value":4266}," spin ",{"type":42,"tag":155,"props":4268,"children":4269},{"style":915},[4270],{"type":47,"value":4271},"2s",{"type":42,"tag":155,"props":4273,"children":4274},{"style":171},[4275],{"type":47,"value":4276}," linear infinite",{"type":42,"tag":155,"props":4278,"children":4279},{"style":177},[4280],{"type":47,"value":927},{"type":42,"tag":155,"props":4282,"children":4283},{"class":157,"line":235},[4284],{"type":42,"tag":155,"props":4285,"children":4286},{"style":177},[4287],{"type":47,"value":935},{"type":42,"tag":155,"props":4289,"children":4290},{"class":157,"line":244},[4291,4297,4302,4306,4311,4315,4319,4323,4328,4332,4337,4341,4345],{"type":42,"tag":155,"props":4292,"children":4294},{"style":4293},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[4295],{"type":47,"value":4296},"@keyframes",{"type":42,"tag":155,"props":4298,"children":4299},{"style":3793},[4300],{"type":47,"value":4301}," spin",{"type":42,"tag":155,"props":4303,"children":4304},{"style":177},[4305],{"type":47,"value":1544},{"type":42,"tag":155,"props":4307,"children":4308},{"style":885},[4309],{"type":47,"value":4310}," to",{"type":42,"tag":155,"props":4312,"children":4313},{"style":177},[4314],{"type":47,"value":1544},{"type":42,"tag":155,"props":4316,"children":4317},{"style":899},[4318],{"type":47,"value":1549},{"type":42,"tag":155,"props":4320,"children":4321},{"style":177},[4322],{"type":47,"value":907},{"type":42,"tag":155,"props":4324,"children":4325},{"style":1002},[4326],{"type":47,"value":4327}," rotate",{"type":42,"tag":155,"props":4329,"children":4330},{"style":177},[4331],{"type":47,"value":1010},{"type":42,"tag":155,"props":4333,"children":4334},{"style":915},[4335],{"type":47,"value":4336},"360deg",{"type":42,"tag":155,"props":4338,"children":4339},{"style":177},[4340],{"type":47,"value":1020},{"type":42,"tag":155,"props":4342,"children":4343},{"style":177},[4344],{"type":47,"value":1683},{"type":42,"tag":155,"props":4346,"children":4347},{"style":177},[4348],{"type":47,"value":1576},{"type":42,"tag":116,"props":4350,"children":4352},{"id":4351},"rule-7-scroll-triggered-reveals-per-section-not-per-element",[4353],{"type":47,"value":4354},"Rule 7: Scroll-triggered reveals per section (not per element)",{"type":42,"tag":50,"props":4356,"children":4357},{},[4358,4360,4365],{"type":47,"value":4359},"Premium sites reveal content in ",{"type":42,"tag":136,"props":4361,"children":4362},{},[4363],{"type":47,"value":4364},"staggered groups",{"type":47,"value":4366}," with a subtle delta, not per-element fades:",{"type":42,"tag":144,"props":4368,"children":4370},{"className":146,"code":4369,"language":148,"meta":149,"style":149},"\u002F* Section reveals as a group on scroll into view *\u002F\n.section {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 600ms cubic-bezier(.215,.61,.355,1) 0ms,\n              transform 600ms cubic-bezier(.215,.61,.355,1) 0ms;\n}\n.section.in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\u002F* Children stagger by nth-child delay *\u002F\n.section .reveal-item { transition-delay: calc(var(--index, 0) * 80ms); }\n",[4371],{"type":42,"tag":73,"props":4372,"children":4373},{"__ignoreMap":149},[4374,4382,4398,4417,4445,4514,4574,4581,4605,4624,4651,4658,4665,4673],{"type":42,"tag":155,"props":4375,"children":4376},{"class":157,"line":25},[4377],{"type":42,"tag":155,"props":4378,"children":4379},{"style":161},[4380],{"type":47,"value":4381},"\u002F* Section reveals as a group on scroll into view *\u002F\n",{"type":42,"tag":155,"props":4383,"children":4384},{"class":157,"line":167},[4385,4389,4394],{"type":42,"tag":155,"props":4386,"children":4387},{"style":177},[4388],{"type":47,"value":180},{"type":42,"tag":155,"props":4390,"children":4391},{"style":885},[4392],{"type":47,"value":4393},"section",{"type":42,"tag":155,"props":4395,"children":4396},{"style":177},[4397],{"type":47,"value":893},{"type":42,"tag":155,"props":4399,"children":4400},{"class":157,"line":225},[4401,4405,4409,4413],{"type":42,"tag":155,"props":4402,"children":4403},{"style":899},[4404],{"type":47,"value":1886},{"type":42,"tag":155,"props":4406,"children":4407},{"style":177},[4408],{"type":47,"value":907},{"type":42,"tag":155,"props":4410,"children":4411},{"style":915},[4412],{"type":47,"value":268},{"type":42,"tag":155,"props":4414,"children":4415},{"style":177},[4416],{"type":47,"value":927},{"type":42,"tag":155,"props":4418,"children":4419},{"class":157,"line":235},[4420,4424,4428,4432,4436,4441],{"type":42,"tag":155,"props":4421,"children":4422},{"style":899},[4423],{"type":47,"value":995},{"type":42,"tag":155,"props":4425,"children":4426},{"style":177},[4427],{"type":47,"value":907},{"type":42,"tag":155,"props":4429,"children":4430},{"style":1002},[4431],{"type":47,"value":1914},{"type":42,"tag":155,"props":4433,"children":4434},{"style":177},[4435],{"type":47,"value":1010},{"type":42,"tag":155,"props":4437,"children":4438},{"style":915},[4439],{"type":47,"value":4440},"24px",{"type":42,"tag":155,"props":4442,"children":4443},{"style":177},[4444],{"type":47,"value":1928},{"type":42,"tag":155,"props":4446,"children":4447},{"class":157,"line":244},[4448,4452,4456,4460,4464,4468,4472,4476,4480,4485,4489,4494,4498,4502,4506,4510],{"type":42,"tag":155,"props":4449,"children":4450},{"style":899},[4451],{"type":47,"value":902},{"type":42,"tag":155,"props":4453,"children":4454},{"style":177},[4455],{"type":47,"value":907},{"type":42,"tag":155,"props":4457,"children":4458},{"style":171},[4459],{"type":47,"value":1974},{"type":42,"tag":155,"props":4461,"children":4462},{"style":915},[4463],{"type":47,"value":1979},{"type":42,"tag":155,"props":4465,"children":4466},{"style":1002},[4467],{"type":47,"value":2026},{"type":42,"tag":155,"props":4469,"children":4470},{"style":177},[4471],{"type":47,"value":1010},{"type":42,"tag":155,"props":4473,"children":4474},{"style":915},[4475],{"type":47,"value":2035},{"type":42,"tag":155,"props":4477,"children":4478},{"style":177},[4479],{"type":47,"value":190},{"type":42,"tag":155,"props":4481,"children":4482},{"style":915},[4483],{"type":47,"value":4484},".61",{"type":42,"tag":155,"props":4486,"children":4487},{"style":177},[4488],{"type":47,"value":190},{"type":42,"tag":155,"props":4490,"children":4491},{"style":915},[4492],{"type":47,"value":4493},".355",{"type":42,"tag":155,"props":4495,"children":4496},{"style":177},[4497],{"type":47,"value":190},{"type":42,"tag":155,"props":4499,"children":4500},{"style":915},[4501],{"type":47,"value":337},{"type":42,"tag":155,"props":4503,"children":4504},{"style":177},[4505],{"type":47,"value":699},{"type":42,"tag":155,"props":4507,"children":4508},{"style":915},[4509],{"type":47,"value":2242},{"type":42,"tag":155,"props":4511,"children":4512},{"style":177},[4513],{"type":47,"value":1109},{"type":42,"tag":155,"props":4515,"children":4516},{"class":157,"line":292},[4517,4522,4526,4530,4534,4538,4542,4546,4550,4554,4558,4562,4566,4570],{"type":42,"tag":155,"props":4518,"children":4519},{"style":171},[4520],{"type":47,"value":4521},"              transform ",{"type":42,"tag":155,"props":4523,"children":4524},{"style":915},[4525],{"type":47,"value":1979},{"type":42,"tag":155,"props":4527,"children":4528},{"style":1002},[4529],{"type":47,"value":2026},{"type":42,"tag":155,"props":4531,"children":4532},{"style":177},[4533],{"type":47,"value":1010},{"type":42,"tag":155,"props":4535,"children":4536},{"style":915},[4537],{"type":47,"value":2035},{"type":42,"tag":155,"props":4539,"children":4540},{"style":177},[4541],{"type":47,"value":190},{"type":42,"tag":155,"props":4543,"children":4544},{"style":915},[4545],{"type":47,"value":4484},{"type":42,"tag":155,"props":4547,"children":4548},{"style":177},[4549],{"type":47,"value":190},{"type":42,"tag":155,"props":4551,"children":4552},{"style":915},[4553],{"type":47,"value":4493},{"type":42,"tag":155,"props":4555,"children":4556},{"style":177},[4557],{"type":47,"value":190},{"type":42,"tag":155,"props":4559,"children":4560},{"style":915},[4561],{"type":47,"value":337},{"type":42,"tag":155,"props":4563,"children":4564},{"style":177},[4565],{"type":47,"value":699},{"type":42,"tag":155,"props":4567,"children":4568},{"style":915},[4569],{"type":47,"value":2242},{"type":42,"tag":155,"props":4571,"children":4572},{"style":177},[4573],{"type":47,"value":927},{"type":42,"tag":155,"props":4575,"children":4576},{"class":157,"line":300},[4577],{"type":42,"tag":155,"props":4578,"children":4579},{"style":177},[4580],{"type":47,"value":935},{"type":42,"tag":155,"props":4582,"children":4583},{"class":157,"line":309},[4584,4588,4592,4596,4601],{"type":42,"tag":155,"props":4585,"children":4586},{"style":177},[4587],{"type":47,"value":180},{"type":42,"tag":155,"props":4589,"children":4590},{"style":885},[4591],{"type":47,"value":4393},{"type":42,"tag":155,"props":4593,"children":4594},{"style":177},[4595],{"type":47,"value":180},{"type":42,"tag":155,"props":4597,"children":4598},{"style":885},[4599],{"type":47,"value":4600},"in-view",{"type":42,"tag":155,"props":4602,"children":4603},{"style":177},[4604],{"type":47,"value":893},{"type":42,"tag":155,"props":4606,"children":4607},{"class":157,"line":360},[4608,4612,4616,4620],{"type":42,"tag":155,"props":4609,"children":4610},{"style":899},[4611],{"type":47,"value":1886},{"type":42,"tag":155,"props":4613,"children":4614},{"style":177},[4615],{"type":47,"value":907},{"type":42,"tag":155,"props":4617,"children":4618},{"style":915},[4619],{"type":47,"value":2062},{"type":42,"tag":155,"props":4621,"children":4622},{"style":177},[4623],{"type":47,"value":927},{"type":42,"tag":155,"props":4625,"children":4626},{"class":157,"line":368},[4627,4631,4635,4639,4643,4647],{"type":42,"tag":155,"props":4628,"children":4629},{"style":899},[4630],{"type":47,"value":995},{"type":42,"tag":155,"props":4632,"children":4633},{"style":177},[4634],{"type":47,"value":907},{"type":42,"tag":155,"props":4636,"children":4637},{"style":1002},[4638],{"type":47,"value":1914},{"type":42,"tag":155,"props":4640,"children":4641},{"style":177},[4642],{"type":47,"value":1010},{"type":42,"tag":155,"props":4644,"children":4645},{"style":915},[4646],{"type":47,"value":1208},{"type":42,"tag":155,"props":4648,"children":4649},{"style":177},[4650],{"type":47,"value":1928},{"type":42,"tag":155,"props":4652,"children":4653},{"class":157,"line":377},[4654],{"type":42,"tag":155,"props":4655,"children":4656},{"style":177},[4657],{"type":47,"value":935},{"type":42,"tag":155,"props":4659,"children":4660},{"class":157,"line":414},[4661],{"type":42,"tag":155,"props":4662,"children":4663},{"emptyLinePlaceholder":229},[4664],{"type":47,"value":232},{"type":42,"tag":155,"props":4666,"children":4667},{"class":157,"line":422},[4668],{"type":42,"tag":155,"props":4669,"children":4670},{"style":161},[4671],{"type":47,"value":4672},"\u002F* Children stagger by nth-child delay *\u002F\n",{"type":42,"tag":155,"props":4674,"children":4675},{"class":157,"line":431},[4676,4680,4684,4688,4693,4697,4701,4705,4710,4714,4719,4723,4728,4732,4736,4740,4745,4750,4754],{"type":42,"tag":155,"props":4677,"children":4678},{"style":177},[4679],{"type":47,"value":180},{"type":42,"tag":155,"props":4681,"children":4682},{"style":885},[4683],{"type":47,"value":4393},{"type":42,"tag":155,"props":4685,"children":4686},{"style":177},[4687],{"type":47,"value":195},{"type":42,"tag":155,"props":4689,"children":4690},{"style":885},[4691],{"type":47,"value":4692},"reveal-item",{"type":42,"tag":155,"props":4694,"children":4695},{"style":177},[4696],{"type":47,"value":1544},{"type":42,"tag":155,"props":4698,"children":4699},{"style":899},[4700],{"type":47,"value":2233},{"type":42,"tag":155,"props":4702,"children":4703},{"style":177},[4704],{"type":47,"value":907},{"type":42,"tag":155,"props":4706,"children":4707},{"style":1002},[4708],{"type":47,"value":4709}," calc",{"type":42,"tag":155,"props":4711,"children":4712},{"style":177},[4713],{"type":47,"value":1010},{"type":42,"tag":155,"props":4715,"children":4716},{"style":1002},[4717],{"type":47,"value":4718},"var",{"type":42,"tag":155,"props":4720,"children":4721},{"style":177},[4722],{"type":47,"value":1010},{"type":42,"tag":155,"props":4724,"children":4725},{"style":171},[4726],{"type":47,"value":4727},"--index",{"type":42,"tag":155,"props":4729,"children":4730},{"style":177},[4731],{"type":47,"value":190},{"type":42,"tag":155,"props":4733,"children":4734},{"style":915},[4735],{"type":47,"value":268},{"type":42,"tag":155,"props":4737,"children":4738},{"style":177},[4739],{"type":47,"value":699},{"type":42,"tag":155,"props":4741,"children":4742},{"style":177},[4743],{"type":47,"value":4744}," *",{"type":42,"tag":155,"props":4746,"children":4747},{"style":915},[4748],{"type":47,"value":4749}," 80ms",{"type":42,"tag":155,"props":4751,"children":4752},{"style":177},[4753],{"type":47,"value":1020},{"type":42,"tag":155,"props":4755,"children":4756},{"style":177},[4757],{"type":47,"value":1576},{"type":42,"tag":144,"props":4759,"children":4761},{"className":3739,"code":4760,"language":3741,"meta":149,"style":149},"const observer = new IntersectionObserver((entries) => {\n  entries.forEach((entry) => {\n    if (entry.isIntersecting) entry.target.classList.add('in-view');\n  });\n}, { threshold: 0.15 });\ndocument.querySelectorAll('.section').forEach((el) => observer.observe(el));\n",[4762],{"type":42,"tag":73,"props":4763,"children":4764},{"__ignoreMap":149},[4765,4818,4860,4945,4961,4999],{"type":42,"tag":155,"props":4766,"children":4767},{"class":157,"line":25},[4768,4773,4778,4783,4788,4793,4797,4801,4806,4810,4814],{"type":42,"tag":155,"props":4769,"children":4770},{"style":953},[4771],{"type":47,"value":4772},"const",{"type":42,"tag":155,"props":4774,"children":4775},{"style":171},[4776],{"type":47,"value":4777}," observer ",{"type":42,"tag":155,"props":4779,"children":4780},{"style":177},[4781],{"type":47,"value":4782},"=",{"type":42,"tag":155,"props":4784,"children":4785},{"style":177},[4786],{"type":47,"value":4787}," new",{"type":42,"tag":155,"props":4789,"children":4790},{"style":1002},[4791],{"type":47,"value":4792}," IntersectionObserver",{"type":42,"tag":155,"props":4794,"children":4795},{"style":171},[4796],{"type":47,"value":1010},{"type":42,"tag":155,"props":4798,"children":4799},{"style":177},[4800],{"type":47,"value":1010},{"type":42,"tag":155,"props":4802,"children":4803},{"style":3793},[4804],{"type":47,"value":4805},"entries",{"type":42,"tag":155,"props":4807,"children":4808},{"style":177},[4809],{"type":47,"value":699},{"type":42,"tag":155,"props":4811,"children":4812},{"style":953},[4813],{"type":47,"value":3805},{"type":42,"tag":155,"props":4815,"children":4816},{"style":177},[4817],{"type":47,"value":893},{"type":42,"tag":155,"props":4819,"children":4820},{"class":157,"line":167},[4821,4826,4830,4835,4839,4843,4848,4852,4856],{"type":42,"tag":155,"props":4822,"children":4823},{"style":171},[4824],{"type":47,"value":4825},"  entries",{"type":42,"tag":155,"props":4827,"children":4828},{"style":177},[4829],{"type":47,"value":180},{"type":42,"tag":155,"props":4831,"children":4832},{"style":1002},[4833],{"type":47,"value":4834},"forEach",{"type":42,"tag":155,"props":4836,"children":4837},{"style":3910},[4838],{"type":47,"value":1010},{"type":42,"tag":155,"props":4840,"children":4841},{"style":177},[4842],{"type":47,"value":1010},{"type":42,"tag":155,"props":4844,"children":4845},{"style":3793},[4846],{"type":47,"value":4847},"entry",{"type":42,"tag":155,"props":4849,"children":4850},{"style":177},[4851],{"type":47,"value":699},{"type":42,"tag":155,"props":4853,"children":4854},{"style":953},[4855],{"type":47,"value":3805},{"type":42,"tag":155,"props":4857,"children":4858},{"style":177},[4859],{"type":47,"value":893},{"type":42,"tag":155,"props":4861,"children":4862},{"class":157,"line":225},[4863,4868,4872,4876,4880,4885,4890,4894,4898,4903,4907,4912,4916,4921,4925,4929,4933,4937,4941],{"type":42,"tag":155,"props":4864,"children":4865},{"style":4293},[4866],{"type":47,"value":4867},"    if",{"type":42,"tag":155,"props":4869,"children":4870},{"style":3910},[4871],{"type":47,"value":3790},{"type":42,"tag":155,"props":4873,"children":4874},{"style":171},[4875],{"type":47,"value":4847},{"type":42,"tag":155,"props":4877,"children":4878},{"style":177},[4879],{"type":47,"value":180},{"type":42,"tag":155,"props":4881,"children":4882},{"style":171},[4883],{"type":47,"value":4884},"isIntersecting",{"type":42,"tag":155,"props":4886,"children":4887},{"style":3910},[4888],{"type":47,"value":4889},") ",{"type":42,"tag":155,"props":4891,"children":4892},{"style":171},[4893],{"type":47,"value":4847},{"type":42,"tag":155,"props":4895,"children":4896},{"style":177},[4897],{"type":47,"value":180},{"type":42,"tag":155,"props":4899,"children":4900},{"style":171},[4901],{"type":47,"value":4902},"target",{"type":42,"tag":155,"props":4904,"children":4905},{"style":177},[4906],{"type":47,"value":180},{"type":42,"tag":155,"props":4908,"children":4909},{"style":171},[4910],{"type":47,"value":4911},"classList",{"type":42,"tag":155,"props":4913,"children":4914},{"style":177},[4915],{"type":47,"value":180},{"type":42,"tag":155,"props":4917,"children":4918},{"style":1002},[4919],{"type":47,"value":4920},"add",{"type":42,"tag":155,"props":4922,"children":4923},{"style":3910},[4924],{"type":47,"value":1010},{"type":42,"tag":155,"props":4926,"children":4927},{"style":177},[4928],{"type":47,"value":3771},{"type":42,"tag":155,"props":4930,"children":4931},{"style":3774},[4932],{"type":47,"value":4600},{"type":42,"tag":155,"props":4934,"children":4935},{"style":177},[4936],{"type":47,"value":3771},{"type":42,"tag":155,"props":4938,"children":4939},{"style":3910},[4940],{"type":47,"value":699},{"type":42,"tag":155,"props":4942,"children":4943},{"style":177},[4944],{"type":47,"value":927},{"type":42,"tag":155,"props":4946,"children":4947},{"class":157,"line":235},[4948,4953,4957],{"type":42,"tag":155,"props":4949,"children":4950},{"style":177},[4951],{"type":47,"value":4952},"  }",{"type":42,"tag":155,"props":4954,"children":4955},{"style":3910},[4956],{"type":47,"value":699},{"type":42,"tag":155,"props":4958,"children":4959},{"style":177},[4960],{"type":47,"value":927},{"type":42,"tag":155,"props":4962,"children":4963},{"class":157,"line":244},[4964,4969,4973,4978,4982,4987,4991,4995],{"type":42,"tag":155,"props":4965,"children":4966},{"style":177},[4967],{"type":47,"value":4968},"},",{"type":42,"tag":155,"props":4970,"children":4971},{"style":177},[4972],{"type":47,"value":1544},{"type":42,"tag":155,"props":4974,"children":4975},{"style":3910},[4976],{"type":47,"value":4977}," threshold",{"type":42,"tag":155,"props":4979,"children":4980},{"style":177},[4981],{"type":47,"value":907},{"type":42,"tag":155,"props":4983,"children":4984},{"style":915},[4985],{"type":47,"value":4986}," 0.15",{"type":42,"tag":155,"props":4988,"children":4989},{"style":177},[4990],{"type":47,"value":1683},{"type":42,"tag":155,"props":4992,"children":4993},{"style":171},[4994],{"type":47,"value":699},{"type":42,"tag":155,"props":4996,"children":4997},{"style":177},[4998],{"type":47,"value":927},{"type":42,"tag":155,"props":5000,"children":5001},{"class":157,"line":292},[5002,5006,5010,5015,5019,5023,5028,5032,5036,5040,5044,5048,5052,5057,5061,5065,5070,5074,5079,5084],{"type":42,"tag":155,"props":5003,"children":5004},{"style":171},[5005],{"type":47,"value":3753},{"type":42,"tag":155,"props":5007,"children":5008},{"style":177},[5009],{"type":47,"value":180},{"type":42,"tag":155,"props":5011,"children":5012},{"style":1002},[5013],{"type":47,"value":5014},"querySelectorAll",{"type":42,"tag":155,"props":5016,"children":5017},{"style":171},[5018],{"type":47,"value":1010},{"type":42,"tag":155,"props":5020,"children":5021},{"style":177},[5022],{"type":47,"value":3771},{"type":42,"tag":155,"props":5024,"children":5025},{"style":3774},[5026],{"type":47,"value":5027},".section",{"type":42,"tag":155,"props":5029,"children":5030},{"style":177},[5031],{"type":47,"value":3771},{"type":42,"tag":155,"props":5033,"children":5034},{"style":171},[5035],{"type":47,"value":699},{"type":42,"tag":155,"props":5037,"children":5038},{"style":177},[5039],{"type":47,"value":180},{"type":42,"tag":155,"props":5041,"children":5042},{"style":1002},[5043],{"type":47,"value":4834},{"type":42,"tag":155,"props":5045,"children":5046},{"style":171},[5047],{"type":47,"value":1010},{"type":42,"tag":155,"props":5049,"children":5050},{"style":177},[5051],{"type":47,"value":1010},{"type":42,"tag":155,"props":5053,"children":5054},{"style":3793},[5055],{"type":47,"value":5056},"el",{"type":42,"tag":155,"props":5058,"children":5059},{"style":177},[5060],{"type":47,"value":699},{"type":42,"tag":155,"props":5062,"children":5063},{"style":953},[5064],{"type":47,"value":3805},{"type":42,"tag":155,"props":5066,"children":5067},{"style":171},[5068],{"type":47,"value":5069}," observer",{"type":42,"tag":155,"props":5071,"children":5072},{"style":177},[5073],{"type":47,"value":180},{"type":42,"tag":155,"props":5075,"children":5076},{"style":1002},[5077],{"type":47,"value":5078},"observe",{"type":42,"tag":155,"props":5080,"children":5081},{"style":171},[5082],{"type":47,"value":5083},"(el))",{"type":42,"tag":155,"props":5085,"children":5086},{"style":177},[5087],{"type":47,"value":927},{"type":42,"tag":50,"props":5089,"children":5090},{},[5091,5096,5098,5104],{"type":42,"tag":136,"props":5092,"children":5093},{},[5094],{"type":47,"value":5095},"AngelList",{"type":47,"value":5097}," goes further with scroll-linked parallax and pinned sections — ",{"type":42,"tag":73,"props":5099,"children":5101},{"className":5100},[],[5102],{"type":47,"value":5103},"ScrollTrackingWrapper",{"type":47,"value":5105}," drives per-section reveals with 2-5 second timelines.",{"type":42,"tag":50,"props":5107,"children":5108},{},[5109,5114],{"type":42,"tag":136,"props":5110,"children":5111},{},[5112],{"type":47,"value":5113},"Incident's hero",{"type":47,"value":5115}," rotates through 5 product screenshots via Swiper — the real product UI is the motion.",{"type":42,"tag":56,"props":5117,"children":5119},{"id":5118},"complete-motion-system-starter",[5120],{"type":47,"value":5121},"Complete motion system starter",{"type":42,"tag":144,"props":5123,"children":5125},{"className":146,"code":5124,"language":148,"meta":149,"style":149},":root {\n  \u002F* Easings *\u002F\n  --ease-snappy: cubic-bezier(.215, .61, .355, 1);\n  --ease-standard: cubic-bezier(.4, 0, .2, 1);\n  --ease-out: cubic-bezier(0, 0, .2, 1);\n  --ease-framer: cubic-bezier(.44, 0, .56, 1);\n\n  \u002F* Durations *\u002F\n  --duration-press: 75ms;\n  --duration-quick: 150ms;\n  --duration-base: 200ms;\n  --duration-reveal: 600ms;\n  --duration-slow: 1500ms;\n}\n\n\u002F* Buttons *\u002F\n.btn {\n  transition: all var(--duration-press) ease-in;\n}\n.btn:hover {\n  transition-duration: var(--duration-base);\n}\n.btn:active {\n  transform: scale(0.97);\n}\n\n\u002F* Cards — shadow hover, not lift *\u002F\n.card {\n  transition: box-shadow var(--duration-base) var(--ease-standard);\n}\n\n\u002F* Hero reveal *\u002F\n@keyframes reveal-up {\n  from { opacity: 0; transform: translateY(48px); filter: blur(4px); }\n  to   { opacity: 1; transform: translateY(0); filter: blur(0); }\n}\n.hero-line {\n  animation: reveal-up var(--duration-reveal) var(--ease-snappy) both;\n}\n.hero-line:nth-child(1) { animation-delay: 0ms; }\n.hero-line:nth-child(2) { animation-delay: 100ms; }\n.hero-line:nth-child(3) { animation-delay: 200ms; }\n\n\u002F* Section scroll reveal *\u002F\n.section {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity var(--duration-reveal) var(--ease-snappy),\n              transform var(--duration-reveal) var(--ease-snappy);\n}\n.section.in-view {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\u002F* Cursor spotlight (Shade-style) *\u002F\n.hero-spotlight {\n  background: radial-gradient(\n    250px circle at var(--mx, 50%) var(--my, 50%),\n    rgba(198, 235, 87, 0.4),\n    transparent 40%);\n  pointer-events: none;\n}\n",[5126],{"type":42,"tag":73,"props":5127,"children":5128},{"__ignoreMap":149},[5129,5144,5152,5204,5258,5310,5364,5371,5379,5400,5421,5441,5462,5483,5490,5497,5505,5520,5560,5568,5592,5622,5630,5654,5683,5691,5699,5708,5724,5773,5781,5789,5798,5815,5898,5980,5988,6004,6064,6072,6129,6185,6241,6249,6258,6274,6294,6322,6370,6410,6418,6442,6462,6490,6498,6506,6515,6532,6552,6621,6670,6688,6709],{"type":42,"tag":155,"props":5130,"children":5131},{"class":157,"line":25},[5132,5136,5140],{"type":42,"tag":155,"props":5133,"children":5134},{"style":177},[5135],{"type":47,"value":907},{"type":42,"tag":155,"props":5137,"children":5138},{"style":953},[5139],{"type":47,"value":39},{"type":42,"tag":155,"props":5141,"children":5142},{"style":177},[5143],{"type":47,"value":893},{"type":42,"tag":155,"props":5145,"children":5146},{"class":157,"line":167},[5147],{"type":42,"tag":155,"props":5148,"children":5149},{"style":161},[5150],{"type":47,"value":5151},"  \u002F* Easings *\u002F\n",{"type":42,"tag":155,"props":5153,"children":5154},{"class":157,"line":225},[5155,5160,5164,5168,5172,5176,5180,5184,5188,5192,5196,5200],{"type":42,"tag":155,"props":5156,"children":5157},{"style":171},[5158],{"type":47,"value":5159},"  --ease-snappy",{"type":42,"tag":155,"props":5161,"children":5162},{"style":177},[5163],{"type":47,"value":907},{"type":42,"tag":155,"props":5165,"children":5166},{"style":1002},[5167],{"type":47,"value":2026},{"type":42,"tag":155,"props":5169,"children":5170},{"style":177},[5171],{"type":47,"value":1010},{"type":42,"tag":155,"props":5173,"children":5174},{"style":915},[5175],{"type":47,"value":2035},{"type":42,"tag":155,"props":5177,"children":5178},{"style":177},[5179],{"type":47,"value":190},{"type":42,"tag":155,"props":5181,"children":5182},{"style":915},[5183],{"type":47,"value":2044},{"type":42,"tag":155,"props":5185,"children":5186},{"style":177},[5187],{"type":47,"value":190},{"type":42,"tag":155,"props":5189,"children":5190},{"style":915},[5191],{"type":47,"value":2053},{"type":42,"tag":155,"props":5193,"children":5194},{"style":177},[5195],{"type":47,"value":190},{"type":42,"tag":155,"props":5197,"children":5198},{"style":915},[5199],{"type":47,"value":2062},{"type":42,"tag":155,"props":5201,"children":5202},{"style":177},[5203],{"type":47,"value":1928},{"type":42,"tag":155,"props":5205,"children":5206},{"class":157,"line":235},[5207,5212,5216,5220,5224,5229,5233,5237,5241,5246,5250,5254],{"type":42,"tag":155,"props":5208,"children":5209},{"style":171},[5210],{"type":47,"value":5211},"  --ease-standard",{"type":42,"tag":155,"props":5213,"children":5214},{"style":177},[5215],{"type":47,"value":907},{"type":42,"tag":155,"props":5217,"children":5218},{"style":1002},[5219],{"type":47,"value":2026},{"type":42,"tag":155,"props":5221,"children":5222},{"style":177},[5223],{"type":47,"value":1010},{"type":42,"tag":155,"props":5225,"children":5226},{"style":915},[5227],{"type":47,"value":5228},".4",{"type":42,"tag":155,"props":5230,"children":5231},{"style":177},[5232],{"type":47,"value":190},{"type":42,"tag":155,"props":5234,"children":5235},{"style":915},[5236],{"type":47,"value":268},{"type":42,"tag":155,"props":5238,"children":5239},{"style":177},[5240],{"type":47,"value":190},{"type":42,"tag":155,"props":5242,"children":5243},{"style":915},[5244],{"type":47,"value":5245}," .2",{"type":42,"tag":155,"props":5247,"children":5248},{"style":177},[5249],{"type":47,"value":190},{"type":42,"tag":155,"props":5251,"children":5252},{"style":915},[5253],{"type":47,"value":2062},{"type":42,"tag":155,"props":5255,"children":5256},{"style":177},[5257],{"type":47,"value":1928},{"type":42,"tag":155,"props":5259,"children":5260},{"class":157,"line":244},[5261,5266,5270,5274,5278,5282,5286,5290,5294,5298,5302,5306],{"type":42,"tag":155,"props":5262,"children":5263},{"style":171},[5264],{"type":47,"value":5265},"  --ease-out",{"type":42,"tag":155,"props":5267,"children":5268},{"style":177},[5269],{"type":47,"value":907},{"type":42,"tag":155,"props":5271,"children":5272},{"style":1002},[5273],{"type":47,"value":2026},{"type":42,"tag":155,"props":5275,"children":5276},{"style":177},[5277],{"type":47,"value":1010},{"type":42,"tag":155,"props":5279,"children":5280},{"style":915},[5281],{"type":47,"value":1208},{"type":42,"tag":155,"props":5283,"children":5284},{"style":177},[5285],{"type":47,"value":190},{"type":42,"tag":155,"props":5287,"children":5288},{"style":915},[5289],{"type":47,"value":268},{"type":42,"tag":155,"props":5291,"children":5292},{"style":177},[5293],{"type":47,"value":190},{"type":42,"tag":155,"props":5295,"children":5296},{"style":915},[5297],{"type":47,"value":5245},{"type":42,"tag":155,"props":5299,"children":5300},{"style":177},[5301],{"type":47,"value":190},{"type":42,"tag":155,"props":5303,"children":5304},{"style":915},[5305],{"type":47,"value":2062},{"type":42,"tag":155,"props":5307,"children":5308},{"style":177},[5309],{"type":47,"value":1928},{"type":42,"tag":155,"props":5311,"children":5312},{"class":157,"line":292},[5313,5318,5322,5326,5330,5335,5339,5343,5347,5352,5356,5360],{"type":42,"tag":155,"props":5314,"children":5315},{"style":171},[5316],{"type":47,"value":5317},"  --ease-framer",{"type":42,"tag":155,"props":5319,"children":5320},{"style":177},[5321],{"type":47,"value":907},{"type":42,"tag":155,"props":5323,"children":5324},{"style":1002},[5325],{"type":47,"value":2026},{"type":42,"tag":155,"props":5327,"children":5328},{"style":177},[5329],{"type":47,"value":1010},{"type":42,"tag":155,"props":5331,"children":5332},{"style":915},[5333],{"type":47,"value":5334},".44",{"type":42,"tag":155,"props":5336,"children":5337},{"style":177},[5338],{"type":47,"value":190},{"type":42,"tag":155,"props":5340,"children":5341},{"style":915},[5342],{"type":47,"value":268},{"type":42,"tag":155,"props":5344,"children":5345},{"style":177},[5346],{"type":47,"value":190},{"type":42,"tag":155,"props":5348,"children":5349},{"style":915},[5350],{"type":47,"value":5351}," .56",{"type":42,"tag":155,"props":5353,"children":5354},{"style":177},[5355],{"type":47,"value":190},{"type":42,"tag":155,"props":5357,"children":5358},{"style":915},[5359],{"type":47,"value":2062},{"type":42,"tag":155,"props":5361,"children":5362},{"style":177},[5363],{"type":47,"value":1928},{"type":42,"tag":155,"props":5365,"children":5366},{"class":157,"line":300},[5367],{"type":42,"tag":155,"props":5368,"children":5369},{"emptyLinePlaceholder":229},[5370],{"type":47,"value":232},{"type":42,"tag":155,"props":5372,"children":5373},{"class":157,"line":309},[5374],{"type":42,"tag":155,"props":5375,"children":5376},{"style":161},[5377],{"type":47,"value":5378},"  \u002F* Durations *\u002F\n",{"type":42,"tag":155,"props":5380,"children":5381},{"class":157,"line":360},[5382,5387,5391,5396],{"type":42,"tag":155,"props":5383,"children":5384},{"style":171},[5385],{"type":47,"value":5386},"  --duration-press",{"type":42,"tag":155,"props":5388,"children":5389},{"style":177},[5390],{"type":47,"value":907},{"type":42,"tag":155,"props":5392,"children":5393},{"style":915},[5394],{"type":47,"value":5395}," 75ms",{"type":42,"tag":155,"props":5397,"children":5398},{"style":177},[5399],{"type":47,"value":927},{"type":42,"tag":155,"props":5401,"children":5402},{"class":157,"line":368},[5403,5408,5412,5417],{"type":42,"tag":155,"props":5404,"children":5405},{"style":171},[5406],{"type":47,"value":5407},"  --duration-quick",{"type":42,"tag":155,"props":5409,"children":5410},{"style":177},[5411],{"type":47,"value":907},{"type":42,"tag":155,"props":5413,"children":5414},{"style":915},[5415],{"type":47,"value":5416}," 150ms",{"type":42,"tag":155,"props":5418,"children":5419},{"style":177},[5420],{"type":47,"value":927},{"type":42,"tag":155,"props":5422,"children":5423},{"class":157,"line":377},[5424,5429,5433,5437],{"type":42,"tag":155,"props":5425,"children":5426},{"style":171},[5427],{"type":47,"value":5428},"  --duration-base",{"type":42,"tag":155,"props":5430,"children":5431},{"style":177},[5432],{"type":47,"value":907},{"type":42,"tag":155,"props":5434,"children":5435},{"style":915},[5436],{"type":47,"value":2355},{"type":42,"tag":155,"props":5438,"children":5439},{"style":177},[5440],{"type":47,"value":927},{"type":42,"tag":155,"props":5442,"children":5443},{"class":157,"line":414},[5444,5449,5453,5458],{"type":42,"tag":155,"props":5445,"children":5446},{"style":171},[5447],{"type":47,"value":5448},"  --duration-reveal",{"type":42,"tag":155,"props":5450,"children":5451},{"style":177},[5452],{"type":47,"value":907},{"type":42,"tag":155,"props":5454,"children":5455},{"style":915},[5456],{"type":47,"value":5457}," 600ms",{"type":42,"tag":155,"props":5459,"children":5460},{"style":177},[5461],{"type":47,"value":927},{"type":42,"tag":155,"props":5463,"children":5464},{"class":157,"line":422},[5465,5470,5474,5479],{"type":42,"tag":155,"props":5466,"children":5467},{"style":171},[5468],{"type":47,"value":5469},"  --duration-slow",{"type":42,"tag":155,"props":5471,"children":5472},{"style":177},[5473],{"type":47,"value":907},{"type":42,"tag":155,"props":5475,"children":5476},{"style":915},[5477],{"type":47,"value":5478}," 1500ms",{"type":42,"tag":155,"props":5480,"children":5481},{"style":177},[5482],{"type":47,"value":927},{"type":42,"tag":155,"props":5484,"children":5485},{"class":157,"line":431},[5486],{"type":42,"tag":155,"props":5487,"children":5488},{"style":177},[5489],{"type":47,"value":935},{"type":42,"tag":155,"props":5491,"children":5492},{"class":157,"line":478},[5493],{"type":42,"tag":155,"props":5494,"children":5495},{"emptyLinePlaceholder":229},[5496],{"type":47,"value":232},{"type":42,"tag":155,"props":5498,"children":5499},{"class":157,"line":486},[5500],{"type":42,"tag":155,"props":5501,"children":5502},{"style":161},[5503],{"type":47,"value":5504},"\u002F* Buttons *\u002F\n",{"type":42,"tag":155,"props":5506,"children":5507},{"class":157,"line":495},[5508,5512,5516],{"type":42,"tag":155,"props":5509,"children":5510},{"style":177},[5511],{"type":47,"value":180},{"type":42,"tag":155,"props":5513,"children":5514},{"style":885},[5515],{"type":47,"value":888},{"type":42,"tag":155,"props":5517,"children":5518},{"style":177},[5519],{"type":47,"value":893},{"type":42,"tag":155,"props":5521,"children":5522},{"class":157,"line":540},[5523,5527,5531,5535,5539,5543,5548,5552,5556],{"type":42,"tag":155,"props":5524,"children":5525},{"style":899},[5526],{"type":47,"value":902},{"type":42,"tag":155,"props":5528,"children":5529},{"style":177},[5530],{"type":47,"value":907},{"type":42,"tag":155,"props":5532,"children":5533},{"style":171},[5534],{"type":47,"value":912},{"type":42,"tag":155,"props":5536,"children":5537},{"style":1002},[5538],{"type":47,"value":4718},{"type":42,"tag":155,"props":5540,"children":5541},{"style":177},[5542],{"type":47,"value":1010},{"type":42,"tag":155,"props":5544,"children":5545},{"style":171},[5546],{"type":47,"value":5547},"--duration-press",{"type":42,"tag":155,"props":5549,"children":5550},{"style":177},[5551],{"type":47,"value":699},{"type":42,"tag":155,"props":5553,"children":5554},{"style":171},[5555],{"type":47,"value":922},{"type":42,"tag":155,"props":5557,"children":5558},{"style":177},[5559],{"type":47,"value":927},{"type":42,"tag":155,"props":5561,"children":5563},{"class":157,"line":5562},19,[5564],{"type":42,"tag":155,"props":5565,"children":5566},{"style":177},[5567],{"type":47,"value":935},{"type":42,"tag":155,"props":5569,"children":5571},{"class":157,"line":5570},20,[5572,5576,5580,5584,5588],{"type":42,"tag":155,"props":5573,"children":5574},{"style":177},[5575],{"type":47,"value":180},{"type":42,"tag":155,"props":5577,"children":5578},{"style":885},[5579],{"type":47,"value":888},{"type":42,"tag":155,"props":5581,"children":5582},{"style":177},[5583],{"type":47,"value":907},{"type":42,"tag":155,"props":5585,"children":5586},{"style":953},[5587],{"type":47,"value":1530},{"type":42,"tag":155,"props":5589,"children":5590},{"style":177},[5591],{"type":47,"value":893},{"type":42,"tag":155,"props":5593,"children":5595},{"class":157,"line":5594},21,[5596,5601,5605,5609,5613,5618],{"type":42,"tag":155,"props":5597,"children":5598},{"style":899},[5599],{"type":47,"value":5600},"  transition-duration",{"type":42,"tag":155,"props":5602,"children":5603},{"style":177},[5604],{"type":47,"value":907},{"type":42,"tag":155,"props":5606,"children":5607},{"style":1002},[5608],{"type":47,"value":3384},{"type":42,"tag":155,"props":5610,"children":5611},{"style":177},[5612],{"type":47,"value":1010},{"type":42,"tag":155,"props":5614,"children":5615},{"style":171},[5616],{"type":47,"value":5617},"--duration-base",{"type":42,"tag":155,"props":5619,"children":5620},{"style":177},[5621],{"type":47,"value":1928},{"type":42,"tag":155,"props":5623,"children":5625},{"class":157,"line":5624},22,[5626],{"type":42,"tag":155,"props":5627,"children":5628},{"style":177},[5629],{"type":47,"value":935},{"type":42,"tag":155,"props":5631,"children":5633},{"class":157,"line":5632},23,[5634,5638,5642,5646,5650],{"type":42,"tag":155,"props":5635,"children":5636},{"style":177},[5637],{"type":47,"value":180},{"type":42,"tag":155,"props":5639,"children":5640},{"style":885},[5641],{"type":47,"value":888},{"type":42,"tag":155,"props":5643,"children":5644},{"style":177},[5645],{"type":47,"value":907},{"type":42,"tag":155,"props":5647,"children":5648},{"style":953},[5649],{"type":47,"value":956},{"type":42,"tag":155,"props":5651,"children":5652},{"style":177},[5653],{"type":47,"value":893},{"type":42,"tag":155,"props":5655,"children":5657},{"class":157,"line":5656},24,[5658,5662,5666,5670,5674,5679],{"type":42,"tag":155,"props":5659,"children":5660},{"style":899},[5661],{"type":47,"value":995},{"type":42,"tag":155,"props":5663,"children":5664},{"style":177},[5665],{"type":47,"value":907},{"type":42,"tag":155,"props":5667,"children":5668},{"style":1002},[5669],{"type":47,"value":1005},{"type":42,"tag":155,"props":5671,"children":5672},{"style":177},[5673],{"type":47,"value":1010},{"type":42,"tag":155,"props":5675,"children":5676},{"style":915},[5677],{"type":47,"value":5678},"0.97",{"type":42,"tag":155,"props":5680,"children":5681},{"style":177},[5682],{"type":47,"value":1928},{"type":42,"tag":155,"props":5684,"children":5686},{"class":157,"line":5685},25,[5687],{"type":42,"tag":155,"props":5688,"children":5689},{"style":177},[5690],{"type":47,"value":935},{"type":42,"tag":155,"props":5692,"children":5694},{"class":157,"line":5693},26,[5695],{"type":42,"tag":155,"props":5696,"children":5697},{"emptyLinePlaceholder":229},[5698],{"type":47,"value":232},{"type":42,"tag":155,"props":5700,"children":5702},{"class":157,"line":5701},27,[5703],{"type":42,"tag":155,"props":5704,"children":5705},{"style":161},[5706],{"type":47,"value":5707},"\u002F* Cards — shadow hover, not lift *\u002F\n",{"type":42,"tag":155,"props":5709,"children":5711},{"class":157,"line":5710},28,[5712,5716,5720],{"type":42,"tag":155,"props":5713,"children":5714},{"style":177},[5715],{"type":47,"value":180},{"type":42,"tag":155,"props":5717,"children":5718},{"style":885},[5719],{"type":47,"value":2409},{"type":42,"tag":155,"props":5721,"children":5722},{"style":177},[5723],{"type":47,"value":893},{"type":42,"tag":155,"props":5725,"children":5727},{"class":157,"line":5726},29,[5728,5732,5736,5740,5744,5748,5752,5756,5760,5764,5769],{"type":42,"tag":155,"props":5729,"children":5730},{"style":899},[5731],{"type":47,"value":902},{"type":42,"tag":155,"props":5733,"children":5734},{"style":177},[5735],{"type":47,"value":907},{"type":42,"tag":155,"props":5737,"children":5738},{"style":171},[5739],{"type":47,"value":2633},{"type":42,"tag":155,"props":5741,"children":5742},{"style":1002},[5743],{"type":47,"value":4718},{"type":42,"tag":155,"props":5745,"children":5746},{"style":177},[5747],{"type":47,"value":1010},{"type":42,"tag":155,"props":5749,"children":5750},{"style":171},[5751],{"type":47,"value":5617},{"type":42,"tag":155,"props":5753,"children":5754},{"style":177},[5755],{"type":47,"value":699},{"type":42,"tag":155,"props":5757,"children":5758},{"style":1002},[5759],{"type":47,"value":3384},{"type":42,"tag":155,"props":5761,"children":5762},{"style":177},[5763],{"type":47,"value":1010},{"type":42,"tag":155,"props":5765,"children":5766},{"style":171},[5767],{"type":47,"value":5768},"--ease-standard",{"type":42,"tag":155,"props":5770,"children":5771},{"style":177},[5772],{"type":47,"value":1928},{"type":42,"tag":155,"props":5774,"children":5776},{"class":157,"line":5775},30,[5777],{"type":42,"tag":155,"props":5778,"children":5779},{"style":177},[5780],{"type":47,"value":935},{"type":42,"tag":155,"props":5782,"children":5784},{"class":157,"line":5783},31,[5785],{"type":42,"tag":155,"props":5786,"children":5787},{"emptyLinePlaceholder":229},[5788],{"type":47,"value":232},{"type":42,"tag":155,"props":5790,"children":5792},{"class":157,"line":5791},32,[5793],{"type":42,"tag":155,"props":5794,"children":5795},{"style":161},[5796],{"type":47,"value":5797},"\u002F* Hero reveal *\u002F\n",{"type":42,"tag":155,"props":5799,"children":5801},{"class":157,"line":5800},33,[5802,5806,5811],{"type":42,"tag":155,"props":5803,"children":5804},{"style":4293},[5805],{"type":47,"value":4296},{"type":42,"tag":155,"props":5807,"children":5808},{"style":3793},[5809],{"type":47,"value":5810}," reveal-up",{"type":42,"tag":155,"props":5812,"children":5813},{"style":177},[5814],{"type":47,"value":893},{"type":42,"tag":155,"props":5816,"children":5818},{"class":157,"line":5817},34,[5819,5824,5828,5833,5837,5841,5845,5849,5853,5857,5861,5865,5869,5874,5878,5882,5886,5890,5894],{"type":42,"tag":155,"props":5820,"children":5821},{"style":885},[5822],{"type":47,"value":5823},"  from",{"type":42,"tag":155,"props":5825,"children":5826},{"style":177},[5827],{"type":47,"value":1544},{"type":42,"tag":155,"props":5829,"children":5830},{"style":899},[5831],{"type":47,"value":5832}," opacity",{"type":42,"tag":155,"props":5834,"children":5835},{"style":177},[5836],{"type":47,"value":907},{"type":42,"tag":155,"props":5838,"children":5839},{"style":915},[5840],{"type":47,"value":268},{"type":42,"tag":155,"props":5842,"children":5843},{"style":177},[5844],{"type":47,"value":982},{"type":42,"tag":155,"props":5846,"children":5847},{"style":899},[5848],{"type":47,"value":1549},{"type":42,"tag":155,"props":5850,"children":5851},{"style":177},[5852],{"type":47,"value":907},{"type":42,"tag":155,"props":5854,"children":5855},{"style":1002},[5856],{"type":47,"value":1914},{"type":42,"tag":155,"props":5858,"children":5859},{"style":177},[5860],{"type":47,"value":1010},{"type":42,"tag":155,"props":5862,"children":5863},{"style":915},[5864],{"type":47,"value":1923},{"type":42,"tag":155,"props":5866,"children":5867},{"style":177},[5868],{"type":47,"value":1020},{"type":42,"tag":155,"props":5870,"children":5871},{"style":899},[5872],{"type":47,"value":5873}," filter",{"type":42,"tag":155,"props":5875,"children":5876},{"style":177},[5877],{"type":47,"value":907},{"type":42,"tag":155,"props":5879,"children":5880},{"style":1002},[5881],{"type":47,"value":1945},{"type":42,"tag":155,"props":5883,"children":5884},{"style":177},[5885],{"type":47,"value":1010},{"type":42,"tag":155,"props":5887,"children":5888},{"style":915},[5889],{"type":47,"value":1954},{"type":42,"tag":155,"props":5891,"children":5892},{"style":177},[5893],{"type":47,"value":1020},{"type":42,"tag":155,"props":5895,"children":5896},{"style":177},[5897],{"type":47,"value":1576},{"type":42,"tag":155,"props":5899,"children":5901},{"class":157,"line":5900},35,[5902,5907,5912,5916,5920,5924,5928,5932,5936,5940,5944,5948,5952,5956,5960,5964,5968,5972,5976],{"type":42,"tag":155,"props":5903,"children":5904},{"style":885},[5905],{"type":47,"value":5906},"  to",{"type":42,"tag":155,"props":5908,"children":5909},{"style":177},[5910],{"type":47,"value":5911},"   {",{"type":42,"tag":155,"props":5913,"children":5914},{"style":899},[5915],{"type":47,"value":5832},{"type":42,"tag":155,"props":5917,"children":5918},{"style":177},[5919],{"type":47,"value":907},{"type":42,"tag":155,"props":5921,"children":5922},{"style":915},[5923],{"type":47,"value":2062},{"type":42,"tag":155,"props":5925,"children":5926},{"style":177},[5927],{"type":47,"value":982},{"type":42,"tag":155,"props":5929,"children":5930},{"style":899},[5931],{"type":47,"value":1549},{"type":42,"tag":155,"props":5933,"children":5934},{"style":177},[5935],{"type":47,"value":907},{"type":42,"tag":155,"props":5937,"children":5938},{"style":1002},[5939],{"type":47,"value":1914},{"type":42,"tag":155,"props":5941,"children":5942},{"style":177},[5943],{"type":47,"value":1010},{"type":42,"tag":155,"props":5945,"children":5946},{"style":915},[5947],{"type":47,"value":1208},{"type":42,"tag":155,"props":5949,"children":5950},{"style":177},[5951],{"type":47,"value":1020},{"type":42,"tag":155,"props":5953,"children":5954},{"style":899},[5955],{"type":47,"value":5873},{"type":42,"tag":155,"props":5957,"children":5958},{"style":177},[5959],{"type":47,"value":907},{"type":42,"tag":155,"props":5961,"children":5962},{"style":1002},[5963],{"type":47,"value":1945},{"type":42,"tag":155,"props":5965,"children":5966},{"style":177},[5967],{"type":47,"value":1010},{"type":42,"tag":155,"props":5969,"children":5970},{"style":915},[5971],{"type":47,"value":1208},{"type":42,"tag":155,"props":5973,"children":5974},{"style":177},[5975],{"type":47,"value":1020},{"type":42,"tag":155,"props":5977,"children":5978},{"style":177},[5979],{"type":47,"value":1576},{"type":42,"tag":155,"props":5981,"children":5983},{"class":157,"line":5982},36,[5984],{"type":42,"tag":155,"props":5985,"children":5986},{"style":177},[5987],{"type":47,"value":935},{"type":42,"tag":155,"props":5989,"children":5991},{"class":157,"line":5990},37,[5992,5996,6000],{"type":42,"tag":155,"props":5993,"children":5994},{"style":177},[5995],{"type":47,"value":180},{"type":42,"tag":155,"props":5997,"children":5998},{"style":885},[5999],{"type":47,"value":1874},{"type":42,"tag":155,"props":6001,"children":6002},{"style":177},[6003],{"type":47,"value":893},{"type":42,"tag":155,"props":6005,"children":6007},{"class":157,"line":6006},38,[6008,6012,6016,6021,6025,6029,6034,6038,6042,6046,6051,6055,6060],{"type":42,"tag":155,"props":6009,"children":6010},{"style":899},[6011],{"type":47,"value":4257},{"type":42,"tag":155,"props":6013,"children":6014},{"style":177},[6015],{"type":47,"value":907},{"type":42,"tag":155,"props":6017,"children":6018},{"style":171},[6019],{"type":47,"value":6020}," reveal-up ",{"type":42,"tag":155,"props":6022,"children":6023},{"style":1002},[6024],{"type":47,"value":4718},{"type":42,"tag":155,"props":6026,"children":6027},{"style":177},[6028],{"type":47,"value":1010},{"type":42,"tag":155,"props":6030,"children":6031},{"style":171},[6032],{"type":47,"value":6033},"--duration-reveal",{"type":42,"tag":155,"props":6035,"children":6036},{"style":177},[6037],{"type":47,"value":699},{"type":42,"tag":155,"props":6039,"children":6040},{"style":1002},[6041],{"type":47,"value":3384},{"type":42,"tag":155,"props":6043,"children":6044},{"style":177},[6045],{"type":47,"value":1010},{"type":42,"tag":155,"props":6047,"children":6048},{"style":171},[6049],{"type":47,"value":6050},"--ease-snappy",{"type":42,"tag":155,"props":6052,"children":6053},{"style":177},[6054],{"type":47,"value":699},{"type":42,"tag":155,"props":6056,"children":6057},{"style":171},[6058],{"type":47,"value":6059}," both",{"type":42,"tag":155,"props":6061,"children":6062},{"style":177},[6063],{"type":47,"value":927},{"type":42,"tag":155,"props":6065,"children":6067},{"class":157,"line":6066},39,[6068],{"type":42,"tag":155,"props":6069,"children":6070},{"style":177},[6071],{"type":47,"value":935},{"type":42,"tag":155,"props":6073,"children":6075},{"class":157,"line":6074},40,[6076,6080,6084,6088,6092,6096,6100,6104,6108,6113,6117,6121,6125],{"type":42,"tag":155,"props":6077,"children":6078},{"style":177},[6079],{"type":47,"value":180},{"type":42,"tag":155,"props":6081,"children":6082},{"style":885},[6083],{"type":47,"value":1874},{"type":42,"tag":155,"props":6085,"children":6086},{"style":177},[6087],{"type":47,"value":907},{"type":42,"tag":155,"props":6089,"children":6090},{"style":953},[6091],{"type":47,"value":2212},{"type":42,"tag":155,"props":6093,"children":6094},{"style":177},[6095],{"type":47,"value":1010},{"type":42,"tag":155,"props":6097,"children":6098},{"style":915},[6099],{"type":47,"value":337},{"type":42,"tag":155,"props":6101,"children":6102},{"style":177},[6103],{"type":47,"value":699},{"type":42,"tag":155,"props":6105,"children":6106},{"style":177},[6107],{"type":47,"value":1544},{"type":42,"tag":155,"props":6109,"children":6110},{"style":899},[6111],{"type":47,"value":6112}," animation-delay",{"type":42,"tag":155,"props":6114,"children":6115},{"style":177},[6116],{"type":47,"value":907},{"type":42,"tag":155,"props":6118,"children":6119},{"style":915},[6120],{"type":47,"value":2242},{"type":42,"tag":155,"props":6122,"children":6123},{"style":177},[6124],{"type":47,"value":982},{"type":42,"tag":155,"props":6126,"children":6127},{"style":177},[6128],{"type":47,"value":1576},{"type":42,"tag":155,"props":6130,"children":6132},{"class":157,"line":6131},41,[6133,6137,6141,6145,6149,6153,6157,6161,6165,6169,6173,6177,6181],{"type":42,"tag":155,"props":6134,"children":6135},{"style":177},[6136],{"type":47,"value":180},{"type":42,"tag":155,"props":6138,"children":6139},{"style":885},[6140],{"type":47,"value":1874},{"type":42,"tag":155,"props":6142,"children":6143},{"style":177},[6144],{"type":47,"value":907},{"type":42,"tag":155,"props":6146,"children":6147},{"style":953},[6148],{"type":47,"value":2212},{"type":42,"tag":155,"props":6150,"children":6151},{"style":177},[6152],{"type":47,"value":1010},{"type":42,"tag":155,"props":6154,"children":6155},{"style":915},[6156],{"type":47,"value":281},{"type":42,"tag":155,"props":6158,"children":6159},{"style":177},[6160],{"type":47,"value":699},{"type":42,"tag":155,"props":6162,"children":6163},{"style":177},[6164],{"type":47,"value":1544},{"type":42,"tag":155,"props":6166,"children":6167},{"style":899},[6168],{"type":47,"value":6112},{"type":42,"tag":155,"props":6170,"children":6171},{"style":177},[6172],{"type":47,"value":907},{"type":42,"tag":155,"props":6174,"children":6175},{"style":915},[6176],{"type":47,"value":2298},{"type":42,"tag":155,"props":6178,"children":6179},{"style":177},[6180],{"type":47,"value":982},{"type":42,"tag":155,"props":6182,"children":6183},{"style":177},[6184],{"type":47,"value":1576},{"type":42,"tag":155,"props":6186,"children":6188},{"class":157,"line":6187},42,[6189,6193,6197,6201,6205,6209,6213,6217,6221,6225,6229,6233,6237],{"type":42,"tag":155,"props":6190,"children":6191},{"style":177},[6192],{"type":47,"value":180},{"type":42,"tag":155,"props":6194,"children":6195},{"style":885},[6196],{"type":47,"value":1874},{"type":42,"tag":155,"props":6198,"children":6199},{"style":177},[6200],{"type":47,"value":907},{"type":42,"tag":155,"props":6202,"children":6203},{"style":953},[6204],{"type":47,"value":2212},{"type":42,"tag":155,"props":6206,"children":6207},{"style":177},[6208],{"type":47,"value":1010},{"type":42,"tag":155,"props":6210,"children":6211},{"style":915},[6212],{"type":47,"value":2334},{"type":42,"tag":155,"props":6214,"children":6215},{"style":177},[6216],{"type":47,"value":699},{"type":42,"tag":155,"props":6218,"children":6219},{"style":177},[6220],{"type":47,"value":1544},{"type":42,"tag":155,"props":6222,"children":6223},{"style":899},[6224],{"type":47,"value":6112},{"type":42,"tag":155,"props":6226,"children":6227},{"style":177},[6228],{"type":47,"value":907},{"type":42,"tag":155,"props":6230,"children":6231},{"style":915},[6232],{"type":47,"value":2355},{"type":42,"tag":155,"props":6234,"children":6235},{"style":177},[6236],{"type":47,"value":982},{"type":42,"tag":155,"props":6238,"children":6239},{"style":177},[6240],{"type":47,"value":1576},{"type":42,"tag":155,"props":6242,"children":6244},{"class":157,"line":6243},43,[6245],{"type":42,"tag":155,"props":6246,"children":6247},{"emptyLinePlaceholder":229},[6248],{"type":47,"value":232},{"type":42,"tag":155,"props":6250,"children":6252},{"class":157,"line":6251},44,[6253],{"type":42,"tag":155,"props":6254,"children":6255},{"style":161},[6256],{"type":47,"value":6257},"\u002F* Section scroll reveal *\u002F\n",{"type":42,"tag":155,"props":6259,"children":6261},{"class":157,"line":6260},45,[6262,6266,6270],{"type":42,"tag":155,"props":6263,"children":6264},{"style":177},[6265],{"type":47,"value":180},{"type":42,"tag":155,"props":6267,"children":6268},{"style":885},[6269],{"type":47,"value":4393},{"type":42,"tag":155,"props":6271,"children":6272},{"style":177},[6273],{"type":47,"value":893},{"type":42,"tag":155,"props":6275,"children":6277},{"class":157,"line":6276},46,[6278,6282,6286,6290],{"type":42,"tag":155,"props":6279,"children":6280},{"style":899},[6281],{"type":47,"value":1886},{"type":42,"tag":155,"props":6283,"children":6284},{"style":177},[6285],{"type":47,"value":907},{"type":42,"tag":155,"props":6287,"children":6288},{"style":915},[6289],{"type":47,"value":268},{"type":42,"tag":155,"props":6291,"children":6292},{"style":177},[6293],{"type":47,"value":927},{"type":42,"tag":155,"props":6295,"children":6297},{"class":157,"line":6296},47,[6298,6302,6306,6310,6314,6318],{"type":42,"tag":155,"props":6299,"children":6300},{"style":899},[6301],{"type":47,"value":995},{"type":42,"tag":155,"props":6303,"children":6304},{"style":177},[6305],{"type":47,"value":907},{"type":42,"tag":155,"props":6307,"children":6308},{"style":1002},[6309],{"type":47,"value":1914},{"type":42,"tag":155,"props":6311,"children":6312},{"style":177},[6313],{"type":47,"value":1010},{"type":42,"tag":155,"props":6315,"children":6316},{"style":915},[6317],{"type":47,"value":4440},{"type":42,"tag":155,"props":6319,"children":6320},{"style":177},[6321],{"type":47,"value":1928},{"type":42,"tag":155,"props":6323,"children":6325},{"class":157,"line":6324},48,[6326,6330,6334,6338,6342,6346,6350,6354,6358,6362,6366],{"type":42,"tag":155,"props":6327,"children":6328},{"style":899},[6329],{"type":47,"value":902},{"type":42,"tag":155,"props":6331,"children":6332},{"style":177},[6333],{"type":47,"value":907},{"type":42,"tag":155,"props":6335,"children":6336},{"style":171},[6337],{"type":47,"value":1974},{"type":42,"tag":155,"props":6339,"children":6340},{"style":1002},[6341],{"type":47,"value":4718},{"type":42,"tag":155,"props":6343,"children":6344},{"style":177},[6345],{"type":47,"value":1010},{"type":42,"tag":155,"props":6347,"children":6348},{"style":171},[6349],{"type":47,"value":6033},{"type":42,"tag":155,"props":6351,"children":6352},{"style":177},[6353],{"type":47,"value":699},{"type":42,"tag":155,"props":6355,"children":6356},{"style":1002},[6357],{"type":47,"value":3384},{"type":42,"tag":155,"props":6359,"children":6360},{"style":177},[6361],{"type":47,"value":1010},{"type":42,"tag":155,"props":6363,"children":6364},{"style":171},[6365],{"type":47,"value":6050},{"type":42,"tag":155,"props":6367,"children":6368},{"style":177},[6369],{"type":47,"value":2491},{"type":42,"tag":155,"props":6371,"children":6373},{"class":157,"line":6372},49,[6374,6378,6382,6386,6390,6394,6398,6402,6406],{"type":42,"tag":155,"props":6375,"children":6376},{"style":171},[6377],{"type":47,"value":4521},{"type":42,"tag":155,"props":6379,"children":6380},{"style":1002},[6381],{"type":47,"value":4718},{"type":42,"tag":155,"props":6383,"children":6384},{"style":177},[6385],{"type":47,"value":1010},{"type":42,"tag":155,"props":6387,"children":6388},{"style":171},[6389],{"type":47,"value":6033},{"type":42,"tag":155,"props":6391,"children":6392},{"style":177},[6393],{"type":47,"value":699},{"type":42,"tag":155,"props":6395,"children":6396},{"style":1002},[6397],{"type":47,"value":3384},{"type":42,"tag":155,"props":6399,"children":6400},{"style":177},[6401],{"type":47,"value":1010},{"type":42,"tag":155,"props":6403,"children":6404},{"style":171},[6405],{"type":47,"value":6050},{"type":42,"tag":155,"props":6407,"children":6408},{"style":177},[6409],{"type":47,"value":1928},{"type":42,"tag":155,"props":6411,"children":6413},{"class":157,"line":6412},50,[6414],{"type":42,"tag":155,"props":6415,"children":6416},{"style":177},[6417],{"type":47,"value":935},{"type":42,"tag":155,"props":6419,"children":6421},{"class":157,"line":6420},51,[6422,6426,6430,6434,6438],{"type":42,"tag":155,"props":6423,"children":6424},{"style":177},[6425],{"type":47,"value":180},{"type":42,"tag":155,"props":6427,"children":6428},{"style":885},[6429],{"type":47,"value":4393},{"type":42,"tag":155,"props":6431,"children":6432},{"style":177},[6433],{"type":47,"value":180},{"type":42,"tag":155,"props":6435,"children":6436},{"style":885},[6437],{"type":47,"value":4600},{"type":42,"tag":155,"props":6439,"children":6440},{"style":177},[6441],{"type":47,"value":893},{"type":42,"tag":155,"props":6443,"children":6445},{"class":157,"line":6444},52,[6446,6450,6454,6458],{"type":42,"tag":155,"props":6447,"children":6448},{"style":899},[6449],{"type":47,"value":1886},{"type":42,"tag":155,"props":6451,"children":6452},{"style":177},[6453],{"type":47,"value":907},{"type":42,"tag":155,"props":6455,"children":6456},{"style":915},[6457],{"type":47,"value":2062},{"type":42,"tag":155,"props":6459,"children":6460},{"style":177},[6461],{"type":47,"value":927},{"type":42,"tag":155,"props":6463,"children":6465},{"class":157,"line":6464},53,[6466,6470,6474,6478,6482,6486],{"type":42,"tag":155,"props":6467,"children":6468},{"style":899},[6469],{"type":47,"value":995},{"type":42,"tag":155,"props":6471,"children":6472},{"style":177},[6473],{"type":47,"value":907},{"type":42,"tag":155,"props":6475,"children":6476},{"style":1002},[6477],{"type":47,"value":1914},{"type":42,"tag":155,"props":6479,"children":6480},{"style":177},[6481],{"type":47,"value":1010},{"type":42,"tag":155,"props":6483,"children":6484},{"style":915},[6485],{"type":47,"value":1208},{"type":42,"tag":155,"props":6487,"children":6488},{"style":177},[6489],{"type":47,"value":1928},{"type":42,"tag":155,"props":6491,"children":6493},{"class":157,"line":6492},54,[6494],{"type":42,"tag":155,"props":6495,"children":6496},{"style":177},[6497],{"type":47,"value":935},{"type":42,"tag":155,"props":6499,"children":6501},{"class":157,"line":6500},55,[6502],{"type":42,"tag":155,"props":6503,"children":6504},{"emptyLinePlaceholder":229},[6505],{"type":47,"value":232},{"type":42,"tag":155,"props":6507,"children":6509},{"class":157,"line":6508},56,[6510],{"type":42,"tag":155,"props":6511,"children":6512},{"style":161},[6513],{"type":47,"value":6514},"\u002F* Cursor spotlight (Shade-style) *\u002F\n",{"type":42,"tag":155,"props":6516,"children":6518},{"class":157,"line":6517},57,[6519,6523,6528],{"type":42,"tag":155,"props":6520,"children":6521},{"style":177},[6522],{"type":47,"value":180},{"type":42,"tag":155,"props":6524,"children":6525},{"style":885},[6526],{"type":47,"value":6527},"hero-spotlight",{"type":42,"tag":155,"props":6529,"children":6530},{"style":177},[6531],{"type":47,"value":893},{"type":42,"tag":155,"props":6533,"children":6535},{"class":157,"line":6534},58,[6536,6540,6544,6548],{"type":42,"tag":155,"props":6537,"children":6538},{"style":899},[6539],{"type":47,"value":3540},{"type":42,"tag":155,"props":6541,"children":6542},{"style":177},[6543],{"type":47,"value":907},{"type":42,"tag":155,"props":6545,"children":6546},{"style":1002},[6547],{"type":47,"value":3549},{"type":42,"tag":155,"props":6549,"children":6550},{"style":177},[6551],{"type":47,"value":3554},{"type":42,"tag":155,"props":6553,"children":6555},{"class":157,"line":6554},59,[6556,6561,6566,6571,6575,6579,6584,6588,6592,6596,6600,6604,6609,6613,6617],{"type":42,"tag":155,"props":6557,"children":6558},{"style":915},[6559],{"type":47,"value":6560},"    250px",{"type":42,"tag":155,"props":6562,"children":6563},{"style":171},[6564],{"type":47,"value":6565}," circle ",{"type":42,"tag":155,"props":6567,"children":6568},{"style":177},[6569],{"type":47,"value":6570},"at",{"type":42,"tag":155,"props":6572,"children":6573},{"style":1002},[6574],{"type":47,"value":3384},{"type":42,"tag":155,"props":6576,"children":6577},{"style":177},[6578],{"type":47,"value":1010},{"type":42,"tag":155,"props":6580,"children":6581},{"style":171},[6582],{"type":47,"value":6583},"--mx",{"type":42,"tag":155,"props":6585,"children":6586},{"style":177},[6587],{"type":47,"value":190},{"type":42,"tag":155,"props":6589,"children":6590},{"style":915},[6591],{"type":47,"value":3594},{"type":42,"tag":155,"props":6593,"children":6594},{"style":177},[6595],{"type":47,"value":699},{"type":42,"tag":155,"props":6597,"children":6598},{"style":1002},[6599],{"type":47,"value":3384},{"type":42,"tag":155,"props":6601,"children":6602},{"style":177},[6603],{"type":47,"value":1010},{"type":42,"tag":155,"props":6605,"children":6606},{"style":171},[6607],{"type":47,"value":6608},"--my",{"type":42,"tag":155,"props":6610,"children":6611},{"style":177},[6612],{"type":47,"value":190},{"type":42,"tag":155,"props":6614,"children":6615},{"style":915},[6616],{"type":47,"value":3594},{"type":42,"tag":155,"props":6618,"children":6619},{"style":177},[6620],{"type":47,"value":2491},{"type":42,"tag":155,"props":6622,"children":6624},{"class":157,"line":6623},60,[6625,6630,6634,6639,6643,6648,6652,6657,6661,6666],{"type":42,"tag":155,"props":6626,"children":6627},{"style":1002},[6628],{"type":47,"value":6629},"    rgba",{"type":42,"tag":155,"props":6631,"children":6632},{"style":177},[6633],{"type":47,"value":1010},{"type":42,"tag":155,"props":6635,"children":6636},{"style":915},[6637],{"type":47,"value":6638},"198",{"type":42,"tag":155,"props":6640,"children":6641},{"style":177},[6642],{"type":47,"value":190},{"type":42,"tag":155,"props":6644,"children":6645},{"style":915},[6646],{"type":47,"value":6647}," 235",{"type":42,"tag":155,"props":6649,"children":6650},{"style":177},[6651],{"type":47,"value":190},{"type":42,"tag":155,"props":6653,"children":6654},{"style":915},[6655],{"type":47,"value":6656}," 87",{"type":42,"tag":155,"props":6658,"children":6659},{"style":177},[6660],{"type":47,"value":190},{"type":42,"tag":155,"props":6662,"children":6663},{"style":915},[6664],{"type":47,"value":6665}," 0.4",{"type":42,"tag":155,"props":6667,"children":6668},{"style":177},[6669],{"type":47,"value":2491},{"type":42,"tag":155,"props":6671,"children":6673},{"class":157,"line":6672},61,[6674,6679,6684],{"type":42,"tag":155,"props":6675,"children":6676},{"style":171},[6677],{"type":47,"value":6678},"    transparent ",{"type":42,"tag":155,"props":6680,"children":6681},{"style":915},[6682],{"type":47,"value":6683},"40%",{"type":42,"tag":155,"props":6685,"children":6686},{"style":177},[6687],{"type":47,"value":1928},{"type":42,"tag":155,"props":6689,"children":6691},{"class":157,"line":6690},62,[6692,6697,6701,6705],{"type":42,"tag":155,"props":6693,"children":6694},{"style":899},[6695],{"type":47,"value":6696},"  pointer-events",{"type":42,"tag":155,"props":6698,"children":6699},{"style":177},[6700],{"type":47,"value":907},{"type":42,"tag":155,"props":6702,"children":6703},{"style":171},[6704],{"type":47,"value":977},{"type":42,"tag":155,"props":6706,"children":6707},{"style":177},[6708],{"type":47,"value":927},{"type":42,"tag":155,"props":6710,"children":6712},{"class":157,"line":6711},63,[6713],{"type":42,"tag":155,"props":6714,"children":6715},{"style":177},[6716],{"type":47,"value":935},{"type":42,"tag":56,"props":6718,"children":6720},{"id":6719},"application-workflow",[6721],{"type":47,"value":6722},"Application workflow",{"type":42,"tag":6724,"props":6725,"children":6726},"ol",{},[6727,6742,6752,6778,6788,6798,6808],{"type":42,"tag":67,"props":6728,"children":6729},{},[6730,6740],{"type":42,"tag":136,"props":6731,"children":6732},{},[6733,6735],{"type":47,"value":6734},"Replace every ",{"type":42,"tag":73,"props":6736,"children":6738},{"className":6737},[],[6739],{"type":47,"value":127},{"type":47,"value":6741}," with one of the 4 named cubic-beziers above.",{"type":42,"tag":67,"props":6743,"children":6744},{},[6745,6750],{"type":42,"tag":136,"props":6746,"children":6747},{},[6748],{"type":47,"value":6749},"Set duration by interaction type",{"type":47,"value":6751},": 75ms active, 150-200ms hover, 600ms reveal.",{"type":42,"tag":67,"props":6753,"children":6754},{},[6755,6768,6770,6776],{"type":42,"tag":136,"props":6756,"children":6757},{},[6758,6760,6766],{"type":47,"value":6759},"Give buttons an ",{"type":42,"tag":73,"props":6761,"children":6763},{"className":6762},[],[6764],{"type":47,"value":6765},":active",{"type":47,"value":6767}," state",{"type":47,"value":6769}," with ",{"type":42,"tag":73,"props":6771,"children":6773},{"className":6772},[],[6774],{"type":47,"value":6775},"scale(0.95)",{"type":47,"value":6777}," or inset-inversion.",{"type":42,"tag":67,"props":6779,"children":6780},{},[6781,6786],{"type":42,"tag":136,"props":6782,"children":6783},{},[6784],{"type":47,"value":6785},"Hover cards via shadow",{"type":47,"value":6787},", not translateY.",{"type":42,"tag":67,"props":6789,"children":6790},{},[6791,6796],{"type":42,"tag":136,"props":6792,"children":6793},{},[6794],{"type":47,"value":6795},"Add blur-in reveals",{"type":47,"value":6797}," to hero text lines with staggered delays.",{"type":42,"tag":67,"props":6799,"children":6800},{},[6801,6806],{"type":42,"tag":136,"props":6802,"children":6803},{},[6804],{"type":47,"value":6805},"Add IntersectionObserver section reveals",{"type":47,"value":6807}," with 80ms stagger between children.",{"type":42,"tag":67,"props":6809,"children":6810},{},[6811,6816],{"type":42,"tag":136,"props":6812,"children":6813},{},[6814],{"type":47,"value":6815},"Consider a mouse-tracking effect",{"type":47,"value":6817}," for the hero (spotlight, gradient position, or tilt).",{"type":42,"tag":56,"props":6819,"children":6821},{"id":6820},"anti-patterns-to-kill",[6822],{"type":47,"value":6823},"Anti-patterns to kill",{"type":42,"tag":63,"props":6825,"children":6826},{},[6827,6837,6848,6861,6872,6885,6890,6902],{"type":42,"tag":67,"props":6828,"children":6829},{},[6830,6835],{"type":42,"tag":73,"props":6831,"children":6833},{"className":6832},[],[6834],{"type":47,"value":78},{"type":47,"value":6836}," on everything",{"type":42,"tag":67,"props":6838,"children":6839},{},[6840,6846],{"type":42,"tag":73,"props":6841,"children":6843},{"className":6842},[],[6844],{"type":47,"value":6845},".btn:hover { background-color: darker; }",{"type":47,"value":6847}," — color-only hover with no press",{"type":42,"tag":67,"props":6849,"children":6850},{},[6851,6853,6859],{"type":47,"value":6852},"Cards that ",{"type":42,"tag":73,"props":6854,"children":6856},{"className":6855},[],[6857],{"type":47,"value":6858},"translateY(-4px)",{"type":47,"value":6860}," on hover (cliché)",{"type":42,"tag":67,"props":6862,"children":6863},{},[6864,6870],{"type":42,"tag":73,"props":6865,"children":6867},{"className":6866},[],[6868],{"type":47,"value":6869},"opacity: 0 → 1",{"type":47,"value":6871}," fades with no translateY or blur",{"type":42,"tag":67,"props":6873,"children":6874},{},[6875,6877,6883],{"type":47,"value":6876},"Transitions that animate ",{"type":42,"tag":73,"props":6878,"children":6880},{"className":6879},[],[6881],{"type":47,"value":6882},"all",{"type":47,"value":6884}," properties (perf + visual noise)",{"type":42,"tag":67,"props":6886,"children":6887},{},[6888],{"type":47,"value":6889},"Hero animations that don't stagger",{"type":42,"tag":67,"props":6891,"children":6892},{},[6893,6895,6900],{"type":47,"value":6894},"Missing ",{"type":42,"tag":73,"props":6896,"children":6898},{"className":6897},[],[6899],{"type":47,"value":6765},{"type":47,"value":6901}," state on buttons (breaks physical feel)",{"type":42,"tag":67,"props":6903,"children":6904},{},[6905,6907,6913],{"type":47,"value":6906},"Animating ",{"type":42,"tag":73,"props":6908,"children":6910},{"className":6909},[],[6911],{"type":47,"value":6912},"transform: translateX(...)",{"type":47,"value":6914}," with a generic 300ms ease",{"type":42,"tag":56,"props":6916,"children":6918},{"id":6917},"site-references",[6919],{"type":47,"value":6920},"Site references",{"type":42,"tag":642,"props":6922,"children":6923},{},[6924,6940],{"type":42,"tag":646,"props":6925,"children":6926},{},[6927],{"type":42,"tag":650,"props":6928,"children":6929},{},[6930,6935],{"type":42,"tag":654,"props":6931,"children":6932},{},[6933],{"type":47,"value":6934},"Pattern",{"type":42,"tag":654,"props":6936,"children":6937},{},[6938],{"type":47,"value":6939},"Case study",{"type":42,"tag":670,"props":6941,"children":6942},{},[6943,6955,6968,6981,6993,7006,7019,7040,7053,7066,7078,7091],{"type":42,"tag":650,"props":6944,"children":6945},{},[6946,6951],{"type":42,"tag":677,"props":6947,"children":6948},{},[6949],{"type":47,"value":6950},"cubic-bezier(.215,.61,.355,1) easeOutCubic",{"type":42,"tag":677,"props":6952,"children":6953},{},[6954],{"type":47,"value":801},{"type":42,"tag":650,"props":6956,"children":6957},{},[6958,6963],{"type":42,"tag":677,"props":6959,"children":6960},{},[6961],{"type":47,"value":6962},"75ms snappy button transitions",{"type":42,"tag":677,"props":6964,"children":6965},{},[6966],{"type":47,"value":6967},"Autosend",{"type":42,"tag":650,"props":6969,"children":6970},{},[6971,6976],{"type":42,"tag":677,"props":6972,"children":6973},{},[6974],{"type":47,"value":6975},"1.5s slow opacity fade",{"type":42,"tag":677,"props":6977,"children":6978},{},[6979],{"type":47,"value":6980},"Cohere",{"type":42,"tag":650,"props":6982,"children":6983},{},[6984,6989],{"type":42,"tag":677,"props":6985,"children":6986},{},[6987],{"type":47,"value":6988},"Inset-inversion press feedback",{"type":42,"tag":677,"props":6990,"children":6991},{},[6992],{"type":47,"value":801},{"type":42,"tag":650,"props":6994,"children":6995},{},[6996,7001],{"type":42,"tag":677,"props":6997,"children":6998},{},[6999],{"type":47,"value":7000},"Width-animated button",{"type":42,"tag":677,"props":7002,"children":7003},{},[7004],{"type":47,"value":7005},"Cohere (max-width)",{"type":42,"tag":650,"props":7007,"children":7008},{},[7009,7014],{"type":42,"tag":677,"props":7010,"children":7011},{},[7012],{"type":47,"value":7013},"Orchestrated child translation on hover",{"type":42,"tag":677,"props":7015,"children":7016},{},[7017],{"type":47,"value":7018},"Antimetal",{"type":42,"tag":650,"props":7020,"children":7021},{},[7022,7027],{"type":42,"tag":677,"props":7023,"children":7024},{},[7025],{"type":47,"value":7026},"Blur-in hero reveal",{"type":42,"tag":677,"props":7028,"children":7029},{},[7030,7032,7038],{"type":47,"value":7031},"Antimetal (",{"type":42,"tag":73,"props":7033,"children":7035},{"className":7034},[],[7036],{"type":47,"value":7037},"blur-[4px]",{"type":47,"value":7039}," → 0)",{"type":42,"tag":650,"props":7041,"children":7042},{},[7043,7048],{"type":42,"tag":677,"props":7044,"children":7045},{},[7046],{"type":47,"value":7047},"Shadow-grow card hover",{"type":42,"tag":677,"props":7049,"children":7050},{},[7051],{"type":47,"value":7052},"Cal, Hex, Incident",{"type":42,"tag":650,"props":7054,"children":7055},{},[7056,7061],{"type":42,"tag":677,"props":7057,"children":7058},{},[7059],{"type":47,"value":7060},"Mouse-tracking gradient (CSS var)",{"type":42,"tag":677,"props":7062,"children":7063},{},[7064],{"type":47,"value":7065},"Amplemarket (WebGL), Shade (cursor spotlight)",{"type":42,"tag":650,"props":7067,"children":7068},{},[7069,7074],{"type":42,"tag":677,"props":7070,"children":7071},{},[7072],{"type":47,"value":7073},"Conic-gradient halo spin",{"type":42,"tag":677,"props":7075,"children":7076},{},[7077],{"type":47,"value":4145},{"type":42,"tag":650,"props":7079,"children":7080},{},[7081,7086],{"type":42,"tag":677,"props":7082,"children":7083},{},[7084],{"type":47,"value":7085},"Scroll-linked per-section timelines",{"type":42,"tag":677,"props":7087,"children":7088},{},[7089],{"type":47,"value":7090},"AngelList (ScrollTrackingWrapper)",{"type":42,"tag":650,"props":7092,"children":7093},{},[7094,7099],{"type":42,"tag":677,"props":7095,"children":7096},{},[7097],{"type":47,"value":7098},"Kbd keycap 3D shadow",{"type":42,"tag":677,"props":7100,"children":7101},{},[7102,7104,7110],{"type":47,"value":7103},"Incident (",{"type":42,"tag":73,"props":7105,"children":7107},{"className":7106},[],[7108],{"type":47,"value":7109},"box-shadow: 0 3px 0",{"type":47,"value":699},{"type":42,"tag":3943,"props":7112,"children":7113},{},[7114],{"type":47,"value":7115},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":7117,"total":292},[7118,7133,7150,7157,7170,7181],{"slug":7119,"name":7119,"fn":7120,"description":7121,"org":7122,"tags":7123,"stars":25,"repoUrl":26,"updatedAt":7132},"de-slopify-audit","audit and remove AI-slop design patterns","Scan a site for AI-slop defaults and replace them with premium patterns. Detects generic giveaways (Inter everywhere,",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7124,7127,7128,7131],{"name":7125,"slug":7126,"type":15},"Audit","audit",{"name":23,"slug":24,"type":15},{"name":7129,"slug":7130,"type":15},"Design Critique","design-critique",{"name":20,"slug":21,"type":15},"2026-06-20T07:57:10.581611",{"slug":7134,"name":7134,"fn":7135,"description":7136,"org":7137,"tags":7138,"stars":25,"repoUrl":26,"updatedAt":7149},"design-polish-suite","apply design polish to web interfaces","The full design glow-up toolkit. Turns forgettable interfaces into something that looks like a real designer touched it. Routes to 6 sub-skills for de-slopifying, typography, spacing, gradients, motion, and adding that one detail people actually remember. Use when a UI feels mid, generic, AI-generated, or just painfully beige.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7139,7140,7143,7146],{"name":23,"slug":24,"type":15},{"name":7141,"slug":7142,"type":15},"Typography","typography",{"name":7144,"slug":7145,"type":15},"UX Design","ux-design",{"name":7147,"slug":7148,"type":15},"Visual Design","visual-design","2026-06-20T07:57:06.690815",{"slug":4,"name":4,"fn":5,"description":6,"org":7151,"tags":7152,"stars":25,"repoUrl":26,"updatedAt":27},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7153,7154,7155,7156],{"name":17,"slug":18,"type":15},{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":13,"slug":14,"type":15},{"slug":7158,"name":7158,"fn":7159,"description":7160,"org":7161,"tags":7162,"stars":25,"repoUrl":26,"updatedAt":7169},"soft-gradient-dreamy","apply premium soft gradient aesthetic","Apply the warm, atmospheric, multi-layer shadow aesthetic used by premium SaaS sites like Hex, Antimetal, Incident, Outseta, Cohere, and Amplemarket. Warm off-white grounds, tinted shadows that harmonize with theme, multi-stop gradients at deliberate angles, inset highlights for dual-edge lighting. Use when the user wants their site to feel atmospheric, luminous, warm, editorial — NOT cold SaaS purple\u002Fblue.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7163,7166,7167,7168],{"name":7164,"slug":7165,"type":15},"Creative","creative",{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":7147,"slug":7148,"type":15},"2026-06-20T07:57:11.884466",{"slug":7171,"name":7171,"fn":7172,"description":7173,"org":7174,"tags":7175,"stars":25,"repoUrl":26,"updatedAt":7180},"spatial-rhythm-and-whitespace","apply premium spatial rhythm and whitespace","Apply the spacing, container, grid, and border-radius rhythm of premium VC-funded sites. Generous 80-160px section padding, intentional non-strict spacing scales (including 20\u002F28\u002F40), deliberate radius architecture (binary 0-or-pill, asymmetric interlocking, per-element variety), 40px paragraph-spacing on h2, 1px hairline dividers at 4-10% opacity. Use when layouts feel cramped, monotonous, or use \"rounded-md everywhere.\"",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7176,7177,7178,7179],{"name":23,"slug":24,"type":15},{"name":20,"slug":21,"type":15},{"name":7144,"slug":7145,"type":15},{"name":7147,"slug":7148,"type":15},"2026-06-20T07:57:14.328471",{"slug":7182,"name":7182,"fn":7183,"description":7184,"org":7185,"tags":7186,"stars":25,"repoUrl":26,"updatedAt":7193},"typography-that-sells","upgrade typography for premium design","Upgrade typography from generic SaaS to premium, authored, high-conviction design. Uses distinct display fonts, lighter body weights, tight negative tracking, mono eyebrows, restrained serif accents, and OpenType details to create typography with taste, authority, and emotional signal. Use when a page feels flat, template-y, overly safe, or visually anonymous.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7187,7188,7191,7192],{"name":23,"slug":24,"type":15},{"name":7189,"slug":7190,"type":15},"Design System","design-system",{"name":20,"slug":21,"type":15},{"name":7141,"slug":7142,"type":15},"2026-06-20T07:57:08.002685",{"items":7195,"total":7370},[7196,7213,7231,7245,7262,7275,7289,7304,7319,7330,7345,7355],{"slug":7197,"name":7197,"fn":7198,"description":7199,"org":7200,"tags":7201,"stars":7210,"repoUrl":7211,"updatedAt":7212},"annotate","collect visual feedback with browser annotation tools","Open a browser with visual annotation tools. The user clicks elements on their site and leaves feedback — the agent reads annotations and makes changes. Use this when the user wants to point at specific elements to fix, tweak, or redesign.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7202,7203,7206,7209],{"name":20,"slug":21,"type":15},{"name":7204,"slug":7205,"type":15},"Productivity","productivity",{"name":7207,"slug":7208,"type":15},"UX Copy","ux-copy",{"name":7144,"slug":7145,"type":15},484,"https:\u002F\u002Fgithub.com\u002FAutomattic\u002Fstudio","2026-05-06T05:40:01.516544",{"slug":7214,"name":7214,"fn":7215,"description":7216,"org":7217,"tags":7218,"stars":7210,"repoUrl":7211,"updatedAt":7230},"block-content","write editable WordPress block markup","Write editable WordPress block markup for local Studio sites, including core\u002Fhtml limits, block-theme layout rules, full-width sections, validation, and skeleton-first page\u002FCSS recipes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7219,7222,7224,7227],{"name":7220,"slug":7221,"type":15},"Block Editor","block-editor",{"name":7223,"slug":148,"type":15},"CSS",{"name":7225,"slug":7226,"type":15},"HTML","html",{"name":7228,"slug":7229,"type":15},"WordPress","wordpress","2026-05-27T07:01:55.629681",{"slug":7232,"name":7232,"fn":7233,"description":7234,"org":7235,"tags":7236,"stars":7210,"repoUrl":7211,"updatedAt":7244},"hosting-plans-helper","provide WordPress.com hosting plan information","Answer WordPress.com plan, pricing, upgrade, and feature-tier questions (plan names, what each tier unlocks — plugins, themes, custom code, SSH, hosting — and current prices) from authoritative live data. Load before answering ANY plan, pricing, or feature-gating question; never answer these from memory.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7237,7240,7243],{"name":7238,"slug":7239,"type":15},"Pricing","pricing",{"name":7241,"slug":7242,"type":15},"Reference","reference",{"name":7228,"slug":7229,"type":15},"2026-07-02T07:42:33.654791",{"slug":7246,"name":7246,"fn":7247,"description":7248,"org":7249,"tags":7250,"stars":7210,"repoUrl":7211,"updatedAt":7261},"liberate","migrate websites to WordPress","Import and rebuild a website from a closed platform (Wix, Squarespace, Webflow, Shopify, GoDaddy, Hostinger, HubSpot, Weebly) into a Studio WordPress site. Extracts pages\u002Fposts\u002Fproducts + media, then reconstructs the design as editable blocks + WooCommerce OR as a high-fidelity replica theme. Invoke when the user wants to migrate, import, liberate, or rebuild a site from one of these platforms.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7251,7254,7257,7260],{"name":7252,"slug":7253,"type":15},"CMS","cms",{"name":7255,"slug":7256,"type":15},"Migration","migration",{"name":7258,"slug":7259,"type":15},"Web Development","web-development",{"name":7228,"slug":7229,"type":15},"2026-07-09T06:47:33.454311",{"slug":7263,"name":7263,"fn":7264,"description":7265,"org":7266,"tags":7267,"stars":7210,"repoUrl":7211,"updatedAt":7274},"need-for-speed","run frontend performance audits for WordPress sites","Run a frontend performance audit on a WordPress site and get actionable optimization recommendations.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7268,7269,7270,7273],{"name":7125,"slug":7126,"type":15},{"name":20,"slug":21,"type":15},{"name":7271,"slug":7272,"type":15},"Performance","performance",{"name":7228,"slug":7229,"type":15},"2026-05-06T05:40:06.433267",{"slug":7276,"name":7276,"fn":7277,"description":7278,"org":7279,"tags":7280,"stars":7210,"repoUrl":7211,"updatedAt":7288},"plugin-recommendations","recommend WordPress plugins for site features","Choose recommended plugins and plugin-provided blocks for features core WordPress blocks do not cover - ecommerce (WooCommerce), forms and newsletters (Jetpack), online courses and quizzes (Sensei LMS), polls, surveys and ratings (Crowdsignal), spam protection (Akismet) - while keeping generated content editable and avoiding raw HTML fallbacks. Any request to sell products or build a shop, store, or storefront requires WooCommerce with products.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7281,7284,7287],{"name":7282,"slug":7283,"type":15},"Content Creation","content-creation",{"name":7285,"slug":7286,"type":15},"Plugin Development","plugin-development",{"name":7228,"slug":7229,"type":15},"2026-05-27T07:01:58.249105",{"slug":7290,"name":7290,"fn":7291,"description":7292,"org":7293,"tags":7294,"stars":7210,"repoUrl":7211,"updatedAt":7303},"rank-me-up","run on-page SEO audits for WordPress sites","Run an on-page SEO audit on a WordPress site and get actionable recommendations to improve search visibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7295,7296,7299,7302],{"name":7125,"slug":7126,"type":15},{"name":7297,"slug":7298,"type":15},"Marketing","marketing",{"name":7300,"slug":7301,"type":15},"SEO","seo",{"name":7228,"slug":7229,"type":15},"2026-05-06T05:40:05.196367",{"slug":7305,"name":7305,"fn":7306,"description":7307,"org":7308,"tags":7309,"stars":7210,"repoUrl":7211,"updatedAt":7318},"site-spec","gather specifications for new WordPress sites","Gather the site name and layout preference before building a WordPress site. Run this before creating any new site.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7310,7311,7314,7317],{"name":23,"slug":24,"type":15},{"name":7312,"slug":7313,"type":15},"Product Management","product-management",{"name":7315,"slug":7316,"type":15},"Specs","specs",{"name":7228,"slug":7229,"type":15},"2026-05-06T05:40:02.739409",{"slug":7320,"name":7320,"fn":7321,"description":7322,"org":7323,"tags":7324,"stars":7210,"repoUrl":7211,"updatedAt":7329},"studio-cli","manage local WordPress sites with Studio CLI","Use the Studio CLI to manage local WordPress sites, authentication, and preview sites. Invoke this skill when you need to run Studio CLI commands, manage sites, or troubleshoot site issues.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7325,7328],{"name":7326,"slug":7327,"type":15},"CLI","cli",{"name":7228,"slug":7229,"type":15},"2026-04-06T18:02:57.150231",{"slug":7331,"name":7331,"fn":7332,"description":7333,"org":7334,"tags":7335,"stars":7210,"repoUrl":7211,"updatedAt":7344},"taxonomist","optimize WordPress category taxonomy","Analyze and optimize a WordPress site's category taxonomy. Exports all posts, uses AI to suggest an improved category structure — merging duplicates, retiring dead categories, creating missing ones, writing descriptions, and re-categorizing posts. Run this when the user wants to clean up or improve their categories.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7336,7339,7342,7343],{"name":7337,"slug":7338,"type":15},"Content Strategy","content-strategy",{"name":7340,"slug":7341,"type":15},"Data Cleaning","data-cleaning",{"name":7300,"slug":7301,"type":15},{"name":7228,"slug":7229,"type":15},"2026-05-06T05:40:03.966799",{"slug":7148,"name":7148,"fn":7346,"description":7347,"org":7348,"tags":7349,"stars":7210,"repoUrl":7211,"updatedAt":7354},"plan and execute visual design direction","Plan and execute high-quality visual direction for site creation, redesign, layout, typography, color, motion, and visual polish.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7350,7351,7352,7353],{"name":17,"slug":18,"type":15},{"name":23,"slug":24,"type":15},{"name":7141,"slug":7142,"type":15},{"name":7147,"slug":7148,"type":15},"2026-07-24T05:40:57.887452",{"slug":7356,"name":7356,"fn":7357,"description":7358,"org":7359,"tags":7360,"stars":7210,"repoUrl":7211,"updatedAt":7369},"visual-polish","verify and polish website visual design","Verify and polish a built or redesigned site by diagnosing rendered-DOM issues against intent and fixing them in a planned, batched screenshot-and-fix loop.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[7361,7364,7365,7368],{"name":7362,"slug":7363,"type":15},"Debugging","debugging",{"name":20,"slug":21,"type":15},{"name":7366,"slug":7367,"type":15},"Screenshots","screenshots",{"name":7147,"slug":7148,"type":15},"2026-06-06T07:09:59.809812",81]