.hero{padding-top:var(--sp-10);padding-bottom:var(--sp-8);position:relative;overflow:hidden}.hero__grid{gap:var(--sp-8);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--fs-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-4);align-items:center;gap:8px;display:inline-flex}.hero__eyebrow:before{content:"";background:var(--accent);width:22px;height:2px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);margin:0 0 var(--sp-4);text-wrap:balance}.hero h1 .hl{color:var(--accent)}.hero__sub{font-size:var(--fs-lead);color:var(--ink-2);max-width:30ch;margin:0 0 var(--sp-6);text-wrap:pretty}.hero__cta{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.hero__meta{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-3)}.hero__stage{place-items:center;min-height:340px;display:grid;position:relative}.chip{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-md);width:64px;height:64px;box-shadow:var(--shadow-chunky);place-items:center;font-size:2rem;line-height:1;animation:6s infinite bob;display:grid;position:absolute}.chip.c1{animation-delay:-.2s;top:6%;left:4%}.chip.c2{animation-delay:-1.6s;top:12%;right:6%;transform:rotate(8deg)}.chip.c3{animation-delay:-3.1s;bottom:14%;left:0%;transform:rotate(-9deg)}.chip.c4{animation-delay:-4.4s;bottom:4%;right:10%}@keyframes bob{0%,to{translate:0}50%{translate:0 -12px}}@media (max-width:767px){.hero__grid{grid-template-columns:1fr}.hero__stage{display:none}}.die-scene{perspective:700px;width:168px;height:168px}.die{width:100%;height:100%;transform-style:preserve-3d;animation:9s linear infinite tumble;position:relative}.die__face{background:var(--accent);color:var(--accent-ink);border:3px solid var(--line);box-shadow:inset 0 0 0 4px color-mix(in oklab, var(--accent-ink) 10%, transparent);border-radius:26px;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:16px;display:grid;position:absolute;inset:0}.die__face .pip{background:var(--accent-ink);border-radius:50%;place-self:center;width:18px;height:18px}.pip.p-tl{grid-area:1/1}.pip.p-tc{grid-area:1/2}.pip.p-tr{grid-area:1/3}.pip.p-ml{grid-area:2/1}.pip.p-mc{grid-area:2/2}.pip.p-mr{grid-area:2/3}.pip.p-bl{grid-area:3/1}.pip.p-bc{grid-area:3/2}.pip.p-br{grid-area:3/3}.die .f1{transform:rotateY(0)translateZ(84px)}.die .f6{transform:rotateY(180deg)translateZ(84px)}.die .f3{transform:rotateY(90deg)translateZ(84px)}.die .f4{transform:rotateY(-90deg)translateZ(84px)}.die .f2{transform:rotateX(90deg)translateZ(84px)}.die .f5{transform:rotateX(-90deg)translateZ(84px)}@keyframes tumble{0%{transform:rotateX(-18deg)rotateY(0)}to{transform:rotateX(-18deg)rotateY(360deg)}}.seo-intro{padding-block:var(--sp-6)}.seo-intro p{font-size:var(--fs-lead);color:var(--ink-2);text-wrap:pretty;max-width:64ch;margin:0}.seo-intro strong{color:var(--ink);font-weight:700}.section{padding-block:var(--sp-6)}.cat-head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.cat-head__emoji{background:var(--accent-soft);border:2px solid var(--accent-line);border-radius:var(--r-md);flex:none;place-items:center;width:52px;height:52px;font-size:1.5rem;display:grid}.cat-head__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h2);letter-spacing:-.02em;margin:0;line-height:1.05}.cat-head__count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-2);border:2px solid var(--line);border-radius:var(--r-pill);white-space:nowrap;margin-left:auto;padding:6px 12px}.tool-grid{gap:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.card{gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-chunky);transition:box-shadow var(--dur-1) var(--ease-bounce), border-color var(--dur-1);height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative}.card:hover,.card:focus-visible{box-shadow:var(--shadow-chunky-lg);border-color:var(--accent);outline:none}.card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card__top{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);display:flex}.card__icon{background:var(--bg-2);border:2px solid var(--line);border-radius:var(--r-md);width:52px;height:52px;transition:transform var(--dur-2) var(--ease-bounce), background var(--dur-1);flex:none;place-items:center;font-size:1.65rem;line-height:1;display:grid}.card:hover .card__icon,.card:focus-within .card__icon{background:var(--accent-soft);transform:rotate(-8deg)scale(1.06)}.card__tag{font-family:var(--font-mono);font-size:var(--fs-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--ink-3)}.card__name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);letter-spacing:-.01em;margin:0;line-height:1.12}.card__desc{font-size:var(--fs-sm);color:var(--ink-2);text-wrap:pretty;margin:0}.card__go{padding-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase;color:var(--accent);opacity:0;transition:opacity var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);align-items:center;gap:6px;margin-top:auto;display:inline-flex;transform:translateY(4px)}.card:hover .card__go,.card:focus-within .card__go{opacity:1;transform:translateY(0)}@media (hover:none){.card__go{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(18px)}.reveal.in{opacity:1;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}