/* ============================================================
   L2 WarNeT — Working Design v5 "Heraldic Gold"
   Fonts: Cinzel / Cormorant Garamond / Inter / JetBrains Mono
   ============================================================ */
:root{
  --void:#100d0a; --panel:linear-gradient(165deg,#221a10 0%,#17120b 100%); --panel-2:#1e170f;
  --gold-grad:linear-gradient(120deg,#f6dd9c 0%,#d4ab35 45%,#9c8140 100%);
  --line:#3c3018; --line-soft:#2a2216;
  --gold:#d4ab35; --gold-bright:#f0d48e; --gold-dim:#a3894a;
  --ember:#a3492c; --ember-bright:#dd7640;
  --ink:#e7e0cf; --ink-dim:#a89f8c; --ink-faint:#7c7462;
  --green:#6fac5c;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--void); color:var(--ink); font-family:'Inter',sans-serif; font-size:15px; line-height:1.6; overflow-x:hidden;}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.mono{font-family:'JetBrains Mono',monospace;}
.display{font-family:'Cinzel',serif;}
body::before{
  content:""; position:fixed; inset:0;
  background-image:
    radial-gradient(ellipse 900px 500px at 15% -5%, rgba(201,162,39,.07), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 10%, rgba(138,58,34,.08), transparent 55%);
  pointer-events:none; z-index:0;
}
body::after{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.012) 0px, rgba(255,255,255,.012) 1px, transparent 1px, transparent 3px),
    radial-gradient(ellipse 1100px 700px at 50% 0%, rgba(201,162,39,.05), transparent 65%);
}
.void-vignette{position:fixed; inset:0; z-index:0; pointer-events:none; box-shadow:inset 0 0 220px rgba(0,0,0,.75);}
.grain{
  position:fixed; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events:none; z-index:1000; mix-blend-mode:overlay;
}
.wrap{max-width:1880px; margin:0 auto; padding:0 40px;}

/* ===== HEADER ===== */
header{position:sticky; top:0; z-index:100; background:rgba(7,8,10,.88); backdrop-filter:blur(10px); border-bottom:1px solid var(--line-soft); box-shadow:0 1px 0 rgba(201,162,39,.14);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding:19px 32px; max-width:1880px; margin:0 auto;}
.brand{display:flex; align-items:center; gap:12px;}
.brand img{height:55px; width:auto; filter:drop-shadow(0 0 10px rgba(201,162,39,.18));}
.brand-text{ display:flex; align-items:baseline; gap:7px; font-family:'Cinzel',serif; font-weight:700; font-size:27px; letter-spacing:.03em; }
.bt-l2{ background:linear-gradient(160deg,#f4f2ec 0%,#c7c2b6 45%,#8f8a7d 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bt-warnet{ background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 1px 6px rgba(212,171,53,.25)); }
nav.links{display:flex; gap:30px; align-items:center;}
nav.links a{display:flex; align-items:center; gap:8px; font-size:13.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-dim); padding-bottom:4px; border-bottom:1px solid transparent; transition:color .2s, border-color .2s;}
nav.links a:hover{color:var(--gold-bright); border-color:var(--gold-dim);}
img.nic{ height:24px; width:24px; object-fit:contain; }
img.nic-sm{ height:18px; width:18px; margin-right:4px; }
.nav-right{display:flex; align-items:center; gap:18px;}
.lang{display:flex; gap:6px; font-size:13px; color:var(--ink-faint);}
.lang b{color:var(--gold);}
.lang a{ color:var(--ink-faint); }
.lang a.on{ color:var(--gold); font-weight:700; }
.lang a:hover{ color:var(--gold-bright); }
.btn{font-family:'Inter',sans-serif; font-size:14px; letter-spacing:.1em; text-transform:uppercase; padding:12px 24px; border:1px solid var(--gold-dim); background:rgba(212,171,53,.06); color:var(--gold-bright); transition:background .2s, color .2s, border-color .2s, box-shadow .2s; white-space:nowrap; display:inline-block;}
.btn:hover{background:rgba(212,171,53,.16); border-color:var(--gold); box-shadow:0 0 18px rgba(212,171,53,.35), inset 0 0 12px rgba(212,171,53,.12);}
.btn-solid{background:var(--gold); color:#0c0a06; border-color:var(--gold); font-weight:600; position:relative; overflow:hidden;}
.btn-solid:hover{background:var(--gold-bright); border-color:var(--gold-bright); box-shadow:0 0 22px rgba(240,212,142,.55);}
.btn-solid::after{content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent); transform:skewX(-18deg); pointer-events:none;}
.btn-solid:hover::after{ animation:btnSheen .75s ease forwards; }
@keyframes btnSheen{ from{left:-60%;} to{left:130%;} }
.btn-sm{padding:10px 19px; font-size:13px;}

/* ===== HERO — full-bleed background image, content overlaid ===== */
.hero-zone{
  position:relative; overflow:hidden;
  padding:52px 32px 64px;
  min-height:640px;
  background-image:
    linear-gradient(90deg, rgba(9,7,5,.88) 0%, rgba(9,7,5,.58) 26%, rgba(9,7,5,.16) 50%, rgba(9,7,5,.03) 68%),
    linear-gradient(180deg, rgba(9,7,5,.05) 0%, transparent 34%, rgba(9,7,5,.55) 92%, var(--void) 100%),
    url("/assets/img/hero-army.png");
  background-repeat:no-repeat;
  background-position:center 30%, center, 58% 22%;
  background-size:cover, cover, cover;
  border-bottom:1px solid var(--line-soft);
}
.hero-inner{position:relative; z-index:2; max-width:1880px; margin:0 auto; display:grid; grid-template-columns:1fr 300px; gap:28px; align-items:start;}
.hero-main{display:block; max-width:640px;}
.hero-eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); border:1px solid var(--line); padding:6px 12px; margin-bottom:24px; background:rgba(7,8,10,.5); backdrop-filter:blur(4px);}
.hero-eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green);}
.hero-left h1{font-family:'Cinzel',serif; font-weight:700; font-size:clamp(38px,4.6vw,58px); line-height:.98;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 22px rgba(201,162,39,.22)) drop-shadow(0 3px 10px rgba(0,0,0,.75));
}
.hero-left .sub{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:500; font-size:19px; letter-spacing:.02em; color:var(--gold-bright); margin-top:14px;}
.hero-tags{display:flex; gap:9px; margin-top:20px; flex-wrap:wrap;}
.tag{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.05em; padding:5px 11px; border:1px solid var(--line); color:var(--ink-dim);}
.hero-cta{display:flex; gap:12px; margin-top:28px; flex-wrap:wrap;}

