/* ONGIT v8.0 — one native home.tmpl, one public navigation. Scoped to homepage. */
html:has(#og8-landing),html:has(#og8-landing) body,html:has(#og8-landing) .full.height {background:#0b0913!important}
html:has(#og8-landing) #navbar {display:none!important}
html:has(#og8-landing) :is(.page-content.home,.page-content.og8-landing){padding:0!important;margin:0!important;max-width:none!important;width:100%!important;min-height:0!important;border:0!important;display:block!important}
html:has(#og8-landing) .page-content.home:not(#og8-landing)>:not(#og8-landing){display:none!important}
#og8-landing{--og8-bg:#0c0b15;--og8-surface:#161321;--og8-surface2:#211b30;--og8-border:#3c314b;--og8-text:#faf7ff;--og8-subtle:#b4abc5;--og8-muted:#8f829e;--og8-pink:#e91e7a;--og8-lilac:#bd91ff;--og8-rose:#f3b3e2;--og8-container:1260px;background:var(--og8-bg)!important;color:var(--og8-text)!important;font:400 16px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:clip;position:relative;isolation:isolate}
#og8-landing *{box-sizing:border-box}
#og8-landing a{color:inherit;text-decoration:none}
#og8-landing button{font:inherit;color:inherit}
#og8-landing .og8-container{width:min(calc(100% - 64px),var(--og8-container));margin-inline:auto}
#og8-landing .og8-skip{position:fixed;z-index:9999;top:-200px;left:20px;background:#fff;color:#1d1530;padding:12px;border-radius:8px}
#og8-landing .og8-skip:focus{top:12px}
#og8-landing :is(a,button,summary):focus-visible{outline:3px solid #ff7cc3;outline-offset:4px}
#og8-landing .og8-announcement{height:34px;background:#160f24;color:#baafd0;border-bottom:1px solid #31243d;font-size:11px;font-weight:600}
#og8-landing .og8-announcement .og8-container{height:100%;display:flex;align-items:center;gap:11px;letter-spacing:.015em}
#og8-landing .og8-announcement-pip{width:7px;height:7px;border-radius:50%;background:#f04b9b;box-shadow:0 0 0 4px #f04b9b1e}
#og8-landing .og8-announcement-divider{width:1px;height:13px;background:#584568}
#og8-landing .og8-announcement a{margin-left:auto;color:#dcc8f5;transition:color .2s}
#og8-landing .og8-announcement a:hover{color:#fff}
#og8-landing .og8-header{position:sticky;top:0;z-index:1010;background:#0e0b17ed;border-bottom:1px solid #45314d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#og8-landing .og8-header-inner{display:flex;align-items:center;height:78px;gap:28px;min-width:0}
#og8-landing .og8-brand{display:flex;align-items:center;flex:0 0 auto;gap:13px;white-space:nowrap}
#og8-landing .og8-logo-link{display:flex;align-items:center;padding:6px 2px;border-radius:4px;transition:opacity .2s}
#og8-landing .og8-logo-link:hover{opacity:.75}
#og8-landing .og8-logo-link img{max-width:none;display:block;object-fit:contain;height:27px;width:auto;max-height:27px;filter:none!important;opacity:1!important}
#og8-landing .og8-logo-separator{height:23px;width:1px;background:#584566}
#og8-landing .og8-nav{display:flex;align-items:center;gap:15px;min-width:0;flex:1}
#og8-landing .og8-menu-group{display:flex;align-items:center;gap:4px}
#og8-landing .og8-nav-details{position:relative;color:#e6dcf3}
#og8-landing .og8-nav-details>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:10px 11px;border-radius:8px;white-space:nowrap;font-weight:650;font-size:13px;transition:background .15s,color .15s}
#og8-landing .og8-nav-details>summary::-webkit-details-marker{display:none}
#og8-landing .og8-nav-details>summary:hover,#og8-landing .og8-nav-details[open]>summary{background:#292037;color:#fff}
#og8-landing .og8-chevron{font-size:16px;font-weight:500;opacity:.7;line-height:1}
#og8-landing .og8-nav-simple{font-size:13px;font-weight:650;color:#dcd1e9;white-space:nowrap;padding:10px 9px;border-radius:8px}
#og8-landing .og8-nav-simple:hover{background:#292037;color:#fff}
#og8-landing .og8-mega{position:absolute;top:calc(100% + 20px);left:0;width:540px;padding:13px;display:grid;grid-template-columns:190px 1fr;gap:12px;background:#1a1526;border:1px solid #564268;border-radius:16px;box-shadow:0 25px 80px #000b;z-index:300;animation:og8Drop .16s ease}
#og8-landing .og8-mega-narrow{width:315px;display:block}
#og8-landing .og8-mega-lead{padding:17px;background:linear-gradient(145deg,#362047,#1b1831);border:1px solid #513456;border-radius:11px}
#og8-landing .og8-mega-lead>span{display:block;font-size:10px;font-weight:800;letter-spacing:.15em;color:#e9a3df;margin-bottom:20px}
#og8-landing .og8-mega-lead strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.04em}
#og8-landing .og8-mega-lead p{color:#beaed0;font-size:12px;line-height:1.6;margin:11px 0 0}
#og8-landing .og8-mega-links{display:grid;align-content:start;gap:3px}
#og8-landing .og8-mega-links a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:9px;min-height:65px}
#og8-landing .og8-mega-links a:hover{background:#342640}
#og8-landing .og8-mega-links strong{font-size:13px;display:block;color:#f7edff;line-height:1.4}
#og8-landing .og8-mega-links small{display:block;font-size:11px;color:#b5a6c7;margin-top:2px;line-height:1.3}
#og8-landing .og8-mega-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border:1px solid #5d3a6d;background:#382341;color:#ecaceb;font-size:17px;border-radius:9px}
#og8-landing .og8-header-actions{display:flex;align-items:center;gap:9px;margin-left:auto;flex:0 0 auto;position:relative}
#og8-landing .og8-header-explore{font-size:13px;color:#e3d7ef;font-weight:650;white-space:nowrap;margin-right:9px}
#og8-landing .og8-header-explore:hover{color:#ffa0d2}
#og8-landing .og8-icon-button{width:38px;height:38px;border-radius:10px;border:1px solid #635174;background:#241b30;color:#eee4ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s}
#og8-landing .og8-icon-button:hover,#og8-landing .og8-icon-button[aria-expanded="true"]{background:#43324f;border-color:#be7bd3}
#og8-landing .og8-icon-button svg{width:19px;height:19px}
#og8-landing .og8-language-list{position:absolute;right:154px;top:calc(100% + 14px);z-index:400;width:175px;border-radius:12px;background:#241b30;border:1px solid #55436b;padding:7px;box-shadow:0 15px 35px #0009}
#og8-landing .og8-language-list[hidden]{display:none!important}
#og8-landing .og8-language-list a{display:block;padding:8px 11px;border-radius:8px;font-size:12px;color:#eee0f7}
#og8-landing .og8-language-list a:hover{background:#50335c}
#og8-landing .og8-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 19px;border-radius:9px;min-height:45px;border:1px solid transparent;font-size:13px;font-weight:800;line-height:1.3;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
#og8-landing .og8-button:hover{transform:translateY(-2px)}
#og8-landing .og8-button-header{background:linear-gradient(135deg,#864ed7,#b45fe1);color:#fff;border-color:#b17aec;min-height:39px;padding:10px 15px}
#og8-landing .og8-button-header:hover{box-shadow:0 8px 28px #a657b85b}
#og8-landing .og8-button-primary{background:linear-gradient(120deg,#8453dc,#d15de1);color:#fff!important;box-shadow:0 12px 34px #913dd73a}
#og8-landing .og8-button-primary:hover{box-shadow:0 16px 38px #913dd76b}
#og8-landing .og8-button-outline{background:#ffffff09;border-color:#746387;color:#f6ecff!important}
#og8-landing .og8-button-outline:hover{background:#ffffff16;border-color:#b68cd4}
#og8-landing .og8-mobile-toggle,#og8-landing .og8-nav-mobile-actions{display:none}
#og8-landing .og8-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 20%,#322043 0%,transparent 53%),radial-gradient(ellipse at 7% 53%,#261e31 0%,transparent 46%),linear-gradient(125deg,#1b1427,#0b0b15 80%)}
#og8-landing .og8-grid-pattern{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#0007,transparent 82%);pointer-events:none}
#og8-landing .og8-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none}
#og8-landing .og8-orb-one{width:250px;height:250px;background:#902b8545;top:14%;left:28%}
#og8-landing .og8-orb-two{width:290px;height:230px;background:#4a40cc40;top:20%;right:9%}
#og8-landing .og8-hero-grid{min-height:710px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:75px;padding-bottom:92px}
#og8-landing .og8-hero-copy{position:relative;z-index:1}
#og8-landing .og8-eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.115em;font-size:10px;font-weight:850;color:#e7bcf7;border:1px solid #634579;background:#3e295464;padding:8px 13px;border-radius:999px}
#og8-landing .og8-live-dot{width:6px;height:6px;border-radius:50%;background:#c779ff;box-shadow:0 0 0 4px #b876ff23}
#og8-landing .og8-eyebrow-separator{color:#90709f}
#og8-landing h1,#og8-landing h2,#og8-landing h3,#og8-landing p{font-family:inherit!important}
#og8-landing .og8-hero h1{font-size:clamp(47px,4.3vw,73px)!important;line-height:1.09!important;font-weight:850!important;letter-spacing:-.064em!important;margin:28px 0 22px!important;max-width:660px;color:#fff!important}
#og8-landing .og8-hero h1 span{display:block;background:linear-gradient(100deg,#ba99ff,#dc86ee 50%,#fff0f7 92%);background-clip:text;-webkit-background-clip:text;color:transparent}
#og8-landing .og8-lead{color:#c4b7d8!important;font-size:17px!important;line-height:1.85!important;max-width:535px;margin:0!important}
#og8-landing .og8-hero-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
#og8-landing .og8-hero-proof{display:flex;gap:17px 22px;flex-wrap:wrap;margin-top:30px;color:#9e91b7;font-size:11px;font-weight:550}
#og8-landing .og8-hero-proof i{font-style:normal;color:#bb91ff;margin-right:6px}
#og8-landing .og8-hero-art{min-width:0;position:relative;padding:8px 0 25px}
#og8-landing .og8-editor{overflow:hidden;border:1px solid #56446d;border-radius:18px;background:#131224;color:#e6e2f4;box-shadow:0 38px 90px #0007,0 0 70px #6e3b8a23;transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}
#og8-landing .og8-editor-top{height:60px;border-bottom:1px solid #363047;background:#201b33;display:flex;align-items:center;justify-content:space-between;padding:0 19px;gap:20px}
#og8-landing .og8-window-dots{display:flex;gap:6px}.og8-window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#fa6b87}.og8-window-dots i:nth-child(2){background:#f5b75f}.og8-window-dots i:nth-child(3){background:#61d5af}
#og8-landing .og8-editor-path{border-radius:6px;background:#0f1022;color:#aea6c5;font-size:11px;padding:7px 17px;line-height:1;flex:0 1 auto;text-align:center}
#og8-landing .og8-editor-badge{color:#a78bac;font-size:9px;font-weight:800;letter-spacing:.1em}
#og8-landing .og8-editor-tabs{display:flex;align-items:center;gap:24px;padding:0 21px;border-bottom:1px solid #332c45;height:47px}
#og8-landing .og8-editor-tab{font-size:11px;font-weight:650;cursor:pointer;background:none;border:0;height:100%;position:relative;color:#9791ab;padding:0}
#og8-landing .og8-editor-tab[aria-selected="true"]{color:#fff}
#og8-landing .og8-editor-tab[aria-selected="true"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#bd8bff}
#og8-landing .og8-editor-content{min-height:353px;padding:22px 20px}
#og8-landing .og8-editor-content[hidden]{display:none!important}
#og8-landing .og8-repo-line{display:flex;gap:8px;align-items:center;font-size:15px}
#og8-landing .og8-repo-symbol{color:#b4a1d6;font-size:20px}
#og8-landing .og8-repo-path{color:#a99fbb}.og8-repo-path b{color:#f8efff}
#og8-landing .og8-pill{font-size:9px;border:1px solid #4b415a;border-radius:999px;padding:3px 8px;color:#c9bfdb;background:#26223a;font-weight:700}
#og8-landing .og8-repo-desc{font-size:11px;color:#9189aa;margin:7px 0 19px}
#og8-landing .og8-repo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
#og8-landing .og8-repo-stats>div{display:flex;flex-direction:column;gap:3px;border:1px solid #38314d;background:#1b1930;border-radius:9px;padding:13px}
#og8-landing .og8-repo-stats b{font-size:15px;color:#f5efff;line-height:1.5}
#og8-landing .og8-repo-stats small{font-size:9px;color:#948aa9}
#og8-landing .og8-file-list{border:1px solid #393249;border-radius:9px;overflow:hidden;font-size:11px}
#og8-landing .og8-file-list>div{display:flex;align-items:center;gap:11px;padding:9px 12px;border-bottom:1px solid #302a41;color:#bfb4d3}
#og8-landing .og8-file-list>div:last-child{border:0}
#og8-landing .og8-file-list>div>span:first-child{color:#b391ee}
#og8-landing .og8-file-list>div>small{margin-left:auto;font-size:9px;color:#9588ab;text-align:right}
#og8-landing .og8-file-list>.og8-file-head{background:#2a2340;justify-content:space-between;color:#cfc4df;font-size:10px}
#og8-landing .og8-editor-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #35304b;padding:10px 19px;color:#928aa8;font-size:10px}
#og8-landing .og8-status-dot{display:inline-block;width:6px;height:6px;background:#68dbb8;border-radius:50%;margin-right:6px}
#og8-landing .og8-floating-label{position:absolute;bottom:0;left:-25px;display:flex;align-items:center;gap:11px;background:#221a33;border:1px solid #614779;padding:11px 17px;border-radius:11px;box-shadow:0 15px 40px #0009;transform:rotate(-2deg)}
#og8-landing .og8-floating-label>span{font-size:25px;color:#d2a1fd}.og8-floating-label strong{display:block;color:#f7eefe;font-size:12px}.og8-floating-label small{font-size:10px;color:#a795bc}
#og8-landing .og8-demo-heading{display:grid;gap:9px;margin:4px 0 19px}.og8-demo-heading .og8-pill{justify-self:start}.og8-demo-heading strong{font-size:19px;color:#f6edfc}.og8-demo-heading small{color:#968aaf;font-size:11px}
#og8-landing .og8-diff{overflow:hidden;border:1px solid #43405a;border-radius:9px;font:12px/2 ui-monospace,monospace}.og8-diff>div{padding:8px 15px}.og8-diff-minus{background:#3e232b;color:#ffb8c4}.og8-diff-plus{background:#21392f;color:#a2eec8}
#og8-landing .og8-review-done{margin-top:20px;font-size:13px;color:#a8e8bc}
#og8-landing .og8-pipeline{display:grid;gap:10px}.og8-pipeline>div{padding:15px;background:#201b31;border:1px solid #393450;border-radius:9px;display:flex;gap:15px}.og8-pipeline span{color:#a9e3be}.og8-pipeline small{margin-left:auto;color:#9c8dab}
#og8-landing .og8-hero-bottom{border-top:1px solid #382948;background:#12101c9e}.og8-hero-bottom>.og8-container{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.13em;color:#c7b2e7;font-weight:750}
#og8-landing .og8-section{padding:125px 0}.og8-section-dark{background:#0d0c16}.og8-section-soft{background:#14111f}
#og8-landing .og8-section-heading{display:grid;grid-template-columns:1.05fr .8fr;align-items:end;gap:70px;margin-bottom:42px}
#og8-landing .og8-kicker{display:block;color:#bb8ae8;letter-spacing:.14em;font-size:11px;font-weight:850;margin-bottom:17px}
#og8-landing .og8-section h2,#og8-landing .og8-last-cta h2{font-size:clamp(37px,4vw,60px)!important;line-height:1.12!important;letter-spacing:-.055em!important;color:#f8f3ff!important;font-weight:820!important;margin:0!important}
#og8-landing .og8-section h2 span,#og8-landing .og8-last-cta h2 span{background:linear-gradient(100deg,#b99aff,#e18cec 75%);background-clip:text;color:transparent}
#og8-landing .og8-section-heading>p,#og8-landing .og8-workflow-grid>div>p,#og8-landing .og8-faq-grid>div>p,#og8-landing .og8-about-grid>div p{color:#a89bbd;font-size:15px;line-height:1.85;margin:0;max-width:525px}
#og8-landing .og8-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#og8-landing .og8-feature{border:1px solid #3b3049;background:linear-gradient(130deg,#1b1728,#151321);border-radius:17px;padding:29px;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s}
#og8-landing .og8-feature:hover{border-color:#8152a1;transform:translateY(-3px)}
#og8-landing .og8-feature-large{grid-column:span 2;grid-row:span 1;background:radial-gradient(circle at 80% 20%,#48255575,transparent 55%),#1b1528}
#og8-landing .og8-feature-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:#382445;border:1px solid #69416c;color:#f0b0ff;font-size:22px;margin-bottom:24px}
#og8-landing .og8-feature h3{font-size:20px!important;color:#f6edfc!important;letter-spacing:-.035em!important;margin:0 0 9px!important;line-height:1.35!important}
#og8-landing .og8-feature p{font-size:13px;line-height:1.75;color:#a99dbb;margin:0;max-width:415px}
#og8-landing .og8-feature a{font-size:12px;color:#dda6f9;margin-top:auto;padding-top:19px;font-weight:750}
#og8-landing .og8-feature-terminal{border-radius:9px;border:1px solid #59416a;padding:14px 16px;background:#10101d;margin-top:24px;font:11px/1.8 ui-monospace,Consolas,monospace;color:#d3c2ea;width:min(100%,500px);overflow-wrap:anywhere}
#og8-landing .og8-feature-terminal div+div{color:#9dd9b2}.og8-feature-terminal span{color:#6ce7a5}
#og8-landing .og8-workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}
#og8-landing .og8-workflow-grid>div>p{margin:25px 0 28px}
#og8-landing .og8-text-link{display:inline-flex;gap:18px;align-items:center;color:#edb8ff;font-size:13px;font-weight:750;border-bottom:1px solid #9768aa;padding-bottom:6px}
#og8-landing .og8-steps{list-style:none!important;padding:0!important;margin:0!important}
#og8-landing .og8-steps li{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid #403049}
#og8-landing .og8-steps li:first-child{border-top:1px solid #403049}
#og8-landing .og8-steps li>span{font-size:14px;color:#a16bbf;font-weight:800}
#og8-landing .og8-steps h3{font-size:19px!important;letter-spacing:-.03em!important;color:#f5ecfb!important;margin:0 0 5px!important}
#og8-landing .og8-steps p{color:#a498b7;font-size:13px;margin:0}
#og8-landing .og8-solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
#og8-landing .og8-solutions-grid article{overflow:hidden;border:1px solid #40344c;border-radius:17px;background:#1b1725;padding:0 26px 26px;min-height:375px;display:flex;flex-direction:column}
#og8-landing .og8-solution-art{height:165px;margin:0 -26px 27px;border-bottom:1px solid #40344c;display:flex;align-items:center;justify-content:center;gap:21px;font-size:47px;font-weight:750;color:#e4c6fe;background:radial-gradient(circle at 50% 50%,#684b9a89,transparent 60%),#1f1b2b}
#og8-landing .og8-solution-art span{font-size:28px;color:#f5b6e7;background:#41254e;border:1px solid #8d5685;padding:3px 18px;border-radius:14px}
#og8-landing .art-business{background:radial-gradient(circle,#53305b90,transparent 65%),#201a2c}
#og8-landing .art-cloud{background:radial-gradient(circle,#424d8790,transparent 65%),#181a30}
#og8-landing .og8-solution-type{font-size:10px;font-weight:800;letter-spacing:.12em;color:#bd87de}
#og8-landing .og8-solutions-grid h3{color:#f8f4ff!important;font-size:22px!important;letter-spacing:-.035em!important;margin:12px 0!important}
#og8-landing .og8-solutions-grid p{color:#aea2bd;font-size:13px;line-height:1.75;margin:0}
#og8-landing .og8-solutions-grid a{margin-top:auto;padding-top:20px;color:#ddb2f9;font-size:12px;font-weight:780}
#og8-landing .og8-melaris{background:radial-gradient(ellipse at 70% 50%,#5a285973,transparent 50%),linear-gradient(130deg,#26152f,#13101d 85%);border-top:1px solid #4e3556;border-bottom:1px solid #4e3556}
#og8-landing .og8-melaris-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:100px}
#og8-landing .og8-melaris-grid>div>p{color:#c0acc8;max-width:540px;line-height:1.9;font-size:15px;margin:23px 0 28px}
#og8-landing .og8-mini-pill{display:inline-block;font-size:10px;color:#f1c7f1;padding:5px 10px;border-radius:20px;background:#b876e325;border:1px solid #ac64b965;margin-bottom:18px}
#og8-landing .og8-ai-card{background:#11101f;border:1px solid #7c4b8c;border-radius:18px;padding:26px;box-shadow:0 28px 75px #0007}
#og8-landing .og8-ai-card-top{display:flex;align-items:center;gap:11px;padding-bottom:20px;border-bottom:1px solid #382849}
#og8-landing .og8-ai-card-top strong{color:#f6eefe;font-size:15px}
#og8-landing .og8-ai-spark{color:#d8a6f9;font-size:26px}
#og8-landing .og8-ai-concept{margin-left:auto;color:#c69ccf;font-size:10px;border:1px solid #6a3f72;border-radius:20px;padding:4px 8px}
#og8-landing .og8-ai-chat{padding:28px 0;display:grid;gap:15px}
#og8-landing .og8-ai-chat>span{justify-self:end;max-width:70%;background:#2e253f;border:1px solid #514066;border-radius:13px 13px 3px 13px;padding:14px;color:#e7dcf2;font-size:12px}
#og8-landing .og8-ai-chat>div{display:flex;align-items:flex-start;gap:11px}
#og8-landing .og8-ai-chat>div p{background:#261b30;border:1px solid #51325f;padding:15px;border-radius:3px 13px 13px 13px;color:#d3c1db;line-height:1.6;font-size:12px;margin:0}
#og8-landing .og8-ai-tags{display:flex;gap:7px;flex-wrap:wrap}
#og8-landing .og8-ai-tags span{border:1px solid #624274;border-radius:99px;color:#c5a8d2;padding:5px 10px;font-size:10px}
#og8-landing .og8-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
#og8-landing .og8-price-grid article{border:1px solid #40324c;background:#1e1829;border-radius:16px;padding:31px;display:flex;flex-direction:column;min-height:255px}
#og8-landing .og8-price-grid article.og8-price-featured{border-color:#be67c8;background:linear-gradient(135deg,#32203d,#231a36)}
#og8-landing .og8-price-grid article>span{font-size:10px;letter-spacing:.13em;font-weight:850;color:#cd93e6}
#og8-landing .og8-price-grid h3{color:#fff4ff!important;font-size:21px!important;letter-spacing:-.04em!important;margin:14px 0 10px!important}
#og8-landing .og8-price-grid p{color:#b1a5c0;font-size:13px;line-height:1.7;margin:0}
#og8-landing .og8-price-grid .og8-price{margin-top:23px;color:#e7c4f8;font-weight:760;font-size:13px}
#og8-landing .og8-price-grid a{margin-top:auto;color:#f6c6f9;font-size:12px;font-weight:760;padding-top:21px}
#og8-landing .og8-about{background:#10101a}
#og8-landing .og8-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}
#og8-landing .og8-about-grid>div p{margin:0 0 18px}
#og8-landing .og8-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:120px}
#og8-landing .og8-faq-grid>div>p{margin-top:24px}
#og8-landing .og8-faq-list details{border-bottom:1px solid #44364c}
#og8-landing .og8-faq-list details:first-child{border-top:1px solid #44364c}
#og8-landing .og8-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:24px 0;gap:20px;color:#ede4fb;font-weight:700;font-size:15px}
#og8-landing .og8-faq-list summary::-webkit-details-marker{display:none}
#og8-landing .og8-faq-list summary span{color:#d39be6;font-size:23px;font-weight:450;transition:transform .18s}
#og8-landing .og8-faq-list details[open] summary span{transform:rotate(45deg)}
#og8-landing .og8-faq-list details p{color:#ac9fbc;font-size:13px;line-height:1.8;margin:-4px 0 25px;max-width:68ch}
#og8-landing .og8-last-cta{background:radial-gradient(ellipse at 50% 30%,#4e276b91,transparent 58%),linear-gradient(#191021,#0e0b17);padding:120px 0;text-align:center;border-top:1px solid #482d55}
#og8-landing .og8-last-cta .og8-kicker{margin-bottom:22px}
#og8-landing .og8-last-cta p{font-size:15px;color:#b7a7c7;margin:23px auto 28px;max-width:590px}
#og8-landing .og8-last-cta .og8-container>div{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}
#og8-landing .og8-signed-fallback{max-width:900px;margin:110px auto;padding:60px;color:#eee}
@keyframes og8Drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1350px){#og8-landing .og8-header-inner{gap:18px}#og8-landing .og8-nav{gap:6px}#og8-landing .og8-nav-simple{padding:9px 5px}#og8-landing .og8-header-explore{display:none}}
@media(max-width:1140px){#og8-landing .og8-container{width:min(calc(100% - 44px),var(--og8-container))}#og8-landing .og8-header-inner{gap:10px}#og8-landing .og8-brand{gap:8px}#og8-landing .og8-logo-link img{height:22px}#og8-landing .og8-nav-details>summary{padding:10px 7px;font-size:12px}#og8-landing .og8-nav-simple{font-size:12px}#og8-landing .og8-hero-grid{gap:35px}#og8-landing .og8-section{padding:90px 0}#og8-landing .og8-workflow-grid,#og8-landing .og8-melaris-grid,#og8-landing .og8-about-grid,#og8-landing .og8-faq-grid{gap:60px}}
@media(max-width:930px){#og8-landing .og8-announcement .og8-container span:nth-of-type(3),#og8-landing .og8-announcement .og8-container span:nth-of-type(4){display:none}#og8-landing .og8-header-inner{height:66px;flex-wrap:wrap}#og8-landing .og8-mobile-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;border:1px solid #655076;background:#221b30;border-radius:9px;order:3;cursor:pointer}#og8-landing .og8-mobile-toggle span{width:17px;height:2px;background:#fff;border-radius:2px}#og8-landing .og8-header-actions{margin-left:auto}#og8-landing .og8-header-actions .og8-button-header{display:none}#og8-landing .og8-nav{order:4;display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100vh - 66px);overflow:auto;background:#1a1327;border-bottom:1px solid #59436b;box-shadow:0 28px 45px #0009;padding:19px 22px 29px;align-items:stretch;flex-direction:column;gap:10px}#og8-landing .og8-nav.og8-mobile-open{display:flex}#og8-landing .og8-menu-group{display:grid;gap:5px}#og8-landing .og8-nav-details{position:static}#og8-landing .og8-nav-details>summary{font-size:14px;padding:12px}#og8-landing .og8-mega,#og8-landing .og8-mega-narrow{position:static;display:grid;grid-template-columns:1fr;width:100%;margin:0 0 6px;box-shadow:none;animation:none}#og8-landing .og8-mega-lead{display:none}#og8-landing .og8-nav-simple{font-size:14px;padding:12px}#og8-landing .og8-nav-mobile-actions{display:flex;gap:10px;flex-wrap:wrap;padding:15px 10px 0;border-top:1px solid #4b355b}#og8-landing .og8-nav-mobile-actions a{flex:1;min-width:130px;text-align:center;font-weight:750;font-size:13px;border-radius:8px;border:1px solid #76578a;padding:10px}#og8-landing .og8-nav-mobile-actions a:last-child{background:#9754cb;color:#fff}#og8-landing .og8-hero-grid{grid-template-columns:1fr;min-height:0;gap:50px;padding:77px 0 85px}#og8-landing .og8-hero-copy{text-align:center}#og8-landing .og8-hero h1,#og8-landing .og8-lead{margin-inline:auto!important}#og8-landing .og8-hero-buttons,#og8-landing .og8-hero-proof{justify-content:center}#og8-landing .og8-hero-art{width:min(100%,640px);margin:auto}#og8-landing .og8-hero-bottom>.og8-container{flex-wrap:wrap;justify-content:center;gap:15px 30px;padding:18px 0}#og8-landing .og8-section-heading{gap:30px}#og8-landing .og8-features{grid-template-columns:repeat(2,1fr)}#og8-landing .og8-feature-large{grid-column:span 2}#og8-landing .og8-solutions-grid{grid-template-columns:repeat(2,1fr)}#og8-landing .og8-price-grid{grid-template-columns:1fr}#og8-landing .og8-price-grid article{min-height:205px}#og8-landing .og8-price-grid a{padding-top:15px}#og8-landing .og8-workflow-grid,#og8-landing .og8-melaris-grid,#og8-landing .og8-about-grid,#og8-landing .og8-faq-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:640px){#og8-landing .og8-container{width:calc(100% - 34px)}#og8-landing .og8-announcement{height:30px;font-size:10px}#og8-landing .og8-announcement .og8-container{gap:6px}#og8-landing .og8-announcement a{font-size:10px}#og8-landing .og8-header-inner{height:61px}#og8-landing .og8-brand{gap:6px}#og8-landing .og8-logo-link img{height:22px;max-width:92px}#og8-landing .og8-logo-separator{height:20px}#og8-landing .og8-header-actions{gap:5px}#og8-landing .og8-icon-button{width:32px;height:34px}#og8-landing .og8-icon-button svg{width:16px}#og8-landing .og8-mobile-toggle{width:32px;height:34px}#og8-landing .og8-nav{max-height:calc(100vh - 61px)}#og8-landing .og8-language-list{right:80px}#og8-landing .og8-hero-grid{padding-top:62px;padding-bottom:65px;gap:44px}#og8-landing .og8-hero h1{font-size:clamp(41px,11vw,58px)!important;margin-top:22px!important}#og8-landing .og8-lead{font-size:14px!important;line-height:1.78!important}#og8-landing .og8-hero-buttons{flex-direction:column;align-items:stretch}#og8-landing .og8-hero-buttons .og8-button{width:100%}#og8-landing .og8-hero-proof{margin-top:24px;gap:9px 15px;font-size:10px}#og8-landing .og8-editor{transform:none}#og8-landing .og8-editor-content{padding:14px 11px;min-height:315px}#og8-landing .og8-editor-tabs{padding:0 15px}#og8-landing .og8-repo-stats>div{padding:8px}#og8-landing .og8-file-list>div{padding:8px}#og8-landing .og8-file-list>div small{font-size:8px;max-width:110px}#og8-landing .og8-editor-path{padding:7px 9px;font-size:9px}#og8-landing .og8-floating-label{left:9px;bottom:0;transform:none}#og8-landing .og8-section{padding:74px 0}#og8-landing .og8-section-heading{display:block;margin-bottom:27px}#og8-landing .og8-section-heading>p{margin-top:18px;font-size:13px}#og8-landing .og8-section h2,#og8-landing .og8-last-cta h2{font-size:clamp(35px,8.5vw,50px)!important}#og8-landing .og8-features{grid-template-columns:1fr}#og8-landing .og8-feature-large{grid-column:auto}#og8-landing .og8-feature{min-height:210px;padding:24px}#og8-landing .og8-solutions-grid{grid-template-columns:1fr}#og8-landing .og8-melaris .og8-ai-card{padding:19px}#og8-landing .og8-last-cta{padding:80px 0}#og8-landing .og8-last-cta .og8-container>div{flex-direction:column}#og8-landing .og8-last-cta .og8-button{width:100%}}
@media(prefers-reduced-motion:reduce){#og8-landing *,#og8-landing *:before,#og8-landing *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep a standalone signed-in fallback neutral; the real signed-in dashboard stays Forgejo-native. */
#og8-signed-home{padding:75px 24px;min-height:56vh;background:var(--og-body,#15121d)}
#og8-signed-home .og8-signed-fallback{max-width:820px;margin:40px auto;color:var(--og-text,#fff)}
#og8-signed-home h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:20px 0;color:inherit}
#og8-signed-home p{color:var(--og-muted,#afa5c1);max-width:65ch;line-height:1.8}
#og8-signed-home .og8-button{display:inline-flex;padding:12px 20px;border-radius:8px;color:#fff;background:#8b4cce;text-decoration:none;margin-top:20px}

/* Guest-only navigation policy outside the landing: don't expose private product menus.
   Server-side authorization remains enforced by Forgejo, not by CSS. */
html:has(#og-v74-session[data-auth="false"]):not(:has(#og8-landing)) #navbar .og74-primary{display:none!important}
/* Marketing hero remains the brand's dark showcase; informational sections honor
   the visitor's selected ONGIT app palette. This keeps all four variants usable. */
html[data-og-palette="light"] #og8-landing {--og8-bg:#f8f7fb;--og8-text:#201a2c;--og8-subtle:#676075}
html[data-og-palette="light"] #og8-landing :is(.og8-section-dark,.og8-section-soft,.og8-about){background:#f8f7fb!important;color:#201a2c!important}
html[data-og-palette="light"] #og8-landing .og8-section-soft{background:#f0eef6!important}
html[data-og-palette="light"] #og8-landing .og8-section h2{color:#222030!important}
html[data-og-palette="light"] #og8-landing :is(.og8-section-heading>p,.og8-workflow-grid>div>p,.og8-faq-grid>div>p,.og8-about-grid>div p){color:#656074!important}
html[data-og-palette="light"] #og8-landing :is(.og8-feature,.og8-solutions-grid article,.og8-price-grid article){background:#fff!important;color:#292234!important;border-color:#d9d2e3!important}
html[data-og-palette="light"] #og8-landing .og8-feature-large{background:radial-gradient(circle at 85% 25%,#f1dcfa,transparent 52%),#fff!important}
html[data-og-palette="light"] #og8-landing :is(.og8-feature h3,.og8-solutions-grid h3,.og8-price-grid h3,.og8-steps h3){color:#201a2d!important}
html[data-og-palette="light"] #og8-landing :is(.og8-feature p,.og8-solutions-grid p,.og8-price-grid p,.og8-steps p){color:#696375!important}
html[data-og-palette="light"] #og8-landing .og8-price-grid .og8-price{color:#973d9d!important}
html[data-og-palette="light"] #og8-landing .og8-price-featured{background:linear-gradient(130deg,#f5e5ff,#fff)!important;border-color:#c183cc!important}
html[data-og-palette="light"] #og8-landing :is(.og8-faq-list summary,.og8-solutions-grid a){color:#34233f!important}
html[data-og-palette="light"] #og8-landing .og8-faq-list details{border-color:#d1cadb!important}
html[data-og-palette="light"] #og8-landing .og8-steps li{border-color:#d1cadb!important}
html[data-og-palette="light"] #og8-landing .og8-steps li>span{color:#a35cb1!important}
html[data-og-palette="light"] #og8-landing .og8-feature-terminal{background:#171221!important;color:#eee2ff!important}
html[data-og-palette="light"] #og8-landing .og8-melaris{background:linear-gradient(125deg,#382243,#1c1426)!important}
html[data-og-palette="light"] #og8-landing .og8-melaris h2{color:#fff!important}
html[data-og-palette="light"] #og8-landing .og8-melaris p{color:#c7b1d0!important}
html[data-og-palette="grey"] #og8-landing :is(.og8-section-dark,.og8-section-soft,.og8-about){background:#222129!important}
html[data-og-palette="grey"] #og8-landing .og8-feature,html[data-og-palette="grey"] #og8-landing .og8-solutions-grid article,html[data-og-palette="grey"] #og8-landing .og8-price-grid article{background:#2d2b34!important}
html[data-og-palette="vscode"] #og8-landing :is(.og8-section-dark,.og8-section-soft,.og8-about){background:#1e1e1e!important}
html[data-og-palette="vscode"] #og8-landing :is(.og8-feature,.og8-solutions-grid article,.og8-price-grid article){background:#252526!important;border-color:#48434a!important}
html[data-og-palette="vscode"] #og8-landing .og8-header{background:#181818ed!important}
@media(prefers-color-scheme:light){html[data-og-palette="auto"] #og8-landing :is(.og8-section-dark,.og8-section-soft,.og8-about){background:#f8f7fb!important}html[data-og-palette="auto"] #og8-landing .og8-section h2{color:#201a2c!important}html[data-og-palette="auto"] #og8-landing :is(.og8-feature,.og8-solutions-grid article,.og8-price-grid article){background:#fff!important;border-color:#ddd1e3!important}html[data-og-palette="auto"] #og8-landing :is(.og8-feature h3,.og8-solutions-grid h3,.og8-price-grid h3,.og8-steps h3,.og8-faq-list summary){color:#211b2d!important}html[data-og-palette="auto"] #og8-landing :is(.og8-feature p,.og8-solutions-grid p,.og8-price-grid p,.og8-steps p,.og8-section-heading>p,.og8-about-grid p){color:#666072!important}}

/* ONGIT v8.1 – robust PUBLIC navigation. Independent of old 7.x HTML header scanners.
   Ensures actual visibility, not just the presence of a hidden DOM node.
   Does not touch #navbar on signed-in pages or repository routes. */
html:has(#og8-landing) #og8-landing > #og8-public-header[data-og81-public-navigation="true"]{
  display:block!important;visibility:visible!important;opacity:1!important;
  height:auto!important;min-height:72px!important;max-height:none!important;
  overflow:visible!important;clip-path:none!important;
  margin:0!important;padding:0!important;
  position:relative!important;z-index:1300!important;
  transform:none!important;background:#100d19!important;
  border-bottom:1px solid #554264!important;
}
html:has(#og8-landing) #og8-landing > #og8-public-header .og8-header-inner{
  display:flex!important;visibility:visible!important;opacity:1!important;
  min-height:72px!important;height:auto!important;max-height:none!important;
  align-items:center!important;overflow:visible!important;
}
html:has(#og8-landing) #og8-landing > #og8-public-header .og8-brand,
html:has(#og8-landing) #og8-landing > #og8-public-header .og8-header-actions {display:flex!important;visibility:visible!important;opacity:1!important}
@media(min-width:931px){
  html:has(#og8-landing) #og8-landing > #og8-public-header #og8-navigation{
    display:flex!important;visibility:visible!important;opacity:1!important;
    height:auto!important;max-height:none!important;overflow:visible!important;
  }
}
@media(max-width:930px){
  html:has(#og8-landing) #og8-landing > #og8-public-header{
    min-height:66px!important;
  }
  html:has(#og8-landing) #og8-landing > #og8-public-header .og8-header-inner{
    height:66px!important;min-height:66px!important;
  }
  html:has(#og8-landing) #og8-landing > #og8-public-header #og8-navigation.og8-mobile-open{
    display:flex!important;visibility:visible!important;opacity:1!important;
  }
  html:has(#og8-landing) #og8-landing > #og8-public-header #og8-mobile-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
  }
  html:not(.og81-js) #og8-landing > #og8-public-header #og8-navigation{
    display:flex!important;position:static!important;flex:1 0 100%!important;
    max-height:50vh!important;overflow-y:auto!important;
  }
}
@media(max-width:640px){
  html:has(#og8-landing) #og8-landing > #og8-public-header,
  html:has(#og8-landing) #og8-landing > #og8-public-header .og8-header-inner{
    min-height:61px!important;height:auto!important;
  }
}
#og8-landing .og8-nav-details:not([open]) > .og8-mega{display:none!important}
#og8-landing .og8-nav-details[open] > .og8-mega{display:grid!important}
#og8-landing > #og8-public-header .og8-logo-link:hover img{opacity:1!important;filter:none!important}
#og8-landing > #og8-public-header .og8-logo-link:focus-visible{outline:2px solid #f47cc1!important;outline-offset:2px}
/* Prevent navigation from being clipped by the landing root. */
#og8-landing{overflow:visible!important}
@media(max-width:930px){#og8-landing .og8-mega-narrow{display:block!important}}

/* v8.2 five-column tariff grid and school treatment */
#og8-landing .og8-price-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#og8-landing .og8-price-grid article{padding:24px 17px;min-width:0;min-height:300px}
#og8-landing .og8-price-grid .og82-education{border-color:#b767c6;background:linear-gradient(140deg,#32203d,#1c1827)}
#og8-landing .og8-price-grid .og82-status{font-size:11px;color:#d3bedc;line-height:1.6}
#og8-landing .og8-price-grid article a{display:inline-block;margin-top:auto;padding-top:16px}
@media(max-width:1120px){#og8-landing .og8-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:730px){#og8-landing .og8-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#og8-landing .og8-price-grid{grid-template-columns:1fr}}