:root{--bg:#080d16;--panel:#101a28;--blue:#42c5ff;--orange:#ff9f5a;--text:#edf5ff;--muted:#98aabe;--line:rgba(91,170,224,.2);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:#1c86c9;color:white}.container{width:min(var(--max),91%);margin:auto}.topline{height:28px;display:flex;align-items:center;justify-content:center;gap:10px;background:#060a10;color:#8298ad;font-size:9px;letter-spacing:2px}.topline i,.eyebrow i{width:22px;height:1px;background:var(--orange);display:inline-block}.topline b{color:var(--orange)}.header{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 max(4.5%,calc((100% - var(--max))/2));background:#070c14ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;letter-spacing:3px;line-height:1;white-space:nowrap}.brand>span:last-child>span{color:var(--blue)}.brand small{display:block;color:#8093a8;font-size:8px;letter-spacing:2px;margin-top:7px}.brand-icon{width:36px;height:39px;display:grid;place-items:center;color:white;font-size:24px;background:linear-gradient(145deg,#1a91d5,#122b4b);border:1px solid #55c8ff;clip-path:polygon(0 0,82% 0,100% 22%,100% 100%,18% 100%,0 78%)}.nav{display:flex;gap:23px}.nav a,.footer-links a,.footer-links button{color:#b0bfd0;font-size:9px;letter-spacing:1.4px}.nav a:hover,.footer a:hover,.footer-links button:hover{color:var(--blue)}.nav-toggle{display:none;background:none;color:white;border:1px solid var(--line);padding:7px 11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 18px;background:linear-gradient(115deg,#1787d4,#1650a6);border:1px solid #49baff;color:white;font-size:10px;font-weight:800;letter-spacing:1.3px;clip-path:polygon(0 0,91% 0,100% 27%,100% 100%,9% 100%,0 73%);transition:.2s}.btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.btn-small{padding:10px 13px;font-size:9px}.btn-ghost{background:#09111dcc;border-color:#526a82}.hero{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(ellipse at 78% 44%,#1273d033,transparent 36%),linear-gradient(105deg,#080d16,#0c1929 60%,#080d16)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#41a0dc0e 1px,transparent 1px),linear-gradient(90deg,#41a0dc0e 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#000,transparent 95%);pointer-events:none}.hero-layout{min-height:650px;position:relative;display:flex;align-items:center}.hero-copy{width:62%;padding:65px 0;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:2.5px}.hero h1{font-size:clamp(56px,8.3vw,110px);line-height:.92;letter-spacing:-5px;margin:24px 0 12px;font-weight:950}.hero h1 span,.cta h2 span{color:var(--blue);text-shadow:0 0 30px #1d9ff433}.subtitle{font-size:12px;letter-spacing:6px;color:#b3c5d9}.lead{max-width:510px;color:#a9bbce;font-size:16px;margin:26px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.stats{display:flex;gap:36px;margin-top:42px}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:26px;line-height:1}.stats small{font-size:8px;letter-spacing:1.5px;color:#8298ae}.hero-emblem{position:absolute;right:1%;top:50%;transform:translateY(-50%);width:43%;height:440px;display:grid;place-items:center}.orbit{position:absolute;aspect-ratio:1;border:1px solid #46baff3b;border-radius:50%}.orbit1{width:95%;box-shadow:inset 0 0 50px #0d79c21a}.orbit2{width:70%;border-style:dashed;animation:spin 50s linear infinite}.core{width:55%;aspect-ratio:.82;display:grid;place-items:center;background:linear-gradient(145deg,#245375,#0a1524 55%,#153b5b);clip-path:polygon(50% 0,88% 16%,100% 68%,64% 100%,20% 84%,0 35%,20% 12%);filter:drop-shadow(0 0 22px #169bff55);font-size:clamp(90px,12vw,145px);font-weight:950;color:#d6f5ff;text-shadow:0 0 35px #2eafff;z-index:1}.tag{position:absolute;background:#09121fe8;border:1px solid var(--line);padding:9px 12px;font-size:8px;letter-spacing:1px}.tag-top{top:15%;right:-1%}.tag-bottom{bottom:12%;left:0;color:#b6d4e7}.tag-bottom b{color:var(--blue);margin-left:12px}.scroll-cue{position:absolute;bottom:20px;left:0;color:#657e97;font-size:8px;letter-spacing:2px}.ticker{overflow:hidden;white-space:nowrap;background:#0d1724;border-block:1px solid var(--line);padding:14px 0;color:#b5c7da;font-size:10px;letter-spacing:2px;font-weight:800}.ticker span{display:block;min-width:1200px;text-align:center}.section{padding-block:94px}.section-dark{background:#0b121d;border-block:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin-bottom:40px}.section-head h2,.cta h2{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;line-height:1.07;margin:15px 0 0}.section-head h2 em{font-style:normal;color:#71869c}.section-head>p{max-width:460px;margin:0 0 5px;color:var(--muted);font-size:13px}.world{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.map{height:375px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse,#15324a,#0a111c 68%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#4ba5db17 1px,transparent 1px),linear-gradient(90deg,#4ba5db17 1px,transparent 1px);background-size:30px 30px}.map-ring{position:absolute;width:65%;aspect-ratio:1;border:1px dashed #3e9ad244;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:38px;font-weight:900;text-shadow:0 0 22px #2c9cff}.map-center span{color:var(--orange)}.map-label{position:absolute;font-size:8px;letter-spacing:1px}.map-label:first-letter{color:var(--blue)}.map-label small{display:block;color:#7994ad;font-size:7px}.l1{left:12%;top:22%}.l2{right:7%;top:38%}.l3{left:22%;bottom:18%}.coords{position:absolute;right:12px;bottom:12px;color:#607c96;font-size:8px;line-height:1.8;letter-spacing:1px;text-align:right}.points article{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.points article:first-child{padding-top:0}.points article>b{font-size:11px;color:var(--orange)}.points h3{margin:0 0 5px;font-size:16px}.points p,.faction p,.commander p,.feature p,.news-info p{margin:0;color:var(--muted);font-size:12px}.cards{display:grid;gap:15px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.faction,.feature,.commander,.news-card{border:1px solid var(--line);background:linear-gradient(145deg,#142130,#0b111a 78%);overflow:hidden}.faction{padding:20px;min-height:285px;transition:.2s}.faction:hover{transform:translateY(-4px);border-color:#3eabeb}.card-meta{display:flex;justify-content:space-between;color:#8ca0b5;font-size:8px;letter-spacing:1.3px}.card-meta b{font-size:34px;color:#ffffff24}.faction h3{margin:76px 0 4px;font-size:17px}.faction label,.commander label,.news-info label{font-size:8px;letter-spacing:1.1px;color:var(--orange)}.faction p{min-height:60px;margin-top:10px}.faction hr{border:0;border-top:1px solid var(--line);margin:15px 0}.faction>small,.commander-info>small{font-size:8px;letter-spacing:.7px;color:#91a7bb}.commander{background:#0d1521}.portrait{height:180px;display:grid;place-items:center;font-size:75px;font-weight:950;letter-spacing:-5px;color:#d4f4ff;text-shadow:0 0 25px #35b7ff88;background:radial-gradient(ellipse at 50% 70%,#235579,#0a111b 70%);position:relative}.portrait:after{content:"";position:absolute;width:125px;height:125px;border:1px solid #69caff44;transform:rotate(45deg)}.p2{background:radial-gradient(ellipse at 50% 70%,#40376f,#0a111b 70%);color:#ded6ff}.p3{background:radial-gradient(ellipse at 50% 70%,#704a30,#0a111b 70%);color:#ffe2cb}.commander-info,.news-info{padding:20px}.commander-info h3,.news-info h3{font-size:20px;margin:7px 0}.commander-info p{min-height:45px;margin-bottom:16px}.muted-note{font-size:11px;color:#71869b;margin-top:18px;letter-spacing:.7px}.feature{padding:23px;min-height:230px}.feature>b{display:block;font-size:28px;color:var(--blue);margin-bottom:18px}.feature>small{font-size:8px;letter-spacing:1.5px;color:#6c879f}.feature h3{font-size:16px;margin:9px 0}.feature p{line-height:1.7}.ranks{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.ranks article{padding:19px 14px;border-right:1px solid var(--line);background:#0e1723}.ranks article:last-child{border:0}.ranks small{font-size:8px;letter-spacing:1px;color:#738ba2}.ranks b{display:block;font-size:24px;color:var(--blue);margin:14px 0 5px}.ranks h3{font-size:12px;margin:0}.ranks p{font-size:10px;color:var(--muted)}.ranks .highlight{background:#113150;box-shadow:inset 0 2px var(--orange)}.ranks .highlight b{color:var(--orange)}.news-art{height:130px;padding:16px;font-size:8px;letter-spacing:1.4px;background:radial-gradient(ellipse at 70% 60%,#1c5b7d,#0c1622 68%)}.n2{background:radial-gradient(ellipse at 30% 50%,#704a30,#0c1622 68%)}.n3{background:radial-gradient(ellipse at 70% 40%,#43366f,#0c1622 68%)}.news-info h3{font-size:16px}.news-info p{min-height:55px;margin-bottom:16px}.news-info>a{font-size:9px;letter-spacing:1px;color:var(--blue);font-weight:800}.cta{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(ellipse at 65% 40%,#12395d,#09111d 62%)}.cta-inner{position:relative}.cta h2{font-size:clamp(42px,6vw,72px);margin:17px 0}.cta>div>p{max-width:510px;color:var(--muted);margin-bottom:25px}.cta-inner>small{display:block;margin-top:45px;color:#5e7891;font-size:8px;letter-spacing:2px}.footer{padding:32px 0 17px;background:#060a10}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-main>b{font-size:8px;letter-spacing:1.5px;color:#688097}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.footer-links button{border:0;background:none;padding:0}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:25px;padding-top:14px;border-top:1px solid #172331;color:#61768a;font-size:9px}.cookie{position:fixed;z-index:50;bottom:15px;left:15px;right:15px;max-width:820px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;background:#111e2d;border:1px solid #3b7198;box-shadow:0 15px 50px #0009}.cookie[hidden]{display:none}.cookie p{font-size:11px;color:var(--muted);margin:5px 0 0}.cookie>div:last-child{display:flex;gap:7px;flex-shrink:0}.cookie button{clip-path:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:950px){.nav{gap:12px}.nav a{font-size:8px}.hero-copy{width:67%}.hero-emblem{right:-5%;opacity:.7}.four{grid-template-columns:repeat(2,1fr)}.section{padding-block:72px}}@media(max-width:700px){.header{height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#080e17;padding:22px 5%;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.header>.btn{display:none}.hero,.hero-layout{min-height:610px}.hero-copy{width:100%;padding:65px 0}.hero-emblem{right:-28%;width:75%;opacity:.25}.hero h1{font-size:clamp(52px,14vw,82px)}.section-head{grid-template-columns:1fr;gap:15px}.world{grid-template-columns:1fr}.map{height:300px}.three{grid-template-columns:1fr}.portrait{height:155px}.ranks{grid-template-columns:repeat(2,1fr)}.ranks article{border-bottom:1px solid var(--line)}.ranks article:nth-child(2n){border-right:0}.ranks article:last-child{grid-column:1/-1}.footer-main{align-items:flex-start;flex-direction:column}.cookie{flex-direction:column;align-items:flex-start}.cookie>div:last-child{width:100%}.cookie>div:last-child .btn{flex:1}}@media(max-width:430px){.topline{font-size:7px;letter-spacing:1px}.stats{gap:20px}.stats b{font-size:22px}.actions .btn{width:100%}.four{grid-template-columns:1fr}.faction{min-height:255px}.faction h3{margin-top:50px}.ranks b{font-size:20px}.brand{font-size:17px}.footer-links{gap:12px}}

/* ZERQAVYN visual showcase */
.visual-showcase{padding-top:74px;padding-bottom:78px}
.showcase-main{display:block;position:relative;overflow:hidden;border:1px solid rgba(66,197,255,.35);background:#050a11;min-height:220px;box-shadow:0 22px 70px #0007}
.showcase-main img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 43%;transition:transform .55s ease;filter:saturate(.92)}
.showcase-main:hover img,.showcase-card:hover img{transform:scale(1.025)}
.image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(18px,4vw,44px);background:linear-gradient(90deg,#050a11e8 0%,#050a1180 38%,transparent 78%),linear-gradient(0deg,#050a11b8,transparent 55%);gap:8px}
.image-overlay b,.showcase-card small{font-size:9px;letter-spacing:2px;color:var(--blue);font-weight:800}
.image-overlay strong{font-size:clamp(22px,4vw,44px);line-height:1.1;letter-spacing:-.8px}
.image-overlay small{font-size:9px;letter-spacing:1.8px;color:#b3c6d8}
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.showcase-card{display:block;position:relative;overflow:hidden;background:#0b1420;border:1px solid var(--line);min-width:0}
.showcase-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .55s ease}
.showcase-card span{display:flex;flex-direction:column;gap:5px;padding:18px 20px 20px}
.showcase-card b{font-size:18px;line-height:1.25}
.showcase-card em{font-style:normal;color:var(--muted);font-size:12px}
.visual-disclaimer{font-size:11px;color:#8295a9;margin:14px 0 0}
@media(max-width:700px){.visual-showcase{padding-top:48px;padding-bottom:50px}.showcase-grid{grid-template-columns:1fr;gap:13px}.showcase-main img{aspect-ratio:4/3}.image-overlay{background:linear-gradient(0deg,#050a11ed,transparent 88%);padding:18px}.showcase-card span{padding:15px}.showcase-card b{font-size:16px}}