@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#111311;--panel:#1b1d1a;--text:#f2eee3;--muted:#a5a69c;--orange:#e98a3b;--line:#393b34}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif}
body::before{content:'';position:fixed;inset:-20px;z-index:-1;background:linear-gradient(#111311c7,#111311df),url('escape-from-rust-sunset.png') center / cover no-repeat;filter:blur(8px);pointer-events:none}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,calc(100% - 64px));margin:auto}
.header{height:92px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900;font-size:19px;line-height:.86;letter-spacing:.08em}
.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.2em;margin-top:5px}
.brand-mark{background:var(--orange);color:#171711;padding:9px 6px;font-size:17px;letter-spacing:-.08em;transform:skew(-5deg)}
.brand-mark span{color:#fff3dc}
nav{display:flex;gap:32px;margin-left:auto;color:#c0c0b5;font-size:13px;font-weight:600}
nav a:hover,nav a:focus-visible{color:var(--orange)}
.preview-badge{border:1px solid #6b513a;color:#e8a878;font-size:10px;font-weight:700;letter-spacing:.15em;padding:10px 12px}
.hero{min-height:580px;display:flex;align-items:center;padding-top:55px;padding-bottom:75px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#c2b9a7;font-size:11px;font-weight:700;letter-spacing:.18em}
.eyebrow span{width:24px;height:2px;background:var(--orange)}
.eyebrow b,.footer b{color:var(--orange)}
h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;margin:0;line-height:.94}
h1{font-size:clamp(62px,7vw,100px);font-weight:900;letter-spacing:-.015em;margin:28px 0}
em{color:var(--orange);font-style:normal}
.lead,.section-copy{font-size:17px;color:#b9bbb0;line-height:1.75;max-width:470px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:0;font:700 12px Barlow,Arial,sans-serif;letter-spacing:.12em;padding:19px 22px}
.button-primary{background:var(--orange);color:#161511;margin-top:20px;min-width:190px}
.button-primary:hover{background:#ffab60}
.button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hero-note{color:#7f8378;font-size:12px;margin-top:19px}
.membership{background:#20221edb;border-block:1px solid var(--line);padding:100px 0}
.membership-grid{display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center}
h2{font-size:clamp(50px,5vw,70px);font-weight:900;margin:25px 0}
.benefit{display:flex;gap:16px;margin-top:30px}
.benefit>span{display:grid;place-items:center;flex:none;width:30px;height:30px;background:#3c3429;color:var(--orange)}
.benefit strong{font-size:15px}.benefit p{margin:6px 0 0;color:var(--muted);line-height:1.6;font-size:14px}
.card{background:#151714;border:1px solid #555449;border-top:3px solid var(--orange);padding:34px}
.card-top{display:flex;justify-content:space-between;color:#999c8e;font-size:10px;font-weight:700;letter-spacing:.16em}.card-index{color:var(--orange)}
.card h3{font-size:40px;margin-top:25px}.card-description{color:var(--muted);font-size:14px}
.price{font:800 65px 'Barlow Condensed',Impact,sans-serif;margin:22px 0}.price>span{font-size:30px;vertical-align:top}.price small{font:700 11px Barlow,Arial,sans-serif;color:var(--muted);letter-spacing:.1em}
.divider{height:1px;background:var(--line)}
.card ul{list-style:none;padding:0;margin:25px 0;color:#d4d4c9;font-size:14px;line-height:2.5}.card li:before{content:'+';color:var(--orange);margin-right:12px}
.button-disabled{width:100%;justify-content:center;background:#474943;color:#b2b4a9;cursor:not-allowed}
.account-status{font-size:13px;color:#d4d4c9;line-height:1.5}
.button-discord{width:100%;justify-content:center;background:#5865f2;color:#fff;margin-bottom:12px}
[hidden]{display:none!important}
.card-footnote{font-size:12px;line-height:1.5;color:#a6a99d;text-align:center;margin:15px 0 0}
.steps{padding-top:100px;padding-bottom:100px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}
.steps-grid article{border-top:1px solid #5b5c51;padding-top:25px}.steps-grid article>span{color:var(--orange);font:700 14px 'Barlow Condensed',Arial,sans-serif}
.steps-grid h3{font-size:27px;margin:20px 0 12px}.steps-grid p,.billing-note{color:var(--muted);font-size:14px;line-height:1.7}
.billing-note{margin-top:42px;border-left:2px solid var(--orange);padding-left:16px}
.footer{border-top:1px solid var(--line);color:#929588;font-size:10px;font-weight:700;letter-spacing:.13em}.footer-inner{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(max-width:800px){.wrap{width:min(100% - 40px,600px)}.header{height:75px;gap:15px}nav{display:none}.preview-badge{margin-left:auto;font-size:9px}.hero{padding-top:55px;min-height:0}.membership{padding:70px 0}.membership-grid{grid-template-columns:1fr;gap:40px}.steps{padding-block:70px}.steps-grid{grid-template-columns:1fr;gap:22px}.footer-inner{padding-block:25px;align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}h1{font-size:55px}.card{padding:25px}}