*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d1013;color:#ece7d8;font:16px/1.6 Georgia,serif}a{color:inherit;text-decoration:none}header{height:76px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;background:#0b0d0fee;border-bottom:1px solid #ffffff16;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-weight:700;letter-spacing:.04em}.brand img{width:42px;height:42px;border-radius:9px}.brand small{display:block;font-size:10px;color:#b89a61;letter-spacing:.15em;text-transform:uppercase}nav{display:flex;gap:26px;font-size:14px}header button{background:none;border:1px solid #8e7448;color:#e7d7b8;padding:7px 11px;border-radius:4px}.hero{height:min(78vh,760px);min-height:540px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#07090be8 0%,#080a0ca8 40%,transparent 72%),linear-gradient(0deg,#0d1013 0%,transparent 35%)}.heroText{position:absolute;left:max(7vw,32px);top:50%;transform:translateY(-50%);width:min(650px,82vw)}h1{font-size:clamp(40px,5.3vw,76px);line-height:1.03;margin:.15em 0 .3em}h2{font-size:clamp(30px,3.5vw,52px);line-height:1.1;margin:.2em 0 .5em}.eyebrow{color:#c89e57;letter-spacing:.22em;font:700 12px Arial,sans-serif}.heroText>p:not(.eyebrow){font-size:19px;color:#d2ccbd;max-width:600px}.actions{display:flex;align-items:center;gap:22px;margin-top:30px}.primary{display:inline-block;background:#a77934;color:white;padding:13px 20px;border:0;border-radius:3px;font-weight:700}.soon{color:#aaa293;font-size:14px}.intro,.news,.support,.legal{max-width:1100px;margin:auto;padding:100px 28px}.intro{text-align:center;max-width:850px}.intro>p:last-child{color:#bcb6aa;font-size:18px}.cards{max-width:1250px;margin:auto;padding:0 28px 100px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.cards article{position:relative;min-height:330px;overflow:hidden;border:1px solid #ffffff14}.cards img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.5s}.cards article:hover img{transform:scale(1.03)}.cards article:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080a0cf5)}.cards article div{position:absolute;z-index:2;bottom:18px;left:22px;right:22px}.cards b{font-size:25px}.cards p{margin:4px 0;color:#d3cec3}.wide{display:grid;grid-template-columns:1.25fr .75fr;align-items:stretch;background:#15191d}.wide img{width:100%;height:520px;object-fit:cover}.wide div{padding:70px 8%;align-self:center}.wide p:last-child,.newsbox p,.support p,.legal>p{color:#bcb6aa}.newsbox{border-left:2px solid #a77934;padding:18px 25px;background:#ffffff06}.newsbox span{display:block;color:#8d877c;font-size:13px}.newsbox b{font-size:22px}.support{display:grid;grid-template-columns:1fr 1fr;gap:70px}.supportlinks{display:grid;gap:12px}.supportlinks a{border:1px solid #ffffff15;padding:20px;background:#ffffff05}.supportlinks b,.supportlinks span{display:block}.supportlinks span{color:#b6a887;font-size:14px}footer{padding:28px 5vw;border-top:1px solid #ffffff14;display:flex;align-items:center;gap:30px;color:#8f8a80;font-size:13px}footer .brand img{width:30px;height:30px}footer>div:last-child{margin-left:auto;display:flex;gap:20px}.legal{max-width:800px}.legal h1{font-size:clamp(38px,6vw,64px)}.steps{margin:45px 0;padding:25px;background:#ffffff06;border:1px solid #ffffff13}.steps h2{font-size:24px}.legal form{display:grid;gap:10px;margin:35px 0}.legal input{padding:14px;background:#161a1e;border:1px solid #ffffff25;color:white;font-size:16px}.legal form .primary{justify-self:start}.back{color:#c89e57}@media(max-width:760px){nav{display:none}.hero{min-height:620px}.shade{background:linear-gradient(0deg,#0d1013 0%,#080a0cb8 70%,#080a0c44)}.heroText{left:24px;right:24px;top:auto;bottom:55px;transform:none;width:auto}.cards{grid-template-columns:1fr}.cards article{min-height:300px}.wide{grid-template-columns:1fr}.wide img{height:340px}.support{grid-template-columns:1fr;gap:25px}footer{align-items:flex-start;flex-wrap:wrap}footer>div:last-child{margin-left:0;width:100%}}

/* Mobile overflow fixes */
@media(max-width:760px){
  .hero{height:auto;min-height:680px;overflow:hidden}
  .heroText{max-width:calc(100vw - 48px)}
  .heroText h1{font-size:clamp(34px,10.5vw,52px);overflow-wrap:anywhere;word-break:normal}
  .actions{flex-wrap:wrap;row-gap:12px}
  .primary{white-space:nowrap}
  .soon{white-space:nowrap}
}
@media(max-width:390px){
  header{padding-left:18px;padding-right:18px;gap:14px}
  .brand{min-width:0}
  .brand span{min-width:0}
  .heroText{left:20px;right:20px;max-width:calc(100vw - 40px)}
  .heroText h1{font-size:clamp(32px,10vw,44px)}
  .actions{gap:14px}
}

/* Fix 2: mobile hero content must participate in layout instead of being absolutely positioned. */
@media(max-width:760px){
  .hero{
    height:auto;
    min-height:calc(100svh - 76px);
    display:flex;
    align-items:flex-end;
    overflow:hidden;
  }
  .hero>img,.hero .shade{
    position:absolute;
    inset:0;
  }
  .heroText{
    position:relative;
    z-index:2;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    max-width:none;
    padding:90px 24px 56px;
  }
  .heroText h1{
    overflow-wrap:normal;
    word-break:normal;
  }
  .actions{
    margin-bottom:0;
  }
}
@media(max-width:390px){
  .heroText{
    left:auto;
    right:auto;
    max-width:none;
    padding-left:20px;
    padding-right:20px;
  }
}

