*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030004;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 20% 10%,rgba(155,39,255,.42),transparent 25%),radial-gradient(circle at 80% 15%,rgba(244,183,40,.15),transparent 18%),linear-gradient(135deg,#050006,#160024 45%,#020003)}.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(155,39,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(155,39,255,.12) 1px,transparent 1px);background-size:48px 48px;opacity:.3}.vault-loader{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#020003;animation:loader 2.25s ease forwards}.vault-door{width:190px;height:190px;border-radius:50%;border:12px solid #f4b728;display:grid;place-items:center;font-size:48px;font-weight:950;background:radial-gradient(circle,#1b0730,#030004);box-shadow:0 0 60px rgba(155,39,255,.7);animation:openVault 2s ease forwards}.vault-loader p{color:#f4b728;text-transform:uppercase;letter-spacing:4px;font-weight:900}@keyframes openVault{60%{transform:rotate(0) scale(1)}100%{transform:rotateY(75deg) scale(1.2);opacity:.15}}@keyframes loader{0%,75%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px 6%;background:rgba(3,0,4,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(155,39,255,.35)}.brand{display:flex;flex-direction:column;text-decoration:none;text-transform:uppercase;color:#fff;font-weight:950}.brand span{font-size:34px;line-height:.9;background:linear-gradient(90deg,#f4b728,#fff,#9b27ff);-webkit-background-clip:text;color:transparent}.brand small{color:#f4b728;letter-spacing:2px}.nav nav{display:flex;gap:20px}.nav nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900}.nav nav a:hover{color:#f4b728}.menu{display:none}.hero{min-height:88vh;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:70px 6%}.eyebrow{color:#f4b728;text-transform:uppercase;letter-spacing:3px;font-weight:950}.hero h1,.page-hero h1{font-size:clamp(46px,8vw,100px);line-height:.9;margin:12px 0;text-transform:uppercase}.hero h1 span,h2 span{color:#9b27ff;text-shadow:0 0 28px rgba(155,39,255,.85)}.lead{color:#ddd;font-size:20px;line-height:1.6;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-weight:950;border-radius:12px;padding:16px 22px;letter-spacing:.4px}.gold{background:linear-gradient(90deg,#f4b728,#fff0a6);color:#070008;box-shadow:0 0 28px rgba(244,183,40,.35)}.purple{border:2px solid #9b27ff;color:#fff;background:rgba(155,39,255,.12);box-shadow:0 0 28px rgba(155,39,255,.45)}.badges{display:flex;gap:14px;flex-wrap:wrap}.badges div,.card,.panel,form,.location-card{border:1px solid rgba(155,39,255,.42);background:linear-gradient(180deg,rgba(155,39,255,.15),rgba(0,0,0,.72));border-radius:18px;padding:22px;box-shadow:0 0 26px rgba(155,39,255,.17)}.badges strong{display:block;color:#f4b728;font-size:24px}.badges span{color:#ddd;text-transform:uppercase;font-size:12px;font-weight:900}.machine{position:relative}.machine:before{content:"";position:absolute;inset:12%;background:#9b27ff;filter:blur(80px);opacity:.5}.machine img{position:relative;width:100%;max-height:760px;object-fit:contain;filter:drop-shadow(0 0 44px rgba(155,39,255,.75));animation:float 4.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.strip{margin:0 6%;padding:26px;border:1px solid #9b27ff;border-radius:16px;background:rgba(0,0,0,.65);display:flex;justify-content:center;gap:28px;flex-wrap:wrap;box-shadow:0 0 28px rgba(155,39,255,.25)}.strip span{font-size:24px;font-weight:950;text-transform:uppercase}.strip span:nth-child(odd){color:#f4b728}.section{padding:85px 6%}.section h2,.page-hero h2{font-size:clamp(34px,5vw,62px);line-height:1;text-transform:uppercase;margin:10px 0 22px}.grid{display:grid;gap:18px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{color:#fff;text-decoration:none;min-height:190px;transition:.25s}.card:hover,.location-card:hover{transform:translateY(-7px);box-shadow:0 0 34px rgba(155,39,255,.35)}.card h3,.panel h3,.location-card h3{color:#f4b728;text-transform:uppercase}.card p,.panel p,.location-card p,footer p,li{color:#ddd;line-height:1.55}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.lightning{min-height:330px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle,rgba(155,39,255,.36),rgba(0,0,0,.78))}.page-hero{padding:80px 6% 40px;text-align:center}.page-hero p{margin:auto}.product-name{font-size:28px;font-weight:950;text-transform:uppercase}.pill{display:inline-block;border:1px solid #9b27ff;padding:8px 12px;border-radius:999px;color:#f4b728;text-transform:uppercase;font-size:12px;font-weight:900;margin-top:12px}.mapbox{min-height:430px;display:grid;place-items:center;text-align:center;border:1px solid rgba(155,39,255,.45);border-radius:22px;background:radial-gradient(circle,rgba(155,39,255,.4),rgba(0,0,0,.8)),linear-gradient(45deg,rgba(244,183,40,.1),transparent)}input,textarea{width:100%;padding:16px;margin:7px 0;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#060006;color:#fff}textarea{min-height:130px}button{width:100%;padding:16px;border:0;border-radius:10px;background:#9b27ff;color:#fff;font-weight:950;text-transform:uppercase;box-shadow:0 0 24px rgba(155,39,255,.5)}.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.show{opacity:1;transform:translateY(0)}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:45px 6%;background:#020003;border-top:1px solid rgba(155,39,255,.3)}footer strong{font-size:24px;text-transform:uppercase;color:#f4b728}.copy{grid-column:1/-1;text-align:center;color:#888}@media(max-width:950px){.menu{display:block;background:transparent;color:#fff;border:1px solid #9b27ff;border-radius:8px;padding:8px 12px;width:auto}.nav{align-items:flex-start}.nav nav{display:none;flex-direction:column;width:100%;padding-top:15px}.nav nav.open{display:flex}.hero,.split{grid-template-columns:1fr}.four,.three,.two{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}}@media(max-width:580px){.four,.three,.two{grid-template-columns:1fr}.hero{padding:45px 5%}.section{padding:60px 5%}.strip{margin:0 5%}.hero h1,.page-hero h1{font-size:46px}.strip span{font-size:18px}}

/* Rare Vault Drop logo update */
.logo-brand{display:flex;align-items:center;justify-content:center;min-width:150px;max-width:210px;text-decoration:none}
.logo-brand img{display:block;width:180px;max-width:100%;height:auto;filter:drop-shadow(0 0 16px rgba(155,39,255,.75))}
.logo-door{width:240px;height:240px;overflow:visible;display:flex!important;align-items:center;justify-content:center;padding:0;background:radial-gradient(circle,#1b0730,#030004)!important}
.logo-door img{width:285px;max-width:none;height:auto;filter:drop-shadow(0 0 30px rgba(155,39,255,.95)) drop-shadow(0 0 12px rgba(244,183,40,.45))}
.footer-logo-box{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-logo-box img{width:230px;max-width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(155,39,255,.7))}
.footer-logo-box p{margin:0;color:#f4b728;text-transform:uppercase;letter-spacing:2px;font-weight:900}
@media(max-width:950px){.logo-brand img{width:150px}.logo-door{width:210px;height:210px}.logo-door img{width:245px}}
@media(max-width:580px){.logo-brand img{width:135px}.footer-logo-box img{width:190px}.logo-door{width:190px;height:190px}.logo-door img{width:225px}}



/* ===== DESKTOP FIXES ADDED ===== */
@media (min-width: 1051px) {
  body {
    overflow-x: hidden;
  }

  .nav,
  .site-header,
  header {
    min-height: 92px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .brand img,
  .logo img,
  header img {
    max-height: 76px;
    width: auto;
    object-fit: contain;
  }

  .hero {
    min-height: calc(100vh - 92px);
    display: grid;
    grid-template-columns: minmax(360px, 0.95fr) minmax(360px, 1fr);
    gap: 42px;
    align-items: center;
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hero .machine,
  .machine,
  .machine-wrap,
  .machine-hero {
    max-width: 620px;
    justify-self: center;
  }

  .hero img,
  .machine img,
  .machine-wrap img,
  .machine-hero img {
    max-height: 680px;
    width: 100%;
    object-fit: contain;
  }

  .hero h1 {
    font-size: clamp(58px, 6vw, 96px);
    line-height: 0.9;
  }

  .lead {
    max-width: 680px;
  }

  .cards,
  .feature-grid,
  .grid.four,
  .four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid.three,
  .three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 38px;
  }

  main,
  .wrap,
  .section,
  .hero,
  footer {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  .section {
    padding-left: 6%;
    padding-right: 6%;
  }
}

@media (min-width: 1400px) {
  .hero {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .hero h1 {
    font-size: 104px;
  }

  .hero img,
  .machine img,
  .machine-wrap img,
  .machine-hero img {
    max-height: 740px;
  }
}
/* ===== END DESKTOP FIXES ===== */