/* v2: no sidebar, single left column, compact status line instead of countdown/cards */
.hero-zone-v2{ min-height:min(90vh,920px); display:flex; align-items:flex-end; padding-bottom:84px; }
.hero-inner-v2{ grid-template-columns:1fr; width:100%; }
.hero-zone-v2 .hero-left{ max-width:none; }
.hero-zone-v2 h1{ font-size:clamp(66px,9.5vw,114px); }
.hero-zone-v2 .sub-caps{ font-size:clamp(20px,2.6vw,28px); }
.hero-zone-v2 .hero-cta .btn{ padding:16px 30px; font-size:13.5px; }
.hero-logo-img{ height:clamp(120px,15vw,200px); width:auto; max-width:100%; filter:drop-shadow(0 8px 40px rgba(0,0,0,.6)); }

.fv2-ic.dot-ic{ width:9px; height:9px; border-radius:50%; display:inline-block; background:var(--green); box-shadow:0 0 8px var(--green); }
.fv2-ic.dot-ic.off{ background:var(--ember); box-shadow:0 0 8px var(--ember); }
.sub-caps{
  font-family:'Cinzel',serif; font-size:15px; letter-spacing:.32em; color:var(--gold-bright);
  margin-top:10px; text-shadow:0 2px 4px rgba(0,0,0,.85), 0 4px 18px rgba(0,0,0,.6);
}
.hero-status-mini{
  margin-top:26px; font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-dim);
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  background:rgba(7,8,10,.5); backdrop-filter:blur(4px); border:1px solid var(--line); padding:10px 16px; width:fit-content;
}
.hero-status-mini .dot{width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); display:inline-block;}
.hero-status-mini b{color:var(--ink); font-weight:600;}
.hero-status-mini .sep{color:var(--ink-faint);}