/* Fix 4: keep the hero copy safely inside the hero at desktop widths. */
@media(min-width:761px){
  .hero{min-height:600px}
  .heroText{top:48%}
}

/* Homepage structure expansion */
.journeyFlow,.platform,.faq,.community{max-width:1100px;margin:auto;padding:90px 28px}.journeyFlow{text-align:center}.flowSteps{display:flex;align-items:stretch;justify-content:center;gap:14px;margin-top:42px}.flowSteps div{flex:1;min-width:0;border:1px solid #ffffff16;background:linear-gradient(180deg,#ffffff08,#ffffff03);padding:24px 16px}.flowSteps span{display:block;color:#c89e57;font:700 11px Arial,sans-serif;letter-spacing:.16em;margin-bottom:8px}.flowSteps b{font-size:18px}.flowSteps i{align-self:center;color:#8e7448;font-style:normal;font-size:24px}.platform{max-width:none;padding-left:max(7vw,28px);padding-right:max(7vw,28px);display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;background:#111519;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.platform>div:first-child{max-width:650px}.platform>div:first-child p:last-child{color:#bcb6aa;font-size:18px}.storeCard{justify-self:end;width:min(390px,100%);display:flex;align-items:center;gap:22px;padding:28px;border:1px solid #9d793d77;background:linear-gradient(135deg,#171b20,#0b0e11);box-shadow:0 20px 60px #0005}.playIcon{width:62px;height:62px;border:1px solid #b58b48;display:grid;place-items:center;color:#d7ae68;font-size:24px}.storeCard small,.storeCard strong,.storeCard span{display:block}.storeCard small{font:700 10px Arial,sans-serif;letter-spacing:.18em;color:#8f8a80}.storeCard strong{font-size:27px;margin:2px 0}.storeCard span{color:#c89e57;font-size:13px}.faq{padding-top:100px}.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}.faq details{border:1px solid #ffffff15;background:#ffffff04;padding:0 20px}.faq summary{cursor:pointer;padding:20px 28px 20px 0;font-weight:700;position:relative}.faq summary::marker{color:#c89e57}.faq details p{color:#bcb6aa;margin:0;padding:0 0 20px}.community{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid #ffffff0d}.community p:last-child{color:#bcb6aa}.placeholderLinks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.placeholderLinks span{border:1px solid #ffffff14;padding:20px 12px;text-align:center;font-weight:700;background:#ffffff04}.placeholderLinks em{display:block;margin-top:4px;color:#817b71;font:normal 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}footer>div:last-child{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.flowSteps{display:grid;grid-template-columns:1fr}.flowSteps i{transform:rotate(90deg);height:12px}.platform,.community{grid-template-columns:1fr;gap:30px}.storeCard{justify-self:start}.faqGrid{grid-template-columns:1fr}.placeholderLinks{grid-template-columns:1fr}.journeyFlow,.platform,.faq,.community{padding-top:65px;padding-bottom:65px}}

/* Preview sections: screenshots and future one-level web demo */
.screenshots{max-width:1180px;margin:auto;padding:90px 28px}.sectionLead{max-width:720px;color:#bcb6aa;font-size:18px}.screenshotGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.screenshotGrid>div{aspect-ratio:16/9;position:relative;border:1px dashed #8e744866;background:linear-gradient(135deg,#181d21,#0d1013);overflow:hidden}.screenshotGrid>div:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff0c;background:radial-gradient(circle at 50% 40%,#a7793417,transparent 55%)}.screenshotGrid span{position:absolute;left:18px;right:18px;bottom:15px;font-weight:700;color:#d9d2c2}.placeholderNote{color:#817b71;font-size:13px;margin-top:14px}.webDemo{max-width:none;padding:95px max(7vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#15191d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.webDemo>div:first-child{max-width:650px}.webDemo>div:first-child>p:not(.eyebrow){color:#bcb6aa;font-size:18px}.demoActions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.demoButton{display:inline-block;padding:13px 20px;border:1px solid #8e7448;background:#a7793422;color:#d9b774;font-weight:700;border-radius:3px}.demoActions small{color:#8f8a80}.demoPreview{justify-self:end;width:min(520px,100%);aspect-ratio:16/9;padding:10px;border:1px solid #6f5a36;background:#090b0d;box-shadow:0 24px 65px #0007}.demoScreen{height:100%;display:grid;place-items:center;align-content:center;gap:7px;background:radial-gradient(circle at 50% 40%,#604a243d,transparent 45%),linear-gradient(135deg,#181d21,#090b0d);position:relative}.demoScreen span{font:700 10px Arial,sans-serif;letter-spacing:.22em;color:#c89e57}.demoScreen b{font-size:32px}.demoScreen i{margin-top:10px;width:54px;height:54px;border:1px solid #b58b48;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:#d7ae68;font-style:normal;font-size:20px}
@media(max-width:900px){.screenshotGrid{grid-template-columns:1fr 1fr}.webDemo{grid-template-columns:1fr;gap:35px}.demoPreview{justify-self:start}}
@media(max-width:560px){.screenshotGrid{grid-template-columns:1fr}.screenshots,.webDemo{padding-top:65px;padding-bottom:65px}}