:root{
  --bg:#070305;
  --bg-2:#100508;
  --panel:#12070a;
  --panel-2:#1a0a0d;
  --text:#f7f3ec;
  --text-soft:#d2cbc2;
  --muted:#8d857b;
  --gold:#d4473f;
  --gold-soft:#ff786b;
  --accent-gold:#d8b06a;
  --line:rgba(255,116,96,.12);
  --line-strong:rgba(255,116,96,.28);
  --shell:min(1280px,calc(100% - 56px));
  --font:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
  --radius:20px;
  --shadow:0 32px 90px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--bg)}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
::selection{background:var(--gold-soft);color:#140707}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%;image-rendering:auto}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--gold-soft);outline-offset:4px}
.shell{width:var(--shell);margin-inline:auto}

/* loaders */
.site-loader{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;justify-items:center;gap:12px;background:#070605;transition:opacity .42s ease,visibility .42s ease}
.loaded .site-loader{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{width:74px;height:74px;display:grid;place-items:center;border:1px solid var(--line);border-radius:24px;background:#0d0909;box-shadow:0 18px 48px rgba(0,0,0,.34)}
.loader-mark img{width:42px;height:42px}
.site-loader strong{margin-top:4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.site-loader>span{color:var(--muted);font-size:12px}
.loader-line{width:180px;height:2px;margin-top:8px;background:#1a1611;overflow:hidden;border-radius:999px}
.loader-line i{display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);animation:loaderMove 1s ease-in-out infinite}
@keyframes loaderMove{from{transform:translateX(-120%)}to{transform:translateX(340%)}}
.action-loader{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:rgba(5,4,3,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.action-loader.show{opacity:1;visibility:visible;pointer-events:auto}
.action-loader-box{display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(16,9,9,.94);box-shadow:0 18px 54px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.action-loader-box strong{font-size:12px;font-weight:650}
.spinner{width:16px;height:16px;border:2px solid rgba(255,116,96,.22);border-top-color:var(--gold-soft);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:120;height:78px;display:flex;align-items:center;border-bottom:1px solid transparent;transition:height .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-header.scrolled{height:70px;background:rgba(7,6,5,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line);box-shadow:0 12px 36px rgba(0,0,0,.18)}
.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content}
.brand img{width:42px;height:42px}
.brand span{display:grid;line-height:1}
.brand b{font-size:15px;font-weight:760;letter-spacing:.01em}
.brand small{margin-top:4px;color:var(--gold-soft);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.nav{display:flex;justify-content:center;align-items:center;gap:28px}
.nav a{position:relative;padding:10px 0;color:#aaa298;font-size:12px;font-weight:650;transition:color .2s ease}
.nav a::after{content:"";position:absolute;left:50%;bottom:3px;width:0;height:1px;background:var(--gold-soft);transform:translateX(-50%);transition:width .2s ease}
.nav a:hover,.nav a.active{color:#fff}
.nav a:hover::after,.nav a.active::after{width:100%}
.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}
.header-download{min-height:42px;padding:0 15px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(23,11,11,.72);font-size:12px;font-weight:700;transition:.2s ease}
.header-download svg{width:16px;height:16px;color:var(--gold-soft)}
.header-download:hover{transform:translateY(-1px);border-color:rgba(255,116,96,.5);background:#170d0d}
.lang-switcher{position:relative}
.lang-button{height:42px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:rgba(16,9,9,.58);cursor:pointer}
.lang-button svg{width:15px;height:15px;color:var(--gold-soft)}
.lang-code{font-size:11px;font-weight:750}
.lang-menu{position:absolute;right:0;top:calc(100% + 9px);width:168px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#0d0909;box-shadow:0 18px 44px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease}
.lang-switcher.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu button{width:100%;padding:10px 11px;display:flex;align-items:center;gap:10px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer;font-size:11px;font-weight:800;color:var(--gold-soft)}
.lang-menu button span{color:var(--text-soft);font-weight:550}
.lang-menu button:hover{background:rgba(255,255,255,.04)}
.menu-toggle,.mobile-nav{display:none}

/* shared */
.kicker{margin:0 0 14px;color:var(--gold-soft);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.section-index{display:inline-grid;place-items:center;width:36px;height:28px;margin-bottom:20px;border:1px solid var(--line);border-radius:999px;color:#a98882;font-size:10px;font-weight:750}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-display)}
h1 em,h2 em{font-style:normal;color:var(--gold-soft);background:none;-webkit-text-fill-color:currentColor;box-shadow:none}
.btn{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line-strong);border-radius:12px;background:transparent;font-size:12px;font-weight:750;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.btn svg{width:17px;height:17px}
.btn-primary{background:#c83e35;color:#fff;border-color:#de5a50;box-shadow:0 14px 34px rgba(170,44,32,.22)}
.btn-primary:hover{transform:translateY(-2px);background:#e15449;box-shadow:0 18px 40px rgba(170,44,32,.30)}
.btn-secondary{background:rgba(11,9,7,.5)}
.btn-secondary:hover{transform:translateY(-2px);background:rgba(22,18,13,.84);border-color:rgba(255,116,96,.42)}

/* hero */
.hero{position:relative;min-height:860px;display:flex;align-items:center;overflow:hidden;background:#070605}
.hero-bg{position:absolute;inset:-3% 0;width:100%;height:106%;object-fit:cover;object-position:center 52%;transform:translate3d(0,var(--hero-y,0),0) scale(1.03);will-change:transform;filter:saturate(.88) contrast(1.02) brightness(.78)}
.hero-layer{position:absolute;inset:0;background:radial-gradient(circle at 72% 34%,rgba(170,32,32,.16),transparent 22%),radial-gradient(circle at 18% 74%,rgba(255,102,78,.14),transparent 24%),linear-gradient(90deg,rgba(5,4,3,.95) 0%,rgba(5,4,3,.82) 34%,rgba(5,4,3,.44) 62%,rgba(5,4,3,.22) 100%),linear-gradient(180deg,rgba(5,4,3,.52),rgba(5,4,3,.14) 24%,rgba(5,4,3,.18) 62%,#070605 100%)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,500px);gap:64px;align-items:center;padding:120px 0 78px}
.hero-copy{max-width:640px;position:relative;z-index:2}
.hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#b9b0a5;font-size:11px;font-weight:750;letter-spacing:.08em}
.hero-meta i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.hero h1{max-width:9.6ch;margin:0;font-size:clamp(54px,5.8vw,88px);line-height:.95;letter-spacing:-.048em;font-weight:770;text-wrap:initial;word-break:normal;overflow-wrap:normal;text-shadow:0 6px 24px rgba(0,0,0,.28)}
.hero-lead{max-width:560px;margin:22px 0 0;color:#d7d0c7;font-size:17px;line-height:1.68;text-wrap:pretty}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.trust-row{display:flex;flex-wrap:wrap;gap:18px 22px;margin-top:24px;color:#aaa196}
.trust-row span{display:inline-flex;align-items:center;gap:8px}
.trust-row svg{width:16px;height:16px;color:var(--gold-soft)}
.trust-row b{font-size:11px;font-weight:600}
.hero-card{position:relative;height:520px;padding:0;overflow:hidden;border:1px solid rgba(255,116,96,.23);border-radius:22px;background:#0d0909;color:#fff;text-align:left;cursor:zoom-in;box-shadow:var(--shadow);transform:translateY(var(--lift,0));transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
.hero-card:hover{--lift:-5px;border-color:rgba(255,116,96,.44);box-shadow:0 38px 100px rgba(0,0,0,.50)}
.hero-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.hero-card:hover img{transform:scale(1.025)}
.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,5,.05) 35%,rgba(7,6,5,.25) 64%,rgba(7,6,5,.86) 100%)}
.hero-card-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}
.hero-card-top small,.hero-card-top b{font-size:10px;font-weight:750;letter-spacing:.08em}
.hero-card-top small{color:var(--gold-soft)}
.hero-card-top b{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,6,5,.52)}
.hero-card-copy{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:7px}
.hero-card-copy small{color:var(--gold-soft);font-size:10px;font-weight:800;letter-spacing:.1em}
.hero-card-copy strong{font-size:34px;line-height:1;font-weight:720;letter-spacing:-.035em}
.hero-card-copy span{color:#c8c1b7;font-size:12px}
.scroll-hint{position:absolute;z-index:3;left:50%;bottom:24px;width:34px;height:50px;border:1px solid rgba(255,255,255,.14);border-radius:999px;transform:translateX(-50%);display:grid;place-items:start center;padding-top:9px}
.scroll-hint span{width:4px;height:8px;border-radius:999px;background:var(--gold-soft);animation:scrollDot 1.5s ease-in-out infinite}
@keyframes scrollDot{50%{transform:translateY(15px);opacity:.35}}

/* facts */
.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090806}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.facts-grid div{position:relative;padding:30px 24px;display:flex;align-items:baseline;justify-content:center;gap:10px;border-right:1px solid var(--line)}
.facts-grid div:last-child{border-right:0}
.facts-grid strong{font-size:30px;letter-spacing:-.03em}
.facts-grid span{color:#aa8c87;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}

/* sections */
.section{padding:118px 0}
.section-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);gap:70px;align-items:end;margin-bottom:52px}
.section-intro.compact{margin-bottom:44px}
.section-intro h2{max-width:720px;margin:0;font-size:clamp(42px,4.8vw,64px);line-height:.98;letter-spacing:-.04em;font-weight:740;text-wrap:pretty}
.section-intro>p{margin:0;color:#aaa298;font-size:16px;line-height:1.72;text-wrap:pretty}
.world-section{background:linear-gradient(180deg,#070605,#090806)}
.media-showcase{display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:14px;min-height:620px}
.media-viewer{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#0d0909;cursor:zoom-in;isolation:isolate}
.media-viewer img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.media-viewer.switching img{opacity:.12;transform:scale(1.025)}
.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(6,5,4,.18) 63%,rgba(6,5,4,.90) 100%)}
.media-copy{position:absolute;z-index:2;left:30px;right:80px;bottom:28px;max-width:660px;transition:opacity .2s ease,transform .25s ease}
.media-viewer.switching .media-copy{opacity:.2;transform:translateY(6px)}
.media-copy small{color:var(--gold-soft);font-size:10px;font-weight:800;letter-spacing:.1em}
.media-copy h3{margin:8px 0 10px;font-size:34px;line-height:1.04;letter-spacing:-.03em;max-width:12ch}
.media-copy p{margin:0;color:#cac3b9;font-size:15px;line-height:1.62;max-width:34ch}
.zoom-badge{position:absolute;z-index:3;right:24px;bottom:24px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(12,8,8,.58);backdrop-filter:blur(8px)}
.zoom-badge svg{width:18px;height:18px}
.media-thumbs{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}
.media-thumb{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:14px;background:#0d0909;cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.media-thumb:hover{transform:translateX(-2px);border-color:rgba(255,116,96,.32)}
.media-thumb.active{border-color:rgba(255,116,96,.60)}
.media-thumb img{width:100%;height:100%;object-fit:cover;opacity:.65;transition:opacity .2s ease,transform .35s ease}
.media-thumb:hover img,.media-thumb.active img{opacity:1;transform:scale(1.03)}
.media-thumb span{position:absolute;right:7px;bottom:7px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(7,6,5,.72);color:#fff;font-size:9px;font-weight:750}

.systems-section{background:#090806;border-top:1px solid rgba(255,255,255,.02)}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.system-card{position:relative;min-height:320px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#110909,#0b0707);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.system-card:hover{transform:translateY(-4px);border-color:rgba(255,116,96,.27);background:#140b0b}
.system-number{position:absolute;top:20px;right:22px;color:#8f6661;font-size:11px;font-weight:750}
.system-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#090707;color:var(--gold-soft)}
.system-icon svg{width:22px;height:22px}
.system-card h3{margin:70px 0 12px;font-size:25px;letter-spacing:-.025em}
.system-card p{margin:0;color:#a69e94;font-size:14px;line-height:1.68}

/* boss */
.boss-section{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;background:#070605}
.boss-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.boss-layer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.96) 0%,rgba(6,5,4,.75) 44%,rgba(6,5,4,.22) 76%),linear-gradient(180deg,#070605 0%,transparent 14%,transparent 82%,#070605 100%)}
.boss-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:80px;align-items:end;padding:98px 0}
.boss-copy{max-width:650px}
.boss-copy h2{margin:0 0 22px;font-size:clamp(56px,6vw,88px);line-height:.91;letter-spacing:-.055em;font-weight:730}
.boss-copy p{max-width:590px;margin:0;color:#cec7bd;font-size:15px;line-height:1.72}
.boss-copy .btn{margin-top:28px}
.boss-panel{align-self:end;padding:24px;border:1px solid rgba(255,116,96,.19);border-radius:18px;background:rgba(10,8,6,.68);backdrop-filter:blur(10px)}
.boss-panel>span{color:#ad8882;font-size:10px;font-weight:750;letter-spacing:.09em}
.boss-panel>strong{display:block;margin:7px 0 25px;color:var(--gold-soft);font-size:28px;font-weight:680}
.boss-panel div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}
.boss-panel b{font-size:34px;color:#936560}
.boss-panel small{font-size:10px;font-weight:750;letter-spacing:.08em}

/* install */
.install-section{background:#080706}
.install-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.install-flow::before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:57px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,116,96,.22) 12%,rgba(255,116,96,.22) 88%,transparent)}
.install-step{position:relative;z-index:1;min-height:250px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#0d0909}
.step-head{display:flex;align-items:center;justify-content:space-between}
.step-head span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#0b0707;color:var(--gold-soft);font-size:11px;font-weight:800}
.step-head svg{width:23px;height:23px;color:var(--gold-soft)}
.install-step h3{margin:62px 0 10px;font-size:21px;letter-spacing:-.02em}
.install-step p{margin:0;color:#9e968d;font-size:13.5px;line-height:1.65}
.install-action{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:34px}
.install-action small{color:#756e66;font-size:10px;font-weight:750;letter-spacing:.1em}

/* final CTA */
.final-cta{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.final-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.final-layer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.96) 0%,rgba(6,5,4,.79) 38%,rgba(6,5,4,.25) 72%),linear-gradient(180deg,#070605 0%,transparent 18%,transparent 80%,#070605 100%)}
.final-copy{position:relative;z-index:2;padding:88px 0}
.final-copy h2{max-width:820px;margin:0 0 20px;font-size:clamp(52px,5.9vw,84px);line-height:.92;letter-spacing:-.055em;font-weight:730}
.final-copy>p:not(.kicker){max-width:560px;margin:0;color:#c9c2b8;font-size:15px;line-height:1.7}
.final-copy .btn{margin-top:28px}

/* FAQ */
.faq-section{background:#080706}
.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:82px;align-items:start}
.faq-copy{position:sticky;top:110px}
.faq-copy h2{margin:0 0 20px;font-size:clamp(48px,5vw,72px);line-height:.94;letter-spacing:-.05em;font-weight:720}
.faq-copy>p:last-child{max-width:420px;margin:0;color:#9f978d;font-size:14px;line-height:1.7}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item button{width:100%;min-height:74px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;text-align:left;cursor:pointer;font-size:15px;font-weight:650}
.faq-item button i{position:relative;width:18px;height:18px;flex:0 0 auto}
.faq-item button i::before,.faq-item button i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1px;background:#ff8d7f;transform:translate(-50%,-50%);transition:transform .2s ease}
.faq-item button i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item.open button i::after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}
.faq-answer p{overflow:hidden;margin:0;color:#9d958c;font-size:14px;line-height:1.72}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-answer p{padding:0 44px 22px 0}

/* footer */
.site-footer{padding:58px 0 24px;border-top:1px solid var(--line);background:#060504}
.footer-main{display:grid;grid-template-columns:1fr auto auto;gap:58px;align-items:start}
.footer-brand p{max-width:360px;margin:18px 0 0;color:#817a72;font-size:13px;line-height:1.6}
.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 28px}
.footer-links a{color:#a49c92;font-size:12px;transition:color .2s ease}
.footer-links a:hover{color:#fff}
.footer-download{min-height:42px;padding:0 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:700}
.footer-download svg{width:16px;height:16px;color:var(--gold-soft)}
.footer-bottom{margin-top:52px;padding-top:18px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);color:#5f5952;font-size:10px;font-weight:700;letter-spacing:.08em}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.lightbox.open{opacity:1;visibility:visible}
.lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(4,3,2,.90);backdrop-filter:blur(8px);cursor:zoom-out}
.lightbox-dialog{position:relative;z-index:2;width:min(1220px,100%);max-height:90vh;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#0a0806;box-shadow:0 40px 130px rgba(0,0,0,.58);transform:scale(.97) translateY(10px);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.lightbox.open .lightbox-dialog{transform:none}
.lightbox-dialog>img{width:100%;max-height:82vh;object-fit:contain;background:#070605}
.modal-close{position:absolute;z-index:3;top:14px;right:14px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(8,7,5,.76);cursor:pointer;transition:.2s ease}
.modal-close:hover{background:#170d0d;transform:scale(1.03)}
.modal-close svg{width:19px;height:19px}
.lightbox-caption{min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lightbox-caption span{font-size:13px;font-weight:650}
.lightbox-caption small{color:#756e66;font-size:10px}

/* download */
.download-page{background:#070605}
.back-button{position:fixed;z-index:150;top:22px;left:22px;min-height:42px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:rgba(10,8,6,.80);backdrop-filter:blur(10px);cursor:pointer;transition:.2s ease}
.back-button:hover{transform:translateY(-1px);background:#12100d;border-color:var(--line-strong)}
.back-button svg{width:17px;height:17px}
.back-button span{font-size:11px;font-weight:700}
.download-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.download-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.download-layer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.96),rgba(6,5,4,.78) 45%,rgba(6,5,4,.44)),linear-gradient(180deg,rgba(7,6,5,.44),rgba(7,6,5,.72))}
.download-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 500px;gap:80px;align-items:center;padding:110px 0 70px}
.download-copy{max-width:630px}
.download-copy h1{margin:0 0 24px;font-size:clamp(64px,7vw,100px);line-height:.88;letter-spacing:-.055em;font-weight:750}
.download-copy>p:not(.kicker){max-width:560px;margin:0;color:#cec7bd;font-size:15px;line-height:1.72}
.download-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.download-chips span{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(10,8,6,.44);color:#c4bbb0;font-size:10px;font-weight:750;letter-spacing:.06em}
.download-card{padding:32px;border:1px solid rgba(255,116,96,.20);border-radius:22px;background:rgba(11,9,7,.90);box-shadow:0 30px 90px rgba(0,0,0,.35);backdrop-filter:blur(12px)}
.download-card-head{display:flex;align-items:center;gap:14px}
.download-card-head img{width:52px;height:52px}
.download-card-head div{display:grid;gap:4px}
.download-card-head span{color:var(--gold-soft);font-size:9px;font-weight:800;letter-spacing:.1em}
.download-card-head strong{font-size:20px}
.file-card{margin:24px 0 14px;padding:15px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;background:#090707}
.file-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--gold-soft)}
.file-icon svg{width:19px;height:19px}
.file-card>div:last-child{display:grid;gap:4px}
.file-card strong{font-size:13px}
.file-card span{color:#8f877e;font-size:11px}
.download-card .btn{width:100%}
.download-disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
.download-status{margin:11px 0 0;color:#7d756d;font-size:11px;line-height:1.55;text-align:center}
.download-divider{height:1px;margin:25px 0 20px;background:var(--line)}
.mini-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mini-steps div{display:grid;justify-items:center;gap:7px;text-align:center}
.mini-steps span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-soft);font-size:9px;font-weight:800}
.mini-steps b{color:#aaa298;font-size:9px;font-weight:650}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .58s ease var(--delay,0ms),transform .58s cubic-bezier(.2,.8,.2,1) var(--delay,0ms)}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1040px){
  :root{--shell:min(100% - 40px,900px)}
  .nav{display:none}.menu-toggle{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(10,8,6,.58);cursor:pointer}.menu-toggle span{position:absolute;width:15px;height:1px;background:#fff;transition:.2s ease}.menu-toggle span:first-child{transform:translateY(-3px)}.menu-toggle span:last-child{transform:translateY(3px)}.site-header.menu-open .menu-toggle span:first-child{transform:rotate(45deg)}.site-header.menu-open .menu-toggle span:last-child{transform:rotate(-45deg)}
  .header-inner{grid-template-columns:1fr auto}.header-actions{grid-column:2}.mobile-nav{position:absolute;top:calc(100% + 1px);left:20px;right:20px;padding:10px;display:grid;gap:3px;border:1px solid var(--line);border-radius:14px;background:rgba(10,8,6,.97);box-shadow:0 20px 50px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}.site-header.menu-open .mobile-nav{opacity:1;visibility:visible;transform:none}.mobile-nav a{padding:12px;border-radius:9px;color:#c2bab0;font-size:13px}.mobile-nav a:hover{background:rgba(255,255,255,.04)}
  .hero{min-height:auto}.hero-layout{grid-template-columns:1fr;gap:46px;padding:126px 0 80px}.hero-copy{max-width:760px}.hero h1{max-width:10ch;font-size:clamp(48px,9vw,76px)}.hero-card{height:520px}.scroll-hint{display:none}
  .section-intro{grid-template-columns:1fr;gap:22px}.media-showcase{min-height:560px}.system-grid{grid-template-columns:1fr}.system-card{min-height:auto}.system-card h3{margin-top:42px}
  .boss-layout{grid-template-columns:1fr;gap:42px}.boss-panel{width:min(100%,340px)}.install-flow{grid-template-columns:1fr 1fr}.install-flow::before{display:none}.faq-layout{grid-template-columns:1fr;gap:48px}.faq-copy{position:static}.footer-main{grid-template-columns:1fr auto;}.footer-download{grid-column:2}.download-layout{grid-template-columns:1fr;max-width:720px;gap:42px}.download-card{max-width:540px}
}
@media(max-width:680px){
  :root{--shell:calc(100% - 28px)}
  .site-header{height:70px}.brand img{width:38px;height:38px}.brand b{font-size:14px}.brand small{font-size:8px}.header-download{display:none}.lang-button{height:40px}.hero-layout{padding:110px 0 66px}.hero-meta{font-size:9px;flex-wrap:wrap}.hero h1{max-width:10ch;font-size:clamp(42px,13.2vw,64px);line-height:.96}.hero-lead{font-size:15px;line-height:1.68}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-row{display:grid;gap:10px}.hero-card{height:430px;border-radius:17px}.hero-card-copy strong{font-size:28px}.facts-grid{grid-template-columns:1fr 1fr}.facts-grid div{padding:22px 10px}.facts-grid div:nth-child(2){border-right:0}.facts-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.facts-grid strong{font-size:28px}.facts-grid span{font-size:9px}
  .section{padding:82px 0}.section-intro{margin-bottom:36px}.section-intro h2,.boss-copy h2,.final-copy h2,.faq-copy h2{font-size:clamp(43px,12.5vw,62px);line-height:.96}.section-intro>p{font-size:14px}.media-showcase{grid-template-columns:1fr;min-height:auto}.media-viewer{height:430px;border-radius:16px}.media-copy{left:18px;right:18px;bottom:18px}.media-copy h3{font-size:30px}.media-copy p{font-size:12.5px}.zoom-badge{right:16px;top:16px;bottom:auto}.media-thumbs{grid-template-columns:repeat(4,1fr);grid-template-rows:88px}.media-thumb{border-radius:11px}.media-thumb:hover{transform:none}.system-card{padding:24px}.boss-section{min-height:690px}.boss-layout{padding:78px 0}.boss-panel{padding:20px}.install-flow{grid-template-columns:1fr}.install-step{min-height:auto}.install-step h3{margin-top:36px}.final-cta{min-height:560px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-download{grid-column:auto;width:max-content}.footer-bottom{margin-top:38px;flex-direction:column;gap:8px}.lightbox{padding:12px}.lightbox-dialog{border-radius:14px}.lightbox-caption small{display:none}.back-button{top:14px;left:14px}.download-layout{padding:96px 0 50px}.download-copy h1{font-size:clamp(52px,14vw,72px)}.download-card{padding:22px}.mini-steps b{font-size:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-bg{transform:none!important}.site-loader{display:none}}


/* v6 polish */
.hero-copy h1,.section-intro h2,.media-copy h3,.boss-copy h3,.install-grid h3,.faq-title{font-kerning:normal}
.hero-copy h1 em{display:inline;color:var(--gold-soft)}
.hero-copy h1 br{display:block;content:""}
.hero-copy p{position:relative;z-index:1}
.media-viewer,.hero-card,.system-card,.faq-item,.download-card{backface-visibility:hidden;transform:translateZ(0)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:140px;background:linear-gradient(180deg,rgba(7,6,5,0),#070605 86%);pointer-events:none;z-index:1}
@media (max-width: 980px){.section-intro{gap:22px}.section-intro h2{font-size:clamp(34px,8vw,52px)}}


/* V7 — professional refinement: hero, cards, gallery, download and footer */
:root{
  --gold:#d4473f;
  --gold-soft:#ff786b;
  --accent-gold:#d8b06a;
  --line:rgba(255,116,96,.105);
  --line-strong:rgba(255,116,96,.24);
}

/* HERO */
.hero{min-height:820px;background:#070605}
.hero-bg{inset:0;width:100%;height:100%;object-position:center 48%;transform:translate3d(0,var(--hero-y,0),0) scale(1.015)}
.hero-layer{background:linear-gradient(90deg,rgba(6,5,4,.96) 0%,rgba(6,5,4,.82) 34%,rgba(6,5,4,.34) 66%,rgba(6,5,4,.14) 100%),linear-gradient(180deg,rgba(7,6,5,.48) 0%,rgba(7,6,5,.08) 32%,rgba(7,6,5,.12) 66%,#070605 100%)}
.hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(380px,.78fr);gap:72px;padding:116px 0 88px}
.hero-copy{max-width:650px}
.hero-meta{margin-bottom:20px;color:#b8afa4;font-size:10px;letter-spacing:.13em}
.hero h1{max-width:11.4ch;font-size:clamp(52px,5.4vw,82px);line-height:.97;letter-spacing:-.045em;text-shadow:0 10px 34px rgba(0,0,0,.30)}
.hero h1 em{color:var(--gold-soft)}
.hero-lead{max-width:590px;margin-top:23px;font-size:16.5px;line-height:1.7;color:#d8d1c8}
.hero-actions{margin-top:29px;gap:11px}
.hero-actions .btn{min-height:52px;padding-inline:22px}
.trust-row{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.065);max-width:585px}
.trust-row b{font-size:11px;color:#bcb3a8}
.hero-card{height:500px;border-radius:20px;border-color:rgba(255,116,96,.18);box-shadow:0 32px 90px rgba(0,0,0,.38)}
.hero-card:hover{--lift:-4px;border-color:rgba(255,116,96,.34);box-shadow:0 36px 100px rgba(0,0,0,.45)}
.hero-card img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-card-top{top:18px;left:18px;right:18px}
.hero-card-copy{left:22px;right:22px;bottom:21px;gap:6px}
.hero-card-copy strong{font-size:32px;line-height:1.03}
.hero-card-caption{display:flex!important;align-items:center;gap:8px;color:#beb6ac!important}
.hero-card-caption svg{width:14px;height:14px;color:var(--gold-soft)}
.hero::after{height:110px;background:linear-gradient(180deg,rgba(7,6,5,0),#070605 90%)}

/* FACTS */
.facts{background:#080705}
.facts-grid div{padding:26px 20px}
.facts-grid strong{font-size:28px;font-weight:730}
.facts-grid span{font-size:9.5px;letter-spacing:.13em}

/* CARDS */
.section{padding:108px 0}
.section-intro{gap:64px;margin-bottom:44px}
.section-intro h2{font-size:clamp(40px,4.4vw,60px);line-height:1;letter-spacing:-.038em}
.system-grid{gap:16px}
.system-card{min-height:300px;padding:28px;border-radius:17px;background:linear-gradient(180deg,rgba(17,14,11,.95),rgba(10,8,7,.98));overflow:hidden;isolation:isolate}
.system-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(211,171,105,.09),transparent 34%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.system-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);opacity:0;transform:scaleX(.4);transition:.3s ease}
.system-card:hover{transform:translateY(-4px);border-color:rgba(255,116,96,.25);background:linear-gradient(180deg,#12100d,#0c0a08)}
.system-card:hover::before,.system-card:hover::after{opacity:1}.system-card:hover::after{transform:scaleX(1)}
.system-number{color:#746c63;font-size:10px;font-weight:800;letter-spacing:.14em}
.system-tag{position:absolute;top:25px;right:25px;padding:7px 9px;border:1px solid rgba(255,116,96,.12);border-radius:999px;color:#9f9487;font-size:8px;font-weight:800;letter-spacing:.12em}
.system-icon{margin-top:44px}
.system-card h3{font-size:25px;line-height:1.08;letter-spacing:-.025em}
.system-card p{font-size:14px;line-height:1.67;color:#a9a198}
.install-step{border-radius:17px;background:linear-gradient(180deg,#0f0d0a,#0a0907)}
.install-step:hover{transform:translateY(-3px);border-color:rgba(255,116,96,.22)}
.faq-item{border-radius:14px}

/* GALLERY */
.media-showcase{display:grid;grid-template-columns:1fr;gap:13px;min-height:auto}
.media-viewer{height:min(66vw,650px);min-height:540px;border-radius:20px;border-color:rgba(255,116,96,.14);box-shadow:0 28px 80px rgba(0,0,0,.22)}
.media-viewer img{transition:opacity .2s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.media-viewer:hover img{transform:scale(1.012)}
.media-shade{background:linear-gradient(180deg,rgba(6,5,4,.02) 45%,rgba(6,5,4,.14) 62%,rgba(6,5,4,.9) 100%)}
.media-copy{left:28px;right:100px;bottom:27px;max-width:650px}
.media-copy h3{font-size:36px;max-width:none}
.media-copy p{font-size:14px;max-width:58ch}
.media-thumbs{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:112px;gap:11px}
.media-thumb{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:13px;padding:10px;border-radius:14px;text-align:left;overflow:hidden}
.media-thumb:hover{transform:translateY(-2px)}
.media-thumb img{width:88px;height:90px;border-radius:10px;object-fit:cover;opacity:.68}
.media-thumb.active{background:#100d0a;border-color:rgba(255,116,96,.38);box-shadow:inset 0 0 0 1px rgba(255,116,96,.04)}
.thumb-index{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;bottom:auto!important;width:23px!important;height:23px!important;background:rgba(7,6,5,.76)!important}
.thumb-copy{display:grid;gap:5px;min-width:0}.thumb-copy b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-copy small{color:#817970;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zoom-badge{width:40px;height:40px;right:22px;bottom:22px}

/* DOWNLOAD PAGE */
.download-hero{min-height:100vh;background:#070605}
.download-bg{object-position:center 45%;transform:scale(1.01)}
.download-layer{background:linear-gradient(90deg,rgba(6,5,4,.97) 0%,rgba(6,5,4,.83) 42%,rgba(6,5,4,.50) 72%,rgba(6,5,4,.36) 100%),linear-gradient(180deg,rgba(7,6,5,.38),rgba(7,6,5,.72))}
.download-layout{grid-template-columns:minmax(0,1fr) 520px;gap:72px;padding:112px 0 70px}
.download-copy{max-width:650px}
.download-copy h1{max-width:11ch;margin-bottom:23px;font-size:clamp(52px,5.5vw,78px);line-height:.96;letter-spacing:-.045em}
.download-copy>p:not(.kicker){max-width:590px;font-size:16px;line-height:1.7}
.download-chips{margin-top:22px}
.download-requirements{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:590px}
.download-requirements>div{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,8,6,.42)}
.download-requirements>div>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border:1px solid var(--line);border-radius:8px;color:var(--gold-soft);font-size:9px;font-weight:800}
.download-requirements p{display:grid;gap:3px;margin:0}.download-requirements b{font-size:12px}.download-requirements small{color:#8e867d;font-size:10.5px;line-height:1.4}
.download-card{padding:30px;border-radius:20px;background:linear-gradient(180deg,rgba(17,14,11,.94),rgba(10,8,7,.94));border-color:rgba(255,116,96,.18);box-shadow:0 34px 100px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.download-card-head{position:relative;padding-right:118px}
.download-card-head img{width:50px;height:50px}
.download-card-head div{gap:3px}.download-card-head div small{color:#766f67;font-size:10px}
.build-state{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,116,96,.13);border-radius:999px;color:#9a9187;font-size:9px;font-weight:700}.build-state i{width:6px;height:6px;border-radius:50%;background:#ef6557;box-shadow:0 0 0 4px rgba(239,101,87,.08)}
.file-card{position:relative;margin:24px 0 14px;padding:16px;padding-right:85px}
.file-type{position:absolute;right:13px;top:50%;transform:translateY(-50%);padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:#817970;font-size:8px;font-weight:800;letter-spacing:.08em}
.download-disabled{min-height:52px}
.download-status{margin-top:12px}
.mini-steps{gap:10px}.mini-steps div{padding:9px 3px;border-radius:10px}.mini-steps span{width:30px;height:30px;background:#0b0707}.mini-steps b{font-size:9px}

/* FOOTER */
.site-footer{padding:72px 0 26px;background:#060504;border-top:1px solid rgba(255,255,255,.045)}
.footer-main{display:grid;grid-template-columns:1.55fr .8fr .8fr auto;gap:52px;align-items:start}
.footer-brand{max-width:360px}.footer-brand>p{max-width:330px;margin:18px 0 0;color:#8f877e;font-size:13px;line-height:1.65}
.footer-status{display:flex;align-items:center;gap:8px;margin-top:18px;color:#777068;font-size:10px}.footer-status i{width:7px;height:7px;border-radius:50%;background:#ba965b;box-shadow:0 0 0 4px rgba(186,150,91,.07)}
.footer-column>strong{display:block;margin:4px 0 17px;color:#b4aa9e;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.footer-links{display:grid;gap:10px}.footer-links a{color:#7f776f;font-size:12px;transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:#e6dfd5;transform:translateX(2px)}
.footer-meta{display:grid;gap:10px;color:#7f776f;font-size:12px}
.footer-cta{justify-self:end}.footer-cta p{margin:3px 0 14px;color:#8f877e;font-size:12px}.footer-download{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-strong);border-radius:12px;background:#0e0b09;font-size:11px;font-weight:700;transition:.2s ease}.footer-download:hover{transform:translateY(-2px);border-color:rgba(255,116,96,.42);background:#14100c}
.footer-bottom{margin-top:58px;padding-top:18px;color:#57514b;font-size:9px;letter-spacing:.06em}

/* RESPONSIVE */
@media(max-width:1040px){
  .hero-layout{grid-template-columns:1fr;gap:42px}.hero-copy{max-width:720px}.hero h1{max-width:11ch}.hero-card{height:500px}
  .media-viewer{height:560px;min-height:0}.media-thumbs{grid-template-columns:1fr 1fr;grid-template-rows:96px 96px}.media-thumb{grid-template-columns:78px 1fr}.media-thumb img{width:78px;height:74px}
  .footer-main{grid-template-columns:1.4fr .8fr .8fr;gap:36px}.footer-cta{justify-self:start}.footer-cta{grid-column:2/4}
  .download-layout{grid-template-columns:1fr;max-width:780px}.download-card{max-width:600px}
}
@media(max-width:680px){
  .hero{min-height:auto}.hero-layout{padding-top:106px}.hero h1{font-size:clamp(40px,12vw,58px);line-height:.98}.hero-lead{font-size:15px}.hero-card{height:420px}
  .section{padding:78px 0}.section-intro h2{font-size:clamp(36px,11vw,50px)}
  .media-viewer{height:420px}.media-copy{right:20px}.media-copy h3{font-size:28px}.media-copy p{font-size:12.5px}.media-thumbs{grid-template-columns:1fr 1fr;grid-template-rows:88px 88px}.media-thumb{grid-template-columns:62px 1fr;padding:8px;gap:10px}.media-thumb img{width:62px;height:70px}.thumb-copy b{font-size:11px}.thumb-copy small{font-size:8px}
  .system-tag{top:22px;right:22px}.system-icon{margin-top:40px}
  .download-layout{padding-top:100px}.download-copy h1{font-size:clamp(43px,12vw,60px)}.download-requirements{grid-template-columns:1fr}.download-card{padding:22px}.download-card-head{padding-right:0;align-items:flex-start}.build-state{position:static;margin-left:auto}.file-card{padding-right:16px}.file-type{position:static;transform:none;margin-left:auto;white-space:nowrap}
  .footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-cta{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}
}

/* V7 final conflict cleanup */
.system-number{top:26px!important;left:28px!important;right:auto!important}
.system-tag{top:23px!important;right:24px!important}
.footer-column .footer-links{grid-template-columns:1fr!important;gap:10px!important}
@media(max-width:680px){
  .system-number{left:24px!important;top:23px!important}
  .system-tag{right:22px!important;top:20px!important}
}


/* v8 gallery thumb fix */

.media-thumbs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(124px,auto);
  grid-template-rows:none !important;
  gap:12px;
  align-items:stretch;
}
.media-thumb{
  min-height:124px;
  height:100%;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:12px;
  overflow:visible;
}
.media-thumb img{
  width:88px;
  height:98px;
  flex-shrink:0;
}
.thumb-copy{
  gap:6px;
  min-width:0;
  align-content:center;
}
.thumb-copy b{
  display:block;
  font-size:14px;
  line-height:1.08;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.thumb-copy small{
  display:block;
  font-size:10px;
  line-height:1.15;
  letter-spacing:.09em;
  white-space:normal;
}
.thumb-index{
  width:24px !important;
  height:24px !important;
  font-size:9px !important;
}
@media (max-width: 1100px){
  .media-thumbs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(108px,auto);
  }
  .media-thumb{min-height:108px;grid-template-columns:78px minmax(0,1fr);padding:10px;gap:12px}
  .media-thumb img{width:78px;height:82px}
}
@media (max-width: 640px){
  .media-thumbs{
    grid-template-columns:1fr;
    grid-auto-rows:minmax(92px,auto);
  }
  .media-thumb{min-height:92px;grid-template-columns:64px minmax(0,1fr);padding:9px;gap:10px}
  .media-thumb img{width:64px;height:68px}
  .thumb-copy b{font-size:12px}
  .thumb-copy small{font-size:9px}
}


/* V9 — premium refinement */
:root{
  --panel-premium:rgba(15,12,9,.88);
  --gold-line:rgba(232,197,132,.24);
}

/* HERO */
.hero{
  min-height:880px;
  isolation:isolate;
}
.hero-bg{
  object-position:center 46%;
  filter:saturate(.93) contrast(1.03) brightness(.9);
}
.hero-layer{
  background:
    radial-gradient(circle at 68% 38%,rgba(196,154,91,.09),transparent 26%),
    linear-gradient(90deg,rgba(6,5,4,.96) 0%,rgba(6,5,4,.78) 36%,rgba(6,5,4,.30) 66%,rgba(6,5,4,.12) 100%),
    linear-gradient(180deg,rgba(7,6,5,.40),rgba(7,6,5,.02) 28%,rgba(7,6,5,.12) 65%,#070605 100%);
}
.hero-layout{
  grid-template-columns:minmax(0,1.06fr) minmax(410px,.78fr);
  gap:72px;
  padding:126px 0 90px;
}
.hero-copy{max-width:690px}
.hero-meta{
  width:max-content;
  margin-bottom:21px;
  padding:8px 11px;
  border:1px solid rgba(255,116,96,.12);
  border-radius:999px;
  background:rgba(10,8,6,.42);
  backdrop-filter:blur(8px);
}
.hero h1{
  max-width:10.6ch;
  font-size:clamp(58px,6vw,92px);
  line-height:.93;
  letter-spacing:-.052em;
  text-shadow:0 10px 34px rgba(0,0,0,.28);
}
.hero h1 em{color:#e3c17f}
.hero-lead{
  max-width:610px;
  margin-top:24px;
  color:#d8d1c8;
  font-size:16px;
  line-height:1.72;
}
.hero-actions{margin-top:29px}
.hero-actions .btn{min-height:52px;padding-inline:22px}
.trust-row{
  gap:10px;
  margin-top:24px;
}
.trust-row span{
  min-height:38px;
  padding:0 12px;
  border:1px solid rgba(255,116,96,.10);
  border-radius:999px;
  background:rgba(10,8,6,.38);
}
.trust-row b{font-size:10px;color:#bdb5ab}
.trust-row svg{width:14px;height:14px}
.hero-card{
  height:560px;
  border-radius:24px;
  border-color:rgba(255,116,96,.20);
  box-shadow:0 40px 110px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.015) inset;
}
.hero-card::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-card img{filter:saturate(.96) contrast(1.03)}
.card-shade{background:linear-gradient(180deg,rgba(7,6,5,.08) 24%,rgba(7,6,5,.03) 48%,rgba(7,6,5,.86) 100%)}
.hero-card-top{top:18px;left:18px;right:18px}
.hero-card-top small{padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(7,6,5,.52);backdrop-filter:blur(8px)}
.hero-card-copy{left:24px;right:24px;bottom:22px;gap:8px}
.hero-card-copy strong{font-size:36px;letter-spacing:-.04em}
.hero-card-caption{display:flex!important;align-items:center;justify-content:space-between;gap:14px;width:100%}
.hero-card-caption svg{width:16px;height:16px;color:#d9b979}
.facts{background:linear-gradient(180deg,#090806,#080705)}
.facts-grid div{padding-block:27px}
.facts-grid strong{font-size:28px;color:#f1ece4}
.facts-grid span{color:#8d857b;letter-spacing:.11em}

/* CARDS */
.system-grid{gap:16px}
.system-card{
  min-height:340px;
  padding:28px;
  overflow:hidden;
  border-color:rgba(255,116,96,.10);
  border-radius:20px;
  background:
    radial-gradient(circle at 82% 0%,rgba(196,154,91,.055),transparent 30%),
    linear-gradient(180deg,#100d0a,#0a0907);
  box-shadow:0 18px 48px rgba(0,0,0,.12);
}
.system-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,116,96,.38),transparent);
  opacity:.5;
}
.system-card::after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-80px;bottom:-90px;
  border:1px solid rgba(255,116,96,.055);
  border-radius:50%;
  transition:transform .35s ease,border-color .35s ease;
}
.system-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,116,96,.24);
  box-shadow:0 24px 62px rgba(0,0,0,.20);
}
.system-card:hover::after{transform:scale(1.22);border-color:rgba(255,116,96,.10)}
.system-icon{
  width:52px;height:52px;
  margin-top:48px;
  border-color:rgba(255,116,96,.13);
  background:linear-gradient(180deg,#12100c,#0a0807);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.system-card:hover .system-icon{border-color:rgba(255,116,96,.30);color:#ff9a8b}
.system-card h3{margin-top:64px;font-size:26px}
.system-card p{max-width:31ch;color:#aba39a;line-height:1.72}
.install-step{
  border-color:rgba(255,116,96,.10);
  background:linear-gradient(180deg,#100d0a,#0a0907);
  box-shadow:0 16px 44px rgba(0,0,0,.10);
}
.install-step:hover{box-shadow:0 22px 54px rgba(0,0,0,.16)}
.step-head span{background:#0b0707;box-shadow:inset 0 0 0 1px rgba(255,116,96,.04)}

/* GALLERY */
.world-section{background:linear-gradient(180deg,#070605 0%,#090806 76%,#090806 100%)}
.media-showcase{gap:14px}
.media-viewer{
  height:min(62vw,660px);
  min-height:560px;
  border-radius:22px;
  border-color:rgba(255,116,96,.13);
  box-shadow:0 34px 90px rgba(0,0,0,.26);
}
.media-viewer::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.media-shade{background:linear-gradient(180deg,rgba(6,5,4,0) 42%,rgba(6,5,4,.08) 58%,rgba(6,5,4,.92) 100%)}
.media-copy{left:30px;right:92px;bottom:28px;max-width:680px}
.media-copy small{letter-spacing:.13em}
.media-copy h3{font-size:38px;line-height:1.02}
.media-copy p{max-width:52ch;color:#c6beb5;font-size:14px}
.zoom-badge{border-color:rgba(255,255,255,.11);background:rgba(8,7,5,.62)}
.media-thumbs{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:142px;
  gap:12px;
}
.media-thumb{
  position:relative;
  min-height:142px;
  display:block;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  border-color:rgba(255,116,96,.10);
  background:#0b0707;
  isolation:isolate;
}
.media-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(6,5,4,.02) 32%,rgba(6,5,4,.18) 58%,rgba(6,5,4,.90) 100%);
  pointer-events:none;
}
.media-thumb img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  border-radius:0;
  opacity:.72;
  transform:scale(1.01);
}
.media-thumb:hover img,.media-thumb.active img{opacity:1;transform:scale(1.035)}
.media-thumb:hover{transform:translateY(-3px);border-color:rgba(255,116,96,.25)}
.media-thumb.active{border-color:rgba(255,116,96,.48);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.thumb-index{
  z-index:3!important;
  top:10px!important;left:10px!important;
  background:rgba(7,6,5,.68)!important;
  backdrop-filter:blur(7px);
}
.thumb-copy{
  position:absolute;
  z-index:3;
  left:13px;right:13px;bottom:12px;
  display:grid;
  gap:3px;
  text-align:left;
}
.thumb-copy b{font-size:14px;line-height:1.08;color:#fff}
.thumb-copy small{font-size:8px;line-height:1.2;color:#a89f95;letter-spacing:.12em}

/* DOWNLOAD PAGE */
.download-hero{min-height:100vh;isolation:isolate}
.download-bg{filter:saturate(.92) contrast(1.04) brightness(.78)}
.download-layer{
  background:
    radial-gradient(circle at 74% 44%,rgba(196,154,91,.07),transparent 30%),
    linear-gradient(90deg,rgba(6,5,4,.98) 0%,rgba(6,5,4,.88) 43%,rgba(6,5,4,.58) 72%,rgba(6,5,4,.42) 100%),
    linear-gradient(180deg,rgba(7,6,5,.30),rgba(7,6,5,.82));
}
.download-layout{
  grid-template-columns:minmax(0,1fr) 540px;
  gap:80px;
  align-items:center;
  padding:118px 0 76px;
}
.download-copy h1{max-width:10ch;font-size:clamp(54px,5.4vw,76px);line-height:.96}
.download-copy>p:not(.kicker){max-width:560px;color:#c9c1b8}
.download-chips{display:flex;gap:8px;flex-wrap:wrap}
.download-chips span{padding:8px 10px;border:1px solid rgba(255,116,96,.12);border-radius:999px;background:rgba(10,8,6,.35);font-size:9px;letter-spacing:.11em}
.download-requirements>div{background:rgba(10,8,6,.55);border-color:rgba(255,116,96,.10)}
.download-card{
  position:relative;
  padding:30px;
  border-radius:22px;
  border-color:rgba(255,116,96,.18);
  background:linear-gradient(180deg,rgba(18,15,11,.96),rgba(10,8,7,.96));
  box-shadow:0 42px 120px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.025);
}
.download-card::before{
  content:"";
  position:absolute;
  top:0;left:24px;right:24px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,116,96,.42),transparent);
}
.release-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:24px;
}
.release-grid>div{
  padding:12px 13px;
  border:1px solid rgba(255,116,96,.09);
  border-radius:12px;
  background:#0b0707;
}
.release-grid span{display:block;color:#716a62;font-size:8px;font-weight:800;letter-spacing:.12em}
.release-grid strong{display:block;margin-top:5px;font-size:12px;font-weight:700;color:#ded7ce}
.file-card{margin-top:12px;border-color:rgba(255,116,96,.10);background:#0b0707}
.file-icon{border-color:rgba(255,116,96,.12);background:#100d0a}
.download-disabled{width:100%;justify-content:space-between;padding-inline:18px;background:#b89259;color:#0b0805;border-color:#c8a96f;opacity:.78}
.download-status{color:#817a71;font-size:10.5px}
.download-divider{background:rgba(255,116,96,.08)}
.mini-steps div{background:#0b0707;border-color:rgba(255,116,96,.07)}

/* FOOTER */
.site-footer{
  position:relative;
  overflow:hidden;
  padding:78px 0 28px;
  background:
    radial-gradient(circle at 12% 0%,rgba(196,154,91,.055),transparent 28%),
    #060504;
  border-top:1px solid rgba(255,116,96,.08);
}
.site-footer::before{
  content:"";
  position:absolute;
  top:0;left:50%;
  width:min(1180px,80%);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,116,96,.35),transparent);
}
.footer-main{grid-template-columns:1.5fr .72fr .72fr .85fr;gap:58px}
.footer-brand .brand img{width:46px;height:46px}
.footer-brand>p{max-width:310px;color:#968e84;line-height:1.7}
.footer-status{width:max-content;padding:7px 10px;border:1px solid rgba(255,116,96,.07);border-radius:999px;background:#090705}
.footer-column>strong{color:#c3b7aa}
.footer-links a,.footer-meta{color:#857d74}
.footer-cta{
  min-width:210px;
  padding:18px;
  border:1px solid rgba(255,116,96,.09);
  border-radius:16px;
  background:linear-gradient(180deg,#0d0b09,#090705);
}
.footer-cta p{color:#a79e94}
.footer-download{width:100%;justify-content:space-between;background:#120f0b}
.footer-bottom{border-top:1px solid rgba(255,255,255,.035);display:flex;justify-content:space-between}

@media(max-width:1100px){
  .hero-layout{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:760px}.hero-card{height:520px}
  .media-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}
  .download-layout{grid-template-columns:1fr;max-width:820px}.download-card{max-width:640px}
  .footer-main{grid-template-columns:1.3fr .7fr .7fr;gap:38px}.footer-cta{grid-column:2/4;justify-self:start}
}
@media(max-width:680px){
  .hero-layout{padding-top:110px}.hero h1{font-size:clamp(42px,12.2vw,60px);max-width:10ch}.hero-card{height:430px}
  .trust-row span{width:max-content}
  .media-viewer{height:430px;min-height:0}.media-thumbs{grid-template-columns:1fr 1fr;grid-auto-rows:118px}.thumb-copy b{font-size:12px}
  .download-layout{padding-top:98px}.download-card{padding:22px}.release-grid{grid-template-columns:1fr 1fr}.release-grid>div:last-child{grid-column:1/-1}
  .footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-cta{grid-column:1/-1;min-width:0;width:100%}.footer-bottom{display:flex;flex-direction:column;gap:8px}
}
@media(max-width:480px){
  .media-thumbs{grid-template-columns:1fr;grid-auto-rows:112px}
  .release-grid{grid-template-columns:1fr}.release-grid>div:last-child{grid-column:auto}
}


/* v11 server/world access */
.server-access{
  margin-top:22px;
  max-width:560px;
  min-height:64px;
  padding:10px 10px 10px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(255,116,96,.18);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(18,15,11,.78),rgba(10,8,6,.72));
  box-shadow:0 14px 36px rgba(0,0,0,.18);
}
.server-access-main{display:flex;align-items:center;gap:12px;min-width:0}
.server-dot{width:8px;height:8px;border-radius:50%;background:#84c98b;box-shadow:0 0 0 5px rgba(132,201,139,.08),0 0 18px rgba(132,201,139,.24)}
.server-access-main div{display:grid;gap:4px;min-width:0}
.server-access-main small{color:#8f877d;font-size:9px;font-weight:800;letter-spacing:.13em}
.server-access-main strong{font-size:13px;line-height:1.2;font-weight:720;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-copy,.download-server-card button,.footer-server-copy{
  border:1px solid rgba(255,116,96,.18);
  background:#0b0707;
  color:#eee7dd;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.server-copy{min-height:42px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border-radius:11px;white-space:nowrap;font-size:11px;font-weight:750}
.server-copy svg,.download-server-card button svg{width:15px;height:15px;color:var(--gold-soft)}
.server-copy:hover,.download-server-card button:hover,.footer-server-copy:hover{transform:translateY(-1px);border-color:rgba(255,116,96,.36);background:#14100c}
.server-copy.copied,.download-server-card button.copied,.footer-server-copy.copied{border-color:rgba(132,201,139,.34);color:#bce7c1}
.footer-server-copy{padding:0;border:0;background:transparent;color:#a59d93;text-align:left;font:inherit}
.footer-server-copy:hover{transform:none;background:transparent;color:#fff}
.download-server-card{margin-top:16px;padding:14px 14px 14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,116,96,.16);border-radius:15px;background:rgba(11,9,7,.72)}
.download-server-card>div{display:grid;gap:4px;min-width:0}
.download-server-card small{color:#8f877d;font-size:9px;font-weight:800;letter-spacing:.12em}
.download-server-card strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.download-server-card button{min-height:40px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:10px;font-size:10px;font-weight:750;white-space:nowrap}
@media(max-width:640px){
  .server-access,.download-server-card{align-items:stretch;flex-direction:column}
  .server-copy,.download-server-card button{width:100%;justify-content:center}
  .server-access-main strong,.download-server-card strong{white-space:normal;overflow:visible}
}


/* v13 — premium complete polish */
:root{
  --font: Inter,"Segoe UI Variable Text","Segoe UI",system-ui,Arial,sans-serif;
  --font-display: Inter,"Segoe UI Variable Display","Segoe UI",system-ui,Arial,sans-serif;
  --gold-2:#ff7a68;
  --panel-3:rgba(12,10,8,.9);
}
html{background:#070605}
body{background:#070605;color:#f3eee7}
body::before{opacity:.02}
.brand b,.nav a,.btn,.header-download,.footer-download,.lang-code{letter-spacing:.01em}
.nav a{font-size:12px;font-weight:700}
.btn{min-height:54px;border-radius:14px;font-weight:800;letter-spacing:.015em}
.btn-primary{background:linear-gradient(180deg,#ef6557,#b72e2a);border-color:#ef8174;box-shadow:0 16px 40px rgba(170,44,32,.24)}
.btn-primary:hover{background:linear-gradient(180deg,#ff7d6b,#c63631)}
.btn-secondary{background:rgba(13,10,8,.62);backdrop-filter:blur(10px)}
.header-download{min-height:44px;padding:0 16px;border-radius:999px}
.site-header.scrolled{background:rgba(7,6,5,.88)}

/* hero */
.hero{min-height:930px;background:#060504}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,rgba(6,5,4,0),#070605 86%);z-index:1;pointer-events:none}
.hero-bg{inset:-4% 0;height:108%;object-position:center 42%;filter:saturate(.9) contrast(1.08) brightness(.74)}
.hero-layer{background:
  radial-gradient(circle at 70% 34%,rgba(255,126,106,.14),transparent 22%),
  radial-gradient(circle at 77% 57%,rgba(166,33,33,.14),transparent 24%),
  linear-gradient(90deg,rgba(5,4,3,.97) 0%,rgba(5,4,3,.83) 31%,rgba(5,4,3,.42) 62%,rgba(5,4,3,.18) 100%),
  linear-gradient(180deg,rgba(5,4,3,.48),rgba(5,4,3,.06) 28%,rgba(5,4,3,.18) 68%,#070605 100%)}
.hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(430px,.82fr);gap:82px;align-items:center;padding:130px 0 100px}
.hero-copy{max-width:680px}
.hero-meta{padding:9px 14px;border:1px solid rgba(255,116,96,.15);background:rgba(8,7,5,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.hero h1{max-width:8.4ch;font-size:clamp(68px,6.2vw,104px);line-height:.91;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 14px 44px rgba(0,0,0,.34)}
.hero h1 em{color:var(--gold-2)}
.hero-lead{max-width:590px;margin-top:24px;color:#d4ccc2;font-size:17px;line-height:1.74}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-actions .btn{padding-inline:24px}
.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.trust-row span{min-height:40px;padding:0 14px;border:1px solid rgba(255,116,96,.12);background:rgba(9,8,6,.46);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.server-access{margin-top:24px;min-height:68px;padding:11px 11px 11px 16px;border-radius:18px;border-color:rgba(255,116,96,.18);background:linear-gradient(180deg,rgba(16,13,10,.82),rgba(10,8,6,.78));box-shadow:0 18px 50px rgba(0,0,0,.24)}
.server-access-main strong{font-size:14px}
.server-copy{min-height:44px;border-radius:12px}
.hero-card{height:610px;border-radius:28px;border-color:rgba(255,116,96,.18);background:#0b0707;box-shadow:0 44px 130px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.018) inset}
.hero-card:hover{--lift:-6px;border-color:rgba(255,116,96,.34)}
.hero-card img{filter:saturate(.98) contrast(1.02) brightness(.92)}
.card-shade{background:linear-gradient(180deg,rgba(7,6,5,.04) 18%,rgba(7,6,5,.02) 44%,rgba(7,6,5,.88) 100%)}
.hero-card-top{top:22px;left:22px;right:22px}
.hero-card-top small{padding:8px 10px;border:1px solid rgba(255,255,255,.1);background:rgba(9,8,6,.54)}
.hero-card-top b{padding:8px 10px;background:rgba(9,8,6,.68);font-size:10px;letter-spacing:.12em}
.hero-card-copy{left:26px;right:26px;bottom:26px;gap:10px}
.hero-card-copy small{color:#dbc08b}
.hero-card-copy strong{font-size:42px;line-height:.94;letter-spacing:-.045em;max-width:9ch}
.hero-card-caption{gap:16px;color:#d4cbc1!important}
.hero-card-caption span{font-size:13px}
.scroll-hint{z-index:3}

/* section typography */
.section{padding:118px 0}
.section-intro{margin-bottom:44px;align-items:end}
.section-intro h2,.boss-copy h2,.final-copy h2,.faq-copy h2{font-size:clamp(52px,4.8vw,78px);line-height:.94;letter-spacing:-.05em;text-wrap:balance}
.section-intro>p,.boss-copy p,.faq-copy p,.final-copy p{font-size:15.5px;line-height:1.72;color:#b8b0a6}
.kicker,.section-index{letter-spacing:.14em}
.facts-grid strong{font-size:32px}
.facts-grid span{font-size:10px}

/* cards */
.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.system-card{min-height:376px;padding:30px 30px 28px;border-radius:24px;border:1px solid rgba(255,116,96,.12);background:
 radial-gradient(circle at 86% 0%,rgba(255,126,106,.08),transparent 34%),
 linear-gradient(180deg,#120f0b 0%,#0a0907 100%);box-shadow:0 22px 58px rgba(0,0,0,.16);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.system-card::before{opacity:.72}
.system-card::after{width:180px;height:180px;right:-86px;bottom:-102px}
.system-card:hover{transform:translateY(-6px);border-color:rgba(255,116,96,.28);box-shadow:0 30px 72px rgba(0,0,0,.22)}
.system-number,.system-tag{font-weight:800}
.system-icon{width:58px;height:58px;margin-top:46px}
.system-card h3{margin-top:56px;font-size:30px;line-height:1.02;letter-spacing:-.04em;max-width:10ch}
.system-card p{max-width:32ch;font-size:14px;color:#b0a89e}
.install-step{min-height:265px;border-radius:22px;border-color:rgba(255,116,96,.11);box-shadow:0 18px 46px rgba(0,0,0,.13)}
.install-step p{color:#aea69d;line-height:1.65}

/* gallery cleaner */
.world-section{background:linear-gradient(180deg,#070605 0%,#0a0907 72%,#090806 100%)}
.media-showcase{display:grid;grid-template-columns:1fr;gap:18px}
.media-viewer{height:min(66vw,760px);min-height:630px;border-radius:28px;border-color:rgba(255,116,96,.14);box-shadow:0 42px 108px rgba(0,0,0,.3)}
.media-shade{background:linear-gradient(180deg,rgba(6,5,4,0) 38%,rgba(6,5,4,.14) 56%,rgba(6,5,4,.93) 100%)}
.media-copy{left:34px;right:34px;bottom:30px;max-width:none;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:24px;align-items:end}
.media-copy small{grid-column:1/-1;font-size:10px;color:#d6bc85;letter-spacing:.14em}
.media-copy h3{margin:0;font-size:58px;line-height:.93;letter-spacing:-.05em;max-width:8ch;text-wrap:balance}
.media-copy p{margin:0 0 2px auto;max-width:31ch;font-size:15px;line-height:1.72;color:#cec6bd}
.zoom-badge{right:22px;top:22px;border-radius:999px;background:rgba(9,8,6,.64);backdrop-filter:blur(10px)}
.media-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:166px;gap:14px}
.media-thumb{min-height:166px;border-radius:18px;border-color:rgba(255,116,96,.1);background:#0b0707;box-shadow:0 10px 24px rgba(0,0,0,.10)}
.media-thumb::after{background:linear-gradient(180deg,rgba(6,5,4,.04) 34%,rgba(6,5,4,.16) 56%,rgba(6,5,4,.92) 100%)}
.media-thumb img{opacity:.76;transform:scale(1.02)}
.media-thumb:hover img,.media-thumb.active img{opacity:1;transform:scale(1.05)}
.media-thumb:hover,.media-thumb.active{transform:translateY(-4px);border-color:rgba(255,116,96,.26);box-shadow:0 18px 38px rgba(0,0,0,.2)}
.thumb-index{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#fff!important;font-size:9px;background:rgba(8,7,5,.66)!important}
.thumb-copy{left:14px;right:14px;bottom:14px;gap:4px}
.thumb-copy b{font-size:16px;letter-spacing:-.02em}
.thumb-copy small{font-size:8.5px;color:#b8b0a6}

/* boss/final */
.boss-section{min-height:780px}
.boss-copy h2 em,.final-copy h2 em{color:var(--gold-2)}
.boss-panel{backdrop-filter:blur(14px)}
.final-cta{min-height:620px}

/* download page */
.download-hero{background:#060504}
.download-bg{object-position:center 45%;filter:saturate(.9) contrast(1.06) brightness(.68)}
.download-layer{background:
  radial-gradient(circle at 70% 32%,rgba(255,126,106,.08),transparent 26%),
  linear-gradient(90deg,rgba(5,4,3,.97) 0%,rgba(5,4,3,.88) 38%,rgba(5,4,3,.56) 68%,rgba(5,4,3,.38) 100%),
  linear-gradient(180deg,rgba(5,4,3,.42),rgba(5,4,3,.80))}
.download-layout{grid-template-columns:minmax(0,1fr) 560px;gap:64px;align-items:center;padding:124px 0 82px}
.download-copy h1{max-width:9ch;font-size:clamp(60px,5.7vw,84px);line-height:.93;letter-spacing:-.055em}
.download-copy>p:not(.kicker){font-size:16px;line-height:1.72;color:#c8c0b7}
.download-chips span{padding:9px 12px;background:rgba(11,9,7,.46);font-size:9.5px}
.download-server-card,.download-requirements>div{backdrop-filter:blur(12px)}
.download-card{padding:32px;border-radius:26px;border-color:rgba(255,116,96,.18);background:linear-gradient(180deg,rgba(17,14,11,.95),rgba(10,8,7,.96));box-shadow:0 44px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.03)}
.download-card-head{gap:16px;padding-right:132px}
.download-card-head strong{font-size:24px;letter-spacing:-.03em}
.build-state{padding:8px 10px;border-radius:999px;background:#0f0c09}
.release-grid{gap:10px;margin-top:26px}
.release-grid>div{padding:14px 14px;border-radius:14px}
.release-grid strong{font-size:13px}
.file-card{margin-top:14px;padding:17px 16px;border-radius:16px}
.file-card strong{font-size:15px}
.download-disabled{min-height:54px;border-radius:14px}
.download-status{margin-top:14px;font-size:11px}
.download-divider{margin:22px 0}
.mini-steps{gap:12px}
.mini-steps div{padding:14px 8px;border-radius:14px}
.mini-steps span{width:34px;height:34px;font-size:10px}
.mini-steps b{font-size:10px;color:#c6beb4}

/* footer refined */
.site-footer{padding:88px 0 30px;background:radial-gradient(circle at 14% 0%,rgba(255,126,106,.06),transparent 28%),#060504;border-top:1px solid rgba(255,116,96,.08)}
.footer-main{grid-template-columns:1.35fr .8fr .86fr 1fr;gap:44px;align-items:start}
.footer-brand{max-width:390px}
.footer-brand>p{max-width:340px;color:#9c948a;font-size:13px;line-height:1.74}
.footer-status{margin-top:20px;padding:8px 12px;border-radius:999px;background:#090705}
.footer-column{padding-top:8px}
.footer-column>strong{margin-bottom:18px;color:#d1c5b7}
.footer-links a{font-size:13px;color:#958d84}
.footer-meta{gap:12px;font-size:12.5px;color:#958d84}
.footer-cta{min-width:230px;padding:22px;border-radius:20px;border-color:rgba(255,116,96,.11);background:linear-gradient(180deg,#0f0c09,#090705);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.footer-cta p{margin:0 0 16px;font-size:12px;color:#a79f95}
.footer-download{min-height:46px;border-radius:14px;background:#120f0b}
.footer-bottom{margin-top:56px;padding-top:20px;font-size:10px;letter-spacing:.08em;color:#6e665f}

/* mobile */
@media (max-width:1180px){
  .hero-layout{grid-template-columns:1fr;gap:46px}.hero-copy{max-width:760px}.hero-card{height:560px;max-width:640px}
  .download-layout{grid-template-columns:1fr;max-width:820px;gap:44px}.download-card{max-width:640px}
}
@media (max-width:900px){
  .section{padding:92px 0}
  .section-intro h2,.boss-copy h2,.final-copy h2,.faq-copy h2{font-size:clamp(42px,8.8vw,64px)}
  .system-grid{grid-template-columns:1fr}
  .media-copy{grid-template-columns:1fr;gap:10px}.media-copy h3{font-size:46px;max-width:9ch}.media-copy p{margin:0;max-width:40ch}
  .media-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}
  .footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-brand,.footer-cta{grid-column:1/-1}.footer-cta{width:100%}
}
@media (max-width:640px){
  .hero{min-height:auto}.hero-layout{padding:106px 0 72px}
  .hero h1{font-size:clamp(42px,12.4vw,62px);max-width:9ch}.hero-lead{font-size:15px}
  .hero-actions{display:grid}.hero-actions .btn{width:100%}
  .trust-row{display:grid}.server-access{align-items:stretch;flex-direction:column}.server-copy{width:100%;justify-content:center}
  .hero-card{height:440px;border-radius:22px}.hero-card-copy strong{font-size:30px}
  .media-viewer{min-height:0;height:470px;border-radius:20px}.media-copy{left:20px;right:20px;bottom:20px}.media-copy h3{font-size:34px}.media-copy p{font-size:13px}
  .media-thumbs{grid-template-columns:1fr;grid-auto-rows:116px}
  .download-layout{padding:102px 0 60px}.download-copy h1{font-size:clamp(44px,12vw,62px)}.download-card{padding:22px}.download-card-head{padding-right:0;align-items:flex-start}.build-state{position:static;margin-left:auto}
  .release-grid{grid-template-columns:1fr 1fr}.release-grid>div:last-child{grid-column:1/-1}
  .mini-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .release-grid,.mini-steps{grid-template-columns:1fr}
  .release-grid>div:last-child{grid-column:auto}
}


/* v14 — scrollbar + hero effects + lively gallery */
html{
  scroll-behavior:smooth;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:rgba(231,194,121,.72) rgba(9,8,6,.92);
}
body{
  scrollbar-width:thin;
  scrollbar-color:rgba(231,194,121,.72) rgba(9,8,6,.92);
}
body::-webkit-scrollbar,
.lightbox-dialog::-webkit-scrollbar,
.modal-body::-webkit-scrollbar{
  width:14px;
  height:14px;
}
body::-webkit-scrollbar-track,
.lightbox-dialog::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(7,6,5,.96),rgba(12,10,8,.96));
  border-left:1px solid rgba(255,116,96,.06);
}
body::-webkit-scrollbar-thumb,
.lightbox-dialog::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(243,210,145,.86),rgba(194,147,77,.92));
  border:3px solid rgba(9,8,6,.98);
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 18px rgba(183,133,62,.18);
}
body::-webkit-scrollbar-thumb:hover,
.lightbox-dialog::-webkit-scrollbar-thumb:hover,
.modal-body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(248,219,164,.96),rgba(214,163,87,.98));
}
body::-webkit-scrollbar-corner,
.lightbox-dialog::-webkit-scrollbar-corner,
.modal-body::-webkit-scrollbar-corner{background:#090806}

@keyframes heroAmbientMove{
  0%{transform:translate3d(-2%,0,0) scale(1);opacity:.68}
  50%{transform:translate3d(1.5%,-1.5%,0) scale(1.06);opacity:.92}
  100%{transform:translate3d(0,1%,0) scale(1.02);opacity:.74}
}
@keyframes heroBreath{
  0%{transform:translate3d(0,var(--hero-y,0px),0) scale(1.02)}
  100%{transform:translate3d(0,calc(var(--hero-y,0px) - 10px),0) scale(1.06)}
}
@keyframes floatCard{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-10px,0)}
}
@keyframes glowPulse{
  0%,100%{opacity:.3;transform:scale(1)}
  50%{opacity:.82;transform:scale(1.06)}
}
@keyframes shimmerSweep{
  0%{transform:translateX(-115%)}
  100%{transform:translateX(115%)}
}
@keyframes thumbRipple{
  0%{transform:translate(-50%,-50%) scale(.1);opacity:.42}
  100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}
}
@keyframes viewerPulse{
  0%{box-shadow:0 42px 108px rgba(0,0,0,.30),0 0 0 1px rgba(255,116,96,.12) inset}
  40%{box-shadow:0 44px 110px rgba(0,0,0,.32),0 0 0 1px rgba(255,116,96,.28) inset,0 0 42px rgba(230,191,118,.10)}
  100%{box-shadow:0 42px 108px rgba(0,0,0,.30),0 0 0 1px rgba(255,116,96,.12) inset}
}
@keyframes cardFlash{
  0%{opacity:0}
  30%{opacity:.28}
  100%{opacity:0}
}

.hero{overflow:hidden;isolation:isolate}
.hero::before{
  content:"";
  position:absolute;
  inset:-8% -4% auto -4%;
  height:86%;
  background:
    radial-gradient(circle at calc(68% + var(--mx,0px)) calc(20% + var(--my,0px)),rgba(235,196,126,.20),transparent 18%),
    radial-gradient(circle at calc(80% + var(--mx,0px)) calc(48% + var(--my,0px)),rgba(39,117,158,.22),transparent 18%),
    radial-gradient(circle at calc(24% + var(--mx,0px)) calc(76% + var(--my,0px)),rgba(126,91,48,.16),transparent 20%);
  filter:blur(12px);
  opacity:.82;
  pointer-events:none;
  z-index:0;
  animation:heroAmbientMove 16s ease-in-out infinite;
}
.hero-layer{backdrop-filter:saturate(108%)}
.hero-bg{
  will-change:transform;
  animation:heroBreath 18s ease-in-out infinite alternate;
}
.hero-copy{position:relative;z-index:2}
.hero-meta,.hero-actions .btn,.trust-row span,.server-access{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.hero-meta:hover,.trust-row span:hover,.server-access:hover{transform:translateY(-2px)}
.hero-actions .btn:hover{transform:translateY(-2px) scale(1.01)}
.hero-card{
  transform-style:preserve-3d;
  will-change:transform,box-shadow;
  animation:floatCard 7.5s ease-in-out infinite;
}
.hero-card::after{
  content:"";
  position:absolute;
  inset:auto -18% -18% auto;
  width:230px;
  height:230px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(230,190,120,.22),transparent 70%);
  filter:blur(8px);
  opacity:.54;
  pointer-events:none;
  animation:glowPulse 7s ease-in-out infinite;
}
.hero-card::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-34%;width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:skewX(-18deg);
  opacity:.0;
  pointer-events:none;
}
.hero-card:hover::before{opacity:1;animation:shimmerSweep 1.05s ease}
.hero-card.clicked{animation:none;transform:scale(.988)!important}

.media-viewer{
  position:relative;
  overflow:hidden;
}
.media-viewer::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.07) 48%,transparent 100%);
  opacity:0;
  pointer-events:none;
}
.media-viewer.pulse{animation:viewerPulse .65s ease}
.media-viewer.pulse::after{animation:cardFlash .65s ease}
#featured-image{
  transition:opacity .24s ease,transform .62s cubic-bezier(.2,.8,.2,1),filter .4s ease;
  will-change:transform,opacity;
}
.media-viewer.switching #featured-image{opacity:.18;transform:scale(1.045);filter:blur(1.5px)}
.media-viewer.switching .media-copy{opacity:.16;transform:translateY(10px)}
.media-thumb{position:relative;overflow:hidden;isolation:isolate}
.media-thumb::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(255,116,96,.12),transparent 62%);
  opacity:0;
  transition:opacity .28s ease;
}
.media-thumb:hover::before,.media-thumb.active::before{opacity:1}
.media-thumb:hover{transform:translateY(-6px) scale(1.01)}
.media-thumb.clicked{transform:translateY(-2px) scale(.988)!important}
.media-thumb .thumb-ripple{
  position:absolute;
  left:var(--x,50%);top:var(--y,50%);
  width:150px;height:150px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(244,222,180,.36),rgba(255,126,106,.16) 45%,transparent 72%);
  transform:translate(-50%,-50%) scale(.1);
  animation:thumbRipple .6s ease-out forwards;
  z-index:1;
}
.media-thumb img,.thumb-copy,.thumb-index{position:relative;z-index:2}
.media-thumb.active{box-shadow:0 20px 40px rgba(0,0,0,.24),0 0 0 1px rgba(255,116,96,.22) inset}
.media-copy h3,.media-copy p{transition:transform .3s ease,opacity .3s ease}
.media-viewer.switching .media-copy h3{transform:translateY(8px)}
.media-viewer.switching .media-copy p{transform:translateY(10px)}
.lightbox.open .lightbox-dialog{animation:floatCard .55s ease 1}

@media (prefers-reduced-motion:reduce){
  .hero::before,.hero-bg,.hero-card,.hero-card::after,.media-viewer::after{animation:none!important}
}


/* v15 — section reveals, premium lightbox, stronger card hover */
@keyframes sectionFadeUp{
  0%{opacity:0;transform:translate3d(0,34px,0) scale(.985)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes sectionFadeLeft{
  0%{opacity:0;transform:translate3d(-28px,24px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes sectionFadeRight{
  0%{opacity:0;transform:translate3d(28px,24px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes premiumPulse{
  0%,100%{opacity:.35;transform:scale(1)}
  50%{opacity:.75;transform:scale(1.08)}
}
@keyframes lightboxIn{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.945)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes lightboxImageIn{
  0%{opacity:.08;transform:scale(1.045)}
  100%{opacity:1;transform:scale(1)}
}

main > section,
.site-footer{position:relative;isolation:isolate}
main > section::after,
.site-footer::after{
  content:"";
  position:absolute;
  left:50%;bottom:auto;top:0;
  width:min(58vw,820px);height:1px;
  transform:translateX(-50%) scaleX(.72);
  transform-origin:center;
  background:linear-gradient(90deg,transparent,rgba(255,116,96,.18),transparent);
  opacity:0;
  transition:opacity .7s ease,transform .8s ease;
  pointer-events:none;
}
main > section.section-inview::after,
.site-footer.section-inview::after{opacity:.86;transform:translateX(-50%) scaleX(1)}

.section-intro,
.media-showcase,
.system-card,
.boss-copy,
.boss-panel,
.install-step,
.final-copy,
.faq-copy,
.faq-list,
.footer-main,
.footer-bottom,
.facts-grid > div,
.download-copy,
.download-card,
.download-requirements > div,
.download-server-card{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .68s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),filter .6s ease;
  filter:blur(4px);
  will-change:transform,opacity;
}
.world-section.section-inview .section-intro,
.systems-section.section-inview .section-intro,
.install-section.section-inview .section-intro,
.faq-section.section-inview .faq-copy,
.final-cta.section-inview .final-copy,
.download-hero.section-inview .download-copy,
.download-hero.section-inview .download-card,
.download-hero.section-inview .download-requirements > div,
.download-hero.section-inview .download-server-card,
.facts.section-inview .facts-grid > div,
.boss-section.section-inview .boss-copy,
.boss-section.section-inview .boss-panel,
.site-footer.section-inview .footer-main,
.site-footer.section-inview .footer-bottom,
.world-section.section-inview .media-showcase,
.faq-section.section-inview .faq-list{
  opacity:1;transform:none;filter:none;
}
.systems-section.section-inview .system-card,
.install-section.section-inview .install-step{opacity:1;transform:none;filter:none}

.section-inview .system-card:nth-child(1),
.section-inview .install-step:nth-child(1),
.section-inview .facts-grid > div:nth-child(1){transition-delay:.04s}
.section-inview .system-card:nth-child(2),
.section-inview .install-step:nth-child(2),
.section-inview .facts-grid > div:nth-child(2){transition-delay:.12s}
.section-inview .system-card:nth-child(3),
.section-inview .install-step:nth-child(3),
.section-inview .facts-grid > div:nth-child(3){transition-delay:.20s}
.section-inview .system-card:nth-child(4),
.section-inview .install-step:nth-child(4),
.section-inview .facts-grid > div:nth-child(4){transition-delay:.28s}
.faq-section.section-inview .faq-list{transition-delay:.08s}
.world-section.section-inview .media-showcase{transition-delay:.10s}
.boss-section.section-inview .boss-panel{transition-delay:.12s}
.download-hero.section-inview .download-card{transition-delay:.12s}
.download-hero.section-inview .download-requirements > div:nth-child(1){transition-delay:.18s}
.download-hero.section-inview .download-requirements > div:nth-child(2){transition-delay:.26s}
.download-hero.section-inview .download-requirements > div:nth-child(3){transition-delay:.34s}
.site-footer.section-inview .footer-bottom{transition-delay:.12s}

.system-card,
.install-step,
.facts-grid div,
.download-card,
.download-requirements > div,
.faq-item,
.hero-card,
.media-viewer{
  transition:transform .34s cubic-bezier(.2,.8,.2,1),
             box-shadow .34s cubic-bezier(.2,.8,.2,1),
             border-color .34s ease,
             background .34s ease,
             filter .34s ease;
}
.system-card::before,
.install-step::before,
.download-card::before,
.download-requirements > div::before,
.facts-grid div::before{
  pointer-events:none;
}
.system-card:hover,
.install-step:hover,
.download-requirements > div:hover,
.download-card:hover,
.facts-grid div:hover{
  transform:translateY(-10px) scale(1.01);
  box-shadow:0 32px 78px rgba(0,0,0,.32),0 0 0 1px rgba(255,116,96,.12) inset;
}
.system-card:hover{
  border-color:rgba(255,116,96,.34);
  background:linear-gradient(180deg,rgba(22,18,14,.98),rgba(12,10,8,.98));
}
.system-card::after{
  transition:transform .4s ease,opacity .4s ease,border-color .4s ease;
}
.system-card:hover .system-number{color:#dbc08b}
.system-card:hover .system-icon{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 16px 28px rgba(0,0,0,.22),0 0 0 1px rgba(255,116,96,.14) inset;
}
.install-step:hover{
  border-color:rgba(255,116,96,.28);
  background:linear-gradient(180deg,#110e0b,#0d0a08);
}
.install-step:hover .step-head span,
.install-step:hover .step-head svg{color:#f0d49b}
.facts-grid div{background:linear-gradient(180deg,rgba(11,9,7,.20),rgba(11,9,7,.00))}
.facts-grid div:hover{border-color:rgba(255,116,96,.16);background:linear-gradient(180deg,rgba(17,14,11,.42),rgba(11,9,7,.08))}
.facts-grid div::before{
  content:"";
  position:absolute;inset:auto 18px 0 18px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,116,96,.42),transparent);
  opacity:0;transform:scaleX(.5);
  transition:opacity .32s ease,transform .36s ease;
}
.facts-grid div:hover::before{opacity:1;transform:scaleX(1)}
.media-viewer:hover,
.hero-card:hover{
  box-shadow:0 40px 96px rgba(0,0,0,.34),0 0 0 1px rgba(255,116,96,.16) inset;
}

.lightbox{
  padding:22px;
}
.lightbox::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 18% 18%,rgba(229,191,119,.08),transparent 18%),
    radial-gradient(circle at 82% 78%,rgba(84,136,198,.08),transparent 18%);
  opacity:0;transition:opacity .35s ease;
  pointer-events:none;
}
.lightbox.open::before{opacity:1}
.lightbox-backdrop{background:rgba(4,3,2,.88);backdrop-filter:blur(14px) saturate(110%)}
.lightbox-dialog{
  width:min(1320px,100%);
  max-height:min(92vh,980px);
  display:grid;
  grid-template-rows:1fr auto;
  border-radius:24px;
  border:1px solid rgba(255,116,96,.14);
  background:linear-gradient(180deg,rgba(12,10,8,.98),rgba(8,7,5,.98));
  box-shadow:0 50px 150px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.03) inset;
  overflow:hidden;
}
.lightbox.open .lightbox-dialog{animation:lightboxIn .34s cubic-bezier(.2,.8,.2,1) both}
.lightbox-media-wrap{
  position:relative;
  min-height:0;
  display:grid;place-items:center;
  background:radial-gradient(circle at 50% 25%,rgba(255,116,96,.07),transparent 28%),#090806;
}
.lightbox-dialog>img{
  width:100%;height:100%;max-height:78vh;object-fit:contain;
  padding:40px 34px 18px;
  background:transparent;
  animation:lightboxImageIn .34s cubic-bezier(.2,.8,.2,1);
}
.lightbox-topbar{
  position:absolute;z-index:3;left:20px;right:20px;top:18px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  pointer-events:none;
}
.lightbox-badge,
.lightbox-counter{
  pointer-events:auto;
  display:inline-flex;align-items:center;gap:8px;
  min-height:38px;padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(8,7,5,.62);
  backdrop-filter:blur(10px);
  color:#f2ede5;font-size:11px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;
}
.lightbox-badge i{width:8px;height:8px;border-radius:50%;background:var(--gold-soft);box-shadow:0 0 18px rgba(255,116,96,.55)}
.lightbox-nav{
  position:absolute;z-index:4;top:50%;transform:translateY(-50%);
  width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.12);
  background:rgba(8,7,5,.74);backdrop-filter:blur(10px);
  display:grid;place-items:center;color:#f5f1ea;cursor:pointer;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,opacity .22s ease;
}
.lightbox-nav:hover{transform:translateY(-50%) scale(1.05);background:rgba(18,14,11,.94);border-color:rgba(255,116,96,.22)}
.lightbox-nav.prev{left:18px}
.lightbox-nav.next{right:18px}
.lightbox-nav svg{width:22px;height:22px}
.lightbox-nav[disabled]{opacity:.32;pointer-events:none}
.modal-close{
  top:18px;right:18px;
  width:48px;height:48px;
  border-color:rgba(255,255,255,.11);
  background:rgba(8,7,5,.68);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.modal-close:hover{background:#17120e;border-color:rgba(255,116,96,.18);transform:scale(1.05)}
.lightbox-caption{
  position:relative;
  min-height:74px;
  padding:0 22px 20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:16px;
  background:linear-gradient(180deg,rgba(10,8,6,0),rgba(10,8,6,.9));
}
.lightbox-caption::before{
  content:"";
  position:absolute;left:22px;right:22px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,116,96,.16),transparent);
}
.lightbox-title-wrap{display:grid;gap:4px;min-width:0}
.lightbox-caption span{font-size:22px;font-weight:760;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.lightbox-caption small{display:block;color:#8a8278;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

@media (max-width: 860px){
  .lightbox{padding:10px}
  .lightbox-dialog{border-radius:18px}
  .lightbox-dialog>img{padding:54px 14px 12px;max-height:64vh}
  .lightbox-nav{width:46px;height:46px}
  .lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}
  .lightbox-topbar{left:12px;right:12px;top:12px}
  .lightbox-badge,.lightbox-counter{min-height:34px;padding:0 12px;font-size:10px}
  .lightbox-caption{padding:0 14px 14px;grid-template-columns:1fr}
  .lightbox-caption span{font-size:18px}
}

@media (prefers-reduced-motion:reduce){
  .section-intro,
  .media-showcase,
  .system-card,
  .boss-copy,
  .boss-panel,
  .install-step,
  .final-copy,
  .faq-copy,
  .faq-list,
  .footer-main,
  .footer-bottom,
  .facts-grid > div,
  .download-copy,
  .download-card,
  .download-requirements > div,
  .download-server-card{opacity:1!important;transform:none!important;filter:none!important}
  .lightbox.open .lightbox-dialog,
  .lightbox-dialog>img{animation:none!important}
}


/* v16 — hero microinteractions, gallery transitions, premium footer, cinematic download */
@keyframes heroOrbFloatA{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16px,-20px,0) scale(1.08)}}
@keyframes heroOrbFloatB{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,18px,0) scale(1.06)}}
@keyframes heroGridDrift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,18px,0)}}
@keyframes heroSpark{0%,100%{opacity:.18;transform:scale(.95)}50%{opacity:.5;transform:scale(1.05)}}
@keyframes galleryFlash{0%{opacity:0}30%{opacity:.8}100%{opacity:0}}
@keyframes gallerySweep{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes footerGlow{0%,100%{opacity:.36;transform:translateY(0)}50%{opacity:.74;transform:translateY(-8px)}}
@keyframes cinematicShine{0%{transform:translateX(-120%) rotate(10deg)}100%{transform:translateX(120%) rotate(10deg)}}

.hero{--mx:0px;--my:0px}
.hero-noise,
.download-noise{position:absolute;inset:0;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18) 0 1px,transparent 1px),radial-gradient(circle at 80% 40%,rgba(255,255,255,.12) 0 1px,transparent 1px),radial-gradient(circle at 60% 80%,rgba(255,255,255,.08) 0 1px,transparent 1px);background-size:170px 170px,220px 220px,260px 260px}
.hero-glow{position:absolute;border-radius:50%;filter:blur(58px);pointer-events:none;z-index:1;opacity:.44}
.hero-glow-a{width:340px;height:340px;left:-30px;top:14%;background:rgba(255,126,106,.17);animation:heroOrbFloatA 13s ease-in-out infinite}
.hero-glow-b{width:260px;height:260px;right:10%;bottom:12%;background:rgba(75,136,181,.16);animation:heroOrbFloatB 16s ease-in-out infinite}
.hero-grid{position:absolute;inset:-20px;pointer-events:none;z-index:1;opacity:.16;background-image:linear-gradient(rgba(255,116,96,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,116,96,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 45%,#000 12%,transparent 80%);animation:heroGridDrift 14s linear infinite alternate}
.hero-copy,.hero-card{transform-style:preserve-3d}
.hero-copy > *{transition:transform .24s ease,opacity .24s ease}
.hero-actions .btn{position:relative;overflow:hidden}
.hero-actions .btn::after,
.footer-download::after,
.download-cinematic::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:translateX(-120%) rotate(10deg);pointer-events:none;opacity:0}
.hero-actions .btn:hover::after,.footer-download:hover::after,.download-cinematic:hover::after{opacity:1;animation:cinematicShine .85s ease}
.hero-card{transform:perspective(1200px) translate3d(0,0,0)}
.hero-card img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.hero-card:hover img{transform:scale(1.04) translate3d(calc(var(--mx,0px) * -.06),calc(var(--my,0px) * -.06),0);filter:saturate(1.02) contrast(1.04) brightness(.96)}
.hero-card-copy strong,.hero h1 em{filter:drop-shadow(0 10px 24px rgba(0,0,0,.26))}

.magnetic{will-change:transform}

.media-showcase{position:relative}
.media-viewer{overflow:hidden}
.media-viewer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,116,96,.12),transparent 36%);opacity:0;transition:opacity .32s ease;pointer-events:none;z-index:1}
.media-viewer:hover::before{opacity:1}
.media-viewer .media-copy,.media-viewer .zoom-badge,.media-viewer img{position:relative;z-index:2}
.media-viewer .media-copy h3,.media-viewer .media-copy p,.media-viewer .media-copy small{transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s ease}
.media-viewer.switching .media-copy small{transform:translateY(6px);opacity:.08}
.media-viewer.switching .media-copy h3{transform:translateY(14px);opacity:.08}
.media-viewer.switching .media-copy p{transform:translateY(18px);opacity:.08}
.media-viewer.flash::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,116,96,.16),transparent);animation:gallerySweep .6s ease}
.media-thumbs{perspective:1000px}
.media-thumb{transform-style:preserve-3d;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,filter .32s ease}
.media-thumb:hover{filter:brightness(1.03)}
.media-thumb .thumb-copy,.media-thumb .thumb-index{transition:transform .3s ease,opacity .3s ease}
.media-thumb:hover .thumb-copy{transform:translateY(-2px)}
.media-thumb:hover .thumb-index{transform:scale(1.06)}
.media-thumb.active::after{box-shadow:inset 0 -80px 120px rgba(0,0,0,.32)}
.media-thumb.active .thumb-copy{transform:translateY(-2px)}
.media-progress{margin-top:16px;height:4px;border-radius:999px;background:rgba(255,116,96,.08);overflow:hidden}
.media-progress > i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#d3b06d,#f0d9a1);border-radius:inherit;transform:translateX(0);transition:transform .45s cubic-bezier(.2,.8,.2,1)}

.site-footer{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 0%,rgba(255,126,106,.07),transparent 26%),radial-gradient(circle at 85% 10%,rgba(93,131,178,.08),transparent 24%),#060504}
.site-footer::before{opacity:.8}
.footer-ornaments{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:14px;pointer-events:none}
.footer-ornaments span{display:block;width:28%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,116,96,.24),transparent);animation:footerGlow 7s ease-in-out infinite}
.footer-ornaments span:nth-child(2){animation-delay:1.4s}
.footer-ornaments span:nth-child(3){animation-delay:2.8s}
.footer-main{position:relative;padding:34px;border:1px solid rgba(255,116,96,.08);border-radius:28px;background:linear-gradient(180deg,rgba(13,10,8,.78),rgba(7,6,5,.58));box-shadow:0 34px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(10px)}
.footer-column-rich{gap:14px}
.footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.footer-badges span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(255,116,96,.14);border-radius:999px;background:rgba(10,8,6,.56);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:#f0dfd8}
.footer-brand p{max-width:36ch}
.footer-status{box-shadow:0 10px 26px rgba(0,0,0,.14)}
.footer-download{position:relative;overflow:hidden}
.footer-bottom{padding-inline:8px}
.site-footer-download{margin-top:-1px;border-top:0}

.download-hero{isolation:isolate;background:#060504}
.download-bg{filter:saturate(.88) contrast(1.04) brightness(.62);transform:scale(1.04)}
.download-layer{background:radial-gradient(circle at 70% 22%,rgba(255,126,106,.13),transparent 18%),radial-gradient(circle at 20% 82%,rgba(76,137,182,.12),transparent 22%),linear-gradient(90deg,rgba(5,4,3,.96),rgba(5,4,3,.78) 36%,rgba(5,4,3,.50) 66%,rgba(5,4,3,.70) 100%),linear-gradient(180deg,rgba(6,5,4,.58),rgba(6,5,4,.12) 30%,#060504 100%)}
.download-glow{position:absolute;right:6%;top:10%;width:340px;height:340px;border-radius:50%;filter:blur(66px);background:rgba(255,126,106,.14);opacity:.5;pointer-events:none;animation:heroOrbFloatA 15s ease-in-out infinite}
.download-layout{position:relative;z-index:2}
.download-copy,.download-card{backdrop-filter:blur(10px)}
.download-copy h1{max-width:8.8ch;text-shadow:0 12px 42px rgba(0,0,0,.28)}
.download-copy p{max-width:56ch}
.download-cinematic{position:relative;display:block;margin-top:24px;padding:0;border:1px solid rgba(255,116,96,.16);border-radius:24px;background:#0b0707;overflow:hidden;text-align:left;cursor:zoom-in;box-shadow:0 28px 80px rgba(0,0,0,.24);transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,border-color .34s ease}
.download-cinematic:hover{transform:translateY(-8px);border-color:rgba(255,116,96,.28);box-shadow:0 34px 90px rgba(0,0,0,.34)}
.download-cinematic img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.download-cinematic:hover img{transform:scale(1.035)}
.download-cinematic-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 10%,rgba(0,0,0,.18) 44%,rgba(6,5,4,.84) 100%)}
.download-cinematic-copy{position:absolute;left:22px;right:22px;bottom:22px;display:grid;gap:6px;z-index:2}
.download-cinematic-copy small{color:#dbc08b;font-size:10px;font-weight:800;letter-spacing:.12em}
.download-cinematic-copy strong{font-size:30px;line-height:.96;letter-spacing:-.03em}
.download-cinematic-copy span{color:#d1c9bf;font-size:13px;line-height:1.45}
.download-card{position:relative;overflow:hidden}
.download-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(255,116,96,.05) 72%,transparent 100%);pointer-events:none}
.file-card,.download-server-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.file-card:hover,.download-server-card:hover{transform:translateY(-4px);border-color:rgba(255,116,96,.22);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.mini-steps{position:relative}
.mini-steps::before{content:"";position:absolute;left:8%;right:8%;top:18px;height:1px;background:linear-gradient(90deg,rgba(255,116,96,.05),rgba(255,116,96,.22),rgba(255,116,96,.05))}
.mini-steps div{position:relative;background:linear-gradient(180deg,rgba(10,8,6,.28),rgba(10,8,6,0));padding-top:4px}
.mini-steps div span{box-shadow:0 12px 28px rgba(0,0,0,.20)}

@media (max-width: 860px){
  .footer-main{padding:24px;border-radius:22px}
  .footer-ornaments{display:none}
  .download-cinematic-copy strong{font-size:24px}
  .download-cinematic-copy span{font-size:12px}
  .mini-steps::before{left:12%;right:12%}
}

@media (prefers-reduced-motion: reduce){
  .hero-glow-a,.hero-glow-b,.hero-grid,.download-glow,.footer-ornaments span{animation:none!important}
  .magnetic{transform:none!important}
}


/* v17 — final professional polish */
:root{
  --ease-premium:cubic-bezier(.16,1,.3,1);
  --gold-bright:#ff8a78;
}

/* refined loader */
.site-loader{
  overflow:hidden;
  gap:0;
  background:
    radial-gradient(circle at 50% 44%,rgba(255,126,106,.10),transparent 24%),
    radial-gradient(circle at 50% 105%,rgba(130,24,24,.10),transparent 36%),
    #070605;
  transition:opacity .58s var(--ease-premium),visibility .58s ease;
}
.site-loader::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.025) 48%,transparent 66%);
  transform:translateX(-55%);animation:loaderSweep 2.8s ease-in-out infinite;
}
@keyframes loaderSweep{0%,15%{transform:translateX(-65%)}80%,100%{transform:translateX(65%)}}
.loader-stage{position:relative;width:122px;height:122px;display:grid;place-items:center;margin-bottom:22px}
.loader-mark{position:relative;z-index:3;width:72px;height:72px;border-radius:22px;border:1px solid rgba(255,116,96,.22);background:linear-gradient(180deg,#100d0a,#090705);box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 35px rgba(255,116,96,.10);animation:loaderLogoFloat 2.6s ease-in-out infinite}
.loader-mark img{width:42px;height:42px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
@keyframes loaderLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
.loader-orbit{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,116,96,.10)}
.loader-orbit::after{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 20px rgba(255,138,120,.72)}
.orbit-a{animation:loaderOrbit 5.4s linear infinite}
.orbit-b{inset:13px;border-color:rgba(255,116,96,.09);animation:loaderOrbit 3.8s linear reverse infinite}
.orbit-b::after{background:#ff9a8b;box-shadow:0 0 18px rgba(255,116,96,.58)}
@keyframes loaderOrbit{to{transform:rotate(360deg)}}
.loader-copy{display:grid;justify-items:center;gap:7px;position:relative;z-index:3}
.loader-copy strong{font-size:12px;letter-spacing:.18em;font-weight:820}
.loader-copy span{font-size:12px;color:#91897f}
.loader-progress{position:relative;width:220px;height:3px;margin-top:20px;border-radius:999px;background:rgba(255,116,96,.08);overflow:hidden;z-index:3}
.loader-progress i{position:absolute;left:0;top:0;bottom:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,#d3af6f,#f0d49b,#d3af6f,transparent);animation:loaderProgress 1.55s var(--ease-premium) infinite}
.loader-progress b{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:loaderShine 2s linear infinite}
@keyframes loaderProgress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@keyframes loaderShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.loader-status{position:relative;z-index:3;margin-top:13px;color:#5f5952;font-size:8px;font-weight:800;letter-spacing:.18em}
.loader-line{display:none!important}
.loader-particles,.hero-particles,.download-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.particle{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(238,211,156,var(--o));box-shadow:0 0 calc(var(--s) * 6) rgba(224,184,109,.15);animation:particleDrift var(--d) ease-in-out var(--delay) infinite alternate;will-change:transform,opacity}
.particle.cool{background:rgba(127,181,217,var(--o));box-shadow:0 0 calc(var(--s) * 6) rgba(87,146,187,.14)}
@keyframes particleDrift{0%{transform:translate3d(0,12px,0) scale(.82);opacity:.18}50%{opacity:var(--o)}100%{transform:translate3d(var(--dx),-22px,0) scale(1.15);opacity:.1}}

/* insane-but-clean hero */
.hero{min-height:960px}
.hero-rays{position:absolute;inset:-12% -8%;z-index:1;pointer-events:none;opacity:.26;background:conic-gradient(from 210deg at 68% 30%,transparent 0 8deg,rgba(255,116,96,.09) 9deg 10deg,transparent 11deg 25deg,rgba(180,38,38,.065) 26deg 27deg,transparent 28deg 360deg);filter:blur(4px);mix-blend-mode:screen;animation:rayDrift 18s ease-in-out infinite alternate}
@keyframes rayDrift{from{transform:translate3d(-1%,0,0) rotate(-1deg)}to{transform:translate3d(1.5%,-1%,0) rotate(1deg)}}
.hero-particles{z-index:2;mask-image:linear-gradient(180deg,#000 0%,#000 76%,transparent 100%)}
.hero-layout{z-index:4}
.hero-copy{filter:drop-shadow(0 18px 36px rgba(0,0,0,.12))}
.hero h1{position:relative}
.hero h1::after{content:"";display:block;width:74px;height:2px;margin-top:22px;background:linear-gradient(90deg,var(--gold-bright),transparent);transform-origin:left;animation:titleAccent 1.1s var(--ease-premium) .3s both}
@keyframes titleAccent{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}
.hero-meta{box-shadow:0 12px 30px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.035)}
.hero-card{position:relative;overflow:hidden}
.hero-card .card-shade{transition:opacity .5s ease}
.hero-card:hover .card-shade{opacity:.86}
.hero-card-top,.hero-card-copy{transition:transform .45s var(--ease-premium)}
.hero-card:hover .hero-card-top{transform:translateY(-2px)}
.hero-card:hover .hero-card-copy{transform:translateY(-4px)}
.scroll-hint{box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025);backdrop-filter:blur(10px)}

/* particles on cinematic download */
.download-particles{z-index:1;opacity:.64;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}
.download-layout{z-index:3}

/* smoother section transitions */
main>section:not(.hero){
  transition:background-color .7s ease,border-color .7s ease;
}
.section-intro,.media-showcase,.system-card,.boss-copy,.boss-panel,.install-step,.final-copy,.faq-copy,.faq-list,.footer-main,.footer-bottom,.facts-grid>div,.download-copy,.download-card,.download-requirements>div,.download-server-card{
  filter:none!important;
  transform:translate3d(0,18px,0);
  transition:opacity .78s var(--ease-premium),transform .84s var(--ease-premium),box-shadow .35s var(--ease-premium),border-color .35s ease,background .35s ease;
}
.section-inview .section-intro,.section-inview .media-showcase,.section-inview .system-card,.section-inview .boss-copy,.section-inview .boss-panel,.section-inview .install-step,.section-inview .final-copy,.section-inview .faq-copy,.section-inview .faq-list,.section-inview .facts-grid>div,.site-footer.section-inview .footer-main,.site-footer.section-inview .footer-bottom,.download-hero.section-inview .download-copy,.download-hero.section-inview .download-card,.download-hero.section-inview .download-requirements>div,.download-hero.section-inview .download-server-card{transform:none}
main>section::before{content:"";position:absolute;left:50%;top:-56px;width:min(900px,72vw);height:112px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,116,96,.035),transparent 68%);opacity:0;transition:opacity .9s ease}
main>section.section-inview::before{opacity:1}

/* more deliberate gallery motion */
.media-viewer{transition:box-shadow .45s var(--ease-premium),border-color .35s ease,transform .45s var(--ease-premium)}
.media-viewer:hover{transform:translateY(-3px)}
#featured-image{transition:opacity .38s ease,transform .72s var(--ease-premium),filter .52s ease}
.media-viewer.switching #featured-image{opacity:.06;transform:scale(1.06);filter:blur(2px) brightness(.72)}
.media-viewer.switching .media-copy{opacity:.06;transform:translateY(14px)}
.media-thumb{transition:transform .38s var(--ease-premium),box-shadow .38s var(--ease-premium),border-color .32s ease,filter .32s ease}
.media-thumb.active{box-shadow:0 20px 48px rgba(0,0,0,.25),0 0 0 1px rgba(255,116,96,.22) inset,0 0 30px rgba(255,116,96,.06)}
.media-progress{height:3px;background:rgba(255,116,96,.06)}
.media-progress>i{box-shadow:0 0 18px rgba(232,198,133,.22)}

/* final footer */
.site-footer{padding-top:102px}
.footer-main{padding:38px 40px;border-color:rgba(255,116,96,.10);box-shadow:0 38px 100px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
.footer-main::before{content:"";position:absolute;left:38px;right:38px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,138,120,.38),transparent)}
.footer-links a{position:relative;padding-left:0;transition:padding-left .25s var(--ease-premium),color .25s ease}
.footer-links a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gold-bright);transition:width .25s ease}
.footer-links a:hover{padding-left:14px;color:#eee6dc}
.footer-links a:hover::before{width:8px}
.footer-cta{background:linear-gradient(180deg,rgba(18,15,11,.92),rgba(9,7,5,.9));box-shadow:0 18px 44px rgba(0,0,0,.18)}
.footer-badges span{transition:transform .25s var(--ease-premium),border-color .25s ease,background .25s ease}
.footer-badges span:hover{transform:translateY(-2px);border-color:rgba(255,116,96,.26);background:rgba(18,14,10,.72)}

/* cinematic download final pass */
.download-hero{min-height:100vh;padding-bottom:44px}
.download-copy{position:relative;padding:30px 0}
.download-copy::before{content:"";position:absolute;left:-28px;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,transparent,rgba(255,116,96,.28),transparent)}
.download-card{box-shadow:0 54px 140px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)}
.download-card-head img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.26))}
.release-grid>div,.file-card,.mini-steps div{transition:transform .28s var(--ease-premium),border-color .28s ease,background .28s ease}
.release-grid>div:hover,.mini-steps div:hover{transform:translateY(-3px);border-color:rgba(255,116,96,.18);background:#100d0a}
.download-cinematic{box-shadow:0 34px 90px rgba(0,0,0,.30)}
.download-cinematic::before{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);pointer-events:none;border-radius:inherit}
.back-button{backdrop-filter:blur(12px);box-shadow:0 16px 44px rgba(0,0,0,.22)}

@media(max-width:680px){
  .hero{min-height:auto}
  .hero-rays,.hero-grid{opacity:.12}
  .hero-glow{filter:blur(72px);opacity:.28}
  .particle{opacity:.45}
  .footer-main{padding:26px 22px}
  .download-copy::before{display:none}
  .loader-stage{width:108px;height:108px}
  .loader-status{font-size:7px;letter-spacing:.13em}
}
@media(prefers-reduced-motion:reduce){
  .particle,.hero-rays,.loader-orbit,.loader-mark,.loader-progress i,.loader-progress b,.site-loader::before{animation:none!important}
  .hero h1::after{animation:none!important;opacity:1;transform:none}
}


/* v19 — vermelho + preto agressivo / premium cinematográfico */
:root{
  --bg:#040202;
  --bg-2:#080404;
  --panel:#090404;
  --panel-2:#120707;
  --panel-3:rgba(10,4,4,.94);
  --text:#faf3f1;
  --text-soft:#d8c4c0;
  --muted:#9d7f7f;
  --gold:#b92724;
  --gold-soft:#ff5f54;
  --gold-2:#ff7768;
  --gold-bright:#ff8e7d;
  --line:rgba(255,95,84,.12);
  --line-strong:rgba(255,95,84,.30);
  --shadow:0 36px 110px rgba(0,0,0,.58);
  --gold-line:rgba(255,95,84,.24);
}
html,body{background:#040202}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 18% -10%,rgba(136,12,12,.16),transparent 30%),
    radial-gradient(circle at 85% 10%,rgba(255,95,84,.08),transparent 24%),
    linear-gradient(180deg,#060202 0%,#040202 100%);
}
body::before{opacity:.03;mix-blend-mode:soft-light}
::selection{background:#ff5f54;color:#1a0606}
.site-header.scrolled{
  background:rgba(5,2,2,.90);
  border-color:rgba(255,95,84,.10);
  box-shadow:0 16px 46px rgba(0,0,0,.34);
}
.header-download,
.lang-button,
.lang-menu,
.mobile-nav{background:rgba(12,4,4,.74)}
.nav a{color:#b89791}
.nav a:hover,.nav a.active{color:#fff2ef}
.brand small,.kicker,h1 em,h2 em,.hero-card-top small,.hero-card-copy small,
.media-copy small,.boss-panel>strong,.step-head span,.step-head svg,
.system-icon,.lightbox-badge i,.server-copy svg,.download-server-card button svg{color:var(--gold-soft)}
.btn{
  border-color:rgba(255,95,84,.22);
  box-shadow:0 0 0 1px rgba(255,95,84,.03) inset;
}
.btn-primary{
  color:#fff;
  background:linear-gradient(180deg,#ff6457 0%,#cd2c27 58%,#7b1313 100%);
  border-color:#ff7d72;
  box-shadow:0 18px 44px rgba(143,16,16,.32),0 0 18px rgba(255,95,84,.08);
}
.btn-primary:hover{
  background:linear-gradient(180deg,#ff7666 0%,#de3931 58%,#8e1717 100%);
  box-shadow:0 24px 56px rgba(143,16,16,.42),0 0 24px rgba(255,95,84,.12);
}
.btn-secondary{
  background:linear-gradient(180deg,rgba(15,6,6,.72),rgba(10,4,4,.80));
  border-color:rgba(255,95,84,.18);
}
.btn-secondary:hover{background:linear-gradient(180deg,rgba(21,7,7,.86),rgba(12,4,4,.96))}

/* loader */
.site-loader{
  background:
    radial-gradient(circle at 50% 44%,rgba(255,95,84,.10),transparent 24%),
    radial-gradient(circle at 50% 110%,rgba(106,9,9,.18),transparent 40%),
    #040202;
}
.loader-mark{
  background:linear-gradient(180deg,#160909,#090303);
  border-color:rgba(255,95,84,.24);
  box-shadow:0 26px 70px rgba(0,0,0,.46),0 0 40px rgba(255,95,84,.11);
}
.loader-copy strong{letter-spacing:.16em}
.loader-progress{background:rgba(255,95,84,.10)}
.loader-progress i,
.loader-line i{background:linear-gradient(90deg,transparent,#ff8e7d,transparent)}
.loader-particle{background:rgba(255,95,84,.85)!important;box-shadow:0 0 18px rgba(255,95,84,.34)!important}

/* hero */
.hero{background:#030101}
.hero-bg{filter:saturate(.84) contrast(1.12) brightness(.58)}
.hero-layer{
  background:
    radial-gradient(circle at 72% 34%,rgba(255,95,84,.14),transparent 20%),
    radial-gradient(circle at 82% 54%,rgba(125,14,14,.18),transparent 26%),
    linear-gradient(90deg,rgba(4,1,1,.985) 0%,rgba(4,1,1,.88) 31%,rgba(4,1,1,.56) 62%,rgba(4,1,1,.26) 100%),
    linear-gradient(180deg,rgba(4,1,1,.54),rgba(4,1,1,.12) 30%,rgba(4,1,1,.24) 72%,#040202 100%);
}
.hero-rays{
  opacity:.34;
  background:conic-gradient(from 210deg at 68% 30%,transparent 0 8deg,rgba(255,95,84,.11) 9deg 10deg,transparent 11deg 24deg,rgba(143,16,16,.08) 25deg 26deg,transparent 27deg 360deg);
}
.hero-glow-a{background:rgba(255,95,84,.18)}
.hero-glow-b{background:rgba(131,13,13,.18)}
.hero-grid{opacity:.18}
.hero-meta,
.trust-row span,
.server-access{
  border-color:rgba(255,95,84,.16)!important;
  background:linear-gradient(180deg,rgba(14,6,6,.76),rgba(7,2,2,.74))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.02);
}
.hero h1{
  text-shadow:0 16px 50px rgba(0,0,0,.38),0 0 36px rgba(255,95,84,.08);
}
.hero h1 em,.hero-copy h1 em{color:#ff7768}
.hero-card{
  background:#080202;
  border-color:rgba(255,95,84,.18);
  box-shadow:0 48px 140px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.014) inset;
}
.hero-card:hover{border-color:rgba(255,95,84,.36);box-shadow:0 54px 150px rgba(0,0,0,.62),0 0 28px rgba(255,95,84,.10)}
.card-shade{background:linear-gradient(180deg,rgba(7,2,2,0) 16%,rgba(7,2,2,.22) 56%,rgba(7,2,2,.88) 100%)}
.hero-card-top b{background:rgba(11,3,3,.66);border-color:rgba(255,95,84,.16)}
.hero-card-copy strong{color:#fff5f3}
.scroll-hint{border-color:rgba(255,95,84,.18);background:rgba(8,2,2,.25)}

/* sections + cards */
.facts{background:#060303;border-top-color:rgba(255,95,84,.08);border-bottom-color:rgba(255,95,84,.08)}
.facts-grid div{border-right-color:rgba(255,95,84,.08)}
.facts-grid div:hover{background:linear-gradient(180deg,rgba(20,6,6,.52),rgba(8,3,3,.10))}
.world-section,.systems-section,.install-section,.faq-section{background:linear-gradient(180deg,#050202,#070303)}
.section-intro>p,.boss-copy p,.final-copy>p:not(.kicker),.faq-copy>p:last-child,.install-step p,.system-card p,.media-copy p,.download-copy p{color:#cdb8b3}
.system-card,
.install-step,
.download-card,
.download-requirements>div,
.facts-grid div,
.footer-main,
.footer-cta{
  background:linear-gradient(180deg,rgba(13,4,4,.96),rgba(7,2,2,.98))!important;
  border-color:rgba(255,95,84,.12)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.02);
}
.system-card:hover,
.install-step:hover,
.download-card:hover,
.download-requirements>div:hover,
.facts-grid div:hover{
  border-color:rgba(255,95,84,.28)!important;
  box-shadow:0 30px 76px rgba(0,0,0,.30),0 0 22px rgba(255,95,84,.07);
}
.system-tag,.build-state,.footer-badges span,.download-chips span,.hero-card-top b{
  background:rgba(12,4,4,.74)!important;
  border-color:rgba(255,95,84,.14)!important;
}
.system-icon{background:#0b0303;border-color:rgba(255,95,84,.14)}
.system-card::after,
.facts-grid div::before,
main>section::after,
.mini-steps::before,
.footer-ornaments span,
.lightbox-caption::before{
  background:linear-gradient(90deg,transparent,rgba(255,95,84,.44),transparent)!important;
}

/* gallery */
.media-viewer{
  background:#090303;
  border-color:rgba(255,95,84,.14);
  box-shadow:0 46px 118px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.02) inset;
}
.media-shade{background:linear-gradient(180deg,transparent 46%,rgba(7,2,2,.24) 62%,rgba(7,2,2,.92) 100%)}
.media-thumb{
  background:#0a0303;
  border-color:rgba(255,95,84,.10);
}
.media-thumb:hover,.media-thumb.active{
  border-color:rgba(255,95,84,.28);
  box-shadow:0 20px 42px rgba(0,0,0,.24),0 0 24px rgba(255,95,84,.07);
}
.media-thumb span,.thumb-index{background:rgba(11,3,3,.72)}
.media-progress{background:rgba(255,95,84,.07)}
.media-progress>i{background:linear-gradient(90deg,#8b1717,#ff6f61)}
.media-viewer::before{background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,95,84,.16),transparent 36%)}
.media-viewer.flash::after{background:linear-gradient(90deg,transparent,rgba(255,95,84,.20),transparent)}

/* boss/final */
.boss-layer,.final-layer{
  background:
    linear-gradient(90deg,rgba(5,2,2,.97) 0%,rgba(5,2,2,.82) 42%,rgba(5,2,2,.26) 78%),
    linear-gradient(180deg,#040202 0%,transparent 16%,transparent 82%,#040202 100%);
}
.boss-panel{background:linear-gradient(180deg,rgba(13,4,4,.78),rgba(8,2,2,.72))!important;border-color:rgba(255,95,84,.18)!important}

/* download page */
.download-hero{background:#040202}
.download-bg{filter:saturate(.82) contrast(1.12) brightness(.52);transform:scale(1.05)}
.download-layer{
  background:
    radial-gradient(circle at 70% 22%,rgba(255,95,84,.16),transparent 18%),
    radial-gradient(circle at 24% 82%,rgba(112,10,10,.18),transparent 24%),
    linear-gradient(90deg,rgba(4,1,1,.97),rgba(4,1,1,.84) 36%,rgba(4,1,1,.58) 66%,rgba(4,1,1,.74) 100%),
    linear-gradient(180deg,rgba(4,1,1,.58),rgba(4,1,1,.14) 30%,#040202 100%);
}
.download-glow{background:rgba(255,95,84,.16)}
.download-card-head,
.file-card,
.download-server-card,
.footer-server-copy,
.download-server-card button{
  background:rgba(10,3,3,.60);
  border-color:rgba(255,95,84,.14)!important;
}
.download-cinematic{
  background:#090303;
  border-color:rgba(255,95,84,.18);
  box-shadow:0 32px 90px rgba(0,0,0,.30),0 0 24px rgba(255,95,84,.05);
}
.download-cinematic:hover{border-color:rgba(255,95,84,.30);box-shadow:0 40px 104px rgba(0,0,0,.40),0 0 34px rgba(255,95,84,.09)}
.download-cinematic-shade{background:linear-gradient(180deg,rgba(0,0,0,0) 10%,rgba(8,2,2,.18) 44%,rgba(6,1,1,.90) 100%)}
.download-status,.download-copy .kicker,.download-cinematic-copy small{color:#ff907f}

/* footer */
.site-footer{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,95,84,.08),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(111,12,12,.08),transparent 24%),
    #040202;
  border-top-color:rgba(255,95,84,.08);
}
.footer-main{background:linear-gradient(180deg,rgba(12,4,4,.82),rgba(5,2,2,.66))!important;border-color:rgba(255,95,84,.10)!important;box-shadow:0 42px 110px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}
.footer-status{background:#080202;border-color:rgba(255,95,84,.09)}
.footer-links a:hover,.footer-server-copy:hover,.download-server-card button:hover{color:#fff3ef}
.footer-download{background:linear-gradient(180deg,#120505,#0b0202);border-color:rgba(255,95,84,.18)}
.footer-download:hover{background:linear-gradient(180deg,#180707,#0c0202);border-color:rgba(255,95,84,.34)}
.footer-bottom{color:#a98585}

/* lightbox */
.lightbox-backdrop{background:rgba(3,1,1,.92);backdrop-filter:blur(16px) saturate(108%)}
.lightbox-dialog{
  background:linear-gradient(180deg,rgba(11,3,3,.98),rgba(5,2,2,.98));
  border-color:rgba(255,95,84,.14);
  box-shadow:0 56px 160px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.03) inset;
}
.lightbox-badge,.lightbox-counter,.lightbox-nav,.modal-close{
  background:rgba(10,3,3,.74);
  border-color:rgba(255,95,84,.12);
}
.lightbox-nav:hover,.modal-close:hover{border-color:rgba(255,95,84,.24)}
.lightbox-media-wrap{background:radial-gradient(circle at 50% 25%,rgba(255,95,84,.08),transparent 28%),#070202}

/* scrollbar */
html{scrollbar-color:rgba(255,95,84,.72) rgba(5,2,2,.92)}
body::-webkit-scrollbar-track,
.lightbox-dialog::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(5,2,2,.96),rgba(11,4,4,.96));border-left:1px solid rgba(255,95,84,.06)}
body::-webkit-scrollbar-thumb,
.lightbox-dialog::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,116,96,.92),rgba(151,22,22,.96));border:3px solid rgba(5,2,2,.98);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 20px rgba(255,95,84,.16)}

@media (max-width: 980px){
  .hero-layer,.download-layer{background:linear-gradient(180deg,rgba(4,1,1,.86),rgba(4,1,1,.34) 34%,#040202 100%),linear-gradient(90deg,rgba(4,1,1,.94),rgba(4,1,1,.62) 54%,rgba(4,1,1,.28) 100%)}
}


/* v20 — final release / vermelho luxuoso / hero premium */
:root{
  --bg:#030101;
  --bg-2:#060202;
  --panel:#080202;
  --panel-2:#0f0404;
  --panel-3:rgba(8,2,2,.96);
  --text:#fcf7f5;
  --text-soft:#decfcc;
  --muted:#aa8c87;
  --gold:#c92e2b;
  --gold-soft:#ff6d60;
  --gold-2:#ff8676;
  --gold-bright:#ffab9c;
  --line:rgba(255,109,96,.10);
  --line-strong:rgba(255,109,96,.24);
  --shadow:0 48px 130px rgba(0,0,0,.62);
  --gold-line:rgba(255,109,96,.18);
}
html,body{background:#030101}
body{
  color:var(--text);
  background:
    radial-gradient(circle at 14% -8%,rgba(131,13,13,.18),transparent 28%),
    radial-gradient(circle at 84% 10%,rgba(255,109,96,.07),transparent 22%),
    linear-gradient(180deg,#040101 0%,#030101 100%);
}
body::before{opacity:.022}

/* softer professional transitions */
*,*::before,*::after{transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.reveal,
.section-intro,
.media-showcase,
.system-card,
.install-step,
.download-card,
.download-requirements > div,
.footer-main,
.footer-bottom,
.facts-grid > div,
.boss-panel,
.faq-item{transition-duration:.62s}

/* header */
.site-header.scrolled{
  background:linear-gradient(180deg,rgba(7,2,2,.93),rgba(4,1,1,.90));
  border-color:rgba(255,109,96,.08);
  box-shadow:0 18px 54px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(14px);
}

/* loader */
.site-loader{
  background:
    radial-gradient(circle at 50% 42%,rgba(255,109,96,.08),transparent 20%),
    radial-gradient(circle at 50% 108%,rgba(120,12,12,.16),transparent 38%),
    linear-gradient(180deg,#060202 0%,#030101 100%);
}
.loader-mark{
  border-color:rgba(255,109,96,.18);
  background:linear-gradient(180deg,#170707,#090202);
  box-shadow:0 34px 86px rgba(0,0,0,.52),0 0 52px rgba(255,109,96,.10), inset 0 1px 0 rgba(255,255,255,.04);
}
.loader-mark svg{filter:drop-shadow(0 0 18px rgba(255,109,96,.12))}
.loader-copy strong{color:#fff3ef;letter-spacing:.18em}
.loader-copy span,.site-loader>span{color:#b99a95}
.loader-progress{background:rgba(255,109,96,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.loader-progress i,
.loader-line i{background:linear-gradient(90deg,rgba(255,109,96,0),#ffab9c,rgba(255,109,96,0))}

/* hero luxury */
.hero{
  min-height:980px;
  background:#020101;
}
.hero::after{height:190px;background:linear-gradient(180deg,rgba(3,1,1,0),#030101 92%)}
.hero::before{opacity:.72;filter:blur(18px)}
.hero-bg{
  inset:-4% 0;
  height:110%;
  object-position:center 44%;
  filter:saturate(.82) contrast(1.15) brightness(.52);
  transform:translate3d(0,var(--hero-y,0),0) scale(1.08);
}
.hero-layer{
  background:
    radial-gradient(circle at 69% 26%,rgba(255,109,96,.16),transparent 18%),
    radial-gradient(circle at 82% 48%,rgba(123,12,12,.18),transparent 24%),
    linear-gradient(90deg,rgba(3,1,1,.988) 0%,rgba(3,1,1,.90) 28%,rgba(3,1,1,.54) 58%,rgba(3,1,1,.20) 100%),
    linear-gradient(180deg,rgba(3,1,1,.56),rgba(3,1,1,.10) 26%,rgba(3,1,1,.24) 66%,#030101 100%);
}
.hero-grid{opacity:.12;background-size:86px 86px}
.hero-rays{opacity:.40;filter:blur(3px)}
.hero-glow-a{width:400px;height:400px;left:-50px;top:9%;background:rgba(255,109,96,.16);filter:blur(72px)}
.hero-glow-b{width:300px;height:300px;right:6%;bottom:10%;background:rgba(111,12,12,.18);filter:blur(72px)}
.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(440px,.80fr);gap:96px;padding:148px 0 116px}
.hero-copy{max-width:720px}
.hero-meta{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,109,96,.12);
  background:linear-gradient(180deg,rgba(13,5,5,.78),rgba(8,2,2,.72));
  box-shadow:0 18px 46px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03);
}
.hero-meta span{font-size:11px;letter-spacing:.13em}
.hero h1{
  max-width:7.8ch;
  font-size:clamp(76px,6.8vw,118px);
  line-height:.88;
  letter-spacing:-.07em;
  text-shadow:0 24px 70px rgba(0,0,0,.46),0 0 42px rgba(255,109,96,.06);
}
.hero h1 em{color:var(--gold-2)}
.hero-lead{
  max-width:620px;
  margin-top:28px;
  color:#ddcfcc;
  font-size:17.5px;
  line-height:1.78;
}
.hero-actions{margin-top:36px;gap:14px}
.hero-actions .btn{min-height:58px;padding-inline:28px;border-radius:15px}
.btn-primary{
  background:linear-gradient(180deg,#ff7a6b 0%,#d3342d 54%,#7a1314 100%);
  border-color:#ff9184;
  box-shadow:0 22px 56px rgba(136,12,12,.34),0 0 24px rgba(255,109,96,.08);
}
.btn-primary:hover{background:linear-gradient(180deg,#ff8f80 0%,#e23c34 54%,#911718 100%);box-shadow:0 26px 62px rgba(136,12,12,.42),0 0 30px rgba(255,109,96,.10)}
.btn-secondary{
  background:linear-gradient(180deg,rgba(14,5,5,.78),rgba(9,2,2,.84));
  border-color:rgba(255,109,96,.16);
}
.btn-secondary:hover{background:linear-gradient(180deg,rgba(18,5,5,.92),rgba(10,2,2,.98))}
.trust-row{gap:14px;margin-top:30px}
.trust-row span,
.server-access{
  border-color:rgba(255,109,96,.12)!important;
  background:linear-gradient(180deg,rgba(12,4,4,.72),rgba(6,2,2,.72))!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
}
.server-access{min-height:72px;border-radius:20px}
.server-copy{min-height:46px;border-radius:13px;background:linear-gradient(180deg,#160707,#0b0202)}
.hero-card{
  height:660px;
  border-radius:32px;
  background:#070202;
  border-color:rgba(255,109,96,.18);
  box-shadow:0 56px 170px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.018) inset;
}
.hero-card:hover{
  border-color:rgba(255,109,96,.34);
  box-shadow:0 62px 188px rgba(0,0,0,.70),0 0 30px rgba(255,109,96,.08);
}
.hero-card img{filter:saturate(.90) contrast(1.04) brightness(.88)}
.hero-card:hover img{transform:scale(1.055) translate3d(calc(var(--mx,0px) * -.08),calc(var(--my,0px) * -.08),0);filter:saturate(.94) contrast(1.06) brightness(.92)}
.card-shade{background:linear-gradient(180deg,rgba(7,2,2,0) 14%,rgba(7,2,2,.14) 38%,rgba(7,2,2,.88) 100%)}
.hero-card-top{top:24px;left:24px;right:24px}
.hero-card-top small,
.hero-card-top b{padding:8px 11px;border-radius:999px;background:rgba(8,2,2,.50);backdrop-filter:blur(8px)}
.hero-card-copy{left:30px;right:30px;bottom:30px;gap:12px}
.hero-card-copy strong{font-size:48px;line-height:.92;max-width:8ch}
.hero-card-caption span{font-size:13px;color:#d9cbca}
.scroll-hint{bottom:22px;border-color:rgba(255,109,96,.14);background:rgba(9,2,2,.22);backdrop-filter:blur(8px)}

/* sections */
.section{padding:124px 0}
.section-intro{margin-bottom:48px}
.section-intro h2,.boss-copy h2,.final-copy h2,.faq-copy h2{
  font-size:clamp(56px,5vw,82px);
  line-height:.92;
  letter-spacing:-.055em;
  text-shadow:0 10px 28px rgba(0,0,0,.22);
}
.section-intro > p,.boss-copy p,.final-copy > p:not(.kicker),.faq-copy > p:last-child,.install-step p,.system-card p,.media-copy p,.download-copy p{color:#ccb9b6}
.facts{background:linear-gradient(180deg,#070202,#040101);border-top-color:rgba(255,109,96,.06);border-bottom-color:rgba(255,109,96,.06)}
.facts-grid strong{font-size:36px}
.facts-grid span{color:#ba9a95}
.facts-grid div:hover{background:linear-gradient(180deg,rgba(16,4,4,.62),rgba(8,2,2,.12))}
.system-card,
.install-step,
.download-card,
.download-requirements > div,
.facts-grid div,
.footer-main,
.footer-cta{
  border-color:rgba(255,109,96,.10)!important;
  background:linear-gradient(180deg,rgba(12,4,4,.94),rgba(6,2,2,.98))!important;
  box-shadow:0 22px 64px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
}
.system-card,
.install-step,
.download-card,
.download-requirements > div,
.facts-grid div,
.media-thumb,
.footer-main,
.footer-cta,
.download-cinematic,
.lightbox-dialog{backdrop-filter:blur(10px)}
.system-card:hover,
.install-step:hover,
.download-card:hover,
.download-requirements>div:hover,
.facts-grid div:hover{
  transform:translateY(-9px) scale(1.008);
  border-color:rgba(255,109,96,.22)!important;
  box-shadow:0 34px 86px rgba(0,0,0,.34),0 0 22px rgba(255,109,96,.05);
}
.system-card::after{opacity:.48}
.system-icon{width:60px;height:60px;background:#090202;border-color:rgba(255,109,96,.12)}
.system-card h3{font-size:31px;line-height:.98}
.install-step{border-radius:22px}
.install-step h3{font-size:22px}

/* gallery */
.world-section{background:linear-gradient(180deg,#040101 0%,#070202 74%,#050101 100%)}
.media-showcase{gap:20px}
.media-viewer{
  height:min(68vw,800px);
  min-height:660px;
  border-radius:30px;
  background:#070202;
  border-color:rgba(255,109,96,.12);
  box-shadow:0 52px 128px rgba(0,0,0,.40),0 0 0 1px rgba(255,255,255,.02) inset;
}
.media-viewer img{transition:opacity .3s ease,transform .7s cubic-bezier(.22,.61,.36,1),filter .5s ease}
.media-viewer.switching img{opacity:.10;transform:scale(1.04);filter:blur(1px)}
.media-shade{background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(8,2,2,.16) 58%,rgba(8,2,2,.92) 100%)}
.media-copy{left:34px;right:34px;bottom:32px}
.media-copy h3{font-size:60px;line-height:.91;max-width:8ch}
.media-copy p{font-size:15px;max-width:32ch}
.zoom-badge{right:24px;top:24px;background:rgba(8,2,2,.62);border-color:rgba(255,109,96,.14)}
.media-thumbs{gap:15px}
.media-thumb{
  min-height:174px;
  border-radius:20px;
  background:#090202;
  border-color:rgba(255,109,96,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.media-thumb img{opacity:.78;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .35s ease,filter .35s ease}
.media-thumb:hover img,.media-thumb.active img{opacity:1;filter:saturate(1.02);transform:scale(1.06)}
.media-thumb:hover,.media-thumb.active{transform:translateY(-6px);border-color:rgba(255,109,96,.22);box-shadow:0 24px 54px rgba(0,0,0,.24),0 0 18px rgba(255,109,96,.05)}
.thumb-copy{left:16px;right:16px;bottom:16px}
.thumb-copy b{font-size:17px}
.thumb-copy small{font-size:8px;color:#b79a95}
.media-progress{margin-top:18px;height:4px;background:rgba(255,109,96,.06)}
.media-progress > i{background:linear-gradient(90deg,#8f1314,#ff8575)}

/* boss/final */
.boss-section{min-height:820px}
.boss-panel{
  background:linear-gradient(180deg,rgba(12,4,4,.80),rgba(7,2,2,.74))!important;
  border-color:rgba(255,109,96,.14)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.02);
}
.final-cta{min-height:660px}

/* footer */
.site-footer{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,109,96,.08),transparent 26%),
    radial-gradient(circle at 88% 8%,rgba(111,12,12,.08),transparent 22%),
    linear-gradient(180deg,#040101,#030101 100%);
  border-top-color:rgba(255,109,96,.05);
}
.footer-main{
  padding:38px;
  border-radius:30px;
  border-color:rgba(255,109,96,.08)!important;
  background:linear-gradient(180deg,rgba(12,4,4,.84),rgba(5,2,2,.72))!important;
  box-shadow:0 46px 120px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
}
.footer-ornaments span{opacity:.74}
.footer-brand p{font-size:13.5px;line-height:1.78;color:#bda19d}
.footer-status,
.footer-badges span,
.footer-server-copy{
  background:linear-gradient(180deg,rgba(12,4,4,.70),rgba(8,2,2,.62));
  border-color:rgba(255,109,96,.10)!important;
}
.footer-badges span{min-height:35px;padding:0 14px;color:#f1e3e0}
.footer-links a{color:#a98a85}
.footer-links a:hover,.footer-server-copy:hover{color:#fff2ee}
.footer-download{
  min-height:48px;
  background:linear-gradient(180deg,#140505,#0a0202);
  border-color:rgba(255,109,96,.15);
}
.footer-download:hover{background:linear-gradient(180deg,#190707,#0c0202);border-color:rgba(255,109,96,.26)}
.footer-bottom{margin-top:58px;padding-top:22px;color:#a48783}

/* download page */
.download-hero{background:#030101}
.download-bg{object-position:center 42%;filter:saturate(.78) contrast(1.14) brightness(.48);transform:scale(1.06)}
.download-layer{
  background:
    radial-gradient(circle at 72% 24%,rgba(255,109,96,.16),transparent 18%),
    radial-gradient(circle at 18% 82%,rgba(111,12,12,.18),transparent 22%),
    linear-gradient(90deg,rgba(3,1,1,.985),rgba(3,1,1,.88) 36%,rgba(3,1,1,.58) 64%,rgba(3,1,1,.76) 100%),
    linear-gradient(180deg,rgba(3,1,1,.56),rgba(3,1,1,.14) 30%,#030101 100%);
}
.download-glow{width:420px;height:420px;right:2%;top:8%;background:rgba(255,109,96,.14);filter:blur(82px)}
.download-layout{grid-template-columns:minmax(0,1fr) 580px;gap:76px;padding:136px 0 96px}
.download-copy h1{
  font-size:clamp(66px,5.9vw,96px);
  line-height:.90;
  letter-spacing:-.06em;
  text-shadow:0 20px 56px rgba(0,0,0,.42),0 0 32px rgba(255,109,96,.05);
}
.download-copy p{font-size:16px;line-height:1.76}
.download-card{
  padding:34px;
  border-radius:28px;
  border-color:rgba(255,109,96,.14)!important;
  background:linear-gradient(180deg,rgba(13,4,4,.94),rgba(7,2,2,.98))!important;
  box-shadow:0 48px 130px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.028);
}
.download-card-head strong{font-size:25px}
.file-card,
.download-server-card,
.download-requirements > div{background:linear-gradient(180deg,rgba(11,3,3,.62),rgba(7,2,2,.48));border-color:rgba(255,109,96,.10)!important}
.download-cinematic{
  border-radius:26px;
  border-color:rgba(255,109,96,.16);
  box-shadow:0 36px 100px rgba(0,0,0,.34),0 0 22px rgba(255,109,96,.05);
}
.download-cinematic:hover{box-shadow:0 42px 114px rgba(0,0,0,.42),0 0 30px rgba(255,109,96,.08)}
.download-cinematic-copy strong{font-size:34px}
.download-cinematic-copy span{font-size:13px}
.mini-steps div{border-color:rgba(255,109,96,.08)}

/* lightbox */
.lightbox-backdrop{background:rgba(2,0,0,.94);backdrop-filter:blur(18px) saturate(110%)}
.lightbox-dialog{
  border-radius:26px;
  background:linear-gradient(180deg,rgba(10,3,3,.985),rgba(4,1,1,.985));
  border-color:rgba(255,109,96,.12);
  box-shadow:0 62px 180px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.03) inset;
}
.lightbox-badge,.lightbox-counter,.lightbox-nav,.modal-close{background:rgba(8,2,2,.74);border-color:rgba(255,109,96,.10)}
.lightbox-nav:hover,.modal-close:hover{background:rgba(14,4,4,.92);border-color:rgba(255,109,96,.22)}
.lightbox-caption span{font-size:24px;color:#fff2ef}
.lightbox-caption small{color:#ad8c87}

/* release polish */
.faq-item{background:linear-gradient(180deg,rgba(12,4,4,.84),rgba(6,2,2,.72));border-color:rgba(255,109,96,.10)}
.faq-item:hover{border-color:rgba(255,109,96,.18)}
body::-webkit-scrollbar-thumb,
.lightbox-dialog::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,133,117,.96),rgba(145,18,18,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 20px rgba(255,109,96,.18)}
.scroll-hint span,
.section-index,
.kicker{color:#ff9384}

@media (max-width: 1180px){
  .hero-layout{grid-template-columns:1fr;gap:54px}.hero-copy{max-width:760px}.hero-card{height:580px;max-width:660px}
  .download-layout{grid-template-columns:1fr;gap:50px;max-width:820px}.download-card{max-width:640px}
}
@media (max-width: 900px){
  .hero{min-height:auto}.hero-layout{padding:118px 0 84px}
  .hero h1{font-size:clamp(52px,12vw,76px);max-width:8.4ch}
  .hero-card{height:500px;border-radius:24px}.hero-card-copy strong{font-size:36px}
  .section{padding:92px 0}.section-intro h2,.boss-copy h2,.final-copy h2,.faq-copy h2{font-size:clamp(46px,9vw,66px)}
  .media-viewer{min-height:0;height:500px;border-radius:22px}.media-copy h3{font-size:42px}.media-copy p{font-size:13px}
  .footer-main{padding:26px}.download-copy h1{font-size:clamp(48px,11vw,74px)}
}
@media (max-width: 640px){
  .hero-layout{padding:108px 0 72px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-lead{font-size:15px}
  .hero-card{height:430px;border-radius:20px}.hero-card-copy strong{font-size:30px}
  .media-viewer{height:430px;border-radius:18px}.media-copy{left:20px;right:20px;bottom:20px}.media-copy h3{font-size:34px}
  .media-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:118px}
  .download-layout{padding:104px 0 60px}.download-card{padding:24px}.download-cinematic-copy strong{font-size:28px}
  .footer-main{padding:22px;border-radius:22px}.footer-bottom{margin-top:42px}
}


/* v21 — loader de abertura minimalista com espada */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-loader.site-loader--sword{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%, rgba(34,6,10,.20), transparent 18%),
    radial-gradient(circle at 50% 100%, rgba(76,8,12,.16), transparent 38%),
    linear-gradient(180deg, #040101 0%, #020000 100%);
  overflow:hidden;
  transition:opacity .46s ease, visibility .46s ease;
}
.site-loader--sword .loader-vignette{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%, transparent 0%, rgba(0,0,0,.08) 34%, rgba(0,0,0,.52) 100%),
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 25%, transparent 75%, rgba(255,255,255,.01));
}
.site-loader--sword .loader-stage{
  position:relative;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
}
.site-loader--sword .loader-sword-mark{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 0 10px rgba(255,120,130,.14)) drop-shadow(0 0 24px rgba(255,255,255,.06));
  animation:loaderSwordFloat 2.2s ease-in-out infinite, loaderSwordAppear .7s cubic-bezier(.22,.61,.36,1);
  transform-origin:center;
}
.site-loader--sword .loader-sword-mark svg{width:100%;height:100%;display:block}
.site-loader--sword .loader-copy,
.site-loader--sword .loader-progress,
.site-loader--sword .loader-status,
.site-loader--sword .loader-particles,
.site-loader--sword .loader-orbit,
.site-loader--sword .loader-mark,
.site-loader--sword .loader-line{display:none!important}
@keyframes loaderSwordFloat{
  0%,100%{transform:translateY(0) scale(1);opacity:.88}
  50%{transform:translateY(-2px) scale(1.04);opacity:1}
}
@keyframes loaderSwordAppear{
  0%{opacity:0;transform:translateY(6px) scale(.78) rotate(-8deg)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}
@media (prefers-reduced-motion: reduce){
  .site-loader--sword .loader-sword-mark{animation:none!important}
}


/* v22 — correção do fundo do hero / remove bloco vermelho cortado */
body{
  background:#030101;
}

/* remove a camada antiga que podia formar uma área retangular no lado esquerdo */
.hero::before{
  content:none !important;
  display:none !important;
}

/* fundo contínuo, sem corte na margem esquerda */
.hero{
  background:#030101 !important;
}
.hero-bg{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:none !important;
  opacity:1 !important;
  object-position:center 45% !important;
  filter:saturate(.84) contrast(1.12) brightness(.50) !important;
}

/* overlay cobre o hero inteiro e mistura o vermelho suavemente */
.hero-layer{
  inset:0 !important;
  background:
    radial-gradient(ellipse at 58% 27%,rgba(255,102,90,.105) 0%,rgba(160,18,18,.055) 23%,transparent 49%),
    radial-gradient(ellipse at 82% 54%,rgba(110,10,10,.11) 0%,transparent 36%),
    linear-gradient(90deg,rgba(3,1,1,.965) 0%,rgba(3,1,1,.83) 25%,rgba(3,1,1,.49) 52%,rgba(3,1,1,.22) 77%,rgba(3,1,1,.16) 100%),
    linear-gradient(180deg,rgba(3,1,1,.46) 0%,rgba(3,1,1,.09) 30%,rgba(3,1,1,.22) 70%,#030101 100%) !important;
}

/* glows agora são radiais e sem bordas visíveis */
.hero-glow{
  pointer-events:none !important;
  border-radius:50% !important;
  filter:blur(78px) !important;
  mix-blend-mode:screen;
}
.hero-glow-a{
  width:min(760px,52vw) !important;
  height:min(620px,48vw) !important;
  left:18% !important;
  top:7% !important;
  opacity:.16 !important;
  background:radial-gradient(circle at 50% 50%,rgba(255,91,79,.42) 0%,rgba(135,12,12,.15) 42%,transparent 72%) !important;
}
.hero-glow-b{
  width:min(560px,40vw) !important;
  height:min(500px,36vw) !important;
  right:5% !important;
  bottom:8% !important;
  opacity:.13 !important;
  background:radial-gradient(circle at 50% 50%,rgba(134,12,12,.36) 0%,rgba(100,8,8,.10) 48%,transparent 74%) !important;
}

/* reduz efeitos que estavam pesando demais no topo */
.hero-grid{opacity:.07 !important;}
.hero-rays{opacity:.20 !important;}
.hero-noise{opacity:.07 !important;}

/* header mais uniforme com o fundo do hero */
.site-header{
  background:linear-gradient(180deg,rgba(3,1,1,.38),rgba(3,1,1,0)) !important;
}
.site-header.scrolled{
  background:rgba(4,1,1,.92) !important;
}

/* evita qualquer faixa horizontal/vertical inesperada no primeiro bloco */
.hero,
.hero-layer,
.hero-bg,
.hero-noise,
.hero-grid,
.hero-rays{
  clip-path:none !important;
}

/* ajuste responsivo para manter o fundo natural */
@media (max-width: 900px){
  .hero-glow-a{
    width:560px !important;
    height:460px !important;
    left:-14% !important;
    top:10% !important;
    opacity:.12 !important;
  }
  .hero-glow-b{
    width:420px !important;
    height:380px !important;
    right:-14% !important;
    opacity:.10 !important;
  }
  .hero-layer{
    background:
      radial-gradient(ellipse at 55% 20%,rgba(255,102,90,.08),transparent 42%),
      linear-gradient(180deg,rgba(3,1,1,.68),rgba(3,1,1,.26) 38%,#030101 100%),
      linear-gradient(90deg,rgba(3,1,1,.92),rgba(3,1,1,.55) 60%,rgba(3,1,1,.28)) !important;
  }
}


/* ================================
   v23 — hero refinado, mais próximo da referência do Legends Dungeons
   objetivo: fundo mais natural, sem bloco vermelho cortado,
   header integrado e hero mais premium/profissional
   ================================ */

body[data-page="home"] .site-header{
  background:linear-gradient(180deg,rgba(5,2,2,.68) 0%,rgba(5,2,2,.34) 52%,rgba(5,2,2,0) 100%) !important;
  border-bottom-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
body[data-page="home"] .site-header.scrolled{
  background:rgba(7,3,3,.82) !important;
  border-bottom-color:rgba(255,108,96,.10) !important;
  backdrop-filter:blur(14px) saturate(110%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(110%) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.28) !important;
}

body[data-page="home"] .hero{
  min-height:100svh !important;
  background:#060303 !important;
  isolation:isolate !important;
}
body[data-page="home"] .hero::before{
  content:none !important;
  display:none !important;
}
body[data-page="home"] .hero::after{
  height:150px !important;
  background:linear-gradient(180deg,rgba(6,3,3,0) 0%,rgba(6,3,3,.22) 42%,#060303 100%) !important;
}

body[data-page="home"] .hero-bg{
  inset:-3% 0 0 0 !important;
  width:100% !important;
  height:105% !important;
  object-fit:cover !important;
  object-position:center 42% !important;
  filter:saturate(.78) contrast(1.07) brightness(.44) !important;
  transform:translate3d(0,var(--hero-y,0),0) scale(1.02) !important;
  animation:heroBreathV23 22s ease-in-out infinite alternate !important;
}
@keyframes heroBreathV23{
  0%{transform:translate3d(0,var(--hero-y,0),0) scale(1.02)}
  100%{transform:translate3d(0,calc(var(--hero-y,0) - 8px),0) scale(1.045)}
}

body[data-page="home"] .hero-layer{
  backdrop-filter:none !important;
  background:
    radial-gradient(circle at 62% 26%,rgba(255,132,102,.13) 0%,rgba(255,132,102,.06) 14%,transparent 28%),
    radial-gradient(circle at 86% 48%,rgba(130,18,18,.24) 0%,transparent 26%),
    linear-gradient(90deg,rgba(6,3,3,.94) 0%,rgba(6,3,3,.84) 22%,rgba(6,3,3,.58) 42%,rgba(6,3,3,.34) 62%,rgba(6,3,3,.62) 100%),
    linear-gradient(180deg,rgba(6,3,3,.68) 0%,rgba(6,3,3,.22) 30%,rgba(6,3,3,.18) 62%,#060303 100%) !important;
}

body[data-page="home"] .hero-noise{opacity:.05 !important;}
body[data-page="home"] .hero-grid{opacity:.04 !important;}
body[data-page="home"] .hero-rays{opacity:.13 !important;mix-blend-mode:screen !important;}
body[data-page="home"] .hero-particles{opacity:.52 !important;}
body[data-page="home"] .hero-glow-a,
body[data-page="home"] .hero-glow-b{display:none !important;}

body[data-page="home"] .hero-layout{
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.82fr) !important;
  gap:86px !important;
  align-items:center !important;
  padding:150px 0 108px !important;
}
body[data-page="home"] .hero-copy{
  max-width:690px !important;
}
body[data-page="home"] .hero-meta{
  width:max-content !important;
  padding:10px 16px !important;
  margin-bottom:24px !important;
  border:1px solid rgba(255,117,97,.14) !important;
  border-radius:999px !important;
  background:rgba(10,5,5,.52) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03) !important;
  color:#d0c2b2 !important;
  letter-spacing:.15em !important;
}
body[data-page="home"] .hero-meta i{background:#c73d37 !important;}

body[data-page="home"] .hero h1{
  max-width:8.2ch !important;
  margin:0 !important;
  font-size:clamp(70px,6.7vw,112px) !important;
  line-height:.88 !important;
  letter-spacing:-.062em !important;
  text-wrap:balance !important;
  color:#f7f1eb !important;
  text-shadow:0 12px 42px rgba(0,0,0,.38) !important;
}
body[data-page="home"] .hero h1 em{
  color:#ddb56d !important;
  font-style:normal !important;
}
body[data-page="home"] .hero-lead{
  max-width:610px !important;
  margin-top:26px !important;
  color:#d9cfc4 !important;
  font-size:17px !important;
  line-height:1.78 !important;
}
body[data-page="home"] .hero-actions{
  margin-top:32px !important;
  gap:12px !important;
}
body[data-page="home"] .hero-actions .btn{
  min-height:54px !important;
  padding-inline:24px !important;
  border-radius:14px !important;
}
body[data-page="home"] .trust-row{
  margin-top:18px !important;
  gap:10px !important;
}
body[data-page="home"] .trust-row span,
body[data-page="home"] .server-access{
  background:rgba(8,5,5,.44) !important;
  border:1px solid rgba(255,117,97,.10) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
}

body[data-page="home"] .hero-card{
  height:610px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,118,96,.16) !important;
  background:#090505 !important;
  box-shadow:0 42px 120px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.02) !important;
  overflow:hidden !important;
}
body[data-page="home"] .hero-card:hover{
  --lift:-6px;
  border-color:rgba(255,118,96,.30) !important;
  box-shadow:0 48px 130px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.02) inset !important;
}
body[data-page="home"] .hero-card::before{display:none !important;}
body[data-page="home"] .hero-card::after{
  content:"";
  position:absolute;
  inset:auto -16% -16% auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(222,171,91,.16),transparent 72%);
  filter:blur(6px);
  opacity:.6;
  pointer-events:none;
}
body[data-page="home"] .hero-card img{
  filter:saturate(.94) contrast(1.02) brightness(.90) !important;
  transition:transform .85s cubic-bezier(.2,.8,.2,1), filter .45s ease !important;
}
body[data-page="home"] .hero-card:hover img{
  transform:scale(1.035) !important;
  filter:saturate(.98) contrast(1.03) brightness(.95) !important;
}
body[data-page="home"] .card-shade{
  background:linear-gradient(180deg,rgba(3,2,2,.06) 0%,rgba(3,2,2,.10) 18%,rgba(3,2,2,.26) 52%,rgba(3,2,2,.82) 100%) !important;
}
body[data-page="home"] .hero-card-top{top:22px !important;left:22px !important;right:22px !important;}
body[data-page="home"] .hero-card-top small{
  padding:8px 10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:999px !important;
  background:rgba(10,7,6,.54) !important;
  color:#dbc38e !important;
}
body[data-page="home"] .hero-card-top b{
  padding:8px 10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(10,7,6,.62) !important;
}
body[data-page="home"] .hero-card-copy{
  left:28px !important;
  right:28px !important;
  bottom:28px !important;
  gap:10px !important;
}
body[data-page="home"] .hero-card-copy small{color:#d7bc84 !important;}
body[data-page="home"] .hero-card-copy strong{
  font-size:44px !important;
  line-height:.94 !important;
  letter-spacing:-.05em !important;
  max-width:8ch !important;
}
body[data-page="home"] .hero-card-caption,
body[data-page="home"] .hero-card-caption span{color:#d1c7bd !important;}
body[data-page="home"] .hero-card-caption svg{color:#ddb56d !important;}

@media (max-width: 1120px){
  body[data-page="home"] .hero-layout{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }
  body[data-page="home"] .hero-copy{max-width:760px !important;}
  body[data-page="home"] .hero-card{max-width:640px !important;height:560px !important;}
}
@media (max-width: 700px){
  body[data-page="home"] .site-header{background:rgba(6,3,3,.74) !important;backdrop-filter:blur(12px) !important;}
  body[data-page="home"] .hero-layout{padding:112px 0 74px !important;}
  body[data-page="home"] .hero h1{font-size:clamp(42px,12vw,62px) !important;max-width:9ch !important;}
  body[data-page="home"] .hero-lead{font-size:15px !important;line-height:1.72 !important;}
  body[data-page="home"] .hero-card{height:440px !important;border-radius:22px !important;}
  body[data-page="home"] .hero-card-copy{left:22px !important;right:22px !important;bottom:22px !important;}
  body[data-page="home"] .hero-card-copy strong{font-size:31px !important;}
}


/* v24 — loader da espada corrigido */
.site-loader.site-loader--sword{
  background:
    radial-gradient(circle at 50% 46%, rgba(118,20,24,.20), transparent 18%),
    radial-gradient(circle at 50% 100%, rgba(76,8,12,.14), transparent 38%),
    linear-gradient(180deg, #030101 0%, #020000 100%) !important;
}
.site-loader--sword .loader-stage{
  width:72px !important;
  height:72px !important;
}
.site-loader--sword .loader-sword-mark{
  width:34px !important;
  height:34px !important;
  filter:drop-shadow(0 0 8px rgba(255,138,148,.18)) drop-shadow(0 0 18px rgba(255,255,255,.08)) !important;
  opacity:.98;
}
.site-loader--sword .loader-sword-mark svg{
  overflow:visible;
  shape-rendering:geometricPrecision;
}
.site-loader--sword .loader-sword-mark svg rect{
  vector-effect:non-scaling-stroke;
}
@keyframes loaderSwordFloat{
  0%,100%{transform:translateY(0) scale(1);opacity:.92}
  50%{transform:translateY(-3px) scale(1.05);opacity:1}
}
@keyframes loaderSwordAppear{
  0%{opacity:0;transform:translateY(8px) scale(.72) rotate(-10deg)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}
}


/* v25 — premium opening loader + animated logo + cinematic hero intro */
:root{--hero-intro-ease:cubic-bezier(.18,.9,.18,1);}
.site-loader.site-loader--sword{gap:18px;background:radial-gradient(circle at 18% 18%, rgba(183,38,30,.22), transparent 26%),radial-gradient(circle at 82% 20%, rgba(115,14,14,.15), transparent 28%),radial-gradient(circle at 50% 100%, rgba(255,90,66,.08), transparent 34%),linear-gradient(180deg, #080101 0%, #040101 52%, #020000 100%) !important;}
.site-loader.site-loader--sword::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.025) 50%, transparent 100%),radial-gradient(circle at 50% 45%, rgba(255,135,109,.07), transparent 30%);opacity:.72;mix-blend-mode:screen;pointer-events:none;}
.site-loader--sword .loader-stage{position:relative;width:112px !important;height:112px !important;display:grid;place-items:center;}
.site-loader--sword .loader-stage::before,.site-loader--sword .loader-stage::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,132,110,.16);}
.site-loader--sword .loader-stage::before{box-shadow:0 0 0 1px rgba(255,255,255,.02) inset, 0 0 28px rgba(160,27,27,.24);animation:loaderHaloSpin 7s linear infinite;}
.site-loader--sword .loader-stage::after{inset:10px;border-color:rgba(255,190,160,.12);animation:loaderHaloSpinReverse 10s linear infinite;}
.site-loader--sword .loader-sword-mark{width:42px !important;height:42px !important;position:relative;z-index:2;animation:loaderSwordAppear .8s var(--hero-intro-ease) both, loaderSwordFloatPremium 3.2s ease-in-out infinite .8s;transform-origin:center;}
.site-loader--sword .loader-sword-mark::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle, rgba(255,108,94,.17) 0%, rgba(255,108,94,.05) 38%, transparent 72%);filter:blur(8px);z-index:-1;}
.site-loader--sword .loader-sword-mark svg{filter:drop-shadow(0 0 12px rgba(255,121,121,.22)) drop-shadow(0 0 26px rgba(255,255,255,.08));}
.loader-brand{display:flex !important;align-items:center;gap:14px;position:relative;z-index:2;opacity:0;transform:translateY(10px);animation:loaderBrandIn .9s var(--hero-intro-ease) .18s forwards;}
.loader-brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));border:1px solid rgba(255,154,135,.14);box-shadow:0 12px 34px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);animation:loaderBrandPulse 2.8s ease-in-out infinite 1s;}
.loader-brand-mark img{width:28px;height:28px;display:block;filter:drop-shadow(0 0 10px rgba(255,157,135,.16));}
.loader-brand-text{display:grid;line-height:1;gap:4px;text-transform:uppercase;letter-spacing:.18em;}
.loader-brand-text b{font-size:16px;color:#f2e3d8;font-weight:780;letter-spacing:.03em}
.loader-brand-text small{font-size:10px;color:#cf6f5f;font-weight:800;letter-spacing:.24em}
.loader-progress-premium{width:min(220px,44vw);height:4px;border-radius:999px;position:relative;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(0,0,0,.2);}
.loader-progress-premium i{position:absolute;inset:0;width:42%;border-radius:inherit;background:linear-gradient(90deg, rgba(255,114,85,.14), rgba(255,110,95,.95), rgba(255,201,185,.92));box-shadow:0 0 20px rgba(255,99,71,.24);animation:loaderBarSweep 1.35s cubic-bezier(.4,0,.2,1) infinite;}
.loaded .site-loader .loader-brand,.loaded .site-loader .loader-progress-premium,.loaded .site-loader .loader-stage{transition:opacity .45s ease, transform .6s var(--hero-intro-ease);}
.loaded .site-loader .loader-brand{opacity:0;transform:translateY(-8px) scale(.98);}
.loaded .site-loader .loader-progress-premium{opacity:0;transform:scaleX(.96);}
.loaded .site-loader .loader-stage{opacity:0;transform:translateY(-14px) scale(.94);}
.site-header .brand{overflow:visible;}
.is-loading .site-header .brand{opacity:0;transform:translateY(-10px) scale(.96);}
.loaded .site-header .brand{animation:headerBrandIn 1s var(--hero-intro-ease) .1s both;}
.loaded .site-header .brand img{animation:brandSealSpinIn 1.2s var(--hero-intro-ease) .22s both, brandSealBreath 4s ease-in-out 1.5s infinite;transform-origin:center;}
.loaded .site-header .brand span{animation:brandTextIn .9s var(--hero-intro-ease) .28s both;}
.hero{perspective:1400px;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.06) 34%, rgba(0,0,0,0) 60%);z-index:1;pointer-events:none;}
.is-loading .hero-bg,.is-loading .hero-layer,.is-loading .hero-noise,.is-loading .hero-glow,.is-loading .hero-grid,.is-loading .hero-rays,.is-loading .hero-particles{opacity:0;}
.is-loading .hero-copy > *,.is-loading .hero-card,.is-loading .scroll-hint{opacity:0;transform:translate3d(0,26px,0) scale(.985);}
.is-loading .hero-card{transform:translate3d(34px,34px,0) rotateY(-7deg) scale(.97);}
.loaded .hero-bg{animation:heroBackdropReveal 1.8s cubic-bezier(.16,.9,.2,1) .02s both, heroBreath 18s ease-in-out 1.8s infinite alternate;}
.loaded .hero-layer{animation:heroLayerReveal 1.4s ease .08s both;}
.loaded .hero-noise{animation:heroFadeSoft 1.2s ease .15s both;}
.loaded .hero-glow-a{animation:heroFadeSoft 1.2s ease .2s both, heroOrbFloatA 13s ease-in-out 1.2s infinite;}
.loaded .hero-glow-b{animation:heroFadeSoft 1.2s ease .28s both, heroOrbFloatB 16s ease-in-out 1.2s infinite;}
.loaded .hero-grid{animation:heroGridReveal 1.3s ease .24s both, heroGridDrift 14s linear 1.3s infinite alternate;}
.loaded .hero-rays{animation:heroRaysReveal 1.5s ease .22s both, rayDrift 18s ease-in-out 1.5s infinite alternate;}
.loaded .hero-particles{animation:heroFadeSoft 1.2s ease .38s both;}
.loaded .hero-copy .hero-meta{animation:heroCopyIn 1s var(--hero-intro-ease) .26s both;}
.loaded .hero-copy h1{animation:heroTitleIn 1.15s var(--hero-intro-ease) .36s both;}
.loaded .hero-copy .hero-lead{animation:heroCopyIn 1s var(--hero-intro-ease) .52s both;}
.loaded .hero-copy .hero-actions{animation:heroCopyIn 1s var(--hero-intro-ease) .64s both;}
.loaded .hero-copy .trust-row{animation:heroCopyIn 1s var(--hero-intro-ease) .76s both;}
.loaded .hero-copy .server-access{animation:heroCopyIn 1s var(--hero-intro-ease) .86s both;}
.loaded .hero-card{animation:heroCardIn 1.3s var(--hero-intro-ease) .44s both;}
.loaded .scroll-hint{animation:heroHintIn 1s var(--hero-intro-ease) 1.1s both, scrollHintFloat 2.8s ease-in-out 2.1s infinite;}
@keyframes loaderBrandIn{0%{opacity:0;transform:translateY(12px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes loaderBrandPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes loaderHaloSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes loaderHaloSpinReverse{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}
@keyframes loaderSwordFloatPremium{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.06)}}
@keyframes loaderBarSweep{0%{transform:translateX(-125%) scaleX(.75)}55%{transform:translateX(135%) scaleX(1)}100%{transform:translateX(235%) scaleX(.88)}}
@keyframes headerBrandIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes brandSealSpinIn{0%{opacity:0;transform:rotate(-24deg) scale(.72)}100%{opacity:1;transform:rotate(0deg) scale(1)}}
@keyframes brandTextIn{0%{opacity:0;transform:translateX(-8px)}100%{opacity:1;transform:translateX(0)}}
@keyframes brandSealBreath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.035)}}
@keyframes heroBackdropReveal{0%{opacity:0;transform:scale(1.11) translate3d(0,18px,0);filter:blur(10px) saturate(.8)}100%{opacity:1;transform:scale(1.03) translate3d(0,var(--hero-y,0px),0);filter:blur(0) saturate(1)}}
@keyframes heroLayerReveal{0%{opacity:0}100%{opacity:1}}
@keyframes heroFadeSoft{0%{opacity:0}100%{opacity:1}}
@keyframes heroGridReveal{0%{opacity:0;transform:scale(1.04)}100%{opacity:.16;transform:scale(1)}}
@keyframes heroRaysReveal{0%{opacity:0;transform:scale(1.08)}100%{opacity:.26;transform:scale(1)}}
@keyframes heroCopyIn{0%{opacity:0;transform:translate3d(0,26px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes heroTitleIn{0%{opacity:0;transform:translate3d(0,30px,0) scale(.98);letter-spacing:.01em;filter:blur(6px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);letter-spacing:normal;filter:blur(0)}}
@keyframes heroCardIn{0%{opacity:0;transform:perspective(1300px) translate3d(46px,38px,0) rotateY(-10deg) rotateX(3deg) scale(.94)}100%{opacity:1;transform:perspective(1300px) translate3d(0,0,0) rotateY(0) rotateX(0) scale(1)}}
@keyframes heroHintIn{0%{opacity:0;transform:translate(-50%,10px) scale(.95)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes scrollHintFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}
@media (max-width: 900px){.loader-brand-mark{width:46px;height:46px;border-radius:14px}.loader-brand-text b{font-size:14px}.loader-brand-text small{font-size:9px}.site-loader--sword .loader-stage{width:96px !important;height:96px !important}}
@media (prefers-reduced-motion: reduce){.loader-brand,.loader-progress-premium,.site-loader--sword .loader-stage::before,.site-loader--sword .loader-stage::after,.loaded .site-header .brand,.loaded .site-header .brand img,.loaded .site-header .brand span,.loaded .hero-bg,.loaded .hero-layer,.loaded .hero-noise,.loaded .hero-glow-a,.loaded .hero-glow-b,.loaded .hero-grid,.loaded .hero-rays,.loaded .hero-particles,.loaded .hero-copy .hero-meta,.loaded .hero-copy h1,.loaded .hero-copy .hero-lead,.loaded .hero-copy .hero-actions,.loaded .hero-copy .trust-row,.loaded .hero-copy .server-access,.loaded .hero-card,.loaded .scroll-hint{animation:none!important;opacity:1!important;transform:none!important}}


/* v26 — smoke transition, stronger hero parallax, luxurious logo */
.site-loader{overflow:hidden;}
.loader-smoke{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:0;
  opacity:.88;
  mix-blend-mode:screen;
}
.loader-smoke span{
  position:absolute;
  left:50%;
  bottom:10%;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(255,185,165,.18) 0%, rgba(210,70,45,.14) 26%, rgba(99,18,18,.08) 48%, transparent 74%);
  filter:blur(16px);
  transform:translate3d(-50%,0,0) scale(.72);
  animation:loaderSmokeRise 7.8s ease-in-out infinite;
}
.loader-smoke span:nth-child(1){width:34vw;height:22vw;min-width:300px;min-height:180px;animation-delay:-.2s;left:47%;}
.loader-smoke span:nth-child(2){width:42vw;height:28vw;min-width:360px;min-height:220px;animation-delay:-2.1s;left:56%;opacity:.72;}
.loader-smoke span:nth-child(3){width:28vw;height:18vw;min-width:250px;min-height:150px;animation-delay:-4.4s;left:40%;opacity:.6;}
.site-loader.site-loader--sword::before{
  content:"";
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(circle at 50% 58%, rgba(255,111,83,.14), transparent 16%),
    radial-gradient(circle at 18% 28%, rgba(166,33,33,.18), transparent 26%),
    radial-gradient(circle at 82% 24%, rgba(123,20,20,.14), transparent 24%);
  filter:blur(40px);
  pointer-events:none;
  z-index:0;
  animation:loaderEmberPulse 4.4s ease-in-out infinite;
}
.site-loader > *{position:relative;z-index:1;}
.loaded .site-loader{
  animation:loaderSmokeFadeOut .95s cubic-bezier(.17,.86,.25,1) .08s forwards;
}
.loaded .site-loader .loader-smoke{
  animation:loaderSmokeVeilOut 1.05s cubic-bezier(.2,.84,.25,1) forwards;
}
.loaded .site-loader .loader-smoke span:nth-child(1){animation:loaderSmokeRise 6s ease-in-out infinite, loaderSmokeBlast 1.1s cubic-bezier(.15,.88,.22,1) forwards;}
.loaded .site-loader .loader-smoke span:nth-child(2){animation:loaderSmokeRise 6.6s ease-in-out infinite, loaderSmokeBlastWide 1.18s cubic-bezier(.15,.88,.22,1) .05s forwards;}
.loaded .site-loader .loader-smoke span:nth-child(3){animation:loaderSmokeRise 5.8s ease-in-out infinite, loaderSmokeBlast 1s cubic-bezier(.15,.88,.22,1) .08s forwards;}

.site-header .brand,
.footer-brand .brand{
  position:relative;
  isolation:isolate;
}
.site-header .brand{
  padding:10px 16px 10px 12px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.01));
  border:1px solid rgba(255,113,83,.12);
  box-shadow:0 14px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
}
.site-header .brand::before,
.site-header .brand::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:18px;
}
.site-header .brand::before{
  left:8px;
  top:50%;
  width:54px;
  height:54px;
  transform:translateY(-50%);
  background:
    radial-gradient(circle at 32% 30%, rgba(255,255,255,.16), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    conic-gradient(from 210deg, rgba(255,222,190,.18), rgba(255,106,73,.08), rgba(255,222,190,.15), rgba(255,106,73,.08), rgba(255,222,190,.18));
  border:1px solid rgba(255,150,122,.16);
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset, 0 16px 34px rgba(0,0,0,.28), 0 0 30px rgba(255,96,70,.12);
  z-index:-1;
}
.site-header .brand::after{
  inset:0;
  background:linear-gradient(110deg, transparent 15%, rgba(255,255,255,.12) 45%, transparent 70%);
  opacity:0;
  transform:translateX(-28%);
  filter:blur(.5px);
}
.site-header .brand img{
  width:46px;
  height:46px;
  padding:9px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
  border:1px solid rgba(255,155,130,.14);
  box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), 0 0 18px rgba(255,99,71,.08);
  filter:drop-shadow(0 0 16px rgba(255,109,80,.18));
}
.site-header .brand span{position:relative;z-index:1;}
.site-header .brand b{font-weight:820;letter-spacing:.02em;}
.site-header .brand small{letter-spacing:.22em;color:#e47d67;}
.loaded .site-header .brand::before{animation:luxSealBloom 1.2s cubic-bezier(.18,.88,.22,1) .12s both;}
.loaded .site-header .brand::after{animation:brandSheenSweep 1.4s ease .55s both;}
.loaded .site-header .brand img{animation:brandSealSpinIn 1.2s var(--hero-intro-ease) .22s both, brandSealBreath 4s ease-in-out 1.5s infinite, brandGlowShift 4.8s ease-in-out 1.8s infinite;}

.hero{
  --hero-px:0;
  --hero-py:0;
  --hero-tilt-x:0deg;
  --hero-tilt-y:0deg;
  --hero-pan-x:0px;
  --hero-pan-y:0px;
  --hero-zoom:1.085;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--gx,50%) var(--gy,44%), rgba(255,116,90,.10), transparent 14%),
    linear-gradient(125deg, rgba(255,60,38,.05) 0%, transparent 34%, rgba(255,172,120,.04) 58%, transparent 100%);
  opacity:.95;
  mix-blend-mode:screen;
}
.hero-bg{
  will-change:transform,filter;
  transform:translate3d(var(--hero-pan-x), calc(var(--hero-y,0px) + var(--hero-pan-y)), 0) scale(var(--hero-zoom));
  transform-origin:50% 46%;
  filter:saturate(.98) contrast(1.02) brightness(.88);
  transition:transform .26s cubic-bezier(.2,.7,.2,1), filter .45s ease;
}
.hero-copy,
.hero-card,
.hero-meta,
.hero-lead,
.hero-actions,
.trust-row,
.server-access{
  will-change:transform;
  transition:transform .28s cubic-bezier(.2,.7,.2,1);
}
.hero-card{
  transform-style:preserve-3d;
  box-shadow:0 36px 84px rgba(0,0,0,.48), 0 0 0 1px rgba(255,108,80,.12) inset;
}
.hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.08) 0%, transparent 30%, transparent 65%, rgba(255,118,92,.12) 100%);
  opacity:.6;
  pointer-events:none;
}
.hero-card:hover{
  transform:perspective(1300px) rotateX(6deg) rotateY(-8deg) translateY(-8px) scale(1.018) !important;
  box-shadow:0 42px 96px rgba(0,0,0,.54), 0 0 0 1px rgba(255,126,96,.16) inset, 0 0 34px rgba(255,74,40,.10);
}
.hero-card img{
  transition:transform .55s cubic-bezier(.18,.84,.22,1), filter .45s ease;
}
.hero-card:hover img{
  transform:scale(1.05);
  filter:saturate(1.08) contrast(1.03);
}
.hero-glow-a,.hero-glow-b,.hero-grid,.hero-rays,.hero-particles{transition:transform .28s cubic-bezier(.2,.7,.2,1), opacity .4s ease;}
.loaded .hero-bg{animation:heroBackdropRevealV26 2.15s cubic-bezier(.15,.88,.22,1) .02s both, heroBreathV26 24s ease-in-out 2.15s infinite alternate !important;}
.loaded .hero-copy .hero-meta{animation:heroCopyInStrong .95s cubic-bezier(.18,.9,.18,1) .24s both;}
.loaded .hero-copy h1{animation:heroTitleInStrong 1.22s cubic-bezier(.18,.9,.18,1) .35s both;}
.loaded .hero-copy .hero-lead{animation:heroCopyInStrong .95s cubic-bezier(.18,.9,.18,1) .54s both;}
.loaded .hero-copy .hero-actions{animation:heroCopyInStrong .95s cubic-bezier(.18,.9,.18,1) .68s both;}
.loaded .hero-copy .trust-row{animation:heroCopyInStrong .95s cubic-bezier(.18,.9,.18,1) .80s both;}
.loaded .hero-copy .server-access{animation:heroCopyInStrong .95s cubic-bezier(.18,.9,.18,1) .92s both;}
.loaded .hero-card{animation:heroCardInStrong 1.3s cubic-bezier(.18,.9,.18,1) .46s both;}

@keyframes loaderSmokeRise{
  0%{transform:translate3d(-50%,10%,0) scale(.7); opacity:0;}
  16%{opacity:.34}
  50%{transform:translate3d(calc(-50% + 2.5%),-4%,0) scale(.92); opacity:.58}
  100%{transform:translate3d(calc(-50% - 3%),-18%,0) scale(1.12); opacity:0;}
}
@keyframes loaderSmokeBlast{
  0%{transform:translate3d(-50%,0,0) scale(.78); opacity:.55;}
  100%{transform:translate3d(-50%,-22%,0) scale(1.34); opacity:0;}
}
@keyframes loaderSmokeBlastWide{
  0%{transform:translate3d(-50%,0,0) scale(.8); opacity:.45;}
  100%{transform:translate3d(-50%,-18%,0) scale(1.54); opacity:0;}
}
@keyframes loaderSmokeFadeOut{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(8px)}}
@keyframes loaderSmokeVeilOut{0%{opacity:.9}100%{opacity:0}}
@keyframes loaderEmberPulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes luxSealBloom{0%{opacity:0;transform:translateY(-50%) scale(.76) rotate(-18deg)}100%{opacity:1;transform:translateY(-50%) scale(1) rotate(0deg)}}
@keyframes brandSheenSweep{0%{opacity:0;transform:translateX(-34%)}35%{opacity:.52}100%{opacity:0;transform:translateX(38%)}}
@keyframes brandGlowShift{0%,100%{filter:drop-shadow(0 0 16px rgba(255,109,80,.18))}50%{filter:drop-shadow(0 0 22px rgba(255,161,118,.24))}}
@keyframes heroBackdropRevealV26{0%{opacity:0;transform:translate3d(0,26px,0) scale(1.17);filter:blur(12px) saturate(.78) brightness(.7)}100%{opacity:1;transform:translate3d(var(--hero-pan-x), calc(var(--hero-y,0px) + var(--hero-pan-y)), 0) scale(var(--hero-zoom));filter:saturate(.98) contrast(1.02) brightness(.88)}}
@keyframes heroBreathV26{0%{transform:translate3d(calc(var(--hero-pan-x) * .2), calc(var(--hero-y,0px) + var(--hero-pan-y) - 3px), 0) scale(calc(var(--hero-zoom) + .015))}100%{transform:translate3d(calc(var(--hero-pan-x) * -.25), calc(var(--hero-y,0px) + var(--hero-pan-y) + 4px), 0) scale(calc(var(--hero-zoom) + .05))}}
@keyframes heroCopyInStrong{0%{opacity:0;transform:translate3d(0,34px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes heroTitleInStrong{0%{opacity:0;transform:translate3d(0,40px,0) scale(.95);filter:blur(10px)}100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}}
@keyframes heroCardInStrong{0%{opacity:0;transform:perspective(1400px) translate3d(56px,44px,0) rotateY(-12deg) rotateX(4deg) scale(.92)}100%{opacity:1;transform:perspective(1400px) translate3d(0,0,0) rotateY(0deg) rotateX(0deg) scale(1)}}

@media (max-width: 900px){
  .hero-bg{transform-origin:58% 44%;}
  .site-header .brand{padding:9px 13px 9px 11px;}
  .site-header .brand::before{width:48px;height:48px;left:6px;}
  .site-header .brand img{width:42px;height:42px;padding:8px;}
  .loader-smoke span:nth-child(1){width:58vw;height:36vw}
  .loader-smoke span:nth-child(2){width:66vw;height:42vw}
  .loader-smoke span:nth-child(3){width:52vw;height:32vw}
}
@media (prefers-reduced-motion: reduce){
  .loader-smoke span,.loaded .site-header .brand::before,.loaded .site-header .brand::after,.loaded .site-header .brand img,.hero-bg,.hero-copy,.hero-card,.hero-meta,.hero-lead,.hero-actions,.trust-row,.server-access,.hero-glow-a,.hero-glow-b,.hero-grid,.hero-rays,.hero-particles{animation:none !important;transition:none !important;transform:none !important;}
}


/* v27 — denser cinematic smoke + premium camera hero */
.loader-smoke{
  opacity: 1;
  mix-blend-mode: screen;
  filter: saturate(1.08);
}
.loader-smoke::before,
.loader-smoke::after{
  content:"";
  position:absolute;
  inset:-12%;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 82%, rgba(255,86,56,.20), transparent 22%),
    radial-gradient(circle at 32% 68%, rgba(185,41,33,.15), transparent 26%),
    radial-gradient(circle at 74% 64%, rgba(255,143,118,.12), transparent 24%),
    radial-gradient(circle at 50% 28%, rgba(96,15,15,.10), transparent 36%);
  filter: blur(48px);
  opacity:.85;
  animation: loaderFogBillow 8.5s ease-in-out infinite alternate;
}
.loader-smoke::after{
  opacity:.55;
  animation-duration: 11s;
  animation-direction: alternate-reverse;
}
.loader-smoke span{
  background:
    radial-gradient(ellipse at center, rgba(255,210,196,.22) 0%, rgba(235,92,62,.18) 22%, rgba(131,25,25,.12) 42%, rgba(51,7,7,.08) 58%, transparent 78%);
  filter: blur(22px);
}
.loader-smoke span:nth-child(1){width:34vw;height:22vw;min-width:300px;min-height:180px;left:46%;bottom:8%;opacity:.76;animation-duration:7.2s;animation-delay:-.1s;}
.loader-smoke span:nth-child(2){width:42vw;height:28vw;min-width:360px;min-height:220px;left:58%;bottom:4%;opacity:.74;animation-duration:8.2s;animation-delay:-2s;}
.loader-smoke span:nth-child(3){width:28vw;height:18vw;min-width:250px;min-height:150px;left:39%;bottom:11%;opacity:.62;animation-duration:6.7s;animation-delay:-4.1s;}
.loader-smoke span:nth-child(4){width:24vw;height:16vw;min-width:220px;min-height:140px;left:63%;bottom:14%;opacity:.52;animation-duration:6.9s;animation-delay:-1.7s;}
.loader-smoke span:nth-child(5){width:20vw;height:13vw;min-width:180px;min-height:120px;left:31%;bottom:16%;opacity:.44;animation-duration:6.1s;animation-delay:-3.2s;}
.loader-smoke span:nth-child(6){width:50vw;height:18vw;min-width:420px;min-height:150px;left:50%;bottom:-1%;opacity:.38;animation-duration:9.8s;animation-delay:-5.2s;}
.loaded .site-loader .loader-smoke span:nth-child(1){animation:loaderSmokeRiseDense 6.3s ease-in-out infinite, loaderSmokeBlastDense 1.12s cubic-bezier(.15,.88,.22,1) forwards;}
.loaded .site-loader .loader-smoke span:nth-child(2){animation:loaderSmokeRiseDense 7.1s ease-in-out infinite, loaderSmokeBlastWideDense 1.2s cubic-bezier(.15,.88,.22,1) .04s forwards;}
.loaded .site-loader .loader-smoke span:nth-child(3){animation:loaderSmokeRiseDense 5.7s ease-in-out infinite, loaderSmokeBlastDense 1.02s cubic-bezier(.15,.88,.22,1) .08s forwards;}
.loaded .site-loader .loader-smoke span:nth-child(4){animation:loaderSmokeRiseDense 5.9s ease-in-out infinite, loaderSmokeBlastDense 1.02s cubic-bezier(.15,.88,.22,1) .09s forwards;}
.loaded .site-loader .loader-smoke span:nth-child(5){animation:loaderSmokeRiseDense 6.8s ease-in-out infinite, loaderSmokeBlastDense .98s cubic-bezier(.15,.88,.22,1) .12s forwards;}
.loaded .site-loader .loader-smoke span:nth-child(6){animation:loaderSmokeRiseDense 8.6s ease-in-out infinite, loaderSmokeBlastWideDense 1.22s cubic-bezier(.15,.88,.22,1) .02s forwards;}

.hero{
  perspective: 1600px;
  overflow: clip;
}
.hero::after{
  content:"";
  position:absolute;
  inset:-12%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.025), transparent 32%),
    radial-gradient(circle at 18% 20%, rgba(255,92,60,.08), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(255,154,117,.07), transparent 18%),
    linear-gradient(180deg, rgba(0,0,0,.10), transparent 28%, transparent 72%, rgba(0,0,0,.18));
  pointer-events:none;
  z-index:1;
  mix-blend-mode:screen;
}
.hero-bg{
  filter: saturate(1.02) contrast(1.04) brightness(.84);
  transform-origin: 50% 46%;
}
.hero-card{
  backdrop-filter: blur(12px);
}
.loaded .hero-bg{
  animation: heroBackdropRevealV27 2.25s cubic-bezier(.13,.9,.22,1) .02s both, heroCinematicFloat 26s ease-in-out 2.2s infinite alternate !important;
}
.loaded .hero::before,
.loaded .hero::after,
.loaded .hero-glow-a,
.loaded .hero-glow-b,
.loaded .hero-grid,
.loaded .hero-rays,
.loaded .hero-particles{
  animation-duration: 24s;
}

@keyframes loaderFogBillow{
  0% {transform:translate3d(-1%, 2%, 0) scale(1); opacity:.58;}
  50% {transform:translate3d(2%, -1%, 0) scale(1.06); opacity:.82;}
  100% {transform:translate3d(-2%, -3%, 0) scale(1.12); opacity:.60;}
}
@keyframes loaderSmokeRiseDense{
  0%{transform:translate3d(-50%,12%,0) scale(.66); opacity:0;}
  14%{opacity:.42;}
  48%{transform:translate3d(calc(-50% + 3.5%),-2%,0) scale(.94); opacity:.72;}
  100%{transform:translate3d(calc(-50% - 4%),-22%,0) scale(1.18); opacity:0;}
}
@keyframes loaderSmokeBlastDense{
  0%{transform:translate3d(-50%,0,0) scale(.8); opacity:.62;}
  100%{transform:translate3d(-50%,-26%,0) scale(1.48); opacity:0;}
}
@keyframes loaderSmokeBlastWideDense{
  0%{transform:translate3d(-50%,0,0) scale(.82); opacity:.5;}
  100%{transform:translate3d(-50%,-20%,0) scale(1.72); opacity:0;}
}
@keyframes heroBackdropRevealV27{
  0%{opacity:0; transform:translate3d(0,32px,0) scale(1.20); filter:blur(14px) saturate(.8) brightness(.65);}
  100%{opacity:1; transform:translate3d(var(--hero-pan-x,0px), calc(var(--hero-y,0px) + var(--hero-pan-y,0px)), 0) scale(var(--hero-zoom,1.09)); filter:saturate(1.02) contrast(1.04) brightness(.84);}
}
@keyframes heroCinematicFloat{
  0%{transform:translate3d(calc(var(--hero-pan-x,0px) - 8px), calc(var(--hero-y,0px) + var(--hero-pan-y,0px) - 6px), 0) scale(calc(var(--hero-zoom,1.09) + .01)) rotate(.14deg)}
  28%{transform:translate3d(calc(var(--hero-pan-x,0px) + 10px), calc(var(--hero-y,0px) + var(--hero-pan-y,0px) + 4px), 0) scale(calc(var(--hero-zoom,1.09) + .04)) rotate(-.12deg)}
  62%{transform:translate3d(calc(var(--hero-pan-x,0px) - 6px), calc(var(--hero-y,0px) + var(--hero-pan-y,0px) + 10px), 0) scale(calc(var(--hero-zoom,1.09) + .025)) rotate(.08deg)}
  100%{transform:translate3d(calc(var(--hero-pan-x,0px) + 12px), calc(var(--hero-y,0px) + var(--hero-pan-y,0px) - 8px), 0) scale(calc(var(--hero-zoom,1.09) + .055)) rotate(-.14deg)}
}

@media (max-width: 900px){
  .loader-smoke span:nth-child(1){width:58vw;height:36vw}
  .loader-smoke span:nth-child(2){width:66vw;height:42vw}
  .loader-smoke span:nth-child(3){width:52vw;height:32vw}
  .loader-smoke span:nth-child(4){width:46vw;height:30vw}
  .loader-smoke span:nth-child(5){width:40vw;height:26vw}
  .loader-smoke span:nth-child(6){width:74vw;height:28vw;min-width:unset}
}
@media (prefers-reduced-motion: reduce){
  .loader-smoke::before,.loader-smoke::after,.loader-smoke span,.hero::after{animation:none !important;}
}


/* v28 — red flash intro, denser ember field, more cinematic loader > hero transition */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  opacity:0;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,172,144,.18) 0%, rgba(255,106,72,.18) 12%, rgba(226,37,18,.34) 28%, rgba(100,8,8,.22) 52%, rgba(8,1,1,0) 72%),
    linear-gradient(180deg, rgba(255,68,46,.14), rgba(0,0,0,0) 40%),
    linear-gradient(180deg, rgba(15,0,0,.34), rgba(10,0,0,0) 30%, rgba(10,0,0,.28) 100%);
  mix-blend-mode:screen;
}
body.opening-flash::after{
  animation: openingRedFlashV28 1.28s cubic-bezier(.18,.84,.22,1) both;
}
@keyframes openingRedFlashV28{
  0%{opacity:0;transform:scale(1.08);filter:blur(18px)}
  12%{opacity:.96;transform:scale(1);filter:blur(1px)}
  34%{opacity:.48;transform:scale(.995);filter:blur(8px)}
  100%{opacity:0;transform:scale(.985);filter:blur(20px)}
}

.site-loader--sword .loader-vignette::after{
  content:"";
  position:absolute;
  inset:-14%;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,236,226,.02) 0%, rgba(255,126,94,.16) 18%, rgba(255,62,36,.44) 28%, rgba(140,16,16,.24) 42%, rgba(0,0,0,0) 68%),
    linear-gradient(180deg, rgba(255,72,42,.10), rgba(0,0,0,0) 36%);
  mix-blend-mode:screen;
  filter:blur(24px);
  opacity:0;
  transform:scale(.82);
}
.loaded .site-loader--sword .loader-vignette::after{
  animation: loaderExitFlashV28 1.18s cubic-bezier(.16,.88,.2,1) forwards;
}
.loaded .site-loader{
  animation: loaderSmokeFadeOutCinematicV28 1.18s cubic-bezier(.15,.86,.24,1) .08s forwards !important;
}
.loaded .site-loader .loader-brand,
.loaded .site-loader .loader-progress-premium,
.loaded .site-loader .loader-stage{
  transition:opacity .6s ease, transform .8s cubic-bezier(.18,.88,.22,1);
}
.loaded .site-loader .loader-stage{
  transform:translateY(-8px) scale(.94);
}
@keyframes loaderExitFlashV28{
  0%{opacity:0;transform:scale(.82)}
  20%{opacity:.95;transform:scale(1)}
  54%{opacity:.38;transform:scale(1.08)}
  100%{opacity:0;transform:scale(1.16)}
}
@keyframes loaderSmokeFadeOutCinematicV28{
  0%{opacity:1;filter:blur(0) saturate(1)}
  42%{opacity:1;filter:blur(1px) saturate(1.06)}
  100%{opacity:0;filter:blur(14px) saturate(1.14)}
}

.hero{isolation:isolate;}
.hero-cinematic-veil{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 54%, rgba(255,114,84,.14), transparent 20%),
    linear-gradient(180deg, rgba(5,1,1,.96) 0%, rgba(5,1,1,.82) 22%, rgba(5,1,1,.42) 54%, rgba(5,1,1,.16) 76%, rgba(5,1,1,0) 100%);
  opacity:1;
  filter:blur(0);
}
.hero-cinematic-veil::before{
  content:"";
  position:absolute;
  inset:-6%;
  background:
    radial-gradient(circle at 50% 60%, rgba(255,153,116,.16), transparent 16%),
    radial-gradient(circle at 22% 16%, rgba(192,32,32,.10), transparent 24%),
    radial-gradient(circle at 80% 18%, rgba(255,88,52,.08), transparent 20%);
  filter:blur(22px);
  opacity:.85;
}
.page-ready .hero-cinematic-veil{
  animation: heroVeilLiftV28 1.55s cubic-bezier(.17,.88,.2,1) both;
}
.page-ready .hero-cinematic-veil::before{
  animation: heroVeilGlowOutV28 1.55s cubic-bezier(.17,.88,.2,1) both;
}
@keyframes heroVeilLiftV28{
  0%{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0 round 0px)}
  52%{opacity:.78;transform:translateY(-8px) scale(1.015);clip-path:inset(0 0 0 0 round 0px)}
  100%{opacity:0;transform:translateY(-36px) scale(1.04);clip-path:inset(0 0 100% 0 round 0px)}
}
@keyframes heroVeilGlowOutV28{
  0%{opacity:.85;transform:scale(1)}
  100%{opacity:0;transform:scale(1.12)}
}

.hero-particles{
  z-index:2;
  mix-blend-mode:screen;
}
.hero-particles::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-4%;
  height:36%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(255,120,84,.16) 0%, rgba(255,82,46,.10) 28%, rgba(0,0,0,0) 70%);
  filter:blur(20px);
  opacity:.82;
}
.hero-particles .ember-particle{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--s);
  height:var(--s);
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle at 40% 40%, rgba(255,241,228,.95) 0%, rgba(255,196,150,.92) 24%, rgba(255,104,62,.88) 54%, rgba(146,26,16,.78) 74%, rgba(80,8,8,0) 100%);
  box-shadow:0 0 calc(var(--s) * 4.5) rgba(255,116,72,.55), 0 0 calc(var(--s) * 9) rgba(255,56,24,.26);
  opacity:0;
  filter:blur(var(--blur, .2px));
  will-change:transform,opacity;
  animation:
    emberRiseV28 var(--dur) linear var(--delay) infinite,
    emberFlickerV28 calc(var(--dur) * .44) ease-in-out var(--delay) infinite alternate;
}
.hero-particles .ember-particle.alt{
  background:radial-gradient(circle at 40% 40%, rgba(255,250,240,.98) 0%, rgba(255,216,176,.94) 18%, rgba(255,130,90,.90) 48%, rgba(171,28,18,.76) 74%, rgba(80,8,8,0) 100%);
  box-shadow:0 0 calc(var(--s) * 5) rgba(255,144,112,.58), 0 0 calc(var(--s) * 10) rgba(255,92,48,.34);
}
.loaded .hero-particles{
  animation:heroEmberRevealV28 1.35s ease .30s both !important;
}
@keyframes heroEmberRevealV28{0%{opacity:0}100%{opacity:1}}
@keyframes emberRiseV28{
  0%{transform:translate3d(0,0,0) scale(.68);opacity:0}
  8%{opacity:calc(var(--o) * .86)}
  46%{opacity:var(--o)}
  100%{transform:translate3d(var(--tx), calc(var(--rise) * -1), 0) scale(1.18);opacity:0}
}
@keyframes emberFlickerV28{
  0%{filter:blur(var(--blur, .2px)) brightness(.88);}
  50%{filter:blur(calc(var(--blur, .2px) + .3px)) brightness(1.18);}
  100%{filter:blur(var(--blur, .2px)) brightness(.96);}
}

.page-ready .hero-bg{
  filter:saturate(1.06) contrast(1.08) brightness(.86);
}
.page-ready .hero-layer{
  animation:heroLayerRevealCinematicV28 1.6s cubic-bezier(.17,.88,.2,1) both;
}
.page-ready .hero-copy,
.page-ready .hero-card{
  animation:heroFinalSettleV28 1.25s cubic-bezier(.18,.86,.22,1) both;
}
@keyframes heroLayerRevealCinematicV28{
  0%{opacity:0;filter:blur(16px)}
  100%{opacity:1;filter:blur(0)}
}
@keyframes heroFinalSettleV28{
  0%{filter:blur(8px)}
  100%{filter:blur(0)}
}

@media (max-width: 900px){
  .hero-particles .ember-particle{opacity:.92}
  .hero-particles::before{left:0;right:0;height:42%}
}
@media (prefers-reduced-motion: reduce){
  body::after,
  .site-loader--sword .loader-vignette::after,
  .hero-cinematic-veil,
  .hero-cinematic-veil::before,
  .hero-particles .ember-particle{animation:none !important;display:none !important;}
}


/* v29 — online server members block */
.server-members{
  margin-top:12px;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  min-height:112px;
  overflow:hidden;
  border:1px solid rgba(255,112,92,.12);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(12,4,4,.76),rgba(6,2,2,.80));
  box-shadow:0 20px 50px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .30s cubic-bezier(.2,.8,.2,1),border-color .30s ease,box-shadow .30s ease;
}
.server-members:hover{
  transform:translateY(-2px);
  border-color:rgba(255,112,92,.22);
  box-shadow:0 26px 62px rgba(0,0,0,.28),0 0 24px rgba(255,70,52,.05);
}
.server-members-image{position:relative;min-height:112px;overflow:hidden;background:#080202}
.server-members-image img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;filter:saturate(.88) contrast(1.07) brightness(.72);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.server-members:hover .server-members-image img{transform:scale(1.035);filter:saturate(.94) contrast(1.08) brightness(.78)}
.server-members-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,2,2,.10),rgba(7,2,2,.28) 70%,rgba(7,2,2,.74) 100%),linear-gradient(180deg,rgba(0,0,0,0),rgba(7,2,2,.35))}
.server-members-badge{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(5,2,2,.66);backdrop-filter:blur(8px);color:#ded3cb;font-size:8px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.server-members-badge i,.server-members-count i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72d08d;box-shadow:0 0 0 4px rgba(114,208,141,.10),0 0 14px rgba(114,208,141,.35)}
.server-members-info{min-width:0;display:grid;align-content:center;gap:14px;padding:15px 16px 15px 18px}
.server-members-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.server-members-heading>span:first-child{display:grid;gap:5px;min-width:0}
.server-members-heading small{color:#9e8984;font-size:8.5px;font-weight:850;letter-spacing:.14em}
.server-members-heading strong{font-size:13px;line-height:1.2;color:#eee6e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-members-heading strong b{color:#ff8877;font-size:15px}
.server-members-count{display:inline-flex;align-items:center;gap:8px;min-width:48px;justify-content:center;min-height:34px;padding:0 10px;border:1px solid rgba(114,208,141,.13);border-radius:999px;background:rgba(8,17,11,.48);color:#cdecd5;font-size:12px;font-weight:850}
.server-members-row{display:flex;align-items:center;gap:13px;min-width:0}
.server-member-avatars{display:flex;align-items:center;padding-left:3px;flex:0 0 auto}
.server-member-avatars img{width:32px;height:32px;object-fit:cover;border:2px solid #0b0303;border-radius:9px;image-rendering:pixelated;background:#0a0303;box-shadow:0 8px 18px rgba(0,0,0,.22)}
.server-member-avatars img+img{margin-left:-8px}
.server-members-row p{margin:0;color:#a99691;font-size:10.5px;line-height:1.35}
.loaded .hero-copy .server-members{animation:heroCopyInStrong .95s cubic-bezier(.18,.9,.18,1) 1.04s both}

@media(max-width:700px){
  .server-members{grid-template-columns:116px minmax(0,1fr);min-height:104px;border-radius:18px}
  .server-members-image{min-height:104px}
  .server-members-info{padding:12px;gap:10px}
  .server-members-heading strong{font-size:11.5px;white-space:normal}
  .server-members-row p{display:none}
  .server-member-avatars img{width:29px;height:29px;border-radius:8px}
}
@media(max-width:480px){
  .server-members{grid-template-columns:96px minmax(0,1fr)}
  .server-members-badge{display:none}
  .server-members-count{min-width:42px}
}


/* v30 images + trailer + performance tuning */
main > section,
.site-footer,
.download-hero{content-visibility:auto;contain-intrinsic-size:760px;}
.hero{content-visibility:visible;}
.hero-card img,.media-thumb img,.media-viewer img,.download-cinematic img,.trailer-poster img,.system-card-media img{image-rendering:auto;}
.system-card{padding-top:184px;cursor:pointer}
.system-card > *:not(.system-card-media){position:relative;z-index:2}
.system-card-media{position:absolute;left:14px;right:14px;top:14px;height:128px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px rgba(0,0,0,.26)}
.system-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(6,2,2,.28) 60%,rgba(6,2,2,.64));pointer-events:none}
.system-card-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .45s ease}
.system-card:hover .system-card-media img{transform:scale(1.06)}
.system-number,.system-tag,.system-icon{z-index:3}
.system-tag{top:156px}
.system-number{top:157px}
.system-icon{top:176px}
.system-card h3{margin-top:66px}
.trailer-section .section-intro{margin-bottom:34px}
.trailer-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:24px;align-items:stretch}
.trailer-player-wrap,.trailer-note,.trailer-poster{border:1px solid rgba(255,116,96,.12);border-radius:24px;background:linear-gradient(180deg,rgba(18,6,6,.92),rgba(9,4,4,.97));box-shadow:0 28px 70px rgba(0,0,0,.24)}
.trailer-player{position:relative;padding-top:56.25%;overflow:hidden;border-radius:inherit}
.trailer-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit}
.trailer-side{display:grid;gap:18px}
.trailer-poster{position:relative;padding:0;overflow:hidden;text-align:left;cursor:zoom-in}
.trailer-poster img{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}
.trailer-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 12%,rgba(4,2,2,.18) 48%,rgba(4,2,2,.84) 100%)}
.trailer-poster-copy{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:6px;z-index:2}
.trailer-poster-copy small,.trailer-note small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#ff907f}
.trailer-poster-copy strong,.trailer-note strong{font-size:26px;line-height:1.02;letter-spacing:-.03em}
.trailer-poster-copy span,.trailer-note p{font-size:13px;line-height:1.6;color:#cdb8b3;margin:0}
.trailer-note{padding:22px;display:grid;gap:10px;align-content:start}
.trailer-note .btn{margin-top:4px;width:max-content}
.download-video-embed{display:grid;gap:14px}
.download-video-head{display:grid;gap:4px}
.download-video-head small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#ff907f}
.download-video-head strong{font-size:22px;line-height:1.05;letter-spacing:-.03em}
.download-video-frame{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden;border:1px solid rgba(255,116,96,.12);background:#0b0707;box-shadow:0 20px 48px rgba(0,0,0,.24)}
.download-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width: 980px){
  .trailer-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .system-card{padding-top:160px}
  .system-card-media{height:108px}
  .system-tag,.system-number{top:135px}
  .system-icon{top:154px}
  .trailer-poster-copy strong,.trailer-note strong{font-size:22px}
}


/* === v31 fixes: lighter cards, stable trailer, nicer brand === */
.site-header .brand{
  position:relative;
  background:
    linear-gradient(135deg, rgba(17,10,10,.96), rgba(10,7,7,.94)),
    url('assets/brand-banner.webp') center/cover no-repeat;
  border:1px solid rgba(255,116,96,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;
}
.site-header .brand::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(8,4,4,.88) 0%, rgba(8,4,4,.65) 42%, rgba(8,4,4,.92) 100%);
  border-radius:inherit;
  z-index:0;
}
.site-header .brand::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,180,150,.08);
  pointer-events:none;
  z-index:0;
}
.site-header .brand img,
.site-header .brand span{position:relative;z-index:1;}
.site-header .brand img{background:radial-gradient(circle at 50% 50%, rgba(255,196,161,.14), rgba(255,110,88,.05) 62%, rgba(255,110,88,0) 100%);border-radius:14px;padding:7px;box-shadow:0 0 0 1px rgba(255,130,106,.14) inset;}

/* remove the added big images from the 3 system cards */
.system-card{padding-top:30px !important;min-height:340px;}
.system-card-media{display:none !important;}
.system-card > *:not(.system-card-media){position:relative;z-index:2;}
.system-card h3{margin-top:56px !important;}
.system-card p{max-width:32ch;}
.system-card .system-tag{background:rgba(20,10,10,.7);backdrop-filter:blur(8px);}
.system-card .system-icon{top:88px;}
.system-card:hover{transform:translateY(-6px) scale(1.01);}

/* stable trailer section without broken iframe */
.trailer-grid-lite{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);}
.trailer-feature{
  position:relative;display:block;min-height:420px;overflow:hidden;
  border:1px solid rgba(255,116,96,.14);border-radius:26px;
  background:linear-gradient(180deg,rgba(18,6,6,.92),rgba(9,4,4,.98));
  box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.trailer-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease,filter .35s ease;}
.trailer-feature:hover img{transform:scale(1.04);filter:saturate(1.04);}
.trailer-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(6,2,2,.20) 45%,rgba(6,2,2,.88) 100%);}
.trailer-play{position:absolute;left:26px;top:26px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(11,7,7,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 40px rgba(0,0,0,.34);z-index:2;backdrop-filter:blur(12px);}
.trailer-play svg{width:24px;height:24px;stroke:#fff;fill:#fff;transform:translateX(1px);}
.trailer-feature-copy{position:absolute;left:26px;right:26px;bottom:24px;display:grid;gap:8px;z-index:2;}
.trailer-feature-copy small{font-size:11px;font-weight:800;letter-spacing:.14em;color:#ff9b88;}
.trailer-feature-copy strong{font-size:36px;line-height:.98;letter-spacing:-.04em;color:#fff;max-width:11ch;}
.trailer-feature-copy span{font-size:14px;line-height:1.65;color:#d9c2bc;max-width:40ch;}
.trailer-note{min-height:unset;}

@media (max-width: 980px){
  .trailer-grid-lite{grid-template-columns:1fr;}
}
@media (max-width: 700px){
  .system-card{min-height:auto;padding:24px !important;}
  .system-card h3{margin-top:48px !important;}
  .trailer-feature{min-height:360px;border-radius:22px;}
  .trailer-feature-copy strong{font-size:28px;}
}

/* === v32: final stable branding + trailer polish === */
.site-header .brand{
  background:
    linear-gradient(135deg, rgba(17,10,10,.96), rgba(10,7,7,.94)),
    url('assets/brand-banner.webp') center/cover no-repeat;
}
.site-header .brand img,
.footer-brand .brand img,
.loader-brand-mark img,
.download-card-head img{
  object-fit:cover;
}
.site-header .brand img,
.footer-brand .brand img{
  width:44px;
  height:44px;
  border-radius:12px;
  padding:0;
  background:none;
  box-shadow:0 0 0 1px rgba(255,130,106,.16), 0 10px 20px rgba(0,0,0,.28);
}
.loader-brand-mark img{
  width:32px;
  height:32px;
  border-radius:10px;
}
.download-card-head img{
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.trailer-feature-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}
.trailer-feature-actions .btn{
  width:max-content;
}
.trailer-feature-copy strong{
  max-width:10ch;
}
.trailer-note p{
  max-width:38ch;
}
@media (max-width:700px){
  .site-header .brand img,
  .footer-brand .brand img{width:40px;height:40px;border-radius:11px;}
  .trailer-feature-actions{gap:10px;}
  .trailer-feature-actions .btn{width:100%;}
}


/* === v33 final fixes: logo image + trailer poster + cleaner cards === */
.site-header .brand img,
.footer-brand .brand img,
.loader-brand-mark img,
.download-card-head img{
  object-fit:cover;
}
.site-header .brand,
.footer-brand .brand{
  gap:14px;
}
.site-header .brand img,
.footer-brand .brand img{
  width:48px !important;
  height:48px !important;
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(255,138,116,.18),0 14px 30px rgba(0,0,0,.30) !important;
}
.loader-brand-mark img,
.download-card-head img{
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(255,138,116,.18),0 10px 24px rgba(0,0,0,.28) !important;
}
.system-grid{
  align-items:stretch;
}
.system-card{
  min-height:300px !important;
  padding:26px 26px 28px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:0;
  overflow:hidden;
}
.system-card-media{display:none !important;}
.system-number{top:24px !important;left:26px !important;right:auto !important;}
.system-tag{top:21px !important;right:22px !important;left:auto !important;background:rgba(20,10,10,.78) !important;backdrop-filter:blur(8px);}
.system-icon{position:relative !important;top:auto !important;left:auto !important;margin-top:48px !important;margin-bottom:16px !important;width:56px !important;height:56px !important;flex:0 0 auto;}
.system-card h3{margin:0 0 12px !important;max-width:9ch;font-size:28px !important;line-height:1.02 !important;}
.system-card p{margin:0 !important;max-width:28ch !important;font-size:15px !important;line-height:1.7 !important;}
.download-video-embed--poster{display:grid;gap:14px;}
.download-video-poster{
  position:relative;
  padding:0;
  border:1px solid rgba(255,116,96,.12);
  border-radius:22px;
  overflow:hidden;
  background:#090505;
  cursor:zoom-in;
  text-align:left;
  min-height:280px;
  box-shadow:0 22px 54px rgba(0,0,0,.28);
}
.download-video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.download-video-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(8,4,4,.28) 45%,rgba(8,4,4,.9) 100%);}
.download-video-play{position:absolute;left:20px;top:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(10,6,6,.72);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 34px rgba(0,0,0,.34);z-index:2;backdrop-filter:blur(10px);}
.download-video-play svg{width:22px;height:22px;fill:#fff;stroke:#fff;transform:translateX(1px);}
.download-video-copy{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:6px;z-index:2;}
.download-video-copy small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#ff927f;}
.download-video-copy strong{font-size:28px;line-height:1.03;letter-spacing:-.03em;max-width:11ch;}
.download-video-copy span{font-size:13px;line-height:1.6;color:#d4bfba;max-width:40ch;}
.download-video-actions{display:flex;flex-wrap:wrap;gap:12px;}
.download-video-actions .btn{width:max-content;}
@media (max-width:900px){
  .system-card{min-height:unset !important;}
}
@media (max-width:700px){
  .site-header .brand img,
  .footer-brand .brand img{width:42px !important;height:42px !important;border-radius:12px !important;}
  .system-card{padding:24px 22px 24px !important;}
  .system-number{left:22px !important;}
  .system-tag{right:18px !important;}
  .system-icon{margin-top:44px !important;width:52px !important;height:52px !important;}
  .system-card h3{font-size:24px !important;max-width:11ch;}
  .system-card p{font-size:14px !important;max-width:none !important;}
  .download-video-poster{min-height:240px;border-radius:20px;}
  .download-video-copy strong{font-size:24px;}
  .download-video-actions .btn{width:100%;}
}


/* === v34 premium trailer + header + cards + lighter perf === */
main > section:not(.hero), .site-footer, .download-card, .download-copy{content-visibility:auto;contain-intrinsic-size:760px;}
.low-power-mode .hero-particles,
.low-power-mode .hero-rays,
.low-power-mode .hero-grid,
.low-power-mode .hero-cinematic-veil,
.low-power-mode .download-particles,
.low-power-mode .download-glow{display:none !important;}
.low-power-mode .hero-bg,
.low-power-mode .download-bg{will-change:auto !important;transform:none !important;}

.site-header{background:linear-gradient(180deg,rgba(8,5,5,.84) 0%,rgba(8,5,5,.66) 78%,rgba(8,5,5,0) 100%);border-bottom-color:rgba(255,116,96,.08);}
.site-header::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,116,96,.26),transparent);opacity:.9;pointer-events:none;}
.site-header.scrolled{background:rgba(9,5,5,.88);box-shadow:0 16px 42px rgba(0,0,0,.22);}
.header-inner{grid-template-columns:auto 1fr auto;gap:24px;}
.nav{justify-self:center;padding:7px 14px;border:1px solid rgba(255,116,96,.12);border-radius:999px;background:rgba(13,8,8,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:8px;}
.nav a{padding:10px 12px;border-radius:999px;font-weight:700;letter-spacing:.015em;}
.nav a::after{display:none;}
.nav a:hover,.nav a.active{background:rgba(255,116,96,.10);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,116,96,.16);}
.header-actions{padding:5px;border:1px solid rgba(255,116,96,.12);border-radius:999px;background:rgba(12,8,8,.54);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 28px rgba(0,0,0,.16);}
.header-download{background:linear-gradient(180deg,rgba(204,66,56,.24),rgba(120,24,18,.18));border-color:rgba(255,116,96,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.header-download:hover{background:linear-gradient(180deg,rgba(224,84,72,.34),rgba(130,26,20,.26));transform:translateY(-1px);}
.lang-button{background:rgba(12,8,8,.36);border-color:rgba(255,116,96,.12);}

.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.system-card{position:relative;min-height:328px !important;padding:24px 24px 26px !important;border:1px solid rgba(255,116,96,.14) !important;border-radius:24px !important;background:linear-gradient(180deg,rgba(12,8,8,.88) 0%,rgba(11,7,7,.95) 100%) !important;box-shadow:0 24px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02);transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease !important;overflow:hidden;isolation:isolate;}
.system-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(198,60,51,.22),transparent 28%),radial-gradient(circle at 100% 0%,rgba(198,60,51,.10),transparent 24%);opacity:.85;pointer-events:none;}
.system-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,116,96,.30),transparent);opacity:.9;}
.system-card:hover{transform:translateY(-6px);border-color:rgba(255,116,96,.28) !important;box-shadow:0 34px 68px rgba(0,0,0,.30), 0 0 0 1px rgba(255,116,96,.06) inset;}
.system-card-media{display:none !important;}
.system-number,.system-tag,.system-icon,.system-card h3,.system-card p{position:relative;z-index:1;}
.system-number{position:static !important;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:12px;border:1px solid rgba(255,116,96,.18);border-radius:12px;background:rgba(255,116,96,.05);font-size:11px;font-weight:800;color:#ffaf9f;}
.system-tag{position:absolute !important;top:20px !important;right:20px !important;left:auto !important;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,116,96,.14);background:rgba(15,9,9,.74) !important;color:#ceb8b2;font-size:10px;font-weight:800;letter-spacing:.14em;}
.system-icon{position:relative !important;top:auto !important;left:auto !important;width:58px !important;height:58px !important;margin:2px 0 16px !important;border:1px solid rgba(255,116,96,.16);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,116,96,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.system-card h3{margin:0 0 10px !important;max-width:8.5ch;font-size:clamp(28px,2vw,34px) !important;line-height:.97 !important;letter-spacing:-.04em;}
.system-card p{margin:0 !important;max-width:28ch;font-size:15px !important;line-height:1.72 !important;color:#ccbdb7;}

.trailer-grid-lite{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:26px;}
.trailer-feature{min-height:470px;border-radius:28px;border:1px solid rgba(255,116,96,.14);box-shadow:0 34px 72px rgba(0,0,0,.24);overflow:hidden;}
.trailer-feature::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);pointer-events:none;}
.trailer-feature-shade{background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(7,3,3,.18) 36%,rgba(7,3,3,.90) 100%);}
.trailer-play{width:64px;height:64px;left:24px;top:24px;background:rgba(12,8,8,.72);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px rgba(0,0,0,.30);}
.trailer-play svg{width:24px;height:24px;fill:#fff;stroke:#fff;transform:translateX(1px);}
.trailer-feature-copy{left:28px;right:28px;bottom:26px;gap:10px;}
.trailer-feature-copy strong{font-size:40px;max-width:12ch;}
.trailer-feature-copy span{font-size:14px;line-height:1.7;color:#dcc8c2;}
.trailer-feature-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}
.trailer-feature-actions .btn{min-height:48px;padding-inline:18px;}
.trailer-note,.trailer-poster{border:1px solid rgba(255,116,96,.14);border-radius:24px;background:linear-gradient(180deg,rgba(12,8,8,.86),rgba(10,6,6,.96));box-shadow:0 24px 48px rgba(0,0,0,.20);}
.trailer-note{padding:24px;}
.trailer-note strong{font-size:24px;line-height:1.05;letter-spacing:-.03em;}
.trailer-note p{line-height:1.72;color:#c8bbb4;}
.trailer-poster{overflow:hidden;min-height:250px;}
.trailer-poster img{transition:transform .6s ease;}
.trailer-poster:hover img{transform:scale(1.04);}
.trailer-poster-copy strong{font-size:24px;line-height:1.04;}

.download-video-embed--poster{gap:16px;}
.download-video-poster{min-height:320px;border-radius:24px;border-color:rgba(255,116,96,.14);box-shadow:0 28px 60px rgba(0,0,0,.24);}
.download-video-copy strong{font-size:32px;max-width:12ch;}
.download-video-copy span{line-height:1.7;color:#d6c2bc;}
.download-video-actions{gap:12px;}

@media (max-width: 1120px){
  .header-inner{grid-template-columns:auto 1fr auto;gap:16px;}
  .nav{padding:6px 10px;gap:4px;}
  .nav a{padding:9px 10px;font-size:11px;}
  .system-grid{grid-template-columns:1fr;}
}
@media (max-width: 900px){
  main > section:not(.hero), .site-footer, .download-card, .download-copy{content-visibility:visible;contain-intrinsic-size:auto;}
  .trailer-grid-lite{grid-template-columns:1fr;}
  .trailer-feature{min-height:380px;}
  .trailer-feature-copy strong,.download-video-copy strong{font-size:28px;}
}
@media (max-width: 700px){
  .header-actions{padding:3px;border:none;background:transparent;box-shadow:none;backdrop-filter:none;}
  .system-card{min-height:auto !important;padding:22px 20px 22px !important;}
  .system-tag{top:16px !important;right:16px !important;font-size:9px;}
  .system-card h3{max-width:10ch;font-size:24px !important;}
  .system-card p{max-width:none;font-size:14px !important;}
  .system-icon{width:52px !important;height:52px !important;}
  .trailer-feature{border-radius:22px;min-height:340px;}
  .download-video-poster{min-height:250px;border-radius:20px;}
  .trailer-feature-actions .btn,.download-video-actions .btn{width:100%;}
}


/* === v35 ultra premium: trailer, hero, footer, mobile === */
:root{--lux-red:#ff6f5d;--lux-red-soft:#ff9c8e;--lux-black:#060303;}

/* HERO — stronger without getting heavier */
body[data-page="home"] .hero{min-height:940px !important;}
body[data-page="home"] .hero-bg{filter:saturate(.88) contrast(1.12) brightness(.48) !important;transform:translate3d(0,var(--hero-y,0),0) scale(1.055) !important;}
body[data-page="home"] .hero-layer{background:
  radial-gradient(circle at 66% 26%,rgba(255,101,80,.18) 0%,rgba(255,101,80,.07) 18%,transparent 36%),
  radial-gradient(circle at 18% 72%,rgba(115,8,8,.22) 0%,transparent 34%),
  linear-gradient(90deg,rgba(5,2,2,.985) 0%,rgba(5,2,2,.88) 28%,rgba(5,2,2,.56) 54%,rgba(5,2,2,.30) 74%,rgba(5,2,2,.46) 100%),
  linear-gradient(180deg,rgba(5,2,2,.48) 0%,rgba(5,2,2,.08) 32%,rgba(5,2,2,.18) 68%,#060303 100%) !important;}
body[data-page="home"] .hero-layout{gap:92px !important;padding:154px 0 116px !important;}
body[data-page="home"] .hero-copy{max-width:720px !important;}
body[data-page="home"] .hero h1{font-size:clamp(78px,7vw,122px) !important;line-height:.865 !important;letter-spacing:-.07em !important;text-shadow:0 28px 80px rgba(0,0,0,.52),0 0 50px rgba(255,78,57,.05) !important;}
body[data-page="home"] .hero h1 em{color:#e2b66b !important;text-shadow:0 0 32px rgba(226,182,107,.08);}
body[data-page="home"] .hero-lead{max-width:630px !important;color:#e0d3cf !important;font-size:17px !important;line-height:1.8 !important;}
body[data-page="home"] .hero-actions .btn{min-height:58px !important;border-radius:15px !important;}
body[data-page="home"] .hero-card{height:640px !important;border-radius:32px !important;border-color:rgba(255,111,93,.22) !important;box-shadow:0 56px 150px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.02) inset !important;}
body[data-page="home"] .hero-card::after{content:"" !important;position:absolute;inset:0 !important;width:auto !important;height:auto !important;border-radius:inherit !important;background:linear-gradient(145deg,rgba(255,255,255,.055) 0%,transparent 24%,transparent 66%,rgba(255,90,70,.08) 100%) !important;filter:none !important;opacity:1 !important;pointer-events:none;}
body[data-page="home"] .hero-card-copy strong{font-size:48px !important;max-width:9ch !important;}
body[data-page="home"] .server-access,body[data-page="home"] .server-members{border-color:rgba(255,111,93,.15) !important;background:linear-gradient(180deg,rgba(13,5,5,.78),rgba(7,3,3,.70)) !important;box-shadow:0 22px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025) !important;}

/* TRAILER — absurdly premium but stable */
.trailer-section{position:relative;overflow:hidden;background:
  radial-gradient(circle at 72% 12%,rgba(255,80,58,.07),transparent 24%),
  linear-gradient(180deg,#060303 0%,#090404 46%,#060303 100%);}
.trailer-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.012) 50%,transparent 100%);}
.trailer-grid-lite{gap:28px;}
.trailer-feature{min-height:540px !important;border-radius:32px !important;border:1px solid rgba(255,116,96,.18) !important;background:#080404 !important;box-shadow:0 46px 110px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.018) inset !important;}
.trailer-feature img{filter:saturate(.94) contrast(1.04) brightness(.88);transform:scale(1.015);}
.trailer-feature:hover img{transform:scale(1.055);filter:saturate(1) contrast(1.06) brightness(.93);}
.trailer-feature-shade{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(5,2,2,.12) 30%,rgba(5,2,2,.46) 64%,rgba(5,2,2,.96) 100%) !important;}
.trailer-play{width:74px !important;height:74px !important;left:28px !important;top:28px !important;border-color:rgba(255,145,128,.18) !important;background:rgba(10,5,5,.72) !important;box-shadow:0 20px 50px rgba(0,0,0,.34),0 0 30px rgba(255,92,70,.08) !important;}
.trailer-play::after{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,116,96,.10);border-radius:50%;}
.trailer-feature-copy{left:32px !important;right:32px !important;bottom:30px !important;gap:11px !important;}
.trailer-feature-copy small{font-size:10px !important;letter-spacing:.18em !important;color:#ff9b8a !important;}
.trailer-feature-copy strong{font-size:clamp(42px,4.2vw,62px) !important;line-height:.91 !important;max-width:10ch !important;letter-spacing:-.055em !important;}
.trailer-feature-copy>span:not(.trailer-feature-actions):not(.trailer-meta-row){max-width:48ch !important;color:#e0cbc5 !important;}
.trailer-meta-row,.download-video-meta{display:flex !important;flex-wrap:wrap;gap:8px !important;margin-top:2px;}
.trailer-meta-row i,.download-video-meta i{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.12em;color:#d9c1bb;padding:7px 9px;border-radius:999px;border:1px solid rgba(255,116,96,.13);background:rgba(15,7,7,.54);}
.trailer-feature-actions{margin-top:10px !important;}
.trailer-feature-actions .btn{min-height:52px !important;border-radius:13px !important;}
.trailer-note,.trailer-poster{border-color:rgba(255,116,96,.14) !important;background:linear-gradient(180deg,rgba(13,6,6,.92),rgba(7,3,3,.98)) !important;box-shadow:0 30px 72px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.02) !important;}
.trailer-note{padding:28px !important;}
.trailer-note strong{font-size:28px !important;}
.trailer-poster{min-height:280px !important;}
.download-video-poster{min-height:360px !important;border-radius:26px !important;box-shadow:0 34px 80px rgba(0,0,0,.30) !important;}
.download-video-copy{left:24px !important;right:24px !important;bottom:22px !important;}
.download-video-copy strong{font-size:34px !important;}

/* FOOTER — luxury finish */
.site-footer{padding-top:92px !important;background:
  radial-gradient(circle at 14% 0%,rgba(255,101,80,.08),transparent 24%),
  radial-gradient(circle at 86% 18%,rgba(132,15,15,.08),transparent 22%),
  linear-gradient(180deg,#060303 0%,#030101 100%) !important;}
.footer-luxury-band{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px;padding:28px 30px;border:1px solid rgba(255,116,96,.13);border-radius:26px;background:linear-gradient(135deg,rgba(17,7,7,.92),rgba(9,4,4,.94));box-shadow:0 28px 72px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);position:relative;overflow:hidden;}
.footer-luxury-band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,rgba(255,116,96,.12),transparent 30%);pointer-events:none;}
.footer-luxury-band>div{position:relative;z-index:1;}
.footer-luxury-band small{display:block;margin-bottom:7px;color:#ff927f;font-size:9px;font-weight:800;letter-spacing:.18em;}
.footer-luxury-band strong{display:block;max-width:16ch;font-size:clamp(26px,2.6vw,40px);line-height:.98;letter-spacing:-.04em;}
.footer-luxury-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.footer-luxury-meta span{padding:9px 11px;border:1px solid rgba(255,116,96,.12);border-radius:999px;background:rgba(11,5,5,.56);color:#cdb9b4;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.footer-main{padding:34px !important;border-radius:30px !important;background:linear-gradient(180deg,rgba(14,6,6,.88),rgba(6,3,3,.92)) !important;border-color:rgba(255,116,96,.11) !important;box-shadow:0 42px 110px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025) !important;}
.footer-brand p{color:#c9b5b0 !important;line-height:1.75 !important;}
.footer-column>strong{color:#fff3ef;font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.footer-links a{padding:6px 0;transition:color .2s ease,transform .2s ease;}
.footer-links a:hover{color:#fff;transform:translateX(3px);}
.footer-cta{border-color:rgba(255,116,96,.12) !important;background:linear-gradient(180deg,rgba(17,7,7,.84),rgba(9,4,4,.92)) !important;}
.footer-download{box-shadow:0 16px 36px rgba(0,0,0,.22);}
.footer-bottom{padding-bottom:28px;color:#9d817d !important;}

/* mobile polish */
@media (max-width: 900px){
  body::before{display:none !important;}
  body[data-page="home"] .hero{min-height:auto !important;}
  body[data-page="home"] .hero-layout{grid-template-columns:1fr !important;gap:42px !important;padding:116px 0 78px !important;}
  body[data-page="home"] .hero h1{font-size:clamp(52px,10.8vw,78px) !important;max-width:9ch !important;}
  body[data-page="home"] .hero-card{height:540px !important;max-width:680px !important;width:100%;}
  .footer-luxury-band{align-items:flex-start;flex-direction:column;}
  .footer-luxury-meta{justify-content:flex-start;}
  .trailer-feature{min-height:440px !important;}
}
@media (max-width: 700px){
  :root{--shell:min(100% - 32px,1280px);}
  .site-header{height:66px !important;background:rgba(7,3,3,.88) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
  .site-header .brand{padding:6px 9px 6px 7px !important;border-radius:16px !important;gap:9px !important;}
  .site-header .brand img{width:38px !important;height:38px !important;border-radius:10px !important;}
  .site-header .brand b{font-size:13px !important;}
  .site-header .brand small{font-size:7px !important;}
  .lang-button{height:38px !important;padding:0 10px !important;}
  .menu-toggle{width:38px !important;height:38px !important;}
  .mobile-nav{left:16px !important;right:16px !important;border-radius:18px !important;padding:8px !important;background:rgba(9,4,4,.98) !important;}
  .mobile-nav a{padding:13px 14px !important;border-radius:11px !important;}
  body[data-page="home"] .hero-layout{padding:100px 0 62px !important;gap:30px !important;}
  body[data-page="home"] .hero h1{font-size:clamp(44px,13vw,62px) !important;line-height:.91 !important;}
  body[data-page="home"] .hero-lead{font-size:14.5px !important;line-height:1.72 !important;}
  body[data-page="home"] .hero-actions{grid-template-columns:1fr !important;display:grid !important;}
  body[data-page="home"] .hero-actions .btn{width:100% !important;}
  body[data-page="home"] .hero-card{height:430px !important;border-radius:22px !important;}
  body[data-page="home"] .hero-card-copy strong{font-size:30px !important;}
  .server-access{grid-template-columns:1fr auto !important;gap:8px !important;padding:10px !important;}
  .server-copy{min-width:auto !important;padding-inline:10px !important;}
  .server-members{grid-template-columns:92px minmax(0,1fr) !important;}
  .trailer-feature{min-height:390px !important;border-radius:22px !important;}
  .trailer-play{width:58px !important;height:58px !important;left:18px !important;top:18px !important;}
  .trailer-feature-copy{left:20px !important;right:20px !important;bottom:18px !important;}
  .trailer-feature-copy strong{font-size:34px !important;max-width:11ch !important;}
  .trailer-feature-copy>span:not(.trailer-feature-actions):not(.trailer-meta-row){font-size:12.5px !important;line-height:1.55 !important;}
  .trailer-meta-row{gap:6px !important;}
  .trailer-meta-row i{font-size:8px !important;padding:6px 8px !important;}
  .trailer-note{padding:20px !important;}
  .trailer-poster{min-height:220px !important;}
  .download-video-poster{min-height:280px !important;}
  .download-video-copy strong{font-size:26px !important;}
  .footer-luxury-band{padding:22px !important;border-radius:22px !important;margin-bottom:18px !important;}
  .footer-luxury-band strong{font-size:28px !important;max-width:12ch;}
  .footer-main{padding:22px !important;border-radius:22px !important;grid-template-columns:1fr !important;gap:28px !important;}
  .footer-column,.footer-column-rich,.footer-cta,.footer-brand{grid-column:auto !important;}
  .footer-cta{padding:18px !important;}
  .footer-bottom{font-size:9px !important;line-height:1.5 !important;}
}
@media (max-width: 460px){
  :root{--shell:min(100% - 24px,1280px);}
  .lang-code{display:none;}
  .lang-button{width:38px !important;padding:0 !important;justify-content:center;}
  .trailer-feature{min-height:360px !important;}
  .trailer-feature-copy strong{font-size:30px !important;}
  .trailer-feature-actions{display:grid !important;grid-template-columns:1fr !important;width:100%;}
  .trailer-feature-actions .btn{width:100% !important;}
  .footer-luxury-meta span{font-size:8px;padding:7px 9px;}
}

/* v36 — Mythic structure inspired by modern modpack landing pages, with original visual system */
:root{--mythic-red:#d72d2d;--mythic-red-hot:#ff4b3e;--mythic-ink:#050506;--mythic-gold:#d7b06a}
.hero-title-accent{display:inline-block;color:#f4c66e;text-shadow:0 0 34px rgba(215,45,45,.18)}
.facts{position:relative;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(12,7,7,.92),rgba(5,5,6,.96))}
.facts-grid{grid-template-columns:repeat(4,1fr)}
.facts-grid div{position:relative;padding:32px 20px;text-align:center}
.facts-grid div:not(:last-child)::after{content:"";position:absolute;right:0;top:24%;height:52%;width:1px;background:linear-gradient(transparent,rgba(215,45,45,.3),transparent)}
.facts-grid strong{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.06em;color:#f5f1eb}
.facts-grid span{display:block;margin-top:7px;color:#9c938d;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.world-section,.systems-section,.trailer-section,.install-section,.faq-section{scroll-margin-top:90px}
.section-intro h2{letter-spacing:-.045em}
.systems-section{background:radial-gradient(circle at 50% 0%,rgba(118,17,17,.10),transparent 40%),#070506}
.system-grid{gap:18px}
.system-card{border-color:rgba(215,45,45,.22);background:linear-gradient(180deg,rgba(17,9,9,.94),rgba(7,6,7,.98));box-shadow:0 18px 60px rgba(0,0,0,.26)}
.system-card:hover{border-color:rgba(255,75,62,.48);transform:translateY(-8px);box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 35px rgba(190,27,27,.10)}
.system-tag{border-color:rgba(255,75,62,.32);color:#e7b6a9}
.final-cta{border-top:1px solid rgba(215,45,45,.16);border-bottom:1px solid rgba(215,45,45,.16)}
.site-footer{background:#040405}
.footer-luxury-band{border-color:rgba(215,45,45,.20);background:linear-gradient(135deg,rgba(30,7,7,.8),rgba(7,6,7,.85))}
@media(max-width:800px){.facts-grid{grid-template-columns:repeat(2,1fr)}.facts-grid div:nth-child(2)::after{display:none}.facts-grid div{padding:24px 10px}.hero-title-accent{font-size:.9em}}
@media(max-width:520px){.facts-grid{grid-template-columns:1fr 1fr}.facts-grid div{padding:20px 6px}.facts-grid strong{font-size:2rem}.facts-grid span{font-size:.58rem;letter-spacing:.1em}.hero-title-accent{font-size:.82em}}

/* v37 — acabamento final: loader sem espada + atmosfera mais viva */
.site-loader{background:
  radial-gradient(circle at 50% 46%,rgba(100,12,12,.20),transparent 27%),
  radial-gradient(circle at 50% 50%,rgba(255,54,42,.045),transparent 48%),#040303!important;}
.site-loader::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(215,45,45,.025) 48%,transparent 100%);mix-blend-mode:screen;}
.site-loader .loader-stage{width:128px!important;height:128px!important;margin-bottom:16px!important;position:relative!important;}
.site-loader .loader-mark{width:78px!important;height:78px!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(25,10,10,.98),rgba(7,6,6,.96))!important;border:1px solid rgba(255,90,74,.24)!important;box-shadow:0 22px 70px rgba(0,0,0,.55),0 0 44px rgba(215,45,45,.13),inset 0 1px 0 rgba(255,255,255,.06)!important;animation:loaderLogoFloat 2.8s ease-in-out infinite!important;}
.site-loader .loader-mark img{width:46px!important;height:46px!important;filter:drop-shadow(0 0 18px rgba(255,70,55,.24))!important;}
.site-loader .loader-orbit{display:block!important;position:absolute!important;inset:0!important;border-radius:50%!important;border:1px solid rgba(255,75,62,.10)!important;}
.site-loader .loader-orbit::after{background:#ff5b4b!important;box-shadow:0 0 18px rgba(255,75,62,.75)!important;}
.site-loader .orbit-b{inset:14px!important;border-color:rgba(215,176,106,.10)!important;}
.site-loader .loader-sword-mark{display:none!important;}
.site-loader .loader-brand{display:none!important;}
.site-loader .loader-copy{gap:6px!important;}
.site-loader .loader-copy strong{font-size:11px!important;letter-spacing:.22em!important;color:#f7f0e9!important;}
.site-loader .loader-copy span{font-size:11px!important;color:#8f817c!important;}
.site-loader .loader-progress{width:220px!important;height:3px!important;margin-top:18px!important;background:rgba(255,75,62,.08)!important;}
.site-loader .loader-progress i{background:linear-gradient(90deg,transparent,#ff5b4b,#f2bd75,transparent)!important;}
.site-loader .loader-status{color:#5e514e!important;letter-spacing:.22em!important;}

/* Ambient motion: depth without heavy JS */
body{background:
  radial-gradient(circle at 14% 18%,rgba(130,15,15,.09),transparent 25%),
  radial-gradient(circle at 84% 42%,rgba(95,9,9,.08),transparent 27%),#050405;}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.24;background-image:radial-gradient(circle at 18% 28%,rgba(255,104,78,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 62%,rgba(215,176,106,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 48% 18%,rgba(255,75,62,.42) 0 1px,transparent 1.5px);background-size:240px 240px,310px 310px,190px 190px;animation:ambientDrift 22s linear infinite;}
@keyframes ambientDrift{from{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,8px,0)}to{transform:translate3d(0,0,0)}}
.hero::before{opacity:.8!important;background:radial-gradient(circle at 65% 45%,rgba(255,65,48,.10),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 45%,rgba(125,12,12,.08))!important;}
.hero-bg{filter:saturate(1.08) contrast(1.06)!important;transform:scale(1.035)!important;}
.hero-card{box-shadow:0 30px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,75,62,.08)!important;}
.hero-card::after,.system-card::after,.trailer-feature::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,transparent 20%,rgba(255,255,255,.055) 46%,transparent 58%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.7,.2,1);}
.hero-card:hover::after,.system-card:hover::after,.trailer-feature:hover::after{transform:translateX(120%);}
.system-card-media img,.hero-card img,.boss-bg{filter:saturate(1.08) contrast(1.05)!important;}

/* Keep the page clean: no documentation-like copy */
.trailer-note{background:linear-gradient(145deg,rgba(19,8,8,.88),rgba(7,6,7,.94))!important;}
.trailer-poster-copy strong{font-size:clamp(22px,2.2vw,30px)!important;letter-spacing:-.035em;}

@media(max-width:700px){
  body::after{opacity:.14;background-size:180px 180px,230px 230px,150px 150px;}
  .site-loader .loader-stage{width:108px!important;height:108px!important;}
  .site-loader .loader-mark{width:68px!important;height:68px!important;}
  .site-loader .loader-mark img{width:40px!important;height:40px!important;}
  .site-loader .loader-progress{width:190px!important;}
}
@media(prefers-reduced-motion:reduce){body::after{animation:none!important}.hero-card::after,.system-card::after,.trailer-feature::after{display:none!important}}


/* V38 — richer visual world section */
.highlights-section{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(126,22,28,.16),transparent 32%),radial-gradient(circle at 82% 70%,rgba(207,69,58,.10),transparent 28%),linear-gradient(180deg,#090305,#120609 52%,#080305)}
.highlights-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.018) 12.1%,transparent 12.2% 87.8%,rgba(255,255,255,.018) 87.9%,transparent 88%);opacity:.45}
.highlights-grid{display:grid;grid-template-columns:1.22fr .78fr .78fr 1.22fr;gap:14px;margin-top:42px}
.highlight-card{position:relative;min-height:430px;padding:0;overflow:hidden;border:1px solid rgba(255,120,107,.16);border-radius:22px;background:#0d0507;color:#fff;text-align:left;cursor:zoom-in;box-shadow:0 24px 70px rgba(0,0,0,.28);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease}
.highlight-card:hover{transform:translateY(-8px);border-color:rgba(255,120,107,.42);box-shadow:0 34px 90px rgba(0,0,0,.48)}
.highlight-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease;filter:saturate(.9) contrast(1.05) brightness(.72)}
.highlight-card:hover img{transform:scale(1.08);filter:saturate(1.05) contrast(1.08) brightness(.84)}
.highlight-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,2,3,.06) 18%,rgba(6,2,4,.30) 44%,rgba(5,2,3,.94) 100%),linear-gradient(90deg,rgba(110,12,18,.10),transparent 55%)}
.highlight-index{position:absolute;top:18px;right:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,120,107,.28);border-radius:50%;background:rgba(8,3,5,.55);backdrop-filter:blur(8px);font-size:10px;font-weight:800;color:#e9d6c9}
.highlight-copy{position:absolute;left:26px;right:24px;bottom:24px;display:flex;flex-direction:column;gap:8px}
.highlight-copy small{color:var(--accent-gold);font-size:10px;font-weight:850;letter-spacing:.16em}
.highlight-copy strong{font-family:var(--font-display);font-size:clamp(25px,2.4vw,38px);line-height:.96;letter-spacing:-.035em}
.highlight-copy span{max-width:34ch;color:#d0c6c0;font-size:13px;line-height:1.5}
@media(max-width:980px){.highlights-grid{grid-template-columns:1fr 1fr}.highlight-wide{grid-column:span 2}}
@media(max-width:620px){.highlights-grid{grid-template-columns:1fr}.highlight-wide{grid-column:auto}.highlight-card{min-height:360px}.highlight-copy{left:20px;right:18px;bottom:20px}.highlight-copy strong{font-size:30px}}

/* More cinematic palette accents */
.section-intro h2 em,.final-copy h2 em,.boss-copy h2 em{color:#e3b66c}
.facts{background:linear-gradient(90deg,#0a0305,#15070a,#0a0305)}
.server-access,.server-members,.system-card,.media-viewer,.install-step,.faq-item{background-color:rgba(15,5,8,.82)}

/* V39 — galeria visual ampliada + paleta mais refinada */
:root{
  --mythic-red:#b51f2b;
  --mythic-red-hot:#ef4b43;
  --mythic-burgundy:#25080d;
  --mythic-gold:#e0b66c;
  --mythic-ivory:#f3eee8;
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(181,31,43,.11),transparent 26%),
    radial-gradient(circle at 88% 22%,rgba(224,182,108,.06),transparent 24%),
    linear-gradient(180deg,#050304 0%,#090406 48%,#050304 100%);
}
.site-header{
  background:linear-gradient(180deg,rgba(4,3,4,.96),rgba(4,3,4,.82));
  border-bottom-color:rgba(181,31,43,.18);
}
.btn-primary,.header-download,.footer-download{
  background:linear-gradient(135deg,#d83b35,#a91625)!important;
  border-color:rgba(255,120,100,.42)!important;
  box-shadow:0 12px 35px rgba(181,31,43,.22),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.btn-primary:hover,.header-download:hover,.footer-download:hover{box-shadow:0 18px 46px rgba(181,31,43,.34),inset 0 1px 0 rgba(255,255,255,.22)!important}
.systems-section,.reference-world-section{background:
  radial-gradient(circle at 18% 0%,rgba(181,31,43,.11),transparent 32%),
  radial-gradient(circle at 82% 68%,rgba(224,182,108,.055),transparent 28%),#070405;
}
.reference-world-section{position:relative;overflow:hidden;padding-top:110px;padding-bottom:120px}
.reference-world-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(181,31,43,.035),transparent);opacity:.8}
.reference-grid{position:relative;display:grid;grid-template-columns:1.3fr .85fr .85fr;grid-auto-rows:280px;gap:14px;margin-top:44px}
.reference-card{position:relative;min-width:0;overflow:hidden;padding:0;border:1px solid rgba(255,112,96,.17);border-radius:20px;background:#0a0506;cursor:zoom-in;box-shadow:0 22px 65px rgba(0,0,0,.28);text-align:left;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .45s ease}
.reference-card:hover{transform:translateY(-7px) scale(1.005);border-color:rgba(255,112,96,.42);box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 32px rgba(181,31,43,.09)}
.reference-card-large{grid-row:span 2}
.reference-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06) brightness(.72);transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s ease}
.reference-card:hover img{transform:scale(1.075);filter:saturate(1.06) contrast(1.08) brightness(.83)}
.reference-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,2,3,.04) 12%,rgba(4,2,3,.12) 35%,rgba(4,2,3,.92) 100%),linear-gradient(90deg,rgba(100,8,18,.08),transparent 58%)}
.reference-copy{position:absolute;left:22px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:7px}
.reference-copy small{color:#e0b66c;font-size:9px;font-weight:850;letter-spacing:.18em}
.reference-copy strong{font-family:var(--font-display);font-size:clamp(22px,2.2vw,34px);line-height:.98;letter-spacing:-.035em;color:#f5f0ea}
.reference-copy span{max-width:36ch;color:#d0c7c1;font-size:12px;line-height:1.5}
.reference-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.065) 46%,transparent 58%);transform:translateX(-125%);transition:transform .95s cubic-bezier(.2,.7,.2,1)}
.reference-card:hover:after{transform:translateX(125%)}
@media(max-width:980px){.reference-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.reference-card-large{grid-row:span 1;grid-column:span 2}}
@media(max-width:620px){.reference-world-section{padding-top:82px;padding-bottom:86px}.reference-grid{grid-template-columns:1fr;grid-auto-rows:330px;gap:12px}.reference-card-large{grid-column:auto}.reference-copy{left:18px;right:16px;bottom:18px}.reference-copy strong{font-size:28px}.reference-copy span{font-size:11.5px}}