:root{--bg:#11110f;--panel:#1a1916;--panel2:#211f1b;--text:#f4efe5;--muted:#a9a398;--rust:#d62818;--rust2:#ef321d;--line:#343028;--cream:#d9cbb7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:76px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(17,17,15,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-family:"Barlow Condensed";font-size:21px;font-weight:800;letter-spacing:.6px}.brand b,.brand span:last-child b{color:var(--rust2)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--rust);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);font-size:17px}.nav nav{display:flex;align-items:center;gap:24px}.nav nav a{color:#c8c1b5;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.nav nav a:hover{color:white}.nav .discord-link{padding:10px 14px;border:1px solid #5865f2;color:#fff}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{min-height:760px;padding:150px 0 90px;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 40%,rgba(214,40,24,.14),transparent 30%),linear-gradient(135deg,#12110f 0%,#181713 55%,#0d0d0c 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px;transform:perspective(600px) rotateX(55deg) scale(1.5);transform-origin:bottom;opacity:.35}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative;z-index:2}.eyebrow{color:var(--rust2);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1,.section h2,.join h2{font-family:"Barlow Condensed";font-weight:800;line-height:.84;margin:18px 0;text-transform:uppercase}.hero h1{font-size:clamp(74px,10vw,132px);letter-spacing:-3px}.hero h1 span,.section h2 span,.join h2 span{color:var(--rust2)}.hero h1 em{font-style:normal;color:var(--cream);font-size:.38em;vertical-align:top;letter-spacing:0}.lead{max-width:630px;color:#bbb4a8;line-height:1.7;font-size:17px}.actions{display:flex;gap:12px;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;font-family:"Barlow Condensed";font-size:17px;font-weight:800;letter-spacing:1px;text-decoration:none;cursor:pointer}.primary{border:0;background:var(--rust);color:white;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.primary:hover{background:var(--rust2)}.secondary{border:1px solid #5a554c;color:white;background:rgba(255,255,255,.02)}.copy-status{color:#777168;font-family:monospace;font-size:13px}.server-card{background:linear-gradient(145deg,rgba(39,37,32,.96),rgba(20,20,18,.96));border:1px solid #3b372f;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.45);transform:rotate(1deg);position:relative}.server-card:before{content:"";position:absolute;left:-1px;top:0;width:6px;height:100%;background:var(--rust)}.server-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.server-head small{display:block;color:#858076;font-size:10px;letter-spacing:1.5px}.server-head strong{display:block;color:#74c365;margin-top:4px}.status-dot{width:12px;height:12px;border-radius:50%;background:#74c365;box-shadow:0 0 14px #74c365}.server-name{font-family:"Barlow Condensed";font-size:24px;font-weight:700;padding:22px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.stats div{border-right:1px solid var(--line);text-align:center}.stats div:last-child{border:0}.stats strong{display:block;font-family:"Barlow Condensed";font-size:27px}.stats span{color:#817c73;font-size:10px;text-transform:uppercase}.ip-row{display:flex;margin-top:20px}.ip-row code{flex:1;padding:12px;background:#0e0e0d;color:#d8d1c5;overflow:hidden}.ip-row button{border:0;background:#3b3933;color:white;padding:0 14px;cursor:pointer}.hint,.editable-note{font-size:11px;color:#6f6a62;line-height:1.5}.section{padding:110px 0}.section h2,.join h2{font-size:clamp(52px,7vw,84px);letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.feature-grid article{padding:28px;background:var(--panel);border:1px solid #2f2c27;min-height:210px;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);border-color:#643028}.feature-grid article b{font-size:28px}.feature-grid h3{font-family:"Barlow Condensed";font-size:27px;margin:18px 0 8px}.feature-grid p,.wipe p,.vip p{color:var(--muted);line-height:1.65}.wipe{background:#171612;border-block:1px solid #29261f}.wipe-grid,.vip-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.countdown-card{background:#0d0d0c;border:1px solid #343027;padding:35px}.countdown-card>small{color:#7e786e;letter-spacing:2px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);margin:25px 0}.countdown div{text-align:center;border-right:1px solid #2d2a25}.countdown div:last-child{border:0}.countdown strong{display:block;font-family:"Barlow Condensed";font-size:50px;color:var(--rust2)}.countdown span{font-size:10px;color:#777168;text-transform:uppercase}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#312e28;border:1px solid #312e28;margin-top:40px}.rules-grid div{background:#151411;padding:24px;display:flex;gap:18px;align-items:flex-start}.rules-grid span{font-family:"Barlow Condensed";font-size:30px;color:var(--rust);font-weight:800}.rules-grid p{margin:4px 0;color:#aaa398;line-height:1.55}.vip{background:radial-gradient(circle at 75% 50%,rgba(214,40,24,.11),transparent 30%)}.vip ul{padding-left:18px;color:#b9b1a5;line-height:2}.vip-card{padding:36px;border:1px solid #4c4036;background:linear-gradient(145deg,#211c18,#151412)}.vip-card small{color:var(--rust2);letter-spacing:2px}.vip-card h3{font-family:"Barlow Condensed";font-size:45px;margin:12px 0}.price{font-family:"Barlow Condensed";font-size:48px!important;color:white!important;margin:0!important}.price span{font-size:16px;color:#827b71}.vip-card a{display:block;margin-top:25px;background:var(--rust);padding:15px;text-align:center;color:white;text-decoration:none;font-weight:800}.gallery{background:#0e0e0d}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:40px}.shot{height:280px;display:flex;align-items:flex-end;padding:22px;border:1px solid #333;background:linear-gradient(135deg,#2b2924,#171614);position:relative;overflow:hidden}.shot:before{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(214,40,24,.1);border-radius:50%;right:-60px;top:-60px}.shot span{font-family:"Barlow Condensed";font-size:30px;font-weight:800;position:relative}.join{text-align:center;padding:120px 0;background:linear-gradient(rgba(17,17,15,.84),rgba(17,17,15,.96)),radial-gradient(circle at center,#431713,#11110f 55%)}.join p{color:#aaa398}.center{justify-content:center}footer{padding:35px 0;border-top:1px solid #2b2823;color:#746f66}.footer,.footer *{font-size:12px}footer .container{display:flex;justify-content:space-between;align-items:center;gap:20px}footer strong{font-family:"Barlow Condensed";font-size:20px;color:white}footer strong span{color:var(--rust2)}footer p,footer small{font-size:11px}.scrap{position:absolute;border:1px solid rgba(214,40,24,.15);transform:rotate(35deg)}.scrap-1{width:320px;height:80px;right:-100px;bottom:70px}.scrap-2{width:180px;height:50px;left:-70px;top:180px}@media(max-width:800px){.menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#151411;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #333}.nav nav.open{display:flex}.hero{padding-top:125px}.hero-grid,.wipe-grid,.vip-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:76px}.server-card{transform:none}.feature-grid{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.shot{height:210px}.section{padding:80px 0}.countdown strong{font-size:35px}footer .container{flex-direction:column;align-items:flex-start}.actions{flex-wrap:wrap}.primary,.secondary{width:100%}}
/* ===== TRF CINEMATIC RUST UPGRADE ===== */
.rust-hero{background-image:linear-gradient(90deg,rgba(10,10,9,.94) 0%,rgba(10,10,9,.70) 48%,rgba(10,10,9,.35) 100%),url("https://files.facepunch.com/paddy/20230906/attackheli_rockets_01.jpg");background-size:cover;background-position:center;background-attachment:fixed}
.rust-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 65%,var(--bg));pointer-events:none}
.hero-copy{animation:heroIn .9s cubic-bezier(.2,.8,.2,1) both}
.server-card{animation:cardIn 1s .18s cubic-bezier(.2,.8,.2,1) both}
.hero h1 span{text-shadow:0 0 35px rgba(239,50,29,.22)}
.rust-wipe{position:relative;background-image:linear-gradient(90deg,rgba(15,14,12,.96),rgba(15,14,12,.68)),url("https://files.facepunch.com/Alistair/01/03/4z37z1/snow.jpg");background-size:cover;background-position:center}
.rust-gallery{background-image:linear-gradient(rgba(10,10,9,.90),rgba(10,10,9,.96)),url("https://files.facepunch.com/paddy/20210506/revamp_satdish_05.jpg");background-size:cover;background-position:center;background-attachment:fixed}
.shot-base{background-image:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.12)),url("https://files.facepunch.com/paddy/20210506/revamp_satdish_05.jpg")!important;background-size:cover!important;background-position:center!important}
.shot-raid{background-image:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.12)),url("https://files.facepunch.com/paddy/20230906/attackheli_rockets_01.jpg")!important;background-size:cover!important;background-position:center!important}
.shot-pvp{background-image:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.12)),url("https://files.facepunch.com/Alistair/01/03/4z37z1/snow.jpg")!important;background-size:cover!important;background-position:center!important}
.shot{transition:transform .35s ease,filter .35s ease,border-color .35s ease;filter:saturate(.75) contrast(1.08)}
.shot:hover{transform:translateY(-8px) scale(1.015);filter:saturate(1.1) contrast(1.05);border-color:var(--rust)}
.feature-grid article,.rules-grid div,.vip-card,.countdown-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.feature-grid article:hover,.vip-card:hover,.countdown-card:hover{box-shadow:0 18px 45px rgba(0,0,0,.32)}
.status-dot{animation:pulse 1.8s infinite}
.primary{position:relative;overflow:hidden}
.primary:after{content:"";position:absolute;top:-50%;left:-70%;width:35%;height:200%;background:rgba(255,255,255,.22);transform:rotate(18deg);transition:left .55s ease}
.primary:hover:after{left:130%}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes heroIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateX(45px) rotate(2deg)}to{opacity:1;transform:rotate(1deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 5px #74c365}50%{box-shadow:0 0 22px #74c365}}
@media(max-width:800px){.rust-hero,.rust-gallery{background-attachment:scroll}.server-card{animation-name:heroIn}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== TRF LOGO + RED THEME ===== */
.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}
.brand-logo{height:66px;min-width:180px;overflow:hidden}
.brand-logo img{height:66px;width:auto;display:block;object-fit:contain;transform:translateY(0)}
.hero-logo{display:block;width:min(610px,100%);height:auto;margin:8px 0 22px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.65));animation:logoReveal .9s cubic-bezier(.2,.8,.2,1) both}
.eyebrow{color:#ef321d}
.primary{background:linear-gradient(135deg,#c91f13,#ef321d)}
.primary:hover{background:#ff3b25}
.feature-grid article:hover{border-color:#7b2c22}
.vip-card{border-color:#663029}
.status-dot{background:#67c05c}
@keyframes logoReveal{from{opacity:0;transform:scale(.93) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:800px){
  .brand-logo{height:60px;min-width:130px}
  .brand-logo img{height:76px}
  .hero-logo{width:min(500px,100%);margin-top:10px}
}
