:root { --n22g-ink:#111924; --n22g-paper:#f4f1e9; --n22g-muted:#68727d; --n22g-line:#d9d4c8; --n22g-acid:#c8ff56; }
.n22-generations-page #page.site { max-width:none; }
.n22-generations-page .content-wrapper { max-width:none; width:100%; padding:0; display:block; }
.n22-generations-page #secondary { display:none; }
.n22-generations-page .site-main { width:100%; max-width:none; padding:0; }
.n22-generations-page .wiki-page { margin:0; max-width:none; }
.n22-generations-page .wiki-page > .article-header,.n22-generations-page .wiki-page > .breadcrumbs { display:none; }
.n22-generations-page .article-content-wrapper,.n22-generations-page .article-body,.n22-generations-page .entry-content { display:block; max-width:none; width:100%; margin:0; padding:0; }
.n22g { overflow:hidden; background:var(--n22g-paper); color:var(--n22g-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.n22g *,.n22g *::before,.n22g *::after { box-sizing:border-box; }
.n22g button,.n22g select { font:inherit; }.n22g button { cursor:pointer; }

.n22g-hero { position:relative; min-height:700px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr); grid-template-rows:1fr auto; align-items:center; gap:40px; padding:72px max(5vw,calc((100vw - 1320px)/2)) 0; isolation:isolate; overflow:hidden; background:radial-gradient(circle at 76% 46%,rgba(113,159,255,.17),transparent 28%),radial-gradient(circle at 18% 105%,rgba(200,255,86,.12),transparent 28%),#101722; color:#fff; }
.n22g-hero__noise { position:absolute; inset:0; z-index:-1; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,#000,transparent 90%); }
.n22g-hero__copy { align-self:center; max-width:790px; padding-bottom:45px; }
.n22g-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:62px; color:#8d99a7; font-size:11px; letter-spacing:.11em; text-transform:uppercase; }.n22g-breadcrumb a { color:#cbd3dc; text-decoration:none; }.n22g-breadcrumb a:hover { color:var(--n22g-acid); }
.n22g-kicker { display:flex; align-items:center; gap:12px; margin:0 0 20px!important; color:var(--n22g-acid); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.n22g-kicker i { width:42px; height:1px; background:currentColor; }
.n22g-hero h1 { max-width:850px; margin:0; color:#fff; font-family:Georgia,"Times New Roman",serif; font-size:clamp(50px,5.8vw,84px); font-weight:500; line-height:.97; letter-spacing:-.055em; }.n22g-hero h1 em { color:var(--n22g-acid); font-weight:500; }
.n22g-hero__copy > p:last-of-type { max-width:700px; margin:28px 0!important; color:#b8c2cd; font-size:18px; line-height:1.65; }
.n22g-hero__cta { display:inline-flex; align-items:center; gap:12px; padding:14px 0 7px; border-bottom:1px solid #7f8995; color:#fff!important; font-size:11px; font-weight:800; letter-spacing:.12em; text-decoration:none!important; text-transform:uppercase; }.n22g-hero__cta:hover { border-color:var(--n22g-acid); color:var(--n22g-acid)!important; }.n22g-hero__cta svg { width:17px; fill:none; stroke:currentColor; stroke-width:1.8; }
.n22g-hero__visual { position:relative; width:min(38vw,500px); aspect-ratio:1; justify-self:center; }.n22g-rings { position:absolute; inset:4%; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:inset 0 0 0 60px rgba(255,255,255,.015),inset 0 0 0 61px rgba(255,255,255,.07),inset 0 0 0 125px rgba(255,255,255,.012),inset 0 0 0 126px rgba(255,255,255,.06); animation:n22g-spin 45s linear infinite; }.n22g-rings::before,.n22g-rings::after { content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--n22g-acid); box-shadow:0 0 28px var(--n22g-acid); }.n22g-rings::before { left:11%; top:21%; }.n22g-rings::after { right:7%; bottom:29%; background:#66d9e8; box-shadow:0 0 28px #66d9e8; }
@keyframes n22g-spin { to { transform:rotate(360deg); } }
.n22g-chip { position:absolute; left:50%; top:50%; width:170px; height:170px; transform:translate(-50%,-50%) rotate(45deg); display:grid; place-items:center; border:8px solid #eaf0f5; border-radius:28px; box-shadow:0 30px 65px rgba(0,0,0,.35),inset 0 0 0 2px rgba(0,0,0,.28); }.n22g-chip span { transform:rotate(-45deg); color:var(--n22g-acid); font-family:ui-monospace,monospace; font-size:25px; font-weight:900; letter-spacing:.08em; }.n22g-chip i { position:absolute; width:14px; height:14px; border:3px solid #eaf0f5; border-radius:3px; }.n22g-chip i:nth-of-type(1){left:-25px;top:28px}.n22g-chip i:nth-of-type(2){right:-25px;top:28px}.n22g-chip i:nth-of-type(3){left:-25px;bottom:28px}.n22g-chip i:nth-of-type(4){right:-25px;bottom:28px}
.n22g-hero__visual b { --angle:calc((var(--i) - 1)*40deg); position:absolute; left:50%; top:50%; transform:rotate(var(--angle)) translateX(210px) rotate(calc(-1*var(--angle))); color:#7d8998; font-family:ui-monospace,monospace; font-size:11px; }.n22g-hero__visual b:nth-of-type(4),.n22g-hero__visual b:nth-of-type(9){color:var(--n22g-acid)}
.n22g-hero__stats { grid-column:1/-1; min-height:88px; display:flex; align-items:center; gap:0; border-top:1px solid rgba(255,255,255,.12); }.n22g-hero__stats div { min-width:165px; padding-right:35px; margin-right:35px; border-right:1px solid rgba(255,255,255,.12); }.n22g-hero__stats div:last-child { border:0; }.n22g-hero__stats strong { color:#fff; font-size:27px; }.n22g-hero__stats span { display:block; color:#7f8b99; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }

.n22g-era-strip { min-height:96px; display:grid; grid-template-columns:repeat(4,1fr); padding:0 max(5vw,calc((100vw - 1320px)/2)); background:#18212d; color:#fff; }.n22g-era-strip div { position:relative; display:flex; align-items:center; gap:12px; padding:20px 28px; border-right:1px solid #303a47; }.n22g-era-strip div:first-child { border-left:1px solid #303a47; }.n22g-era-strip span { color:#718091; font-family:ui-monospace,monospace; font-size:10px; }.n22g-era-strip strong { font-family:Georgia,serif; font-size:15px; font-weight:500; }.n22g-era-strip i { position:absolute; left:0; bottom:0; width:0; height:3px; background:var(--n22g-acid); transition:.3s; }.n22g-era-strip div:hover i { width:100%; }

.n22g-explorer { max-width:1320px; margin:0 auto; padding:90px 28px 100px; scroll-margin-top:80px; }.n22g-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:35px; }.n22g-overline { display:block; margin-bottom:8px; color:#7c8691; font-size:9px; font-weight:850; letter-spacing:.18em; }.n22g-section-head h2 { margin:0; font-family:Georgia,serif; font-size:clamp(31px,3vw,43px); font-weight:500; }.n22g-share-wrap { display:flex; align-items:center; gap:9px; }.n22g-share-wrap label { color:#7b858f; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.n22g-share-wrap select { height:38px; padding:0 34px 0 11px; border:1px solid #c8c3b8; border-radius:3px; background:#fff; color:#303a44; font-size:11px; }.n22g-share { height:38px; display:flex; align-items:center; gap:7px; padding:0 12px; border:1px solid #c8c3b8; border-radius:3px; background:transparent; color:#4c5661; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.n22g-share svg { width:16px; fill:none; stroke:currentColor; stroke-width:1.6; }.n22g-share:hover,.n22g-share.is-copied { border-color:#111924; background:#111924; color:#fff; }
.n22g-tabs { display:grid; grid-template-columns:repeat(9,1fr); border:1px solid var(--n22g-line); border-radius:6px 6px 0 0; overflow:hidden; }.n22g-tabs button { min-width:0; min-height:112px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:14px; border:0; border-right:1px solid var(--n22g-line); background:#ece8de; color:#69737d; text-align:left; transition:.2s; }.n22g-tabs button:last-child { border-right:0; }.n22g-tabs button span { display:grid; place-items:center; width:27px; height:27px; margin-bottom:9px; border:1px solid #b7b2a7; border-radius:50%; font-family:ui-monospace,monospace; font-size:10px; }.n22g-tabs button i { max-width:100%; overflow:hidden; color:#3a4550; font-family:Georgia,serif; font-size:13px; font-style:normal; white-space:nowrap; text-overflow:ellipsis; }.n22g-tabs button small { margin-top:3px; font-size:8px; }.n22g-tabs button[aria-selected="true"] { position:relative; background:#111924; color:#abb5c0; }.n22g-tabs button[aria-selected="true"]::after { content:""; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--accent); }.n22g-tabs button[aria-selected="true"] span { border-color:var(--accent); background:var(--accent); color:#111924; }.n22g-tabs button[aria-selected="true"] i { color:#fff; }.n22g-tabs button:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.n22g-panel[hidden] { display:none!important; }.n22g-panel { border:1px solid var(--n22g-line); border-top:0; background:rgba(255,255,255,.65); }.n22g-panel__intro { min-height:330px; display:grid; grid-template-columns:145px minmax(0,1fr) 220px; gap:42px; align-items:center; padding:50px; }.n22g-generation-mark { align-self:stretch; display:flex; flex-direction:column; justify-content:center; padding-right:30px; border-right:1px solid var(--n22g-line); }.n22g-generation-mark span { color:#848e97; font-size:8px; font-weight:850; letter-spacing:.17em; }.n22g-generation-mark strong { color:var(--accent); font-family:Georgia,serif; font-size:82px; font-weight:500; line-height:1; text-shadow:1px 1px #111924,-1px -1px #111924; }.n22g-generation-mark i { color:#5e6974; font-size:10px; font-style:normal; }.n22g-breakthrough { display:flex; align-items:center; gap:9px; margin:0 0 13px!important; color:#53606b; font-size:9px!important; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }.n22g-breakthrough span { width:22px; height:2px; background:var(--accent); }.n22g-panel__intro h2 { max-width:700px; margin:0 0 18px; font-family:Georgia,serif; font-size:clamp(34px,4.4vw,58px); font-weight:500; line-height:1.03; letter-spacing:-.035em; }.n22g-panel__intro > div:nth-child(2) > p:last-child { max-width:720px; margin:0!important; color:#68737e; font-size:14px; line-height:1.7; }.n22g-panel__icon { width:190px; height:190px; display:grid; place-items:center; justify-self:end; border:1px solid color-mix(in srgb,var(--accent) 50%,#d5d0c5); border-radius:50%; background:color-mix(in srgb,var(--accent) 10%,transparent); }.n22g-panel__icon svg { width:120px; fill:none; stroke:#27333f; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.n22g-specs { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--n22g-line); border-bottom:1px solid var(--n22g-line); background:#eeebe3; }.n22g-specs div { min-height:78px; display:flex; flex-direction:column; justify-content:center; padding:15px 24px; border-right:1px solid var(--n22g-line); }.n22g-specs div:last-child { border:0; }.n22g-specs span { margin-bottom:5px; color:#8a929a; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.n22g-specs strong { color:#303b45; font-size:12px; }
.n22g-panel__body { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:48px; padding:50px; }.n22g-panel__body h3 { margin:0 0 25px; font-family:Georgia,serif; font-size:27px; font-weight:500; }.n22g-console-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.n22g-console-grid article { min-height:190px; padding:19px; border:1px solid #d9d5cc; border-radius:5px; background:#fff; }.n22g-console-grid article > div { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }.n22g-console-grid article > div span { color:#78838d; font-family:ui-monospace,monospace; font-size:9px; }.n22g-console-grid svg { width:44px; height:34px; fill:none; stroke:color-mix(in srgb,var(--accent) 60%,#26323e); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }.n22g-console-grid small { color:color-mix(in srgb,var(--accent) 65%,#25313d); font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.n22g-console-grid h4 { margin:5px 0 7px; color:#18222c; font-family:Georgia,serif; font-size:19px; font-weight:500; }.n22g-console-grid p { margin:0!important; color:#77818a; font-size:10px; line-height:1.45; }
.n22g-shifts { padding-left:42px; border-left:1px solid var(--n22g-line); }.n22g-shifts ol { margin:0; padding:0; list-style:none; }.n22g-shifts li { display:grid; grid-template-columns:34px 1fr; gap:13px; align-items:start; padding:18px 0; border-top:1px solid var(--n22g-line); }.n22g-shifts li span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--accent); color:#18212b; font-family:ui-monospace,monospace; font-size:8px; font-weight:900; }.n22g-shifts li p { margin:3px 0 0!important; color:#4d5964; font-size:12px; line-height:1.55; }
.n22g-panel-nav { display:flex; align-items:center; justify-content:flex-end; gap:19px; margin-top:18px; }.n22g-panel-nav button { display:flex; align-items:center; gap:7px; padding:8px 0; border:0; background:transparent; color:#4d5863; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.n22g-panel-nav button:disabled { opacity:.3; cursor:not-allowed; }.n22g-panel-nav svg { width:17px; fill:none; stroke:currentColor; stroke-width:1.7; }.n22g-panel-nav p { margin:0!important; color:#91989f; font-size:9px; }.n22g-panel-nav p span { color:#1f2a35; font-size:13px; font-weight:800; }

.n22g-compare { padding:90px max(5vw,calc((100vw - 1260px)/2)) 100px; background:#e8e4da; }.n22g-compare__head { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:45px; }.n22g-compare h2 { margin:0; font-family:Georgia,serif; font-size:clamp(34px,4vw,52px); font-weight:500; line-height:1.06; }.n22g-compare__head p { max-width:560px; margin:14px 0 0!important; color:#69737d; font-size:13px; line-height:1.65; }.n22g-compare__selectors { display:grid; grid-template-columns:1fr 35px 1fr; align-items:end; gap:12px; }.n22g-compare__selectors label { color:#75808a; font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.n22g-compare__selectors select { width:100%; height:49px; margin-top:8px; padding:0 13px; border:1px solid #c5c0b5; border-radius:4px; background:#fff; color:#27323d; font-size:11px; }.n22g-compare__selectors > span { display:grid; place-items:center; width:35px; height:35px; margin-bottom:7px; border-radius:50%; background:#111924; color:var(--n22g-acid); font-size:9px; font-weight:900; }
.n22g-table-wrap { overflow-x:auto; border:1px solid #cbc6bb; border-radius:6px; }.n22g-table-wrap table { width:100%; min-width:720px; border-collapse:collapse; background:rgba(255,255,255,.56); }.n22g-table-wrap th,.n22g-table-wrap td { padding:18px 24px; border-right:1px solid #d4cfc4; border-bottom:1px solid #d4cfc4; text-align:left; }.n22g-table-wrap tr:last-child th,.n22g-table-wrap tr:last-child td { border-bottom:0; }.n22g-table-wrap th:last-child,.n22g-table-wrap td:last-child { border-right:0; }.n22g-table-wrap thead th { background:#111924; color:#fff; font-family:Georgia,serif; font-size:18px; font-weight:500; }.n22g-table-wrap thead th:first-child { width:21%; color:#7f8b99; font-family:inherit; font-size:8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }.n22g-table-wrap tbody th { color:#727d87; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }.n22g-table-wrap tbody td { color:#394550; font-size:12px; line-height:1.5; }
.n22g-note { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; padding:78px max(5vw,calc((100vw - 1260px)/2)); background:#101722; color:#fff; }.n22g-note span { display:block; margin-bottom:12px; color:var(--n22g-acid); font-size:9px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }.n22g-note h2 { margin:0; color:#fff; font-family:Georgia,serif; font-size:clamp(34px,3.6vw,50px); font-weight:500; line-height:1.05; }.n22g-note p { margin:0 0 26px!important; color:#a8b2bd; font-size:14px; line-height:1.75; }.n22g-note a { display:inline-flex; align-items:center; gap:9px; padding-bottom:5px; border-bottom:1px solid #697582; color:#fff!important; font-size:10px; font-weight:800; letter-spacing:.1em; text-decoration:none!important; text-transform:uppercase; }.n22g-note a:hover { color:var(--n22g-acid)!important; }.n22g-note svg { width:17px; fill:none; stroke:currentColor; stroke-width:1.7; }

@media(max-width:1050px){.n22g-hero{grid-template-columns:1fr 360px}.n22g-hero__visual{width:350px}.n22g-hero__visual b{transform:rotate(var(--angle)) translateX(164px) rotate(calc(-1*var(--angle)))}.n22g-tabs{overflow-x:auto;grid-template-columns:repeat(9,125px)}.n22g-panel__intro{grid-template-columns:115px 1fr 150px;padding:40px;gap:28px}.n22g-panel__icon{width:145px;height:145px}.n22g-panel__icon svg{width:90px}.n22g-panel__body{grid-template-columns:1fr;padding:40px}.n22g-shifts{padding:35px 0 0;border-left:0;border-top:1px solid var(--n22g-line)}.n22g-shifts ol{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.n22g-shifts li{display:block}.n22g-shifts li p{margin-top:10px!important}}
@media(max-width:760px){.n22g-hero{min-height:auto;display:block;padding:45px 21px 0}.n22g-hero__copy{padding:0}.n22g-breadcrumb{margin-bottom:43px}.n22g-hero h1{font-size:48px}.n22g-hero h1 br{display:none}.n22g-hero__copy>p:last-of-type{font-size:15px}.n22g-hero__visual{display:none}.n22g-hero__stats{min-height:91px;margin-top:50px}.n22g-hero__stats div{min-width:0;flex:1;margin-right:13px;padding-right:13px}.n22g-hero__stats strong{font-size:22px}.n22g-era-strip{display:flex;overflow-x:auto;padding:0}.n22g-era-strip div{min-width:190px}.n22g-explorer{padding:55px 15px 70px}.n22g-section-head{display:block}.n22g-share-wrap{margin-top:24px}.n22g-share-wrap select{min-width:0;flex:1}.n22g-share span{display:none}.n22g-tabs{margin-inline:-15px;border-radius:0;border-inline:0;padding-left:15px;scrollbar-width:thin}.n22g-panel{margin-inline:-15px;border-inline:0}.n22g-panel__intro{display:block;min-height:0;padding:34px 21px}.n22g-generation-mark{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:27px;padding:0 0 20px;border-right:0;border-bottom:1px solid var(--n22g-line)}.n22g-generation-mark strong{font-size:50px}.n22g-generation-mark i{text-align:right}.n22g-panel__intro h2{font-size:37px}.n22g-panel__icon{display:none}.n22g-specs{grid-template-columns:1fr 1fr}.n22g-specs div:nth-child(2){border-right:0}.n22g-specs div:nth-child(-n+2){border-bottom:1px solid var(--n22g-line)}.n22g-specs div{padding:13px 16px}.n22g-panel__body{padding:33px 20px;gap:35px}.n22g-console-grid{display:flex;overflow-x:auto;margin-inline:-20px;padding:0 20px 8px}.n22g-console-grid article{min-width:220px}.n22g-shifts ol{display:block}.n22g-panel-nav{justify-content:space-between}.n22g-compare{padding:58px 18px 70px}.n22g-compare__head{display:block}.n22g-compare__selectors{margin-top:30px;grid-template-columns:1fr 30px 1fr;gap:7px}.n22g-compare__selectors>span{width:30px;height:30px}.n22g-table-wrap th,.n22g-table-wrap td{padding:14px}.n22g-note{grid-template-columns:1fr;gap:32px;padding:58px 22px}}
@media(prefers-reduced-motion:reduce){.n22g-rings{animation:none}html:focus-within{scroll-behavior:auto}}