/* ONGit by ONHOST — v3.0 | Forgejo 15, original ONHOST identity. */
:root {--oh-bg:#090d19;--oh-surface:#111729;--oh-surface2:#171d31;--oh-purple:#9867ff;--oh-magenta:#e66be2;--oh-txt:#f5f4ff;--oh-muted:#a5a9c3;--oh-edge:rgba(164,152,231,.17)}
.theme-forgejo-dark, [data-theme="forgejo-dark"] {--color-primary:#9867ff;--color-primary-dark-1:#8554ef;--color-primary-light-1:#b395ff;--color-body:#0c1020;--color-secondary:#161b2a;--color-box-body:#11182a;--color-border:#2e344b;--color-text:#e8ebf8;--color-input-background:#11172a}
/* Enterprise application accents: do not remove Forgejo controls or auth/permission checks */
.ui.top.menu, #navbar, .navbar {border-bottom:1px solid rgba(157,129,255,.21)!important}
.ui.top.menu .item.active, #navbar .active.item{color:#bb9aff!important}
.ui.primary.button,.ui.green.button,.ui.positive.button{background:#8054df!important;border-color:#a37cff!important;color:#fff!important}
.ui.primary.button:hover,.ui.green.button:hover{background:#9668f5!important}
.ui.segment,.ui.cards>.card,.ui.table,.ui.form input,.ui.form textarea{border-color:var(--oh-edge)}
.repository .repo-header,.dashboard .ui.segment,.ui.attached.segment{border-radius:10px}
.ui.button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b194ff;outline-offset:3px}
/* Every landing selector is scoped to avoid modifying repo/issue UI */
.ongit-landing {position:relative;overflow:hidden;isolation:isolate;background:#090d19;color:var(--oh-txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;font-size:15px;line-height:1.6;margin:0;}
.ongit-landing *, .ongit-landing *::before, .ongit-landing *::after{box-sizing:border-box}
.ongit-landing::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:1050px;background:radial-gradient(ellipse 36% 39% at 77% 25%,rgba(124,72,255,.21),transparent 90%),radial-gradient(ellipse 33% 38% at 15% 30%,rgba(230,107,226,.10),transparent 88%),linear-gradient(180deg,#0f1326 0%,#090d19 93%)}
.ongit-landing::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;height:850px;opacity:.33;background-image:linear-gradient(rgba(193,172,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(193,172,255,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,#000,transparent)}
.ongit-landing a{text-decoration:none;color:inherit;transition:color .18s,background .18s,border-color .18s,transform .18s}
.ongit-landing a:hover{text-decoration:none;color:white}
.ongit-landing a:focus-visible,.ongit-landing button:focus-visible,.ongit-landing summary:focus-visible{outline:3px solid #a78bfa;outline-offset:4px}
.ongit-landing h1,.ongit-landing h2,.ongit-landing h3,.ongit-landing p{margin-top:0}
.ongit-landing .oh-container{width:min(1200px,calc(100% - 64px));margin:0 auto}
.ongit-landing .oh-mini-nav{border-bottom:1px solid rgba(169,157,242,.11);background:rgba(8,11,25,.48);backdrop-filter:blur(15px)}
.ongit-landing .oh-mini-row{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ongit-landing .oh-logo-lockup{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.ongit-landing .oh-logo-icon{width:31px;height:31px;display:block;filter:drop-shadow(0 0 14px rgba(153,90,255,.42))}
.ongit-landing .oh-logo-lockup span{font-size:14px;letter-spacing:0;color:#a4a0bb;font-weight:500;margin-left:6px;padding-left:13px;border-left:1px solid #3e3a54}
.ongit-landing .oh-mini-links{display:flex;align-items:center;gap:27px;font-size:13px;color:#b4b4d0;font-weight:600}
.ongit-landing .oh-mini-links a:hover{color:#dfc4ff}
.ongit-landing .oh-top-actions{display:flex;gap:10px;align-items:center}
.ongit-landing .oh-banner{border:1px solid rgba(151,122,242,.28);border-radius:100px;padding:6px 12px;display:inline-flex;align-items:center;gap:10px;color:#d9d0f2;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:750;background:rgba(113,76,188,.12)}
.ongit-landing .oh-banner i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#c687ff;box-shadow:0 0 15px #ac7dff}
.ongit-landing .oh-hero{padding:104px 0 90px;display:grid;grid-template-columns:1fr 1.04fr;gap:72px;align-items:center}
.ongit-landing .oh-hero h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-.067em;line-height:1.04;font-weight:825;margin:25px 0 22px;color:#fbfaff}
.ongit-landing .oh-grad{background:linear-gradient(105deg,#b5a0ff 4%,#e28bfb 60%,#fff1fa);background-clip:text;-webkit-background-clip:text;color:transparent}
.ongit-landing .oh-lead{font-size:17px;color:#aeb2cc;max-width:520px;line-height:1.75;margin-bottom:29px}
.ongit-landing .oh-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px}
.ongit-landing .oh-btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;min-height:45px;padding:12px 20px;border-radius:9px;border:1px solid rgba(191,168,255,.23);font-size:13px;font-weight:750;color:#f3edff;background:rgba(255,255,255,.045)}
.ongit-landing .oh-btn:hover{background:rgba(178,140,255,.13);border-color:rgba(191,168,255,.5);transform:translateY(-1px)}
.ongit-landing .oh-btn-primary{background:linear-gradient(110deg,#8557ed,#aa62de 78%);box-shadow:0 10px 35px rgba(118,62,232,.22);border-color:#ab79ff;color:#fff}
.ongit-landing .oh-btn-primary:hover{background:linear-gradient(110deg,#9c76f3,#be71df);color:#fff}
.ongit-landing .oh-btn-quiet{background:transparent;border-color:transparent;color:#bbb8d1;padding-left:10px}
.ongit-landing .oh-btn-quiet:hover{border-color:transparent;background:transparent}
.ongit-landing .oh-proof{display:flex;flex-wrap:wrap;gap:19px;color:#9099b4;font-size:12px;font-weight:600}
.ongit-landing .oh-proof span{display:flex;align-items:center;gap:8px}
.ongit-landing .oh-check{color:#b68dff;font-size:16px}
/* product showcase */
.ongit-landing .oh-app-frame{border:1px solid rgba(192,175,255,.28);border-radius:17px;background:linear-gradient(153deg,rgba(30,32,58,.9),rgba(15,19,34,.94));box-shadow:0 45px 100px rgba(0,0,0,.42),0 0 90px rgba(130,71,252,.1);overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}
.ongit-landing .oh-app-top{padding:15px 17px;border-bottom:1px solid rgba(155,155,212,.16);display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.025)}
.ongit-landing .oh-dots{display:flex;gap:6px}
.ongit-landing .oh-dots b{width:8px;height:8px;border-radius:100%;background:#514860}
.ongit-landing .oh-dots b:first-child{background:#fb7782}.ongit-landing .oh-dots b:nth-child(2){background:#f6bf6d}.ongit-landing .oh-dots b:nth-child(3){background:#6dd2a4}
.ongit-landing .oh-address{font-size:11px;color:#858daa;background:#0f1425;border-radius:5px;padding:6px 30px;text-align:center;margin:auto}
.ongit-landing .oh-app-bar{border-bottom:1px solid rgba(155,155,212,.13);display:flex;gap:16px;padding:16px 20px;color:#929ab4;font-size:11px}
.ongit-landing .oh-app-bar strong{color:#eee9ff;border-bottom:2px solid #b98aff;padding-bottom:14px;margin-bottom:-16px}
.ongit-landing .oh-app-main{padding:22px}
.ongit-landing .oh-repo-heading{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:15px;letter-spacing:-.025em;font-weight:750}
.ongit-landing .oh-repo-heading em{font-size:9px;font-style:normal;letter-spacing:.01em;color:#a8a9c8;border:1px solid #45415d;border-radius:30px;padding:3px 7px}
.ongit-landing .oh-repo-path{color:#a49fc0;font-weight:500}
.ongit-landing .oh-app-desc{font-size:11px;margin:7px 0 17px;color:#9099b1}
.ongit-landing .oh-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}
.ongit-landing .oh-metrics>div{background:#151a2e;border:1px solid #2d2e47;border-radius:8px;padding:12px 10px}
.ongit-landing .oh-metrics strong{display:block;color:#f0ecff;font-size:19px;letter-spacing:-.04em}
.ongit-landing .oh-metrics small{font-size:10px;color:#989cba}
.ongit-landing .oh-files{border-radius:9px;border:1px solid #35364f;overflow:hidden}
.ongit-landing .oh-files-head{font-size:11px;padding:12px 14px;background:#252540;color:#cfc9ea;display:flex;justify-content:space-between}
.ongit-landing .oh-file{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:9px 14px;font-size:11px;border-top:1px solid rgba(155,155,212,.13);color:#d4d5e8}
.ongit-landing .oh-file span{color:#9fa1bf;font-size:10px}
.ongit-landing .oh-file svg{color:#ba97ff;width:14px;height:14px}
.ongit-landing .oh-code{border:1px solid #36354e;border-radius:10px;background:#0b1020;padding:16px 19px;margin-top:14px;font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d9daeb;overflow:hidden}
.ongit-landing .oh-code .kw{color:#bca2ff}.ongit-landing .oh-code .str{color:#88debd}.ongit-landing .oh-code .com{color:#777e9a}
/* lower sections */
.ongit-landing .oh-trust{border-top:1px solid var(--oh-edge);border-bottom:1px solid var(--oh-edge);background:rgba(255,255,255,.015)}
.ongit-landing .oh-trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:27px 0}
.ongit-landing .oh-trust-grid>div{display:flex;align-items:center;gap:11px;justify-content:center;color:#b9b7d2;font-size:12px;font-weight:680}
.ongit-landing .oh-trust-grid svg{width:18px;height:18px;color:#a98cff;flex:none}
.ongit-landing .oh-section{padding:108px 0}
.ongit-landing .oh-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b58ff9;font-weight:800;margin:0 0 18px}
.ongit-landing .oh-heading{font-size:clamp(34px,3.2vw,48px);letter-spacing:-.055em;line-height:1.16;font-weight:785;margin:0 0 16px}
.ongit-landing .oh-subhead{color:var(--oh-muted);font-size:16px;line-height:1.75;max-width:660px;margin:0 0 42px}
.ongit-landing .oh-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ongit-landing .oh-feature{padding:27px;border:1px solid var(--oh-edge);background:linear-gradient(142deg,rgba(28,32,56,.68),rgba(14,18,31,.88));border-radius:15px;min-height:220px;transition:transform .2s,border-color .2s}
.ongit-landing .oh-feature:hover{transform:translateY(-3px);border-color:rgba(167,123,255,.43)}
.ongit-landing .oh-feature-icon{height:43px;width:43px;background:rgba(154,101,244,.13);border:1px solid rgba(173,127,255,.24);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#bca0ff;margin-bottom:22px}
.ongit-landing .oh-feature-icon svg{width:21px;height:21px}
.ongit-landing .oh-feature h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px;font-weight:750}
.ongit-landing .oh-feature p{margin:0;color:#a3a8c2;line-height:1.72;font-size:13px}
.ongit-landing .oh-workflow{background:radial-gradient(ellipse 55% 80% at 90% 70%,rgba(101,47,196,.15),transparent 77%),#0c1020;border-top:1px solid var(--oh-edge);border-bottom:1px solid var(--oh-edge)}
.ongit-landing .oh-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.ongit-landing .oh-steps{display:grid;gap:27px}
.ongit-landing .oh-step{display:flex;gap:19px}
.ongit-landing .oh-step-num{display:grid;place-items:center;border-radius:10px;background:#20213b;flex:0 0 42px;height:42px;color:#cfb7ff;font-size:12px;font-weight:850;border:1px solid #454166}
.ongit-landing .oh-step h3{font-size:16px;margin:0 0 5px}
.ongit-landing .oh-step p{color:var(--oh-muted);font-size:13px;line-height:1.7;margin:0}
.ongit-landing .oh-terminal{border:1px solid #464064;border-radius:13px;overflow:hidden;background:#080d1a;box-shadow:0 28px 60px rgba(0,0,0,.3)}
.ongit-landing .oh-terminal-top{display:flex;align-items:center;gap:8px;padding:15px 19px;border-bottom:1px solid #2b2842;background:#16182b;color:#b5aecb;font-size:11px}
.ongit-landing .oh-terminal pre{color:#c4c4dd;line-height:2;padding:20px 24px 27px;font-size:12px;overflow:auto;margin:0}
.ongit-landing .oh-terminal .prompt{color:#bc98ff}.ongit-landing .oh-terminal .comment{color:#727c9d}.ongit-landing .oh-terminal .ok{color:#81d6b2}
.ongit-landing .oh-ecosystem{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.ongit-landing .oh-stack{display:grid;gap:12px}
.ongit-landing .oh-stack-item{border:1px solid #353450;border-radius:12px;padding:20px 23px;display:flex;align-items:center;gap:16px;background:rgba(23,25,46,.7)}
.ongit-landing .oh-stack-item svg{width:24px;height:24px;color:#ba9dff;flex:none}
.ongit-landing .oh-stack-item strong{display:block;font-size:14px}.ongit-landing .oh-stack-item span{display:block;color:#999bb5;font-size:12px}
.ongit-landing .oh-tag{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.07em;color:#dfbafc;border:1px solid #6e4d87;background:rgba(155,91,191,.13);border-radius:50px;padding:4px 9px;margin-left:auto;white-space:nowrap}
.ongit-landing .oh-faq{max-width:860px;margin:0 auto}
.ongit-landing details{border-bottom:1px solid var(--oh-edge);padding:19px 1px}
.ongit-landing details summary{list-style:none;cursor:pointer;color:#eceafa;font-weight:680;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ongit-landing details summary::-webkit-details-marker{display:none}
.ongit-landing details summary::after{content:"+";font-size:25px;font-weight:300;color:#b398ff}
.ongit-landing details[open] summary::after{content:"−"}
.ongit-landing details p{color:var(--oh-muted);font-size:13px;line-height:1.8;margin:10px 36px 0 0}
.ongit-landing .oh-final{margin-bottom:75px;padding:65px 30px;text-align:center;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(187,143,255,.27);background:radial-gradient(ellipse at 50% 0%,rgba(137,79,253,.28),transparent 73%),linear-gradient(140deg,#19172e,#101322)}
.ongit-landing .oh-final h2{font-size:clamp(34px,3.6vw,52px);letter-spacing:-.055em;line-height:1.13;margin:0 auto 16px;max-width:720px}
.ongit-landing .oh-final p{color:#afb0c9;margin:0 auto 26px;max-width:550px}
.ongit-landing .oh-footer{border-top:1px solid var(--oh-edge);background:#090c16;padding:36px 0}
.ongit-landing .oh-footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;align-items:center}
.ongit-landing .oh-footer-brand{display:flex;align-items:center;gap:13px}
.ongit-landing .oh-footer-brand img{max-width:126px;max-height:35px;object-fit:contain}
.ongit-landing .oh-footer p{color:#888da8;font-size:12px;margin:6px 0 0}
.ongit-landing .oh-footer-links{display:flex;gap:20px;font-size:12px;color:#a2a4bc;flex-wrap:wrap}
.ongit-landing .oh-badge-muted{font-size:10px;color:#b4a1ce;padding:4px 8px;border-radius:30px;background:#26223b;border:1px solid #4a3b62}
@media(max-width:1110px){.ongit-landing .oh-hero{gap:35px}.ongit-landing .oh-app-frame{transform:none}.ongit-landing .oh-mini-links{gap:14px}}
@media(max-width:900px){.ongit-landing .oh-hero{grid-template-columns:1fr;gap:48px;padding:72px 0}.ongit-landing .oh-hero h1{max-width:640px}.ongit-landing .oh-app-frame{max-width:650px}.ongit-landing .oh-feature-grid{grid-template-columns:repeat(2,1fr)}.ongit-landing .oh-flow-grid,.ongit-landing .oh-ecosystem{grid-template-columns:1fr;gap:36px}.ongit-landing .oh-mini-links{display:none}}
@media(max-width:620px){.ongit-landing .oh-container{width:min(100% - 34px,1200px)}.ongit-landing .oh-hero{padding:54px 0 66px}.ongit-landing .oh-hero h1{font-size:45px}.ongit-landing .oh-lead{font-size:15px}.ongit-landing .oh-cta-row{align-items:stretch}.ongit-landing .oh-btn{flex:1}.ongit-landing .oh-mini-row{min-height:60px}.ongit-landing .oh-logo-lockup span{display:none}.ongit-landing .oh-top-actions .oh-btn-quiet{display:none}.ongit-landing .oh-section{padding:70px 0}.ongit-landing .oh-feature-grid{grid-template-columns:1fr}.ongit-landing .oh-trust-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.ongit-landing .oh-trust-grid>div{justify-content:start}.ongit-landing .oh-app-main{padding:13px}.ongit-landing .oh-app-bar{overflow:auto;gap:12px;white-space:nowrap}.ongit-landing .oh-metrics{gap:5px}.ongit-landing .oh-metrics>div{padding:9px}.ongit-landing .oh-code{font-size:9px}.ongit-landing .oh-heading{font-size:35px}.ongit-landing .oh-final{padding:46px 17px}.ongit-landing .oh-final h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.ongit-landing *{transition:none!important;animation:none!important}}