:root{--orvix-accent:#B9FF45}
.open-source-section,.support-section{position:relative}
.oss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.oss-card{position:relative;min-height:255px;padding:27px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:15px;overflow:hidden;isolation:isolate;transition:transform .25s,border-color .25s,background .25s}
.oss-card::before{content:'';position:absolute;inset:auto -30% -65% 30%;height:230px;border:1px solid var(--line);border-radius:50%;opacity:.45;z-index:-1;transition:transform .45s,border-color .25s}
.oss-card:hover,.oss-card:focus-visible{transform:translateY(-5px);border-color:var(--accent)}
.oss-card:hover::before,.oss-card:focus-visible::before{transform:translate(-25px,-20px) scale(1.08);border-color:var(--accent)}
.oss-card h3{font:500 clamp(27px,3vw,42px)/1.08 Manrope,sans-serif;letter-spacing:-1.4px;margin:0}
.oss-card p{color:var(--muted);font-size:14px;line-height:1.75;max-width:620px;margin:0}
.oss-kicker,.oss-feature-badge{font:10px/1.4 monospace;letter-spacing:1.25px;color:var(--accent)}
.oss-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:auto;padding-top:12px;align-items:flex-end}
.oss-meta-group{display:flex;flex-direction:column;gap:7px}
.oss-meta-label{font:9px/1.2 monospace;letter-spacing:1px;color:color-mix(in srgb,var(--muted) 82%,transparent)}
.oss-tags{display:flex;gap:7px;flex-wrap:wrap}
.oss-tags span{padding:5px 9px;font:10px monospace;line-height:1;border:1px solid var(--line)}
.oss-tech-tags span{color:var(--muted);background:color-mix(in srgb,var(--panel) 82%,transparent)}
.oss-platform-tags span{color:color-mix(in srgb,var(--accent) 75%,var(--ink));border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 5%,transparent)}
.oss-platform-tags span::before{content:'•';color:var(--accent);margin-right:5px}
.oss-arrow{font:11px monospace;letter-spacing:.7px;color:var(--accent);align-self:flex-end;margin-top:4px}
.oss-featured{grid-column:1 / -1;min-height:330px;padding:34px;background:linear-gradient(120deg,#070a08 0%,#0d120e 66%,#14220f 100%);border-color:#2d4026;color:#f4f7f0}
.oss-featured::before{width:520px;height:520px;right:-150px;left:auto;bottom:-280px;border-color:color-mix(in srgb,var(--orvix-accent) 28%,transparent);box-shadow:0 0 0 42px #b9ff4508,0 0 0 86px #b9ff4505}
.oss-featured:hover,.oss-featured:focus-visible{border-color:var(--orvix-accent);background:linear-gradient(120deg,#070a08 0%,#0d120e 58%,#172811 100%)}
.oss-featured .oss-feature-badge,.oss-featured .oss-kicker,.oss-featured .oss-arrow{color:var(--orvix-accent)}
.oss-featured .oss-tech-tags span{border-color:#31422c;color:#b5c1af;background:#0b100c}
.oss-featured .oss-platform-tags span{border-color:#65834d;color:#d7e8cd;background:#b9ff4508}
.oss-featured p{color:#adb8a8;font-size:16px;max-width:760px}
.oss-feature-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.oss-feature-category{font:9px/1.3 monospace;letter-spacing:1.15px;color:#c9d7c3;border:1px solid #31422c;padding:6px 8px;background:#0a0f0b}
.oss-feature-copy{display:flex;flex-direction:column;gap:17px;max-width:900px}
.oss-title-row{display:flex;align-items:center;gap:14px}
.oss-title-row h3{font-size:clamp(46px,6vw,78px);line-height:.92;letter-spacing:-3px;margin:0}
.oss-orvix-mark{display:block;width:64px;height:64px;flex:0 0 64px;object-fit:contain;object-position:center}

.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support-card{position:relative;min-height:315px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),var(--bg));display:flex;flex-direction:column;overflow:hidden;isolation:isolate;transition:transform .28s,border-color .28s,box-shadow .28s}
.support-card::before{content:'';position:absolute;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;right:-100px;bottom:-130px;z-index:-1;box-shadow:0 0 0 30px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 58px color-mix(in srgb,var(--accent) 2%,transparent)}
.support-card:hover,.support-card:focus-visible{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 20px 50px #0008}
.support-card-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}
.support-brand-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--accent);transition:background .25s,color .25s,border-color .25s,transform .25s}
.support-brand-icon svg{width:26px;height:26px;fill:currentColor}
.support-platform{font:10px/1.3 monospace;letter-spacing:1.15px;color:var(--accent)}
.support-arrow{font-size:21px;color:var(--accent);transition:transform .25s}
.support-copy{padding-top:25px}
.support-copy h3{font:500 clamp(25px,2vw,31px)/1.1 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 13px}
.support-copy p{color:var(--muted);font-size:14px;line-height:1.75;margin:0;max-width:420px}
.support-card-foot{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.support-card-foot>span{font:10px monospace;letter-spacing:.65px;color:var(--muted)}
.support-card-foot strong{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:43px;padding:0 13px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);font:600 12px/1 Manrope,sans-serif;letter-spacing:.1px;transition:transform .22s,box-shadow .22s}
.support-card-foot strong span{font-size:17px;font-weight:400}
.support-card:hover .support-brand-icon,.support-card:focus-visible .support-brand-icon{background:var(--accent);border-color:var(--accent);color:var(--ink);transform:rotate(-4deg) scale(1.04)}
.support-card:hover .support-arrow,.support-card:focus-visible .support-arrow{transform:translate(3px,-3px)}
.support-card:hover .support-card-foot strong,.support-card:focus-visible .support-card-foot strong{transform:translateY(-2px);box-shadow:0 9px 26px color-mix(in srgb,var(--accent) 18%,transparent)}
.support-bmc::after,.support-kofi::after,.support-github::after{position:absolute;top:17px;right:58px;font:8px monospace;letter-spacing:.75px;color:var(--muted);opacity:.7}
.support-github::after{content:'SPONSOR'}
.support-bmc::after{content:'SUPPORT'}
.support-kofi::after{content:'SUPPORT'}

@media(max-width:900px){.oss-grid{grid-template-columns:1fr}.oss-featured{grid-column:auto}.support-grid{grid-template-columns:1fr}.support-card{min-height:255px}.oss-title-row h3{font-size:54px}}
@media(max-width:600px){.oss-card,.oss-featured{padding:22px;min-height:245px}.oss-featured{min-height:320px}.oss-feature-head{align-items:flex-start;flex-direction:column;gap:8px}.oss-feature-category{padding:5px 7px}.oss-title-row{gap:11px}.oss-title-row h3{font-size:44px}.oss-orvix-mark{width:54px;height:54px;flex-basis:54px;object-fit:contain}.oss-meta{gap:16px}.oss-meta-group{gap:6px}.oss-featured p{font-size:14px}.support-card{padding:20px;min-height:265px}.support-brand-icon{width:46px;height:46px}.support-brand-icon svg{width:23px;height:23px}.support-copy{padding-top:21px}.support-copy h3{font-size:25px}.support-bmc::after,.support-kofi::after,.support-github::after{display:none}}