/* feature strip v2 — thin dividers, no boxes, full width & bold */
.feat-strip-v2{ display:flex; align-items:center; justify-content:space-evenly; gap:0; margin:48px 0 0; padding:32px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); flex-wrap:wrap; }
.fv2-item{ font-family:'Cinzel',serif; font-size:16px; letter-spacing:.06em; color:#efe6d3; padding:0 40px; border-left:1px solid var(--line-soft); display:flex; align-items:center; gap:12px; flex:1; justify-content:center; }
.fv2-item:first-child{ border-left:none; }
.fv2-ic{ color:var(--gold); font-size:18px; }

/* split two-column section (server+news, top players+top clans) */
.split-2{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
.panel-block{ background:var(--panel); padding:52px; position:relative; }
.block-h{
  font-family:'Cinzel',serif; font-weight:600; font-size:30px; margin-top:12px;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.mini-news-lg li{ padding:18px 0; display:flex; gap:12px; align-items:flex-start; }
.mini-news-lg .t{ font-size:15.5px; }
.mini-news-lg .d{ font-size:11.5px; }
.news-dot{ width:9px; height:9px; border-radius:50%; margin-top:6px; flex:none; background:var(--gold); box-shadow:0 0 8px rgba(212,171,53,.5); }
.mini-news-lg li.cat-events .news-dot{ background:var(--gold-bright); box-shadow:0 0 8px rgba(240,212,142,.6); }
.mini-news-lg li.cat-news .news-dot{ background:#7ea3c9; box-shadow:0 0 8px rgba(126,163,201,.6); }
.mini-news-lg li.cat-announcement .news-dot{ background:var(--green); box-shadow:0 0 8px rgba(111,172,92,.6); }

.class-dot{ width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:9px; box-shadow:0 0 6px rgba(0,0,0,.4); }
.clan-badge{
  display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:10px;
  font-family:'Cinzel',serif; font-size:11px; font-weight:700; color:var(--void);
  background:var(--gold-grad); border-radius:3px; vertical-align:middle;
}
.rank-compact{ font-size:15px; }
.rank-compact th{ padding:16px 10px; font-size:11px; }
.rank-compact td{ padding:18px 10px; font-size:15px; }

/* epics/castles rows */
.row-list{ list-style:none; margin-top:18px; }
.row-list li{ display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--line-soft); font-size:14px; }
.row-list li:last-child{ border-bottom:none; }
.rl-name{ color:var(--ink); }
.rl-time{ font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--gold-dim); }
.rl-time-ember{ color:var(--ember-bright); }

/* WarNet AI — compact */
.ai-strip-v2{
  display:flex; align-items:center; gap:18px; padding:20px 28px;
  border:1px solid var(--line-soft); background:linear-gradient(90deg, rgba(212,171,53,.06), transparent);
}
.ai-ic-v2{ width:38px; height:38px; flex:none; display:flex; align-items:center; justify-content:center; border:1px solid var(--gold-dim); color:var(--gold-bright); font-size:16px; transform:rotate(45deg); }
.ai-ic-v2 span{ display:block; transform:rotate(-45deg); }
.ai-text-v2{ flex:1; font-size:13.5px; color:var(--ink-dim); }
.ai-text-v2 b{ font-family:'Cinzel',serif; color:var(--gold-bright); font-size:15px; }

/* steps row */
.steps-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); }
.step-v2{ background:var(--panel); padding:42px 38px; position:relative; }
.step-v2 .n{ font-family:'Cinzel',serif; font-size:40px; color:var(--gold-dim); opacity:.5; }
.step-v2 h5{ font-family:'Cinzel',serif; font-size:19px; color:#efe6d3; margin:16px 0 8px; }
.step-v2 p{ font-size:13.5px; color:var(--ink-faint); margin-bottom:16px; }
.step-v2 a{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-bright); }

