:root{--bg:#05010b;--fg:#fff;--cyan:#35e7ff;--pink:#ef65ff}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);background:linear-gradient(#05010bf2,#05010bbd 72%,#05010b00);backdrop-filter:blur(4px)}.brand{font-weight:900;font-size:clamp(20px,2.2vw,34px);letter-spacing:.02em;background:linear-gradient(165deg,#e2ffff 0%,#33edff 24%,#8491ff 48%,#d769ff 68%,#ff8ce5 85%,#f4d5ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 7px #7861ff88)}.nav a{color:#fff;text-decoration:none}.nav nav{display:flex;gap:clamp(14px,2.5vw,40px);align-items:center;font-weight:700;font-size:clamp(11px,1.2vw,16px)}.panel{position:relative;min-height:100svh;width:100%;background-color:var(--bg)}.image-panel{background-image:var(--bg);background-position:center;background-repeat:no-repeat;background-size:contain}.hero-panel{display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-stage{position:relative;height:min(100svh,150vw);aspect-ratio:2/3;flex:0 0 auto;background-image:var(--bg);background-position:center;background-repeat:no-repeat;background-size:100% 100%;container-type:inline-size}.hero-copy{position:absolute;left:6.2%;top:42%;text-shadow:0 3px 16px #05010bcc}.hero-copy h1{margin:0;font-size:9.1cqw;line-height:.9;font-weight:950;letter-spacing:-.045em}.hero-copy h1 .hero-logo{display:inline-flex;filter:drop-shadow(0 0 5px rgba(48,224,255,.38)) drop-shadow(0 0 7px rgba(226,73,255,.24))}.hero-copy h1 .hero-logo i{font:inherit;font-style:normal;color:#20efff;-webkit-text-fill-color:currentColor}.hero-copy h1 .hero-logo i:nth-child(2){color:#2de8ff}.hero-copy h1 .hero-logo i:nth-child(3){color:#42d7ff}.hero-copy h1 .hero-logo i:nth-child(4){color:#777fff}.hero-copy h1 .hero-logo i:nth-child(5){color:#a968ff}.hero-copy h1 .hero-logo i:nth-child(6){color:#d85cff}.hero-copy h1 .hero-logo i:nth-child(7){color:#ff62dc}.hero-copy p{margin:2.4cqw 0 0;font-size:6.4cqw;line-height:1;font-weight:700;font-style:italic;color:#64eaff;text-shadow:0 0 12px #2adfff,0 0 18px #d832ff}.hero-ca{position:absolute;left:5.8%;right:5.8%;top:61.8%;height:5.1%;display:flex;align-items:center;border:1px solid #4defff;border-radius:999px;background:rgba(7,6,28,.83);box-shadow:0 0 12px #6a31ff88;overflow:hidden}.hero-ca b,.roadmap-ca b{padding:0 2.1cqw;font-size:2.2cqw}.hero-ca code,.roadmap-ca code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 1.65cqw/1 ui-monospace,SFMono-Regular,Consolas,monospace}.hero-ca button,.roadmap-ca button{align-self:stretch;border:0;border-left:1px solid #c84cff;background:rgba(97,25,124,.38);color:#fff;padding:0 2.2cqw;font-weight:800;font-size:1.8cqw;cursor:pointer}.trade-row{position:absolute;left:12%;top:68.1%;display:flex;gap:5.5cqw}.trade-button{width:14.5cqw;display:flex;flex-direction:column;align-items:center;gap:1cqw;color:#fff;text-decoration:none;text-align:center;font-size:1.9cqw;line-height:1.15}.trade-icon,.pump-logo{width:10.8cqw;height:10.8cqw;border-radius:50%;display:grid;place-items:center;background:#05050a}.trade-icon{border:1px solid #d64cff;box-shadow:0 0 12px #a528ff;color:#7eeaff;font-size:5cqw;font-weight:900;font-style:italic}.pump-logo{border:1px solid #60f5a5}.pump-logo svg{width:100%;height:100%}.scroll-cue{position:absolute;bottom:2.4%;left:0;right:0;text-align:center;font-size:1.25cqw;letter-spacing:.45em;color:#ddd}.scroll-cue span{font-size:4cqw;line-height:.8}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.full-link{position:absolute;inset:0;z-index:2}.roadmap-panel{overflow:hidden}.sorrana-card{position:absolute;z-index:4;right:max(3vw,18px);bottom:max(4vh,28px);width:min(36vw,360px);display:flex;flex-direction:column;align-items:flex-end}.sorrana-card img{width:58%;height:auto;filter:drop-shadow(0 5px 12px #000)}.roadmap-ca{width:100%;height:46px;display:flex;align-items:center;border:1px solid #47eaff;border-radius:999px;background:rgba(5,4,28,.88);box-shadow:0 0 14px #5d38ff99;overflow:hidden}.roadmap-ca b{font-size:13px}.roadmap-ca code{font-size:10px}.roadmap-ca button{font-size:11px;padding:0 12px}
@media(max-width:700px){.nav{height:54px;padding:0 14px}.nav nav{gap:12px}.brand{font-size:19px}.image-panel{background-size:contain;background-position:center}.sorrana-card{right:3.5%;bottom:4%;width:52vw}.sorrana-card img{width:54%}.roadmap-ca{height:38px}.roadmap-ca code{font-size:8px}.roadmap-ca button{font-size:9px;padding:0 9px}}@media(max-width:360px){.nav{padding:0 10px}.nav nav{gap:8px;font-size:10px}.brand{font-size:18px}}

/* Mobile: let the landscape MEET LANA artwork define its own section height.
   This removes the large empty bands without cropping or distorting the image. */
@media(max-width:700px){
  #lana.panel{
    min-height:0;
    height:auto;
    aspect-ratio:3/2;
    background-size:100% 100%;
    background-position:center;
  }
}