@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#080a08; --panel:#0d110d; --panel2:#111711; --text:#f2efe4;
  --muted:#9da398; --gold:#d7a84a; --gold2:#f2cf79; --line:rgba(235,224,187,.12);
  --green:#728c52;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.navbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid var(--line);background:rgba(8,10,8,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}
.brand,.footer-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white}
.brand img{width:48px;height:48px;image-rendering:auto;border-radius:7px}
.brand strong,.footer-brand strong{display:block;font-family:'Bebas Neue';letter-spacing:1.4px;font-size:24px;line-height:.9}
.brand span,.footer-brand span{display:block;color:var(--gold);font-family:'DM Mono';font-size:9px;letter-spacing:2.5px;margin-top:6px}
.nav-links{display:flex;gap:34px}.nav-links a{color:#b9bdb4;text-decoration:none;font-size:13px;font-weight:700}.nav-links a:hover{color:var(--gold)}
.server-button,.ghost-btn{background:transparent;border:1px solid rgba(215,168,74,.45);color:var(--gold2);padding:12px 16px;font-weight:800;font-size:11px;letter-spacing:1px;cursor:pointer;border-radius:3px}.server-button:hover,.ghost-btn:hover{background:rgba(215,168,74,.09)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8ccf63;margin-right:8px;box-shadow:0 0 12px #8ccf63}
.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(111,133,75,.14),transparent 28%),radial-gradient(circle at 85% 50%,rgba(215,168,74,.06),transparent 25%)}
.hero-content{padding:clamp(70px,10vw,150px) clamp(25px,7vw,110px);position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
.eyebrow{font-family:'DM Mono';font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:500;margin:0 0 15px}
h1,h2,h3{margin:0}.hero h1{font-family:'Bebas Neue';font-size:clamp(70px,10vw,140px);line-height:.79;letter-spacing:1px}.hero h1 span,.ranks-section h2 span,.how-section h2 span{color:var(--gold)}
.hero-text{color:#aeb3aa;line-height:1.75;max-width:550px;font-size:14px;margin:28px 0}
.ip-card{display:flex;align-items:center;gap:13px;width:min(100%,540px);padding:15px 17px;background:rgba(14,18,14,.9);border:1px solid rgba(215,168,74,.25);cursor:pointer;transition:.2s}.ip-card:hover{transform:translateY(-2px);border-color:var(--gold)}
.ip-icon{width:35px;height:35px;display:grid;place-items:center;background:#1a2117;color:var(--gold);border-radius:3px}.ip-info{flex:1;min-width:0}.ip-info small{display:block;font-family:'DM Mono';font-size:8px;color:#8c9389;margin-bottom:4px}.ip-info strong{font-family:'DM Mono';font-size:clamp(10px,1.4vw,14px);white-space:nowrap}.copy-icon{color:var(--gold);font-size:20px}
.hero-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.primary-btn{background:var(--gold);color:#15130d;text-decoration:none;padding:14px 19px;font-size:11px;font-weight:900;letter-spacing:.7px}.primary-btn:hover{background:var(--gold2)}.primary-btn span{margin-left:18px;font-size:17px}
.hero-village{position:relative;min-height:600px;background:linear-gradient(180deg,#10150f 0%,#192019 47%,#0b0e0a 100%);overflow:hidden}.moon{position:absolute;width:120px;height:120px;border-radius:50%;background:#e8d7a5;top:11%;right:18%;opacity:.8;box-shadow:0 0 100px rgba(232,215,165,.22)}
.mountain{position:absolute;bottom:130px;width:0;height:0;border-left:220px solid transparent;border-right:220px solid transparent;border-bottom:330px solid #202b1e;filter:brightness(.7)}.mountain-a{left:-100px}.mountain-b{right:-130px;border-bottom-color:#182018;transform:scale(.8);bottom:160px}
.ground{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(#273422,#10150e)}.hut{position:absolute;bottom:110px;width:125px;height:80px;background:#4b3522;border:5px solid #251b12;z-index:2;box-shadow:inset 0 -20px rgba(0,0,0,.25)}.hut:before{content:"";position:absolute;left:-18px;top:-70px;border-left:76px solid transparent;border-right:76px solid transparent;border-bottom:75px solid #7d6a3d}.hut i{position:absolute;width:23px;height:35px;background:#16120d;bottom:0;left:45px}.hut-one{left:17%;transform:scale(.9)}.hut-two{right:28%;bottom:95px;transform:scale(1.25)}.hut-three{right:5%;transform:scale(.65)}
.trees{position:absolute;bottom:110px;left:0;right:0;z-index:3}.trees span{position:absolute;width:0;height:0;border-left:32px solid transparent;border-right:32px solid transparent;border-bottom:100px solid #152115}.trees span:after{content:"";position:absolute;width:10px;height:42px;background:#392c1c;left:-5px;top:96px}.trees span:nth-child(1){left:4%;transform:scale(1.4)}.trees span:nth-child(2){left:35%;transform:scale(.8)}.trees span:nth-child(3){left:52%;transform:scale(1.3)}.trees span:nth-child(4){left:74%;transform:scale(.9)}.trees span:nth-child(5){right:-1%;transform:scale(1.5)}
.floating-logo{position:absolute;z-index:4;right:15%;top:34%;width:170px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.55));animation:float 4s ease-in-out infinite}.floating-logo img{width:100%;image-rendering:auto}@keyframes float{50%{transform:translateY(-12px)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#0b0e0b}.stats div{padding:24px 20px;text-align:center;border-right:1px solid var(--line)}.stats strong{color:var(--gold);margin-right:8px}.stats span{font-family:'DM Mono';font-size:10px;letter-spacing:1px;color:#c2c4ba}
.ranks-section,.how-section{padding:100px clamp(20px,7vw,110px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.ranks-section h2,.how-section h2{font-family:'Bebas Neue';font-size:64px;line-height:.9}.section-note{color:#8f968b;font-size:12px}
.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rank-card{min-height:350px;padding:26px;background:linear-gradient(145deg,#111711,#0c100c);border:1px solid var(--line);position:relative;transition:.25s;overflow:hidden}.rank-card:hover{transform:translateY(-6px);border-color:rgba(215,168,74,.5);box-shadow:0 20px 50px rgba(0,0,0,.25)}.rank-card.featured{border-color:rgba(215,168,74,.55);background:linear-gradient(145deg,#19180f,#0e110d)}.rank-card.special{background:linear-gradient(145deg,#15131b,#0c100c)}
.rank-number{font-family:'DM Mono';color:#61685e;font-size:10px}.rank-symbol{font-size:40px;margin:28px 0 16px}.rank-card h3{font-family:'Bebas Neue';font-size:38px;letter-spacing:.5px}.rank-card p{font-size:12px;color:#969c92;line-height:1.7;min-height:62px}.price{font-family:'Bebas Neue';font-size:45px;color:var(--gold2);margin:15px 0}.price span{font-size:25px}.price small{font-family:'DM Mono';font-size:10px;color:#8f958c}.buy-btn,.checkout-btn{width:100%;border:1px solid rgba(215,168,74,.45);background:transparent;color:var(--gold2);padding:13px;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer}.buy-btn:hover,.checkout-btn{background:var(--gold);color:#17140d}.popular{position:absolute;right:-29px;top:18px;transform:rotate(45deg);background:var(--gold);color:#17140d;padding:6px 35px;font-size:8px;font-weight:900;letter-spacing:1px}
.how-section{text-align:center;background:#0a0d0a;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.step{padding:28px 18px;border-top:2px solid rgba(215,168,74,.45);background:#0e120e;text-align:left}.step b{font-family:'Bebas Neue';font-size:30px;color:var(--gold)}.step h3{font-size:14px;margin:10px 0}.step p{font-size:11px;color:#8f968b;line-height:1.7}
footer{padding:45px clamp(20px,7vw,110px);display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line)}.footer-brand img{width:52px;border-radius:7px}.footer-brand strong{font-size:26px}footer>p{max-width:470px;text-align:right;color:#666c64;font-family:'DM Mono';font-size:8px;line-height:1.7}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(7px);z-index:50;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.purchase-modal{width:min(100%,470px);background:#101410;border:1px solid rgba(215,168,74,.35);padding:32px;position:relative;box-shadow:0 30px 100px #000}.close-modal{position:absolute;right:15px;top:10px;background:none;border:0;color:#aaa;font-size:28px;cursor:pointer}.modal-logo img{width:65px;border-radius:8px}.purchase-modal h2{font-family:'Bebas Neue';font-size:45px}.order-summary{display:flex;justify-content:space-between;background:#080b08;border:1px solid var(--line);padding:15px;margin:20px 0;font-family:'DM Mono';font-size:12px}.order-summary strong{color:var(--gold2)}.purchase-modal label{font-family:'DM Mono';font-size:9px;color:#9fa49b;letter-spacing:1px}.purchase-modal input{width:100%;margin-top:8px;background:#090c09;border:1px solid #2b322b;color:white;padding:15px;font-family:'DM Mono';outline:none}.purchase-modal input:focus{border-color:var(--gold)}.modal-help{font-size:10px;color:#80877e;line-height:1.6}.checkout-btn{margin-top:8px;padding:16px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--gold2);color:#17140d;padding:13px 20px;font-weight:800;font-size:12px;z-index:100;transition:.3s;box-shadow:0 15px 35px #000}.toast.show{transform:translate(-50%,0)}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-village{min-height:400px}.hero-content{padding-top:80px;padding-bottom:60px}.rank-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.section-heading{display:block}.section-note{margin-top:18px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.navbar{height:70px;padding:0 14px}.server-button{padding:9px;font-size:9px}.brand img{width:42px;height:42px}.brand strong{font-size:20px}.hero h1{font-size:75px}.ip-info strong{font-size:9px}.hero-village{min-height:320px}.floating-logo{width:125px}.moon{width:80px;height:80px}.rank-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.ranks-section,.how-section{padding-top:70px;padding-bottom:70px}.ranks-section h2,.how-section h2{font-size:52px}footer{display:block}footer>p{text-align:left;margin-top:25px}.stats span{font-size:8px}}

.payment-modal{width:min(100%,520px);max-height:92vh;overflow:auto;background:#101410;border:1px solid rgba(215,168,74,.4);padding:28px;position:relative;box-shadow:0 30px 100px #000;text-align:center}
.payment-header{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;margin-bottom:18px}.payment-header img{width:58px;border-radius:8px}.payment-header .eyebrow{margin-bottom:5px}.payment-header h2{font-family:'Bebas Neue';font-size:42px;line-height:.9}
.payment-order{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:16px 0}.payment-order div{background:#090c09;border:1px solid var(--line);padding:11px 7px;min-width:0}.payment-order span{display:block;font-family:'DM Mono';font-size:7px;color:#7f867c;letter-spacing:1px;margin-bottom:5px}.payment-order strong{display:block;font-family:'DM Mono';font-size:10px;color:var(--gold2);overflow:hidden;text-overflow:ellipsis}
.qr-wrap{width:min(100%,300px);margin:18px auto;background:#fff;border-radius:14px;padding:10px;box-shadow:0 10px 40px rgba(0,0,0,.35)}.qr-wrap img{width:100%;display:block;border-radius:8px}.scan-text{font-size:12px;color:#c3c7be;line-height:1.6;margin:13px auto;max-width:390px}
.upi-id{font-family:'DM Mono';font-size:11px;background:#0a0d0a;border:1px dashed rgba(215,168,74,.35);padding:12px;color:#aeb3a8}.upi-id strong{color:var(--gold2)}.payment-warning{font-size:9px;line-height:1.6;color:#969c92;margin:15px 0;text-align:left;background:rgba(215,168,74,.06);padding:11px;border-left:2px solid var(--gold)}
.paid-btn{width:100%;border:0;background:var(--gold);color:#17140d;padding:15px;font-size:11px;font-weight:900;letter-spacing:1px;cursor:pointer}.paid-btn:hover{background:var(--gold2)}.back-btn{margin-top:10px;background:transparent;border:0;color:#8f968b;font-size:10px;cursor:pointer;padding:8px}.back-btn:hover{color:var(--gold)}
@media(max-width:520px){.payment-modal{padding:20px 14px}.payment-order{gap:4px}.payment-order strong{font-size:8px}.qr-wrap{width:260px}}