/* simplified footer v2 */
.footer-v2{ padding:44px 0 26px; border-top:1px solid var(--line-soft); }
.footer-v2-row{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.footer-v2-row .brand img{ height:40px; }
.footer-v2-bottom{ margin-top:26px; padding-top:22px; border-top:1px solid var(--line-soft); }
.footer-v2-bottom p{ color:var(--ink-faint); font-size:11.5px; }
.footer-v2-links{ display:flex; gap:20px; }
.footer-v2-links a{ font-size:12px; color:var(--ink-dim); }
.footer-v2-links a:hover{ color:var(--gold-bright); }

.ember-particle{
  position:absolute; bottom:6%; width:3px; height:3px; border-radius:50%;
  background:radial-gradient(circle, #ffd98a 0%, #c9622f 60%, transparent 100%);
  opacity:0; pointer-events:none; z-index:4;
  animation:emberRise 6s ease-in infinite;
}
@keyframes emberRise{
  0%{ transform:translateY(0) translateX(0) scale(1); opacity:0; }
  8%{ opacity:.9; }
  55%{ opacity:.6; }
  100%{ transform:translateY(-340px) translateX(var(--drift,14px)) scale(.3); opacity:0; }
}

/* countdown / status banner */
.countdown-box{ margin-top:32px; border:1px solid var(--line); padding:20px 22px; background:rgba(201,162,39,.03); position:relative; }
.cd-label{display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-dim); margin-bottom:16px;}
.cd-label .ln{flex:1; height:1px; background:var(--line);}
.cd-when{margin-top:16px; padding-top:16px; border-top:1px solid var(--line-soft); font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-dim); text-align:center;}
.cd-when b{color:var(--ink);}
.status-line{display:flex; align-items:center; gap:8px; margin-bottom:14px;}
.status-line .dot{width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green);}
.status-line b{font-family:'Cinzel',serif; font-size:17px; color:var(--gold-bright); letter-spacing:.05em;}

/* sidebar */
.sidebar{display:flex; flex-direction:column; gap:1px;}
.side-card{border:1px solid var(--line-soft); background:var(--panel); padding:18px 20px; position:relative;}
.side-h{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dim); margin-bottom:16px; display:flex; align-items:center; gap:8px;}
.status-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px 16px; margin-top:20px;}
.status-grid-3{grid-template-columns:repeat(3,1fr);}
.status-grid .v{font-family:'JetBrains Mono',monospace; font-size:23px; color:var(--ink);}
.status-grid .k{font-size:11px; color:var(--ink-faint); letter-spacing:.08em; text-transform:uppercase; margin-top:4px;}
.mini-rank{list-style:none;}
.mini-rank li{display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--line-soft); font-size:13px;}
.mini-rank li:last-child{border-bottom:none;}
.mini-rank .p{color:var(--gold-dim); font-family:'JetBrains Mono',monospace; font-size:11px; width:18px; display:inline-block;}
.mini-rank .pvp{color:var(--ember-bright); font-family:'JetBrains Mono',monospace; font-size:12px;}
.mini-news{list-style:none;}
.mini-news li{padding:11px 0; border-bottom:1px solid var(--line-soft);}
.mini-news li:last-child{border-bottom:none;}
.mini-news .d{font-family:'JetBrains Mono',monospace; font-size:10px; color:var(--ink-faint);}
.mini-news .t{font-size:12.5px; color:var(--ink); margin-top:4px; line-height:1.4;}
.side-more{display:block; text-align:center; margin-top:16px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-bright); border:1px solid var(--line); padding:9px; transition:border-color .2s;}
.side-more:hover{border-color:var(--gold-dim);}

