.hub-module-scss-module__stRX2q__page{max-width:1080px;padding:var(--space-12) var(--space-6) var(--space-20);margin:0 auto}.hub-module-scss-module__stRX2q__intro{text-align:center;max-width:680px;margin:0 auto var(--space-10)}.hub-module-scss-module__stRX2q__h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--ink);margin:0 0 var(--space-4)}.hub-module-scss-module__stRX2q__lede{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}.hub-module-scss-module__stRX2q__hero{gap:var(--space-10);padding:var(--space-8);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-16);grid-template-columns:minmax(0,320px) 1fr;align-items:start;display:grid}@media (max-width:860px){.hub-module-scss-module__stRX2q__hero{grid-template-columns:1fr}}.hub-module-scss-module__stRX2q__phone{aspect-ratio:9/16;border-radius:var(--radius-lg);background:var(--gray-200);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);display:block;position:relative;overflow:hidden}.hub-module-scss-module__stRX2q__phoneImg{object-fit:cover;width:100%;height:100%;display:block}.hub-module-scss-module__stRX2q__play{place-items:center;display:grid;position:absolute;inset:0}.hub-module-scss-module__stRX2q__playDot{border-radius:var(--radius-pill);width:64px;height:64px;font-size:var(--text-lg);color:var(--ink);box-shadow:var(--shadow-md);background:#ffffffeb;place-items:center;transition:transform .15s;display:grid}.hub-module-scss-module__stRX2q__phone:hover .hub-module-scss-module__stRX2q__playDot{transform:scale(1.08)}.hub-module-scss-module__stRX2q__demo{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.hub-module-scss-module__stRX2q__demoKicker{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.hub-module-scss-module__stRX2q__demoTitle{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--ink);line-height:var(--leading-snug);margin:0}.hub-module-scss-module__stRX2q__demoCreator{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;display:flex}.hub-module-scss-module__stRX2q__demoCreator:hover span{color:var(--purple)}.hub-module-scss-module__stRX2q__strip{gap:var(--space-2);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.hub-module-scss-module__stRX2q__stripShot{aspect-ratio:9/14;border-radius:var(--radius-sm);background:var(--gray-200);border:1px solid var(--border);flex:0 0 72px;position:relative;overflow:hidden}.hub-module-scss-module__stRX2q__stripShot img{object-fit:cover;width:100%;height:100%;display:block}.hub-module-scss-module__stRX2q__stripFirst{border:2px solid var(--purple)}.hub-module-scss-module__stRX2q__stripNum{border-radius:var(--radius-pill);color:#fff;width:18px;height:18px;font-size:var(--text-xs);font-weight:var(--weight-semibold);background:#0d0c22bf;place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.hub-module-scss-module__stRX2q__recipe{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.hub-module-scss-module__stRX2q__recipeStep{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.hub-module-scss-module__stRX2q__recipePrompt{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background:var(--gray-50);border-radius:var(--radius-sm);padding:var(--space-3);margin:0}.hub-module-scss-module__stRX2q__recipePromptClamp{-webkit-line-clamp:4;line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hub-module-scss-module__stRX2q__recipeMeta{font-size:var(--text-xs);color:var(--text-muted)}.hub-module-scss-module__stRX2q__heroCtas{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hub-module-scss-module__stRX2q__browseLink{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);text-decoration:none}.hub-module-scss-module__stRX2q__browseLink:hover{color:var(--ink)}.hub-module-scss-module__stRX2q__recent{scroll-margin-top:96px}.hub-module-scss-module__stRX2q__recentTitle{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--ink);margin:0 0 var(--space-6)}.hub-module-scss-module__stRX2q__empty{color:var(--text-muted);font-size:var(--text-md)}.hub-module-scss-module__stRX2q__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.hub-module-scss-module__stRX2q__toolRow{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.hub-module-scss-module__stRX2q__toolTag{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;padding:2px 8px}.hub-module-scss-module__stRX2q__creatorBand{margin-top:var(--space-16);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);gap:var(--space-8);grid-template-columns:1fr auto;align-items:center;display:grid}@media (max-width:720px){.hub-module-scss-module__stRX2q__creatorBand{grid-template-columns:1fr}}.hub-module-scss-module__stRX2q__bandTitle{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--ink);margin:0 0 var(--space-3);line-height:var(--leading-snug)}.hub-module-scss-module__stRX2q__bandList{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-normal);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hub-module-scss-module__stRX2q__bandList li:before{content:"✓";color:var(--purple);font-weight:var(--weight-bold);margin-right:var(--space-2)}.hub-module-scss-module__stRX2q__bandAction{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.hub-module-scss-module__stRX2q__bandFine{font-size:var(--text-xs);color:var(--text-muted)}
