:root{--bg:#070817;--surface:#101126;--magenta:#ff35d7;--cyan:#27dfff;--gold:#ffe32e;--text:#f5f4ff;--muted:#adb5cd;--border:#393657}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}::selection{background:var(--magenta);color:#05051a}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.eyebrow,.hero-caption,.feature-index,.panel-label,.role-label,.panel-footer,.status-top,.status-row,.footer-inner small{font:500 11px/1.5 "DM Mono",monospace;letter-spacing:.13em}.eyebrow{color:var(--cyan);margin:0 0 20px}.site-header{position:sticky;z-index:30;top:0;background:#090b1df0;border-bottom:1px solid #85287578;box-shadow:0 9px 32px #0004}.site-header:before{content:"";height:3px;position:absolute;inset:0 0 auto;background:linear-gradient(90deg,var(--magenta),#a15cff,var(--cyan))}.navigation{display:flex;justify-content:space-between;align-items:center;height:84px;gap:25px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 9px #f033cb75)}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font:900 29px "Barlow Condensed",Impact,sans-serif;letter-spacing:.06em;white-space:nowrap}.brand small{font:9px "DM Mono",monospace;letter-spacing:.19em;color:var(--cyan);margin-top:6px}.nav-links{display:flex;align-items:center;gap:29px}.nav-links>a{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.nav-links>a:hover{color:var(--cyan)}.nav-links .nav-discord{background:var(--magenta);color:#090719;padding:13px 16px;clip-path:polygon(0 0,100% 0,100% 76%,91% 100%,0 100%)}.nav-discord span{margin-left:8px}.mobile-toggle{display:none;background:none;border:1px solid var(--border);color:#fff;padding:10px}.scanline{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,#16234c08 5px);z-index:100;opacity:.22}.hero{min-height:760px;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #9c328f66;background:#09091b}.hero-art{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#060717f2 0%,#060719da 31%,#08081996 59%,#0808195e 100%),linear-gradient(0deg,#08091bfd,transparent 45%),radial-gradient(circle at 75% 42%,#2d1569,#07091e 65%)}.hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 42%,#05b5f522,transparent 36%),radial-gradient(ellipse at 18% 65%,#fd21c824,transparent 42%)}.hero-inner{min-height:760px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:75px 0 62px}.hero-caption{color:#67e8ff;display:flex;align-items:center;gap:12px}.live-line{width:25px;height:2px;background:var(--magenta);box-shadow:0 0 15px var(--magenta)}.hero-wordmark{width:min(450px,75vw);height:auto;object-fit:contain;margin:20px 0 16px;filter:drop-shadow(0 0 14px #ef19d16b)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(66px,7.5vw,112px);line-height:.88;letter-spacing:-.012em;margin:8px 0 27px}h1 em{font-style:normal;color:#fff;text-shadow:0 0 15px #ff3ad877}.hero-inner>p{max-width:575px;font-size:17px;line-height:1.8;color:#d4d5eb}.hero-actions,.community-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:19px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:13px 23px;font-weight:800;font-size:12px;letter-spacing:.09em;clip-path:polygon(0 0,100% 0,100% 79%,92% 100%,0 100%);transition:filter .2s,transform .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.15)}.button.primary{background:linear-gradient(105deg,#ff30cf,#ca3be5 69%,#2ce9ff);color:#070b20}.button.outline{background:#0a0c25d8;border:1px solid #50d9ed;color:#8af5ff}.button.light{background:#090b20;color:#fff}.hero-meta{gap:32px;margin-top:66px;color:#b6bfd9}.hero-meta span:before{content:"//";color:var(--magenta);margin-right:8px}.hero-side{position:absolute;right:24px;bottom:31px;font:11px "DM Mono",monospace;letter-spacing:.23em;writing-mode:vertical-rl;color:#d0c1e6}.marquee{background:linear-gradient(100deg,#fc31c9,#bc36d7 58%,#35c5ef);color:#0a0b22;font:800 19px "Barlow Condensed",sans-serif;letter-spacing:.14em}.marquee .wrap{min-height:53px;display:flex;justify-content:space-between;align-items:center;gap:20px}.marquee b{font-size:15px}.section{padding:100px 0}.intro{background:#090a1a}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}h2{font-size:clamp(50px,6vw,88px);line-height:.95;letter-spacing:.01em;margin:0}h2 span{color:var(--magenta)}.intro-text{max-width:540px}.intro-text p,.section-heading>p,.community-grid>div>p,.status-grid>div>p{color:var(--muted);font-size:16px;line-height:1.8}.text-link{color:#5aeaff;font:700 12px "DM Mono",monospace;letter-spacing:.05em;display:inline-block;margin-top:16px}.text-link:hover{color:#ff63da}.systems-section{background:linear-gradient(125deg,#10112c,#090b1d 45%,#100b20)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-heading>p{max-width:350px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{min-height:310px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:27px 29px 30px;overflow:hidden;border:1px solid #54365e;background:radial-gradient(ellipse at 90% 18%,#78217b4b,transparent 65%),linear-gradient(140deg,#21102f,#0b1425)}.feature:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--magenta)}.feature:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #fe47db36;border-radius:50%;right:-80px;top:20px;box-shadow:0 0 0 30px #ff38d408,0 0 0 60px #24e5ff06;pointer-events:none}.feature-index{color:#f28cea}.feature-copy h3{font-size:41px;line-height:.97;margin:0 0 12px}.feature-copy p{font-size:13px;max-width:290px;color:#c1c5db;line-height:1.7;margin:0}.feature-cyan{background:radial-gradient(ellipse at 88% 20%,#096d9b7b,transparent 60%),#0c1729}.feature-cyan:before{background:var(--cyan)}.feature-cyan .feature-index{color:#77edff}.feature-purple{background:linear-gradient(133deg,#281040,#100b25)}.feature-purple:before{background:#9f6df8}.feature-gold{background:radial-gradient(ellipse at 95% 12%,#88512d54,transparent 70%),#17111e}.feature-gold:before{background:var(--gold)}.feature-gold .feature-index{color:#ffe683}.feature-violet{background:radial-gradient(ellipse at 90% 20%,#6730a269,transparent 65%),#120f2b}.feature-violet:before{background:#b358fc}.feature-dark{background:linear-gradient(135deg,#13223b,#121124)}.feature-dark:before{background:#63aefa}.small-note{color:#858fae;font-size:12px;margin:23px 0 0}.community-section{background:#070918}.community-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:80px}.community-grid>div>p{max-width:590px;margin-top:28px}.community-panel{background:radial-gradient(circle at 50% 42%,#972fc63b,transparent 55%),linear-gradient(140deg,#171035,#0c1531);padding:36px;min-height:440px;border:1px solid #6c3378;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 70px #0006}.community-panel img{width:158px;height:158px;object-fit:contain;filter:drop-shadow(0 0 22px #ff34d46c)}.panel-label{font-size:10px;color:#51e2f7;margin:18px 0}.community-panel h3{font-size:32px;margin-bottom:5px}.community-panel p{color:#b9bbd8;max-width:325px;font-size:13px}.panel-footer{margin-top:15px;border-top:1px solid #44355d;padding-top:20px;width:100%;color:#a2acc7}.panel-footer span{color:#ff3ac9}.staff-section{background:#101126}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.staff-card{padding:25px;min-height:260px;background:#0a1026;border:1px solid #413f65;position:relative}.staff-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ec37d5,#30dff9)}.staff-avatar{width:80px;height:80px;border:1px solid #ef35d46b;background:linear-gradient(145deg,#371541,#0a2847);display:grid;place-items:center;font:900 26px "Barlow Condensed",sans-serif;color:#f76fe1;margin:10px 0 25px}.staff-avatar img{width:100%;height:100%;object-fit:cover}.role-label{color:var(--cyan)}.staff-card h3{font-size:31px;margin:7px 0}.staff-card p{color:#b5bfd5;font-size:13px;margin:0}.staff-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #45405e;margin-top:29px;padding-top:15px}.staff-footer span{font-size:13px;color:#b8bbd2}.status-section{background:radial-gradient(circle at 80% 40%,#2c16546e,transparent 45%),#080a1b}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.status-grid>div>p{max-width:520px;margin:25px 0}.status-panel{background:linear-gradient(135deg,#19112e,#0a122c);border:1px solid #755185;padding:31px;box-shadow:0 25px 70px #0006}.status-top{display:flex;justify-content:space-between;gap:15px;color:#6eeaff;border-bottom:1px solid #453451;padding-bottom:21px}.live-badge{color:#d2d5e9}.live-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b8b8cc;margin-right:4px}.live-badge.online i{background:#4af9c1;box-shadow:0 0 12px #46f6bc}.live-badge.offline i{background:#f64c88}.status-name{font:900 49px "Barlow Condensed",sans-serif;line-height:1;margin:30px 0 3px}.status-panel>p{font:11px "DM Mono",monospace;color:#9facc8;margin:0 0 30px}.status-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333453;padding:16px 0;color:#a3acc4}.status-row strong{color:#e5f5ff;text-align:right;font-size:11px;word-break:break-word}.status-panel small{display:block;color:#929cbc;font-size:11px;line-height:1.5;margin-top:16px}.cta-footer{background:linear-gradient(95deg,#e42dcc 0%,#bd39db 56%,#28bfeb 100%);color:#080c1e;padding:82px 0;text-align:center}.cta-footer .eyebrow{color:#171026}.cta-footer h2{margin:0 auto 35px;font-size:clamp(65px,8vw,114px)}.cta-footer h2 span{color:#fff}footer{background:#050717;border-top:1px solid #353057;padding:35px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-inner>div{display:flex;align-items:center;gap:13px}.footer-inner strong{font:900 24px "Barlow Condensed",sans-serif;display:block;line-height:1}.footer-inner small{display:block;color:#919cb7;font-size:9px;margin-top:9px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:23px;font:bold 11px Inter,sans-serif}.footer-inner nav a:hover{color:#30eaff}.disclaimer{color:#7d89aa;border-top:1px solid #292b45;margin-top:23px;padding-top:20px;font-size:11px}
@media(max-width:1000px){.nav-links{gap:14px}.nav-links>a{font-size:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.community-grid{gap:40px}}
@media(max-width:760px){.wrap{width:min(100% - 32px,1240px)}.navigation{height:76px}.brand img{width:50px;height:50px}.brand strong{font-size:26px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:#090b20;border-bottom:1px solid #87367e;padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:19px}.nav-links.open{display:flex}.nav-links>a{font-size:12px}.hero,.hero-inner{min-height:750px}.hero-art{background:linear-gradient(90deg,#070719ef,#07081ecc),radial-gradient(ellipse at 50% 15%,#922f99,#0a0820 80%)}.hero-inner{padding-top:180px;justify-content:flex-end;padding-bottom:45px}.hero-wordmark{width:min(350px,75vw)}h1{font-size:clamp(59px,11vw,85px)}.hero-inner>p{font-size:15px}.hero-meta{gap:12px;flex-wrap:wrap;margin-top:32px;font-size:9px}.hero-side{display:none}.marquee{font-size:15px}.marquee .wrap span:last-child,.marquee .wrap b:last-of-type{display:none}.section{padding:70px 0}.intro-grid,.community-grid,.status-grid{grid-template-columns:1fr;gap:38px}.section-heading{display:block}.section-heading>p{margin-top:24px}.staff-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-inner nav{margin-top:24px}.status-panel{padding:23px}}
@media(max-width:520px){.hero-inner{padding-top:145px}.hero-caption{font-size:9px}.hero-wordmark{width:280px}h1{font-size:61px}.feature-grid{grid-template-columns:1fr}.feature{min-height:270px}.marquee .wrap span:nth-of-type(2){display:none}.community-panel{min-height:360px}.staff-footer{display:block}.cta-footer{padding:65px 0}.cta-footer h2{font-size:69px}.status-top{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Flatline RP / Night City feature artwork – 2026-11-04 */
.systems-section {background:linear-gradient(180deg,#080817 0%,#0d0b22 55%,#070819 100%)}
.feature-grid {gap:17px}
.feature {
  isolation:isolate;min-height:332px;padding:29px 30px 31px;
  background-color:#110e28;background-size:cover;background-position:center;
  border:1px solid color-mix(in srgb,var(--art-accent,#ff35d7) 48%,#24223f);
  box-shadow:0 13px 35px #0005,inset 0 0 1px #fff4;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.feature::before {z-index:3;background:var(--art-accent,#ff35d7);height:4px;box-shadow:0 0 18px var(--art-accent,#ff35d7)}
.feature::after {
  content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;border:0;border-radius:0;right:auto;top:auto;box-shadow:none;
  background:linear-gradient(90deg,rgba(8,8,25,.94) 0%,rgba(9,10,26,.72) 35%,rgba(9,10,27,.22) 73%,rgba(7,8,22,.08) 100%),
    linear-gradient(0deg,rgba(6,7,20,.78) 0%,transparent 72%);
  pointer-events:none;
}
.feature-index,.feature-copy{position:relative;z-index:2}
.feature-index{font-weight:700;letter-spacing:.15em;color:var(--art-accent,#ff35d7);text-shadow:0 1px 10px #03030c}
.feature-copy h3{font-size:clamp(36px,3vw,45px);text-shadow:0 3px 18px #02050d}
.feature-copy p{font-size:13px;color:#f1f0fc;line-height:1.65;text-shadow:0 1px 9px #02040c}
.feature:hover{transform:translateY(-4px);border-color:var(--art-accent,#ff35d7);box-shadow:0 16px 40px #0008,0 0 24px color-mix(in srgb,var(--art-accent,#ff35d7) 18%,transparent)}
.feature-main{--art-accent:#ff45df;background-image:url('/images/features/identity-photo.jpg')}
.feature-cyan{--art-accent:#34e6ff;background-image:url('/images/features/economy-photo.jpg')}
.feature-purple{--art-accent:#bd82ff;background-image:url('/images/features/streets-photo.jpg')}
.feature-gold{--art-accent:#ffe13d;background-image:url('/images/features/road-photo.jpg')}
.feature-violet{--art-accent:#ef5eff;background-image:url('/images/features/chrome-photo.jpg')}
.feature-dark{--art-accent:#69baff;background-image:url('/images/features/people-photo.jpg')}
.feature-gold .feature-index{color:#ffe13d}
.feature-cyan .feature-index{color:#34e6ff}
.feature-purple .feature-index{color:#bd82ff}
.feature-violet .feature-index{color:#ef5eff}
.feature-dark .feature-index{color:#69baff}
@media(max-width:760px){.feature{min-height:310px;padding:23px}.feature::after{background:linear-gradient(90deg,rgba(6,7,23,.94),rgba(7,7,22,.53)),linear-gradient(0deg,#080919e0,transparent 75%)}}
@media(prefers-reduced-motion:reduce){.feature{transition:none}.feature:hover{transform:none}}

.nav-links{gap:13px}.nav-links>a{font-size:10px}@media(max-width:1050px){.mobile-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:80px;padding:23px;background:#090b20;border-bottom:1px solid #733874;flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-links>a{font-size:13px}}
/* FLATLINE RP: user-approved cinematic artwork, replaces stock photography */
.feature-grid .feature{
  background-image:url('/images/features/flatline-cards.avif') !important;
  background-repeat:no-repeat;
  background-size:auto 200% !important;
}
.feature-grid .feature:nth-child(1){background-position:0% 0% !important}
.feature-grid .feature:nth-child(2){background-position:50% 0% !important}
.feature-grid .feature:nth-child(3){background-position:100% 0% !important}
.feature-grid .feature:nth-child(4){background-position:0% 100% !important}
.feature-grid .feature:nth-child(5){background-position:50% 100% !important}
.feature-grid .feature:nth-child(6){background-position:100% 100% !important}
.feature-grid .feature:after{
 background:linear-gradient(90deg,rgba(4,6,20,.90),rgba(5,7,18,.57) 47%,rgba(4,4,16,.10)),
 linear-gradient(0deg,rgba(6,5,17,.77),transparent 80%) !important;
}
.feature-grid .feature .feature-copy{position:relative;z-index:3}
.feature-grid .feature .feature-copy p{color:#f0effb;max-width:310px}
@media(max-width:600px){.feature-grid .feature{min-height:300px}}
/* Handbook navigation tuning */
@media(max-width:1280px){
  .site-header .mobile-toggle{display:block}
  .site-header .nav-links{display:none;position:absolute;left:0;right:0;top:80px;background:#090b20;border-bottom:1px solid #87367e;padding:20px 24px;flex-direction:column;align-items:stretch;gap:16px;z-index:35}
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links>a{font-size:13px;line-height:1.6}
  .site-header .navigation{height:80px}
}
@media(max-width:760px){.site-header .navigation{height:76px}.site-header .nav-links{top:76px}}
/* Flatline RP / compact primary navigation */
.site-header{background:#080a1c;border-bottom:1px solid rgba(84,72,112,.6);box-shadow:0 6px 30px #0004}
.site-header .navigation{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:84px;height:84px}
.site-header .brand{flex:0 0 auto;min-width:max-content;gap:12px}
.site-header .brand img{width:54px;height:54px;object-fit:contain}
.site-header .brand strong{font-size:27px}
.site-header .brand small{font-size:8px;letter-spacing:.18em}
.site-header .nav-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.5vw,24px);flex-wrap:nowrap;min-width:0}
.site-header .nav-links>a{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font:700 11px/1.3 Inter,Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;text-decoration:none;color:#dce1f5;padding:10px 0;min-height:40px;border:0;box-shadow:none;background:transparent}
.site-header .nav-links>a:hover,.site-header .nav-links>a[aria-current="page"]{color:#62e9fa}
.site-header .nav-links>a.nav-portal{color:#67e8f7;border:1px solid #296b83;background:#102438;padding:11px 14px}
.site-header .nav-links>a.nav-portal:hover{background:#14435b;border-color:#59e8fa;color:#fff}
.site-header .nav-links>a.nav-discord{background:#ef34c3;color:#fff;padding:12px 19px;border:1px solid #ff57d4;clip-path:polygon(0 0,100% 0,100% 78%,89% 100%,0 100%);font-size:11px}
.site-header .nav-links>a.nav-discord:hover{background:#ff5cd8}
.site-header .nav-links:before,.site-header .nav-links:after{content:none!important;display:none!important}
@media(max-width:1199px){
  .site-header .mobile-toggle{display:block}
  .site-header .nav-links{display:none;position:absolute;top:84px;left:0;right:0;z-index:50;background:#0a1026;border-bottom:2px solid #c443bd;padding:18px 24px;flex-direction:column;align-items:stretch;gap:7px;max-height:calc(100vh - 84px);overflow:auto;box-shadow:0 25px 35px #0009}
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links>a{justify-content:flex-start;width:100%;text-align:left;padding:12px 15px;font-size:13px}
  .site-header .nav-links>a.nav-portal,.site-header .nav-links>a.nav-discord{width:max-content;min-width:180px;justify-content:center;margin-top:5px}
}
@media(max-width:760px){.site-header .navigation{height:76px;min-height:76px}.site-header .nav-links{top:76px;max-height:calc(100vh - 76px)}.site-header .brand img{width:48px;height:48px}.site-header .brand strong{font-size:25px}}