/* ===== FEATURE STRIP ===== */
.feat-strip{margin:40px 0 0;}
.feat-strip-inner{display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
.fs-item{padding:24px 18px; border:1px solid var(--line-soft); background:var(--panel); display:flex; gap:12px; align-items:flex-start; position:relative; transition:border-color .25s;}
.fs-item:hover{border-color:var(--gold-dim);}
.fs-item .ic{font-size:17px; color:var(--gold); flex-shrink:0; margin-top:1px;}
.fs-item h5{font-family:'Cinzel',serif; font-size:13px; color:#efe6d3; margin-bottom:4px; letter-spacing:.02em;}
.fs-item p{font-size:11.5px; color:var(--ink-faint);}

/* ===== 3 CARD ROW ===== */
.card-row{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px;}
.feat-card{border:1px solid var(--line-soft); background:var(--panel); overflow:hidden; position:relative; transition:transform .3s ease, box-shadow .3s ease;}
.feat-card-body{padding:26px 26px 22px;}
.feat-card h4{font-family:'Cinzel',serif; font-size:20px; color:#f0e8d6; margin-bottom:8px;}
.feat-card p{font-size:13px; color:var(--ink-dim); margin-bottom:18px;}
.feat-card-img{aspect-ratio:16/9.2; overflow:hidden;}
.feat-card-img img{width:100%; height:100%; object-fit:cover; transition:transform .5s;}
.feat-card:hover .feat-card-img img{transform:scale(1.04);}
.feat-card:hover{transform:translateY(-3px); box-shadow:0 18px 40px -18px rgba(0,0,0,.7), 0 0 0 1px rgba(201,162,39,.08);}

/* ===== SECTION shared ===== */
section{position:relative; z-index:2; padding:64px 0;}
.sec-head{max-width:640px; margin-bottom:48px;}
.sec-eyebrow{display:flex; align-items:center; gap:10px; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold-dim); margin-bottom:14px;}
.sec-eyebrow::before{content:"вњ¦"; color:var(--gold);}
.sec-head h2{font-family:'Cinzel',serif; font-weight:600; font-size:clamp(26px,3vw,36px);
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 22px rgba(201,162,39,.22));
}
.sec-head p{color:var(--ink-dim); margin-top:12px; max-width:520px;}

/* siege table */
.siege-wrap{display:grid; grid-template-columns:1.1fr .9fr; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft);}
.siege-col{background:var(--panel); padding:32px; position:relative;}
.siege-col h3{font-family:'Cinzel',serif; font-size:16px; color:var(--gold-bright); margin-bottom:20px; display:flex; align-items:center; gap:9px;}
.row{display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--line-soft);}
.row:last-child{border-bottom:none;}
.row .name{font-size:13.5px; color:var(--ink);}
.row .name .sub{color:var(--ink-faint); font-size:11px; margin-left:6px;}
.row .time{font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold-dim);}
.boss-row .time{color:var(--ember-bright);}

/* rankings full */
.rank-tabs{display:flex; border-bottom:1px solid var(--line-soft);}
.rank-tabs span{font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; padding:13px 20px; color:var(--ink-faint); border-bottom:2px solid transparent;}
.rank-tabs span.on{color:var(--gold-bright); border-color:var(--gold);}
table.rank{width:100%; border-collapse:collapse;}
table.rank th{text-align:left; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-faint); padding:15px 18px; border-bottom:1px solid var(--line-soft); font-weight:500;}
table.rank td{padding:15px 18px; border-bottom:1px solid var(--line-soft); font-size:13.5px;}
table.rank tr:last-child td{border-bottom:none;}
table.rank .rk{font-family:'JetBrains Mono',monospace; color:var(--gold-dim); width:34px;}
table.rank tr:nth-child(-n+3) .rk{color:var(--gold-bright); text-shadow:0 0 12px rgba(232,200,119,.5);}
table.rank .clan{color:var(--ink-faint); font-size:12px;}
table.rank .pvp{font-family:'JetBrains Mono',monospace; color:var(--ember-bright); text-align:right;}

/* AI strip */
.ai-strip{border:1px solid var(--line-soft); background:linear-gradient(90deg, rgba(201,162,39,.05), transparent); padding:26px 32px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; position:relative;}
.ai-strip .left{display:flex; align-items:center; gap:16px;}
.ai-strip .ic{width:42px; height:42px; border:1px solid var(--gold-dim); display:flex; align-items:center; justify-content:center; font-size:17px; color:var(--gold-bright); transform:rotate(45deg); flex-shrink:0;}
.ai-strip .ic span{transform:rotate(-45deg);}
.ai-strip h5{font-family:'Cinzel',serif; font-size:15.5px; color:#efe6d3;}
.ai-strip p{font-size:12.5px; color:var(--ink-faint); margin-top:3px;}

/* news */
.news-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft);}
.news-card{background:var(--panel); padding:28px; display:flex; flex-direction:column; min-height:200px; position:relative; transition:transform .3s ease, box-shadow .3s ease;}
.news-tag{font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ember-bright);}
.news-date{font-family:'JetBrains Mono',monospace; font-size:10.5px; color:var(--ink-faint); margin-top:9px;}
.news-card h4{font-family:'Cinzel',serif; font-size:15.5px; color:#efe6d3; margin:11px 0 9px;}
.news-card p{font-size:13px; color:var(--ink-dim); flex:1;}
.news-card a{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-bright); margin-top:14px; display:inline-block;}
.news-card:hover{transform:translateY(-3px); box-shadow:0 18px 40px -18px rgba(0,0,0,.7), 0 0 0 1px rgba(201,162,39,.08);}

