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