.hero{padding-block:calc(96px * var(--site-density)) calc(80px * var(--site-density));position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=920px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-mark{order:-1;max-width:280px}}.eyebrow{font-family:var(--font-mono);color:var(--color-text-tertiary);border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:4px 10px 4px 4px;font-size:12px;display:inline-flex}.eyebrow .dot{background:var(--flexoki-green-100);width:18px;height:18px;color:var(--flexoki-green-700);border-radius:100px;place-items:center;font-size:10px;display:grid}html.theme-dark .eyebrow .dot{background:var(--flexoki-green-950);color:var(--flexoki-green-300)}.eyebrow .dot:before{content:"";width:6px;height:6px;animation:pulse 2.4s var(--easing) infinite;background:currentColor;border-radius:100px;box-shadow:0 0}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0}50%{opacity:.55;box-shadow:0 0 0 4px #0000}}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:14ch;margin:0 0 22px;font-size:clamp(40px,6vw,68px);font-weight:600;line-height:1.04}.hero h1 em{font-style:normal;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--site-accent);background:var(--site-accent-bg);box-decoration-break:clone;border-radius:4px;padding:0 8px;font-weight:400}.hero .lead{color:var(--color-text-secondary);max-width:46ch;margin:0 0 32px;font-size:18px;line-height:1.55}.hero .actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.hero .stats{border-top:1px solid var(--color-border);font-family:var(--font-mono);flex-wrap:wrap;gap:28px;padding-top:22px;font-size:13px;display:flex}.hero .stats .stat{flex-direction:column;gap:2px;display:flex}.hero .stats .stat .n{color:var(--color-text);letter-spacing:-.01em;font-size:20px;font-weight:500}.hero .stats .stat .l{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.hero-mark{aspect-ratio:1;justify-self:end;width:100%;max-width:420px;position:relative}@media (width<=920px){.hero-mark{justify-self:start}}.hero-mark .ring{border:1px dashed var(--color-border);border-radius:50%;animation:60s linear infinite rotate;position:absolute;inset:0}.hero-mark .ring:after{content:"";background:var(--site-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}@keyframes rotate{to{transform:rotate(360deg)}}.hero-mark .ring-2{border-style:solid;border-color:var(--color-border);animation:none;inset:8%}.hero-mark .wave-svg{width:68%;height:68%;position:absolute;inset:16%}.hero-mark .wave-svg .circle{fill:none;stroke:var(--color-text);stroke-width:4px}.hero-mark .wave-svg .wave{fill:none;stroke:var(--color-text);stroke-width:4px;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:drawWave 3.2s var(--easing) .3s forwards, breathe 6s var(--easing) 3.5s infinite}@keyframes drawWave{to{stroke-dashoffset:0}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.hero-mark .ring,.hero-mark .wave-svg .wave,.eyebrow .dot:before{animation:none!important}.hero-mark .wave-svg .wave{stroke-dashoffset:0}}.hero:before{content:"";background-image:repeating-linear-gradient(0deg, transparent 0 87px, var(--color-border) 87px 88px);opacity:.35;pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(circle at 80%,#000 0%,#0000 65%)}.section{padding-block:calc(96px * var(--site-density));border-top:1px solid var(--color-border);position:relative}.section-head{grid-template-columns:1.5fr 1fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}@media (width<=720px){.section-head{grid-template-columns:1fr;gap:16px;margin-bottom:36px}}.section-eyebrow{font-family:var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.section-eyebrow .num{color:var(--site-accent)}.section-eyebrow .rule{background:var(--color-border);flex:1;height:1px}.section h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 12px;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.1}.section .section-sub{color:var(--color-text-secondary);max-width:50ch;margin:0;font-size:17px;line-height:1.55}.section-aside{color:var(--color-text-tertiary);font-size:14px;line-height:1.6;font-family:var(--font-mono);border-inline-start:2px solid var(--color-border);padding-inline-start:16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=860px){.products-grid{grid-template-columns:1fr}}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--duration-normal) var(--easing), border-color var(--duration-normal) var(--easing), transform var(--duration-normal) var(--easing);flex-direction:column;gap:16px;padding:32px;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.product-card.feature{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);grid-column:span 2}@media (width<=860px){.product-card.feature{grid-column:span 1}}.product-card.feature .product-name{color:var(--color-bg)}.product-card.feature .product-desc{color:color-mix(in oklch, var(--color-bg), transparent 30%)}.product-card.feature .product-meta{color:color-mix(in oklch, var(--color-bg), transparent 50%)}.product-card.feature .product-cta{color:var(--color-bg);border-color:color-mix(in oklch, var(--color-bg), transparent 70%)}.product-card.feature .product-cta:hover{background:color-mix(in oklch, var(--color-bg), transparent 90%)}.product-card.feature .product-illust{opacity:.92}.product-row-1{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.product-name{letter-spacing:-.015em;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:600;display:flex}.product-name .glyph{background:var(--site-accent-bg);width:28px;height:28px;color:var(--site-accent);font-family:var(--font-mono);border-radius:6px;flex-shrink:0;place-items:center;font-size:13px;font-weight:500;display:grid}.product-card.feature .product-name .glyph{background:color-mix(in oklch, var(--color-bg), transparent 85%);color:var(--color-bg)}.product-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:100px;flex-shrink:0;padding:4px 10px;font-size:11px}.product-card.feature .product-tag{color:color-mix(in oklch, var(--color-bg), transparent 30%);border-color:color-mix(in oklch, var(--color-bg), transparent 70%)}.product-desc{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.5}.product-meta{font-family:var(--font-mono);color:var(--color-text-tertiary);flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.product-meta .price{color:var(--color-text);font-weight:500}.product-card.feature .product-meta .price{color:var(--color-bg)}.product-cta{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:background var(--duration-fast) var(--easing);background:0 0;align-self:flex-start;align-items:center;gap:8px;margin-top:8px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.product-cta:hover{background:var(--color-surface-raised)}.product-cta svg{transition:transform var(--duration-normal) var(--easing)}.product-cta:hover svg{transform:translate(2px)}.product-illust{height:110px;margin:8px -32px -8px;position:relative}.product-illust svg{width:100%;height:100%;display:block}.repo-grid{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}@media (width<=920px){.repo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.repo-grid{grid-template-columns:1fr}}.repo-grid .repo{border-inline-end:1px solid var(--color-border);border-block-end:1px solid var(--color-border);color:inherit;transition:background var(--duration-fast) var(--easing);flex-direction:column;gap:10px;padding:24px 24px 22px;text-decoration:none;display:flex;position:relative}.repo-grid .repo:hover{background:var(--color-surface-raised)}.repo-grid .repo:hover .repo-name:after{opacity:1;transform:translate(3px)}@media (width>=920px){.repo-grid .repo:nth-child(3n){border-inline-end:none}.repo-grid .repo:nth-last-child(-n+3):nth-child(3n+1),.repo-grid .repo:nth-last-child(-n+3):nth-child(3n+1)~.repo{border-block-end:none}}@media (width<=919px) and (width>=600px){.repo-grid .repo:nth-child(2n){border-inline-end:none}}@media (width<=599px){.repo-grid .repo{border-inline-end:none}.repo-grid .repo:last-child{border-block-end:none}}.repo-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.repo-grid .repo-name{font-family:var(--font-mono);letter-spacing:-.01em;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:500;display:flex}.repo-grid .repo-name:after{content:"→";font-family:var(--font-body);color:var(--color-text-tertiary);opacity:0;transition:all var(--duration-normal) var(--easing)}.repo-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:3px 7px;font-size:10px;font-weight:500}.repo-type.css{background:var(--flexoki-cyan-50);color:var(--flexoki-cyan-700)}.repo-type.bash{background:var(--flexoki-yellow-50);color:var(--flexoki-yellow-700)}.repo-type.php{background:var(--flexoki-purple-50);color:var(--flexoki-purple-700)}.repo-type.python{background:var(--flexoki-blue-50);color:var(--flexoki-blue-700)}.repo-type.js,.repo-type.jq{background:var(--flexoki-magenta-50);color:var(--flexoki-magenta-700)}.repo-type.html{background:var(--flexoki-orange-50);color:var(--flexoki-orange-700)}.repo-type.ui{background:var(--flexoki-green-50);color:var(--flexoki-green-700)}.repo-type.meta{background:var(--flexoki-50);color:var(--flexoki-700)}.repo-type.alpha{background:var(--flexoki-orange-50);color:var(--flexoki-orange-700)}html.theme-dark .repo-type.css{background:var(--flexoki-cyan-950);color:var(--flexoki-cyan-300)}html.theme-dark .repo-type.bash{background:var(--flexoki-yellow-950);color:var(--flexoki-yellow-300)}html.theme-dark .repo-type.php{background:var(--flexoki-purple-950);color:var(--flexoki-purple-300)}html.theme-dark .repo-type.python{background:var(--flexoki-blue-950);color:var(--flexoki-blue-300)}html.theme-dark .repo-type.js,html.theme-dark .repo-type.jq{background:var(--flexoki-magenta-950);color:var(--flexoki-magenta-300)}html.theme-dark .repo-type.html{background:var(--flexoki-orange-950);color:var(--flexoki-orange-300)}html.theme-dark .repo-type.ui{background:var(--flexoki-green-950);color:var(--flexoki-green-300)}html.theme-dark .repo-type.meta{background:var(--flexoki-900);color:var(--flexoki-300)}html.theme-dark .repo-type.alpha{background:var(--flexoki-orange-950);color:var(--flexoki-orange-300)}.repo-desc{color:var(--color-text-secondary);flex:1;margin:0;font-size:14px;line-height:1.5}.repo-grid .repo-meta{font-family:var(--font-mono);color:var(--color-text-tertiary);gap:12px;margin-top:4px;font-size:11px;display:flex}.repo-grid .repo-meta span{align-items:center;gap:4px;display:inline-flex}.browse-all{text-align:center;color:var(--color-text-secondary);margin-top:24px;font-size:14px}.browse-all a{color:var(--site-accent)}.activity-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=860px){.activity-grid{grid-template-columns:1fr}}.activity-col h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);align-items:center;gap:10px;margin:0 0 16px;font-size:13px;font-weight:500;display:flex}.activity-col h3:before{content:"";background:var(--site-accent);border-radius:100px;width:6px;height:6px}.activity-list{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.activity-item{border-bottom:1px solid var(--color-border);color:inherit;transition:background var(--duration-fast) var(--easing);grid-template-columns:auto 1fr auto;align-items:start;gap:16px;padding:16px 20px;text-decoration:none;display:grid}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-surface-raised)}.activity-icon{background:var(--color-surface-raised);width:28px;height:28px;color:var(--color-text-secondary);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.activity-item.commit .activity-icon{background:var(--flexoki-green-50);color:var(--flexoki-green-700)}.activity-item.release .activity-icon{background:var(--flexoki-blue-50);color:var(--flexoki-blue-700)}.activity-item.discussion .activity-icon{background:var(--flexoki-purple-50);color:var(--flexoki-purple-700)}.activity-item.issue .activity-icon{background:var(--flexoki-orange-50);color:var(--flexoki-orange-700)}html.theme-dark .activity-item.commit .activity-icon{background:var(--flexoki-green-950);color:var(--flexoki-green-300)}html.theme-dark .activity-item.release .activity-icon{background:var(--flexoki-blue-950);color:var(--flexoki-blue-300)}html.theme-dark .activity-item.discussion .activity-icon{background:var(--flexoki-purple-950);color:var(--flexoki-purple-300)}html.theme-dark .activity-item.issue .activity-icon{background:var(--flexoki-orange-950);color:var(--flexoki-orange-300)}.activity-body{min-width:0}.activity-title{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.activity-meta{font-family:var(--font-mono);color:var(--color-text-tertiary);gap:8px;font-size:11px;display:flex}.activity-meta .repo{color:var(--site-accent)}.activity-time{font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;font-size:11px}.community-grid{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}@media (width<=920px){.community-grid{grid-template-columns:1fr}}.community-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;gap:18px;padding:36px;display:flex}.community-card.sponsor{background:radial-gradient(circle at 100% 0%, var(--flexoki-magenta-50) 0%, transparent 50%), radial-gradient(circle at 0% 100%, var(--flexoki-cyan-50) 0%, transparent 50%), var(--color-surface);border:1px solid var(--color-text)}html.theme-dark .community-card.sponsor{background:radial-gradient(circle at 100% 0%, var(--flexoki-magenta-950) 0%, transparent 50%), radial-gradient(circle at 0% 100%, var(--flexoki-cyan-950) 0%, transparent 50%), var(--color-surface);border-color:var(--color-border)}.community-card h3{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:600}.community-card p{color:var(--color-text-secondary);max-width:50ch;margin:0;font-size:15px;line-height:1.55}.community-card .actions{flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:8px;display:flex}.sponsor-tiers{gap:8px;margin-top:4px;display:flex}.sponsor-tier{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);flex:1;padding:12px 14px;font-size:13px;line-height:1.3}.sponsor-tier .price{font-family:var(--font-mono);color:var(--color-text);margin-bottom:2px;font-size:16px;display:block}.sponsor-tier .lbl{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.discussions-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.discussion-item{border-bottom:1px solid var(--color-border);color:inherit;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:flex}.discussion-item:last-child{border-bottom:none}.discussion-item .count{font-family:var(--font-mono);color:var(--color-text-tertiary);text-align:right;flex-shrink:0;width:36px;font-size:12px}.discussion-item .title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.discussion-item .repo-tag{font-family:var(--font-mono);color:var(--color-text-tertiary);flex-shrink:0;font-size:11px}.discussion-item:hover .title{color:var(--site-accent)}