/* CTA band */
.cta-band{border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); background:radial-gradient(ellipse 700px 300px at 50% 0%, rgba(201,162,39,.08), transparent); text-align:center; padding:80px 32px;}
.cta-band h2{font-family:'Cinzel',serif; font-size:clamp(24px,3.2vw,36px);
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 22px rgba(201,162,39,.22)); margin-bottom:14px;
}
.cta-band p{color:var(--ink-dim); max-width:480px; margin:0 auto 30px;}
.cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}

/* footer */
footer{padding:52px 0 30px; position:relative; z-index:2;}
.foot-top{display:grid; grid-template-columns:1.3fr .8fr .8fr .8fr; gap:36px; padding-bottom:36px; border-bottom:1px solid var(--line-soft);}
.foot-brand img{height:52px; margin-bottom:6px;}
.foot-brand p{color:var(--ink-faint); font-size:12.5px; margin-top:12px; max-width:280px; line-height:1.7;}
.foot-col h5{font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dim); margin-bottom:15px;}
.foot-col a{display:block; font-size:13px; color:var(--ink-dim); margin-bottom:9px;}
.foot-col a:hover{color:var(--gold-bright);}
.foot-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:24px; flex-wrap:wrap; gap:14px;}
.foot-bottom p{font-size:11.5px; color:var(--ink-faint);}
.socials{display:flex; gap:10px;}
.socials a{width:32px; height:32px; border:1px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:10px; letter-spacing:.02em; color:var(--ink-dim);}
.socials a:hover{border-color:var(--gold-dim); color:var(--gold-bright);}

/* heraldic corner-frame — signature motif on panels/cards */
.feat-card::before, .news-card::before, .side-card::before, .siege-col::before, .ai-strip::before, .countdown-box::before,
.feat-card::after, .news-card::after, .side-card::after, .siege-col::after, .ai-strip::after, .countdown-box::after{
  content:""; position:absolute; width:13px; height:13px; pointer-events:none;
  border-color:var(--gold-dim); opacity:.6; transition:opacity .25s ease, border-color .25s ease;
}
.feat-card::before, .news-card::before, .side-card::before, .siege-col::before, .ai-strip::before, .countdown-box::before{
  top:-1px; left:-1px; border-top:1px solid; border-left:1px solid;
}
.feat-card::after, .news-card::after, .side-card::after, .siege-col::after, .ai-strip::after, .countdown-box::after{
  bottom:-1px; right:-1px; border-bottom:1px solid; border-right:1px solid;
}
.feat-card:hover::before, .news-card:hover::before, .side-card:hover::before,
.feat-card:hover::after, .news-card:hover::after, .side-card:hover::after{
  opacity:1; border-color:var(--gold-bright);
}

@media (max-width:1100px){
  .hero-inner{grid-template-columns:1fr;}
  .sidebar{flex-direction:row; flex-wrap:wrap;}
  .side-card{flex:1; min-width:260px;}
  .feat-strip-inner{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  nav.links{display:none;}
  .lang{display:none;}
  .nav-right .btn:not(.btn-solid){display:none;}
  .brand img{height:42px;}
  .brand-text{font-size:18px;}
  .hero-logo-img{height:clamp(60px,20vw,100px); max-width:92%;}
  .nav-inner{padding:12px 20px;}
  .btn-solid.btn-sm{padding:9px 14px; font-size:10.5px;}
  .hero-zone{min-height:auto; padding-bottom:32px;}
  .card-row{grid-template-columns:1fr;}
  .feat-strip-inner{grid-template-columns:1fr 1fr;}
  .siege-wrap{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .foot-top{grid-template-columns:1fr 1fr; gap:28px;}
  .sidebar{flex-direction:column;}
  .split-2{grid-template-columns:1fr;}
  .steps-row{grid-template-columns:1fr;}
  .fv2-item{border-left:none; border-top:1px solid var(--line-soft); padding:14px 0; width:100%; justify-content:center;}
  .fv2-item:first-child{border-top:none;}
  .feat-strip-v2{flex-direction:column;}
  .panel-block{padding:28px 24px;}
  .step-v2{padding:28px 24px;}
}
@media (prefers-reduced-motion: reduce){
  .ember-particle{ display:none; }
  .btn-solid::after{ display:none; }
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}