:root{--pink:#fb58b2;--pink2:#ed3ca2;--night:#24132f;--violet:#2f1739;--font-head:'Barlow Condensed','Impact',sans-serif;--font-body:'Inter',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#2b1735;color:#fff;font:500 16px/1.5 var(--font-body);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff! important;outline-offset:3px}img{max-width:100%}.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}.skip-link{position:fixed;left:8px;top:-80px;background:#fff;color:#000;padding:8px;z-index:300}.skip-link:focus{top:8px}
/* The hero art comes directly from the supplied reference. Its real nav + CTA click targets follow precisely the picture's coordinates. */
.hero{position:relative;isolation:isolate;width:100%;aspect-ratio:1536/465;overflow:hidden;background:#19321d}.hero-image{position:absolute;inset:0;background:url('assets/hero-reference.webp') center/100% 100% no-repeat;z-index:-1}.desktop-clickzones{position:absolute;inset:0;z-index:10}.hotspot{position:absolute;border-radius:12px;background:transparent;transition:box-shadow .18s ease,background .18s ease}.hotspot:hover,.hotspot:focus-visible{background:rgba(255,255,255,.10);box-shadow:0 0 0 2px rgba(255,138,212,.9),0 0 24px rgba(244,39,167,.55)}.hs-brand{left:5.4%;top:.5%;width:14.5%;height:11.3%}.desktop-nav{position:absolute;left:39%;top:0;width:29%;height:12%}.desktop-nav .hotspot{top:0;height:100%}.nav-home{left:0%;width:21%}.nav-lore{left:27%;width:19%}.nav-gallery{left:51%;width:25%}.nav-faq{left:80%;width:19%}.desktop-socials{position:absolute;left:81.4%;top:0%;width:13%;height:11%}.desktop-socials .hotspot{top:0;height:100%;width:26%}.social-telegram{left:0%}.social-x{left:36%}.social-dex{left:70%}.desktop-buttons{position:absolute;left:21.2%;top:82.7%;width:57.4%;height:13%}.desktop-buttons .hotspot{top:0;height:100%;border-radius:99px}.hit-buy{left:0%;width:28.5%}.hit-telegram{left:30.1%;width:20%}.hit-twitter{left:52.4%;width:20.9%}.hit-dex{left:76.3%;width:23.7%}.mobile-header,.mobile-hero-copy{display:none}
/* LORE: first screenshot image is retained for visual fidelity. A live real iframe replaces the graphic mock chart. */
.lore{position:relative;width:100%;aspect-ratio:1536/261;background:#381a3e;isolation:isolate;overflow:hidden}.lore-reference{position:absolute;inset:0;background:url('assets/lore-reference.webp') center/100% 100% no-repeat;z-index:-1}.mobile-lore-body{display:none}.chart-card{position:absolute;top:4.7%;left:58.1%;width:36.8%;height:91.1%;background:#0d101a;border:2px solid #f45fb5;border-radius:15px;overflow:hidden;box-shadow:0 5px 0 #08040c,0 0 9px #fa41adbb;display:flex;flex-direction:column}.chart-heading{height:20%;min-height:35px;display:flex;align-items:center;padding:0 3.2%;gap:6px;font:800 clamp(11px,.94vw,18px) var(--font-body);background:linear-gradient(180deg,#130c20,#0b0e18);color:#faf5f8}.chart-logo{font-size:clamp(15px,1.6vw,26px);color:#fff}.chart-external{margin-left:auto;color:#e8b2dd;font-size:1.5em;line-height:1}.chart-external:hover{color:#fff}.chart-viewport{flex:1;min-height:0;background:#0b0e17;position:relative}.chart-viewport iframe{border:0;display:block;width:100%;height:100%;background:#0b0e17}
/* Gallery reconstructed using each polaroid cropped from the reference, now with working interactions. */
.gallery{width:100%;height:auto;min-height:190px;aspect-ratio:1536/199;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 145% at 50% 115%,#a43976 0%,#5c2358 48%,#29152f 95%);border-top:2px solid #873a70;border-bottom:2px solid #a24179;isolation:isolate}.gallery .palm-left,.gallery .palm-right,.faq-palm{position:absolute;pointer-events:none;background:url('assets/palm.svg') center/contain no-repeat;opacity:.30;filter:brightness(0)}.gallery .palm-left{width:270px;height:240px;bottom:-110px;left:-74px;transform:rotate(-18deg)}.gallery .palm-right{width:190px;height:230px;bottom:-130px;right:-83px;transform:rotate(12deg)}.gallery h2,.faq h2{position:absolute;z-index:2;left:5.3%;top:2px;margin:0;font:italic 900 clamp(46px,4.05vw,74px)/1 var(--font-head);letter-spacing:-1px;color:#fff4e5;text-shadow:3px 3px 0 #120a1a,5px 7px 2px #0009;transform:skew(-5deg)}.gallery h2{transform:skew(-5deg) scaleX(.76);transform-origin:left top}.faq h2{transform:skew(-5deg) scaleX(.91);transform-origin:left top}.gallery h2::after,.faq h2::after{content:'';position:absolute;height:9px;left:-4px;right:-18px;bottom:-9px;background:#f63ca6;transform:skew(-25deg) rotate(-7deg);border-radius:80% 25% 80% 25%;z-index:-1}.photo-zone{position:absolute;inset:0}.photo-track{position:absolute;left:12.28%;right:7.45%;top:17%;bottom:5%;display:flex;gap:.6%;align-items:center;justify-content:space-between}.photo-card{flex:0 0 calc((100% - 3%) / 6);height:100%;display:flex;align-items:center;justify-content:center;position:relative;border:0;padding:0;background:transparent;cursor:pointer;transition:transform .2s ease,filter .2s ease;min-width:0;filter:drop-shadow(1px 5px 3px #17091b9c)}.photo-card img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.photo-card:hover,.photo-card:focus-visible,.photo-card.is-active:hover{transform:translateY(-8px) rotate(-1deg);z-index:4;filter:drop-shadow(0 10px 10px #17091bcb)}.gallery-arrow{position:absolute;z-index:6;top:42%;border:3px solid #f953ad;color:#fff;border-radius:50%;height:43px;width:43px;background:#1c0d27df;display:grid;place-content:center;font:400 39px/30px Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}.gallery-arrow:hover{background:#d33791;transform:scale(1.08)}.gallery-arrow.prev{left:10%}.gallery-arrow.next{right:4.2%}
/* Four FAQ tiles in one row, exactly like the reference. */
.faq{position:relative;background:radial-gradient(ellipse at 55% 120%,#ae3979,#4a204e 66%,#2b172f 100%);min-height:100px;padding:18px 5.25% 25px 18.65%;border-top:2px solid #632657;isolation:isolate}.faq-palm{left:-40px;bottom:-90px;width:235px;height:235px;opacity:.3}.faq h2{top:3px;left:5.2%}.faq h2::after{height:7px;bottom:-7px}.faq-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:21px}.faq details{background:#1b1025e8;border:2px solid #fa58b4;border-radius:12px;box-shadow:0 4px 0 #1a0a20,0 0 12px #ed4aa855;min-width:0}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:10px;min-height:51px;padding:6px 17px 7px 26px;font:800 clamp(12px,1vw,16px)/1.2 var(--font-body);white-space:nowrap}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;font-weight:500;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details[open]{background:#311937}.faq details p{padding:0 17px 15px 26px;font:500 12px/1.5 var(--font-body);color:#f6d5e9;margin:0;min-width:0}.footer{min-height:70px;background:#1c0e26;border-top:1px solid #873665;display:flex;align-items:center;gap:16px;padding:13px 5.4%;font:800 12px var(--font-body);color:#e1b9d2}.footer>a{font:italic 900 28px var(--font-head);letter-spacing:-1px;color:#fff}.footer>a span{color:#ff4bb4}.footer small{margin-left:auto;text-align:right;max-width:340px;color:#b99cba;font:500 10px/1.3 var(--font-body)}
/* Photo lightbox */
.lightbox{border:0;padding:30px 24px;background:#0d0713f5;color:#fff;max-width:none;max-height:none;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;gap:clamp(5px,3vw,45px)}.lightbox[open]{display:flex}.lightbox::backdrop{background:#07030ce8}.lightbox figure{margin:0;text-align:center;max-width:min(78vw,780px)}.lightbox img{display:block;max-height:74vh;width:auto;max-width:100%;object-fit:contain;border:10px solid #fff1e6;box-shadow:0 10px 50px #0009}.lightbox figcaption{margin-top:15px;letter-spacing:2px;font:900 24px var(--font-head)}.lightbox button{cursor:pointer;color:#fff;background:#28142f;border:2px solid #fe58ba;border-radius:50%}.lightbox button:hover{background:#c22b8b}.lightbox-close{position:absolute;top:22px;right:22px;font:36px Arial;width:48px;height:48px}.lightbox-arrow{width:46px;height:46px;flex:0 0 46px;font:40px Arial;display:grid;place-content:center}
@media(max-width:1080px){
  .desktop-clickzones{display:none}.hero{aspect-ratio:auto;min-height:675px;background:#274326;isolation:isolate}.hero-image{background-image:linear-gradient(180deg,rgba(15,10,22,.52),rgba(15,10,22,.10) 37%,rgba(17,8,27,.78) 77%,rgba(18,8,28,.94)),url('assets/hero-reference.webp');background-size:cover,auto 680px;background-position:center,87% top}
  .mobile-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#140e1bbc;border-bottom:2px solid #c84b93;min-height:76px}.mobile-brand{font:italic 900 41px/1 var(--font-head);color:#fff;text-shadow:3px 3px #06040a}.mobile-brand span{color:var(--pink)}.menu-toggle{position:relative;width:47px;height:43px;border:2px solid var(--pink);background:#201128;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:10px;cursor:pointer}.menu-toggle i{display:block;width:23px;height:2px;background:#fff;border-radius:2px}.mobile-menu{display:none;position:absolute;top:75px;left:12px;right:12px;background:#26112ff5;border:2px solid #ef55ab;border-radius:13px;padding:15px;gap:7px;flex-direction:column;box-shadow:0 12px 30px #000a}.mobile-menu.open{display:flex}.mobile-menu a{font:italic 800 26px var(--font-head);padding:7px 12px}.mobile-menu a:hover{background:#b63b8b}
  .mobile-hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:end;position:absolute;left:0;right:0;bottom:34px;top:160px;z-index:5;padding:0 23px;text-align:center}.mobile-hero-heading{display:flex;flex-direction:column;align-items:center;position:relative;filter:drop-shadow(3px 7px 1px #11091d)}.mobile-hero-heading small{font:italic 900 57px/.6 var(--font-head);color:#fff;text-shadow:3px 3px #120b1b;align-self:flex-start;margin-left:12%}.mobile-hero-heading strong{font:italic 900 clamp(70px,11vw,120px)/.92 var(--font-head);background:linear-gradient(180deg,#8054e5 4%,#d636ca 42%,#ff72a3 66%,#ffc05b 90%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:2px #1a0926;letter-spacing:-2px}.mobile-hero-copy p{font:italic 900 19px var(--font-head);letter-spacing:2px;text-shadow:0 3px #06040e;margin:16px 0 24px}.mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:min(620px,100%)}.mobile-actions a{display:grid;place-content:center;min-height:49px;padding:7px 10px;background:#1a1029e8;border:2px solid #f95db1;border-radius:28px;box-shadow:0 3px 0 #06030d;color:#fff;font:800 clamp(16px,2.6vw,23px) var(--font-head)}.mobile-actions a:hover{background:#70316a}.mobile-actions .action-buy{background:#ffcf68;color:#1e1029;border-color:#f15aac}
  .lore{aspect-ratio:auto;overflow:visible;min-height:unset;background:linear-gradient(180deg,#4b1b4b,#9d3979 50%,#431d4b);padding:30px 20px 36px}.lore-reference{display:none}.mobile-lore-body{display:grid;grid-template-columns:minmax(140px,31%) 1fr;align-items:center;gap:28px;max-width:780px;margin:0 auto 25px}.mobile-lore-photo{transform:rotate(-6deg);border:11px solid #fff0e0;border-bottom-width:25px;box-shadow:7px 11px 8px #1b082873}.mobile-lore-photo img{display:block;aspect-ratio:1;object-fit:cover;width:100%}.mobile-lore-text h2{margin:0 0 7px;font:italic 900 66px/1 var(--font-head);color:#fff2e9;text-shadow:3px 5px #1b0b23}.mobile-lore-text h2:after{content:'';display:block;width:110px;height:8px;background:#f63ea7;transform:skew(-20deg) rotate(-5deg)}.mobile-lore-text p{margin:19px 0 0;font:600 16px/1.65 var(--font-body);max-width:500px}.chart-card{position:relative;top:auto;left:auto;width:min(810px,100%);height:390px;margin:auto;border-radius:13px}.chart-heading{height:45px;min-height:45px;font-size:15px}.chart-logo{font-size:23px}
  .gallery{aspect-ratio:auto;min-height:280px;padding:23px 0 36px}.gallery h2,.faq h2{position:relative;top:auto;left:auto;display:inline-block;margin:0 0 5px 6%;font-size:66px}.photo-zone{position:relative;min-height:178px;padding:3px 62px}.photo-track{position:relative;top:auto;bottom:auto;left:auto;right:auto;display:flex;justify-content:flex-start;align-items:center;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:15px 4px 12px;gap:10px}.photo-track::-webkit-scrollbar{display:none}.photo-card{flex:0 0 205px;min-width:205px;height:170px;scroll-snap-align:center}.gallery-arrow{top:calc(50% - 18px);height:42px;width:42px}.gallery-arrow.prev{left:15px}.gallery-arrow.next{right:15px}
  .faq{min-height:0;padding:22px 5% 35px}.faq h2{left:auto;margin-left:1%;margin-bottom:25px}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.faq summary{font-size:15px;white-space:normal}.footer{flex-wrap:wrap}.footer small{margin-left:0;max-width:none;width:100%;text-align:left}
}
@media(max-width:610px){
  .hero{min-height:625px}.hero-image{background-size:cover,auto 690px;background-position:center,86% top}.mobile-header{padding:12px 15px;min-height:64px}.mobile-brand{font-size:33px}.mobile-menu{top:63px}.mobile-hero-copy{top:205px;bottom:26px;padding:0 12px}.mobile-hero-heading strong{font-size:clamp(58px,15vw,92px);-webkit-text-stroke:1.5px #1b0a27}.mobile-hero-heading small{font-size:46px}.mobile-hero-copy p{font-size:16px;letter-spacing:1px;margin:13px 0 18px}.mobile-actions{gap:10px}.mobile-actions a{min-height:47px;font-size:17px;padding:6px 8px}.lore{padding:34px 15px 27px}.mobile-lore-body{grid-template-columns:125px 1fr;gap:17px;align-items:start}.mobile-lore-photo{border-width:7px 7px 18px}.mobile-lore-text h2{font-size:55px}.mobile-lore-text p{font-size:12px;line-height:1.55;margin-top:13px}.chart-card{height:315px}.gallery h2,.faq h2{font-size:57px}.gallery{min-height:255px}.photo-zone{padding:0 43px}.photo-card{flex-basis:186px;min-width:186px;height:158px}.gallery-arrow{height:35px;width:35px;font-size:32px;border-width:2px}.gallery-arrow.prev{left:5px}.gallery-arrow.next{right:5px}.faq-list{grid-template-columns:1fr;gap:12px}.faq summary{min-height:50px;font-size:15px}.footer{gap:6px;font-size:10px}.lightbox{padding:15px 7px;gap:5px}.lightbox img{border-width:5px}.lightbox-arrow{flex-basis:30px;width:30px;height:37px;font-size:30px}.lightbox figure{max-width:calc(100vw - 85px)}
}
@media(max-width:380px){.mobile-hero-heading strong{font-size:57px}.mobile-actions a{font-size:15px}.mobile-lore-body{grid-template-columns:100px 1fr;gap:14px}.mobile-lore-text h2{font-size:47px}.mobile-lore-text p{font-size:11px}.chart-card{height:270px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}