/* Responsive liquid-glass refinement. Scope is the standalone landing preview. */
body{--page-width:1440px;--page-gutter:clamp(24px,7vw,112px)}
.site-header,main>section,main>section.rail,main>.hero,main>.roadmap,main>.finale,body>footer{max-width:var(--page-width);width:calc(100% - var(--page-gutter))}
main>.hero,main>.roadmap{padding-inline:clamp(20px,2vw,36px)}
main>section.rail{padding-inline:clamp(20px,2vw,36px)}
main>.hero>.rail,main>.roadmap>.rail{width:100%;max-width:none}
.site-header{padding-inline:22px}
.site-header .header-actions{gap:10px}
.site-header .header-actions .button{display:inline-flex;gap:9px;padding:8px 15px 8px 8px;border-radius:15px;border:1px solid #97b9a7;font-size:15px;box-shadow:inset 0 2px 1px #fff,0 4px 0 #9ebda447,0 7px 14px #31563712}
.site-header .header-login{background:linear-gradient(125deg,#effff5,#e8f4ff 60%,#ede4fa)}
.site-header .header-signup{background:linear-gradient(130deg,#fffad0,#ffe74d 60%,#f5cf32);border-color:#c6ad4e!important}
.auth-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;border:1px solid #ffffffbd;background:#ffffff75;box-shadow:inset 0 2px #fff,0 2px 4px #38644118}
.auth-icon svg{width:19px;height:19px}
.header-actions .button:hover .auth-icon{transform:rotate(-8deg)}
.auth-icon{transition:transform .3s}
@media(min-width:1101px){
 .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1.12fr) minmax(310px,.88fr);gap:12px;align-items:center}
 .hero-copy{padding-right:16px;max-width:none}
 .hero-copy>p{max-width:600px;font-size:clamp(18px,1.25vw,23px);line-height:1.55}
 .hero h1.hero-headline{font-size:clamp(34px,2.85vw,54px)}
 .hero-art.supplied-art.royal-art{width:105%;max-width:540px;justify-self:end;margin-right:-22px;align-self:center}
 .presale{width:100%;max-width:420px;justify-self:end}
 .benefits{gap:18px 12px}.benefits>span{font-size:17px}
 .about-copy{max-width:650px}.about-art{height:390px}.about-art .mascot{height:365px}
}
@media(min-width:1500px){.site-header nav{gap:12px}.site-header nav>a,.site-header nav>button{font-size:17px}.hero-grid{min-height:660px}.hero-art.supplied-art.royal-art{max-width:510px}}
.token-grid{max-width:1320px;gap:clamp(20px,3vw,60px)}
.roadmap>.rail>.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin:0 auto 50px}
.roadmap .section-title{align-self:center;margin-inline:auto}
.roadmap .section-heading>p,.tokenomics .section-heading>p{font-size:18px;font-weight:500;color:#426453;line-height:1.45;margin-top:13px;text-align:center;max-width:700px}
.why-art{display:flex;flex-direction:column;align-items:center;justify-content:center}
.why-join{position:relative;gap:12px;align-self:center;margin:4px auto 12px;border:1px solid #c0ae59;box-shadow:inset 0 2px #fff6,0 5px 0 #d3bf6845}
.why-join>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffff8a}
/* Give the wide illustration its own visual column instead of placing copy over it. */
main>.finale{display:grid;grid-template-columns:1.35fr 1fr;align-items:stretch;min-height:0;padding:0;background:linear-gradient(120deg,#dff9f1,#fff8cf 55%,#efe7fa);border-radius:28px;overflow:hidden}
.finale-scene{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}
.finale-copy{padding:clamp(24px,3vw,52px);align-self:center;position:relative}
.finale-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:1.8px;color:#4e7862;margin-bottom:16px}
.finale .section-title{background:none;border:0;box-shadow:none;padding:0;justify-content:flex-start;text-align:left;font-size:clamp(23px,2vw,34px);line-height:1.18}
.finale .section-title>img{flex:none}
.finale p{font-size:19px;line-height:1.5;text-align:left}
.finale .button{gap:20px;font-size:16px;border:1px solid #b9ab53;box-shadow:inset 0 2px #fff8,0 4px 0 #ceb75366}
/* Reference-inspired pastel footer, with fine rules and dimensional panels. */
body>footer.pastel-footer{border:1px solid #97c5c9;border-radius:22px;background:radial-gradient(ellipse at 3% 90%,#c7f6ef,transparent 60%),linear-gradient(120deg,#e7fff6,#e9f1ff 57%,#eee2f1);color:#294f52;box-shadow:inset 0 2px #fff,0 10px 32px #527c6920;padding:clamp(22px,2.6vw,46px) 0 0;overflow:hidden}
.pastel-footer .footer-grid{display:grid;grid-template-columns:1.35fr .9fr .95fr .95fr 1.15fr;gap:18px;width:100%;max-width:none;padding:0 clamp(20px,2.3vw,40px) 32px}
.pastel-footer .footer-grid>div{padding:22px 18px;border:1px solid #a1bfce70;border-radius:14px;background:linear-gradient(125deg,#ffffff3b,#ffffff15);box-shadow:inset 0 1px #ffffff9c;min-width:0}
.pastel-footer .footer-grid>.footer-identity{background:linear-gradient(130deg,#eefff3bb,#e4f2ffb0,#fae7f0a0);border:1px solid #92c7c4;box-shadow:inset 0 0 0 3px #ffffff75,0 10px 24px #62a7a126;padding:25px}
.pastel-footer .footer-grid h3{font-family:var(--text);font-weight:800;letter-spacing:.6px;font-size:17px;color:#285156;background:none;border:0;box-shadow:none;border-radius:0;padding:0 0 15px;margin:0 0 12px;position:relative}
.pastel-footer h3:after{content:"";position:absolute;left:0;bottom:5px;width:27px;height:2px;background:linear-gradient(90deg,#08bb9a,#f3c838,#bd7ce8)}
.pastel-footer .footer-grid .brand{font-size:20px;color:#245540}
.pastel-footer .footer-grid .brand b{color:#a87907}
.pastel-footer .footer-grid p{font-size:16px;line-height:1.55;color:#517176;margin:17px 0;text-align:left}
.pastel-footer .footer-grid>div>a:not(.brand),.pastel-footer .footer-grid>div>button:not(.landing-motion-toggle){display:flex;align-items:center;justify-content:space-between;color:#446973;border-bottom:1px solid #aac3ce48;border-radius:0;margin:0;padding:10px 0;font-size:15px;width:100%;line-height:1.25}
.pastel-footer .footer-grid>div>a:not(.brand):before,.pastel-footer .footer-grid>div>button:before{content:none}
.pastel-footer .footer-grid>div>a:not(.brand):after,.pastel-footer .footer-grid>div>button:not(.landing-motion-toggle):after{content:"›";color:#a273b7;margin-left:7px}
.pastel-footer .footer-grid>div>a:hover,.pastel-footer .footer-grid>div>button:hover{color:#087c65;background:#ffffff30}
.pastel-footer .socials{flex-wrap:wrap;gap:9px;margin-top:22px}
.pastel-footer .socials button{width:34px;height:34px;color:#288777;border:1px solid #9cc8ce;border-radius:10px;background:linear-gradient(130deg,#f4fff2,#e5f0ff);box-shadow:inset 0 2px #fff,0 4px 0 #a2c7cf55}
.pastel-footer .socials button:nth-child(2){color:#315569}.pastel-footer .socials button:nth-child(3){color:#ae77b4}
.pastel-footer .subscribe{margin-top:18px;background:#f5fffb99;border:1px solid #9cbfc2;border-radius:13px;box-shadow:inset 0 2px #fff;padding:4px}
.pastel-footer .subscribe input{font-size:14px;color:#244e50;padding:7px;max-width:100%}
.pastel-footer .subscribe input::placeholder{color:#6b878a}
.pastel-footer .subscribe button{width:32px;height:34px;font-size:22px;flex:none;border-radius:9px}
.newsletter-note{display:block;font-size:12px;color:#67868a;margin-top:10px}
.pastel-footer .landing-motion-toggle{margin-top:18px;padding:8px 10px;border:1px solid #adc9c9;border-radius:10px;background:#ffffff73;font-size:13px;color:#45696b;line-height:1.3;width:100%}
.pastel-footer .footer-bottom{width:100%;max-width:none;margin:0;padding:17px clamp(20px,2.3vw,40px);border-top:1px solid #8dbfc3;background:#f4ffffa6;align-items:center;color:#52767b;gap:18px;font-size:14px}
.footer-bottom>div{display:flex;align-items:center;flex-wrap:wrap;gap:17px}
.footer-bottom button{font-size:14px;padding:0;color:inherit}
.back-top{display:grid;place-items:center;border-radius:50%;background:#e7f7ed;border:1px solid #9cc9bf;width:32px;height:32px;font-size:22px}
.pastel-footer .preview-disclaimer{width:100%;max-width:none;margin:0;padding:12px clamp(20px,2.3vw,40px);color:#66827d;background:#fbfffb9e;border-top:1px solid #b2cdcb55;font-size:11px;text-align:left}
/* Preserve the full panoramic banner instead of cropping its characters. */
main>.finale{grid-template-columns:1.7fr 1fr;align-items:center}
.finale-scene{height:auto;min-height:0;aspect-ratio:3/1;object-fit:contain;align-self:center}
.finale-copy{padding:28px}
.finale .section-title{font-size:clamp(22px,1.65vw,28px)}
.finale p{font-size:18px;margin-top:12px}
.finale-eyebrow{margin-bottom:12px;letter-spacing:1px}
.finale .actions{margin-top:18px}
@media(max-width:1000px){main>.finale{grid-template-columns:1fr}.finale-scene{height:auto;min-height:0;aspect-ratio:3/1;object-fit:contain}.finale-copy{padding:26px}.finale .section-title{font-size:24px}}
/* Banana palette: retain the reference's structure, not its blue/lavender colors. */
body>footer.pastel-footer{background:radial-gradient(ellipse at 0 90%,#d7f5df,transparent 60%),linear-gradient(120deg,#effcef,#fff9d7 60%,#e2f0d9);border-color:#a2b98f;color:#244d37}
.pastel-footer .footer-grid>div{border-color:#b7c6a270;background:linear-gradient(130deg,#fffff575,#f0f8e840)}
.pastel-footer .footer-grid>.footer-identity{background:linear-gradient(130deg,#f1ffed,#fff6ca 70%,#e5f2db);border-color:#a3bf91;box-shadow:inset 0 0 0 3px #ffffff75,0 10px 24px #88a56a20}
.pastel-footer .footer-grid h3{color:#295338}.pastel-footer h3:after{background:linear-gradient(90deg,#279667,#e8c331)}
.pastel-footer .footer-grid p,.pastel-footer .footer-grid>div>a:not(.brand),.pastel-footer .footer-grid>div>button:not(.landing-motion-toggle){color:#4a6850;border-bottom-color:#b6c69c55}
.pastel-footer .footer-grid>div>a:not(.brand):after,.pastel-footer .footer-grid>div>button:not(.landing-motion-toggle):after{color:#8b9e32}
.pastel-footer .socials button,.pastel-footer .socials button:nth-child(2),.pastel-footer .socials button:nth-child(3){color:#2c7550;background:linear-gradient(130deg,#f7ffe9,#fff2bc);border-color:#b2c28c;box-shadow:inset 0 2px #fff,0 4px 0 #b5c69555}
.pastel-footer .subscribe{background:#fffff1b0;border-color:#b2c397}.pastel-footer .subscribe input{color:#315b3e}.pastel-footer .subscribe input::placeholder{color:#728267}
.newsletter-note{color:#6c8065}.pastel-footer .landing-motion-toggle{color:#45683e;border-color:#b6c69c;background:#fffef0b0}
.pastel-footer .footer-bottom{background:#f6fbe9c9;border-top-color:#b0c49b;color:#52704b}.back-top{background:linear-gradient(#f7ffe5,#fff1a7);border-color:#bacd94;color:#38683a}
.pastel-footer .preview-disclaimer{background:#fcffefbd;border-top-color:#bacb9c55;color:#738169}
/* Ambient light and staged interaction; no continuous motion on body copy. */
@media(prefers-reduced-motion:no-preference){
 main>section:not(.finale){background-size:140% 140%;animation:liquid-light 18s ease-in-out infinite alternate}
 main>section:nth-child(2n){animation-delay:-7s}
 .presale{animation:presale-halo 5s ease-in-out infinite}
 .progress i{position:relative;overflow:hidden}.progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#fff9,transparent);animation:progress-glint 3s ease-in-out infinite}
 .section-title>img{animation:icon-lustre 6s ease-in-out infinite}
 .phase:before{animation:milestone-halo 3s ease-in-out infinite}.phase:nth-child(2n):before{animation-delay:1.5s}
 .stats>div,.values>div,.legend-row,.feature-grid article,.why-grid>div,.phase,.faq details{transition:transform .3s,box-shadow .3s,border-color .3s}
 .stats>div:hover,.values>div:hover,.legend-row:hover,.feature-grid article:hover,.why-grid>div:hover,.phase:hover{transform:translateY(-5px);box-shadow:inset 0 2px #fff,0 14px 28px #42795725;border-color:#85bba4}
 .feature-grid article:hover .icon,.values>div:hover .icon{transform:rotate(-8deg) scale(1.06)}.icon{transition:transform .35s}
 .faq details[open]>p{animation:answer-in .35s ease-out}
}
@keyframes liquid-light{from{background-position:0% 30%}to{background-position:100% 70%}}
@keyframes presale-halo{0%,100%{box-shadow:inset 0 2px #fff9,0 8px 22px #56996528}50%{box-shadow:inset 0 2px #fff9,0 12px 32px #7cbb6752}}
@keyframes progress-glint{0%,20%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@keyframes icon-lustre{0%,100%{filter:drop-shadow(0 2px 2px #8ba12b18)}50%{filter:drop-shadow(0 2px 5px #b9ce4f60)}}
@keyframes milestone-halo{0%,100%{box-shadow:0 0 0 3px #ffffff,0 0 0 5px color-mix(in srgb,var(--phase) 30%,transparent)}50%{box-shadow:0 0 0 4px #ffffff,0 0 0 10px color-mix(in srgb,var(--phase) 10%,transparent)}}
@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
@media(max-width:1200px){.pastel-footer .footer-grid{grid-template-columns:1.25fr 1fr 1fr;gap:15px}.pastel-footer .footer-grid>.footer-identity{grid-row:span 2}.pastel-footer .footer-grid>.footer-news{grid-column:2/4}.site-header{gap:13px}.site-header .header-actions .button{font-size:14px;padding-right:11px}}
@media(min-width:851px) and (max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(280px,.95fr);gap:8px}.hero-art.supplied-art.royal-art{width:110%;margin-right:-16px}.hero-copy{padding-right:5px}.hero h1.hero-headline{font-size:31px}.benefits{grid-template-columns:1fr}.benefits>span{font-size:15px}}
@media(max-width:850px){body{--page-gutter:32px}.site-header{padding-inline:14px}.hero-art.supplied-art.royal-art{width:100%;margin-right:0;max-width:350px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:16px}.hero-copy{grid-column:1;grid-row:1}.hero-art.supplied-art.royal-art{grid-column:1;grid-row:2}.presale{grid-column:2;grid-row:1/3}.hero-copy>p{font-size:18px}.finale-copy{padding:24px}.finale .section-title{font-size:23px}.finale-scene{min-height:290px}.finale p{font-size:17px}.pastel-footer .footer-grid{grid-template-columns:1fr 1fr}.pastel-footer .footer-grid>.footer-identity{grid-column:1/-1;grid-row:auto}.pastel-footer .footer-grid>.footer-news{grid-column:2;grid-row:3}.pastel-footer .footer-grid>div{grid-column:auto}.pastel-footer .footer-bottom{align-items:flex-start;flex-direction:column}.site-header nav{left:0;right:0}}
@media(max-width:600px){body{--page-gutter:24px}.site-header{display:flex;flex-wrap:wrap;height:auto;min-height:72px;gap:9px;padding:12px}.site-header>.brand{font-size:14px}.site-header .menu-toggle{order:2;margin-left:auto}.site-header>.header-actions{order:3;width:100%;justify-content:flex-end;gap:9px}.site-header nav{top:118px}.site-header .header-actions .button{font-size:14px;padding:6px 12px 6px 6px}.auth-icon{width:27px;height:27px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-copy,.hero-art.supplied-art.royal-art,.presale{grid-column:1;grid-row:auto}.hero-art.supplied-art.royal-art{max-width:370px;justify-self:center}.presale{max-width:none}.benefits{grid-template-columns:1fr 1fr}.benefits>span{font-size:14px}main>.hero,main>.roadmap,main>section.rail{padding-inline:16px}.hero h1.hero-headline{font-size:clamp(29px,8vw,42px)}.token-grid{gap:13px}.roadmap .section-heading>p,.tokenomics .section-heading>p{font-size:16px}.why-join{font-size:14px;padding:12px 16px}.why-join>span{width:21px;height:21px}main>.finale{grid-template-columns:1fr}.finale-scene{aspect-ratio:2.5/1;min-height:0;height:auto;object-fit:contain}.finale-copy{padding:24px}.finale .section-title{font-size:23px}.finale .button{font-size:14px}.pastel-footer .footer-grid{padding:0 16px 22px;gap:12px}.pastel-footer .footer-grid>div{padding:18px 13px}.pastel-footer .footer-grid>.footer-news{grid-column:1/-1;grid-row:auto}.pastel-footer .footer-grid h3{font-size:16px}.pastel-footer .footer-grid>div>a:not(.brand),.pastel-footer .footer-grid>div>button:not(.landing-motion-toggle){font-size:14px}.footer-bottom>div{gap:12px}.pastel-footer .footer-bottom{padding:17px}.pastel-footer .preview-disclaimer{padding:12px 17px}}
@media(max-width:600px){.pastel-footer .footer-grid>div:nth-child(4){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.pastel-footer .footer-grid>div:nth-child(4)>h3{grid-column:1/-1}}
.finale .finale-scene{height:auto;min-height:0;aspect-ratio:3/1;object-fit:contain}
/* Slow, reference-inspired banana ornaments stay behind interactive content. */
main>section{position:relative;isolation:isolate}
.banana-drift-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:inherit}
.drift-banana{position:absolute;width:72px;height:72px;object-fit:contain;opacity:.55;will-change:transform;filter:drop-shadow(0 5px 7px #bfc25b25)}
.drift-banana-0{left:1%;top:7%;animation:banana-orbit-one 13s ease-in-out infinite;animation-delay:var(--drift-delay)}
.drift-banana-1{right:1%;bottom:7%;width:54px;height:54px;opacity:.42;animation:banana-orbit-two 16s ease-in-out infinite;animation-delay:var(--drift-delay)}
.hero .drift-banana-0{left:36%;top:3%;width:60px}.hero .drift-banana-1{right:32%;bottom:1%}
.about .drift-banana-0{left:44%;top:12%}.about .drift-banana-1{right:2%;bottom:35%}
.finale .banana-drift-field{z-index:1}.finale .drift-banana-0{display:none}.finale .drift-banana-1{right:2%;bottom:5%;opacity:.38}.finale-copy{z-index:2}
@keyframes banana-orbit-one{0%,100%{transform:translate(0,0) rotate(-18deg)}35%{transform:translate(12px,18px) rotate(4deg)}70%{transform:translate(-5px,8px) rotate(-5deg)}}
@keyframes banana-orbit-two{0%,100%{transform:translate(0,0) rotate(20deg)}40%{transform:translate(-14px,-18px) rotate(-8deg)}75%{transform:translate(4px,-8px) rotate(7deg)}}
@media(prefers-reduced-motion:no-preference){
 .about .about-art .mascot{animation:banana-art-greet 9s ease-in-out infinite;transform-origin:50% 85%}
 .why .why-art>img{animation:banana-art-greet 11s ease-in-out infinite reverse;transform-origin:50% 85%}
 .finale .finale-scene{animation:island-sunlight 10s ease-in-out infinite}
 .chart .donut>div{animation:banana-medallion 8s ease-in-out infinite}
 .feature-grid article>.icon{animation:utility-art-sway 9s ease-in-out infinite}
 .feature-grid article:nth-child(2n)>.icon{animation-delay:-4s}
}
@keyframes banana-art-greet{0%,100%{translate:0 0;rotate:-.5deg}40%{translate:0 -7px;rotate:.7deg}70%{translate:0 -3px;rotate:-.2deg}}
@keyframes island-sunlight{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.035) saturate(1.07)}}
@keyframes banana-medallion{0%,100%{rotate:-5deg}50%{rotate:5deg}}
@keyframes utility-art-sway{0%,100%{rotate:-3deg;translate:0 0}50%{rotate:3deg;translate:0 -3px}}
@media(max-width:600px){.drift-banana{width:44px;height:44px;opacity:.3}.drift-banana-1{width:35px;height:35px;opacity:.25}.hero .drift-banana-0{left:auto;right:2%;top:35%}.hero .drift-banana-1{right:auto;left:2%;bottom:42%}.finale .drift-banana-1{display:none}}
.banana-sky{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.banana-sky[hidden]{display:none}
.sky-lane{position:absolute;top:0;bottom:0;overflow:hidden;pointer-events:none}
.sky-left{left:0;width:var(--left-gutter)}.sky-right{right:0;width:var(--right-gutter)}
.sky-item{position:absolute;left:var(--lane-x);width:min(var(--size),70%);aspect-ratio:1;translate:-50% 0;pointer-events:none;will-change:transform,opacity}
.sky-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 7px #7e92372b)}
.sky-fall{top:-120px;animation:banana-skyfall var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}
.sky-drift{top:var(--rest-y);opacity:.72;animation:banana-sidesway var(--duration) ease-in-out infinite;animation-delay:var(--delay)}
@keyframes banana-skyfall{0%{transform:translateY(0) rotate(-35deg);opacity:0}10%{opacity:.8}70%{opacity:.72}90%{opacity:0}100%{transform:translateY(calc(100vh + 240px)) rotate(var(--turn));opacity:0}}
@keyframes banana-sidesway{0%,100%{transform:translateY(-12px) rotate(-16deg);opacity:.55}50%{transform:translateY(18px) rotate(14deg);opacity:.85}}
@media(prefers-reduced-motion:reduce){.banana-sky{display:none}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.landing-motion-toggle{display:none!important}}