:root{--ink:#072e23;--yellow:#ffdf24;--heading:"Momo Trust Display",sans-serif;--text:"Inconsolata",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fffef6;color:#142822;font:17px/1.3 var(--text);overflow-x:clip}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.08;letter-spacing:-.6px}h2{font-size:34px}h3{font-size:19px}em{font-style:normal;color:#efb800}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #079876;outline-offset:4px}.rail{max-width:1240px;margin-inline:auto;width:calc(100% - 76px)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;height:82px}.brand{display:inline-flex;align-items:center;gap:5px;font:18px var(--heading);white-space:nowrap}.brand>span{font-size:36px;line-height:1}.brand b{font-weight:400}.site-header nav{display:flex;gap:22px;align-items:center;font-size:13px}.site-header nav a:first-child{border-top:2px solid var(--yellow)}.site-header nav button{padding:0}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .button{font-size:12px;padding:12px 23px}.language{background:#fff;border-radius:25px;font-size:13px;padding:8px 12px}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:14px 24px;font-size:15px;line-height:1.1;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #25401b20}.yellow{background:linear-gradient(130deg,#fff25d,#ffdb20);box-shadow:inset 0 1px #fffabf}.outline{background:#fffdf5;border:2px solid #d1c4a5}.actions{display:flex;gap:16px;align-items:center;margin-top:25px}.icon{width:55px;height:55px;object-fit:contain;flex:none}.garden{position:relative;isolation:isolate}.garden:before,.garden:after{content:"";position:absolute;pointer-events:none;background:url('/public/assets/images/tropical-leaves.webp') center/contain no-repeat;width:230px;height:610px;left:-130px;bottom:-50px;z-index:-1}.garden:after{left:auto;right:-135px;transform:scaleX(-1)}.hero{padding:15px 0 25px;background:radial-gradient(ellipse at 66% 4%,#def4ff,transparent 46%),radial-gradient(ellipse at 10% 85%,#fff7a4,transparent 55%),linear-gradient(#fff,#fffbe0)}.hero-grid{display:grid;grid-template-columns:1.04fr .63fr .9fr;gap:10px;align-items:start}.hero-copy{padding-top:18px;z-index:2}.eyebrow{display:inline-block;background:#fff7d6;padding:9px 14px;border-radius:30px;font-size:12px;font-weight:700}.hero h1{font-size:clamp(34px,3.4vw,49px);line-height:1.05;margin:30px 0 14px;color:#064d2e}.hero-copy>p{font-size:19px;max-width:420px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;margin-top:24px}.benefits>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.benefits .icon{width:30px;height:30px}.community-proof{display:flex;gap:15px;align-items:center;margin-top:27px;font-size:19px}.community-proof small{display:block;font-size:12px}.avatars{display:flex;padding-left:5px}.avatars>span{display:grid;place-items:center;width:32px;height:36px;border-radius:50%;background:#bfdfcd;border:2px solid white;margin-left:-6px;font-size:23px;overflow:hidden}.trusted{margin-top:22px;font-size:12px}.trusted>div{display:flex;gap:15px;align-items:center;margin-top:9px;font-size:11px;font-weight:700}.hero-art{height:610px;position:relative;align-self:end}.hero-art>img{position:absolute;height:650px;width:185%;max-width:none;object-fit:contain;left:-43%;bottom:-10px}.handwriting{font:bold italic 24px/1.12 "Comic Sans MS",cursive;transform:rotate(-9deg);display:block}.hero-art>.handwriting{position:absolute;top:20px;left:-8%;z-index:2}.wood-copy{position:absolute;top:49%;left:-9%;width:82%;text-align:center;font:18px/1.08 var(--heading);transform:rotate(3deg)}.presale{border:2px solid #66995b;border-radius:25px;background:#fffef3;overflow:hidden;box-shadow:0 10px 24px #45623a23;z-index:3}.presale-top{display:flex;justify-content:space-between;background:linear-gradient(110deg,#06492b,#05251e);padding:17px 20px;color:white;font-size:15px;font-weight:800}.presale-content{padding:18px 19px}.presale-content>small{font-size:11px}.presale h2{font-size:29px;color:#073622;margin:5px 0 18px;letter-spacing:-.7px}.micro{font-size:11px;font-weight:700}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:9px 0 17px}.timer>div{background:linear-gradient(#eef3e6,#e6efdd);border-radius:9px;text-align:center;padding:10px 3px}.timer b{font:26px var(--heading)}.timer small{display:block;font-size:10px;margin-top:5px}.raised{font-size:11px;font-weight:800;margin-bottom:8px}.progress{height:12px;background:#edf3dc;border:1px solid #bdc6a2;border-radius:10px;position:relative;overflow:hidden}.progress i{display:block;background:linear-gradient(90deg,#64c73c,#cee437);width:28.45%;height:100%}.progress span{position:absolute;right:4px;top:0;font-size:8px;line-height:10px}.price{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin:13px 0 18px;font-weight:700}.amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.amounts label{border:1px solid #d7dace;background:#fff;border-radius:8px;padding:10px 8px;font-size:9px;font-weight:800;min-width:0}.amounts label>div{display:flex;align-items:center;margin-top:9px}.amounts input{border:0;min-width:0;width:100%;background:transparent;font-size:14px}.presale .yellow{width:100%;border-radius:9px;border:1px solid #c6b831;margin-top:15px;font-family:var(--heading);font-size:21px}.checkout-note{text-align:center;font-size:10px;margin:16px 0}.giveaway{width:100%;border:1px dashed #d5d4bd;font-size:12px;border-radius:10px;background:#fffef8;padding:13px 4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.stats>div{display:flex;gap:15px;align-items:center;background:linear-gradient(135deg,#fffef9,#fffdeb);border:1px solid #fff0bf;padding:18px 22px;border-radius:20px;box-shadow:0 8px 16px #bfaf3a10}.stats strong{font:23px var(--heading)}.stats p{font-size:15px}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding-block:45px;min-height:390px}.about-copy{max-width:470px}.about-copy h2{font-size:36px;margin-bottom:15px}.about-copy>p{font-size:18px;line-height:1.3}.about .actions{gap:12px;margin-top:20px}.about .button{font-size:13px;padding:13px 19px}.about-art{position:relative;min-height:330px}.about-art .mascot{width:100%;height:340px;object-fit:contain;position:absolute;bottom:15px}.about-art>.handwriting{position:absolute;left:-5%;top:0;z-index:2}.values{position:absolute;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.values>div{text-align:center;background:linear-gradient(130deg,#fffbdcfa,#fffff5f5);border-radius:19px;padding:12px 5px;box-shadow:0 5px 16px #9c9d3d12}.values .icon{margin:0 auto 9px;width:43px;height:43px}.values strong{display:block;font-size:13px;line-height:1.1}.section-heading{text-align:center;margin-bottom:28px}.section-heading p{margin-top:7px;font-size:17px}.tokenomics{padding:15px 0 30px}.token-grid{display:grid;grid-template-columns:1.05fr .95fr 1.05fr .94fr;gap:18px;align-items:stretch;border-radius:32px;background:#fffff9;padding:25px 20px;box-shadow:0 10px 25px #6679390b}.legend{border-radius:22px;background:#fffefa;box-shadow:0 5px 20px #5d794012;display:flex;flex-direction:column;justify-content:space-around;padding:10px 14px}.legend-row{display:flex;gap:13px;align-items:center;padding:13px 0}.legend-row .icon{width:49px;height:49px}.legend-row strong{font:21px var(--heading)}.legend-row p{font-size:13px;line-height:1.2;margin-top:4px}.chart{align-self:center;text-align:center}.donut{width:235px;max-width:100%;aspect-ratio:1;border-radius:50%;padding:39px;background:conic-gradient(#ffde2c 0 50%,#11c985 50% 65%,#2dd2f6 65% 75%,#a573fa 75% 85%,#8744ed 85% 95%,#d49bff 95%);box-shadow:inset 0 3px 5px #fff6}.donut>div{display:grid;place-items:center;background:#fffefa;width:100%;height:100%;border-radius:50%;font-size:66px}.supply{background:#edf5ec;border-radius:25px;padding:12px 3px;margin-top:10px}.supply strong{font:22px var(--heading)}.supply p{font-size:16px}.token-art{border-radius:24px;background:linear-gradient(140deg,#e8f2e6,#f5f9e8);padding:22px 17px 180px;position:relative;overflow:hidden}.token-art h3{font-size:24px}.token-art p{font-size:14px;line-height:1.25;margin-top:15px}.token-art img{position:absolute;bottom:-10px;left:-7%;width:115%;max-width:none;height:200px;object-fit:contain}.roadmap{padding:30px 0 40px;background:radial-gradient(ellipse at 15% 75%,#fff0ab,transparent 42%),radial-gradient(ellipse at 80% 90%,#eee0ff,transparent 40%),#fffef4}.roadmap>.rail{position:relative}.roadmap .section-heading{margin-bottom:90px}.rocket{width:185px;height:140px;object-fit:contain;position:absolute;top:-20px;right:18%}.road-sign{position:absolute;top:0;right:-5px;transform:rotate(-12deg);background:repeating-linear-gradient(#e9c796 0 30px,#b78b53 31px,#e9c796 33px);padding:20px 14px;font:15px/1.2 var(--heading);box-shadow:3px 4px #92663733;border-radius:6px}.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}.curve{position:absolute;width:100%;height:65px;top:-68px}.phase{--phase:#1fc473;background:#f1fff0;border-radius:30px;padding:24px 20px;box-shadow:0 5px 25px color-mix(in srgb,var(--phase) 15%,transparent);position:relative}.phase-1{--phase:#ffc720;background:#fffceb}.phase-2{--phase:#21bdf0;background:#effbff}.phase-3{--phase:#ad51f3;background:#faf0ff}.phase:before{content:"";width:28px;height:28px;position:absolute;top:-54px;left:calc(50% - 14px);border-radius:50%;background:var(--phase);border:5px solid #fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--phase) 50%,white),0 0 20px var(--phase)}.phase-title{display:flex;align-items:center;gap:11px}.phase-title>span{background:var(--phase);width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:26px}.phase h3{font-size:18px}.phase-title p{font-size:12px}.phase ul{list-style:none;padding:0;margin:20px 0 0}.phase li{font-size:14px;margin:7px 0;display:flex;gap:7px}.phase li:before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;flex:none;background:var(--phase);color:#fff;border-radius:50%;font-size:11px;margin-top:2px}.features{padding-block:38px}.features>p{margin-top:7px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:24px}.feature-grid article{background:#e8fbff;border-radius:16px;padding:17px 11px;text-align:center}.feature-grid article:nth-child(2){background:#e9fcf3}.feature-grid article:nth-child(3){background:#eaf6ff}.feature-grid article:nth-child(4){background:#fff8e9}.feature-grid article:nth-child(5){background:#f6edff}.feature-grid article:nth-child(6){background:#fff0f3}.feature-grid .icon{margin:0 auto 10px}.feature-grid h3{font-size:15px;letter-spacing:-.3px;margin-bottom:6px}.feature-grid p{font-size:14px;line-height:1.15}.why{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;align-items:center;min-height:235px}.why h2{font-size:29px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px;text-align:center}.why-grid .icon{width:38px;height:38px;margin:0 auto 12px}.why-grid strong{font-size:13px;display:block}.why-grid p{font-size:12px}.why-art{position:relative;align-self:stretch;overflow:hidden}.why-art>img{height:275px;width:100%;object-fit:contain;position:absolute;bottom:-45px;left:-15%}.why-art .handwriting{position:absolute;right:0;top:20px}.faq{display:grid;grid-template-columns:1fr 275px;gap:35px;padding-block:20px 40px}.faq h2{font-size:27px}.faq>div>p{margin:7px 0 20px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;align-items:start}.faq details{background:white;border:1px solid #eef0e6;border-radius:9px;box-shadow:0 3px 10px #3a4b2410;font-size:14px;overflow:hidden}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:12px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{padding:0 12px 15px;font-size:14px}.help-sign{align-self:center;background:repeating-linear-gradient(0deg,#dfb37b 0 31px,#b8874d 32px,#edcb9c 34px);border:3px solid #c89c68;box-shadow:4px 6px #7b5b3933;transform:rotate(-5deg);padding:24px 17px;text-align:center;border-radius:5px;position:relative}.help-sign:after{content:"";position:absolute;top:100%;left:45%;height:60px;width:20px;background:linear-gradient(90deg,#b5834c,#dfb17b);z-index:-1}.help-sign h3{font-size:19px}.help-sign p{font-size:15px;margin:9px 0 12px;line-height:1.05}.help-sign .button{display:flex;width:100%;padding:10px;margin-top:9px;font-size:14px;border:0}.finale{position:relative;min-height:285px;padding:45px 10% 35px 32%;border-radius:35px 35px 0 0;background:#e8f5f1 url('/public/assets/images/tropical-island.webp') center/cover no-repeat;margin-inline:5px}.finale h2{font-size:35px}.finale p{font-size:20px;margin-top:10px}.finale>.handwriting{position:absolute;top:30px;right:15%;font-size:20px}.finale .actions{margin-top:20px}.finale .button{font-size:14px;padding:13px 20px}footer{background:#042c28;color:#f3fff5;padding:36px 0 20px;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.3fr .6fr .75fr 1.3fr;gap:55px}.footer-grid h3{font-size:15px;margin:0 0 12px}.footer-grid p{font-size:15px;margin:13px 0}.footer-grid>div>a:not(.brand),.footer-grid>div>button{display:block;padding:0;font-size:14px;margin:4px 0;text-align:left}.footer-grid .brand b{color:#ffdc28}.socials{display:flex;gap:7px}.socials button{width:34px;height:34px;border:1px solid #5b7770;border-radius:50%;font-size:18px}.subscribe{display:flex;border:1px solid #3e625c;border-radius:40px;background:#153f39;padding:5px;margin-top:20px}.subscribe input{border:0;min-width:0;flex:1;background:none;color:#fff;padding:8px 12px;font-size:15px}.subscribe button{border-radius:50%;background:#ffdc27;color:#173626;font-size:30px;width:43px;height:43px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #33534a;padding-top:20px;margin-top:34px;font-size:13px;color:#b2cdc2}.preview-disclaimer{font-size:11px;color:#9ebdb0;margin-top:20px;line-height:1.35}footer.garden:before{left:-95px;bottom:-95px;height:470px}footer.garden:after{right:-100px;bottom:-80px;height:480px}dialog{border:1px solid #8caf82;border-radius:22px;background:#fffdf0;max-width:460px;width:calc(100% - 32px);padding:35px;color:var(--ink);box-shadow:0 20px 80px #002d2344}dialog::backdrop{background:#002d2366;backdrop-filter:blur(4px)}dialog h2{font-size:28px;margin-bottom:16px}dialog p{margin-bottom:22px}.dialog-close{position:absolute;top:8px;right:12px;font-size:27px}
@media(min-width:1500px){.hero h1{font-size:48px}}
@media(max-width:1100px){.site-header nav{gap:13px;font-size:12px}.site-header{gap:15px}.hero-grid{grid-template-columns:1fr .55fr .95fr}.hero h1{font-size:36px}.hero-copy>p{font-size:16px}.hero-art{height:570px}.hero-art>img{height:570px;width:220%;left:-60%}.hero-art>.handwriting{font-size:20px;left:-25%}.wood-copy{font-size:15px;width:105%;left:-18%}.hero-copy .actions{gap:9px;flex-wrap:wrap}.trusted>div{gap:8px;font-size:9px}.presale h2{font-size:24px}.benefits>span{font-size:11px;gap:5px}.stats{gap:12px}.stats>div{padding:15px 12px;gap:8px}.stats strong{font-size:21px}.stats .icon{width:43px;height:43px}.about{gap:25px}.about-copy>p{font-size:16px}.about-art>.handwriting{font-size:22px}.token-grid{gap:10px;padding:18px 10px}.legend{padding:8px}.legend-row{gap:7px}.legend-row .icon{width:37px;height:37px}.legend-row p{font-size:11px}.donut{padding:30px}.supply strong{font-size:18px}.token-art{padding:18px 12px 160px}.token-art h3{font-size:20px}.token-art img{height:170px}.phase{padding:20px 12px}.phase h3{font-size:15px}.phase li{font-size:12px}.phase-title>span{width:34px;height:34px}.faq{grid-template-columns:1fr 230px;gap:20px}.faq h2{font-size:24px}.footer-grid{gap:25px}.finale>.handwriting{right:7%}}
@media(max-width:850px){.rail{width:calc(100% - 40px)}.site-header nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:#fffef4;z-index:20;padding:20px;border:1px solid #dfe7cb;border-radius:15px;box-shadow:0 10px 25px #1d492122}.site-header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-toggle{display:block;margin-left:auto;font-size:25px}.header-actions .language{display:none}.site-header{height:75px}.hero-grid{grid-template-columns:1fr 320px;gap:15px}.hero-copy{grid-column:1;grid-row:1}.hero-art{grid-column:1;grid-row:2;height:280px}.hero-art>img{height:360px;width:120%;left:-10%}.hero-art>.handwriting{top:10px;left:0;font-size:18px}.wood-copy{width:60%;left:17%;top:35%;font-size:14px}.presale{grid-column:2;grid-row:1/3;align-self:center}.hero h1{font-size:33px}.hero-copy>p{font-size:16px}.hero .community-proof{margin-top:18px}.trusted{display:none}.benefits{gap:8px;margin-top:15px}.hero-copy .actions{margin-top:17px}.hero .button{font-size:12px;padding:12px 16px}.hero .presale .yellow{font-size:20px}.hero .giveaway{padding:12px 3px;font-size:10px}.stats{grid-template-columns:repeat(4,1fr)}.stats>div{padding:12px 8px;gap:5px}.stats .icon{width:35px;height:35px}.stats strong{font-size:17px}.stats p{font-size:12px}.about{gap:20px}.about h2{font-size:30px}.about-art{min-height:360px}.about-art .mascot{height:300px;bottom:45px}.about .actions{flex-wrap:wrap;gap:8px}.values{gap:5px}.values strong{font-size:10px}.values .icon{width:33px;height:33px}.token-grid{grid-template-columns:1fr 1fr 1fr}.token-art{grid-column:1/4;min-height:200px;padding:22px}.token-art img{width:45%;height:215px;left:auto;right:0}.token-art p{margin-top:10px}.road-sign{display:none}.rocket{right:4%;width:125px}.phases{gap:12px}.phase-title>span{display:none}.phase{padding:18px 12px}.phase li{font-size:12px}.feature-grid{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:1.5fr 1fr}.why h2{font-size:25px}.why-grid{gap:6px}.why-grid strong{font-size:11px}.why-grid p{font-size:11px}.why-art .handwriting{font-size:18px}.faq{grid-template-columns:1fr 195px}.faq-grid{grid-template-columns:1fr;gap:9px}.help-sign{padding:20px 10px}.help-sign h3{font-size:16px}.help-sign p{font-size:13px}.help-sign .button{font-size:12px}.finale h2{font-size:27px}.finale>.handwriting{display:none}.finale{padding-left:32%;min-height:255px}.finale .actions{flex-wrap:wrap;gap:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 40px}}
@media(max-width:600px){h2{font-size:28px}.rail{width:calc(100% - 36px)}.brand{font-size:14px}.brand>span{font-size:28px}.header-actions .button{font-size:11px;padding:11px 14px}.site-header{gap:10px;height:68px}.hero{padding-top:8px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-copy{grid-row:auto}.hero h1{font-size:clamp(32px,8.5vw,44px);margin-top:20px}.hero-copy>p{font-size:18px}.benefits{gap:13px}.benefits>span{font-size:13px}.hero-copy .actions{gap:13px}.hero-copy .button{font-size:14px}.community-proof{font-size:18px}.trusted{display:block}.hero-art{grid-column:1;grid-row:auto;height:380px;margin-top:5px}.hero-art>img{height:430px;width:100%;left:0}.hero-art>.handwriting{top:0;left:4%;font-size:23px}.wood-copy{font-size:16px;top:40%;width:50%;left:25%}.presale{grid-column:1;grid-row:auto;width:100%;max-width:430px;justify-self:center}.presale h2{font-size:28px}.presale-content{padding:20px}.timer{gap:10px}.hero .presale .yellow{font-size:23px}.hero .giveaway{font-size:13px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.stats>div{padding:17px 12px;gap:10px}.stats strong{font-size:21px}.stats p{font-size:14px}.stats .icon{width:43px;height:43px}.hero.garden:before{left:-175px}.hero.garden:after{right:-175px}.about{grid-template-columns:1fr;padding-block:30px;gap:20px}.about-copy{max-width:none}.about-copy>p{font-size:18px}.about h2{font-size:32px}.about-art{min-height:325px}.about-art .mascot{height:320px;bottom:20px}.about-art>.handwriting{left:2%;font-size:23px}.values .icon{width:38px;height:38px}.values strong{font-size:12px}.tokenomics{padding-top:10px}.section-heading p{font-size:16px}.token-grid{grid-template-columns:1fr 1fr;padding:13px 9px;gap:15px}.chart{grid-column:1/3;grid-row:1;justify-self:center;width:240px}.legend{padding:10px}.legend-row{gap:8px;padding:15px 0}.legend-row strong{font-size:20px}.legend-row p{font-size:12px}.legend-row .icon{width:35px;height:35px}.token-art{grid-column:1/3}.token-art h3{font-size:22px}.token-art p{font-size:14px}.roadmap{padding-top:25px}.roadmap .section-heading{margin-bottom:45px}.rocket{top:-15px;right:-15px;width:85px;height:80px;opacity:.8}.phases{grid-template-columns:1fr 1fr;gap:30px 13px}.curve{display:none}.phase{padding:22px 13px}.phase:before{top:-15px;width:20px;height:20px;border-width:3px}.phase h3{font-size:17px}.phase li{font-size:13px}.features{padding-block:28px}.features h2{font-size:26px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:15px}.why{grid-template-columns:1fr;gap:0;padding-top:15px}.why h2{font-size:25px}.why-grid strong{font-size:12px}.why-grid p{font-size:12px}.why-art{height:220px}.why-art>img{height:270px;left:-5%;bottom:-50px}.why-art .handwriting{right:5%;font-size:22px}.faq{grid-template-columns:1fr;gap:25px;padding-top:15px}.faq h2{font-size:25px}.faq-grid{grid-template-columns:1fr}.faq summary{font-size:16px;padding:13px}.help-sign{max-width:280px;width:100%;justify-self:center;padding:24px 22px;margin:5px 0 20px}.help-sign h3{font-size:20px}.help-sign p{font-size:16px}.help-sign .button{font-size:15px}.finale{padding:30px 22px 190px;min-height:380px;margin:0;background-position:35% bottom;background-size:auto 100%;border-radius:25px 25px 0 0}.finale h2{font-size:29px;max-width:300px}.finale p{font-size:17px}.finale .actions{margin-top:15px}.finale .button{font-size:13px}.footer-grid{gap:26px 20px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:1/3}.footer-grid .brand{font-size:22px}.footer-grid p{font-size:16px}.footer-grid h3{font-size:17px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:16px}.footer-bottom{display:grid;gap:10px;font-size:13px}.preview-disclaimer{font-size:12px}footer.garden:before,footer.garden:after{opacity:.25}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
html{overflow-x:clip}
/* Readability pass: Inconsolata needs larger UI sizes than the original mockup. */
body{font-size:19px;line-height:1.45}
.site-header nav{font-size:17px;gap:18px;font-weight:600}
.header-actions .button,.language{font-size:15px}
.hero-copy>p,.about-copy>p{font-size:21px;line-height:1.45}
.benefits>span{font-size:16px}.eyebrow{font-size:14px}
.community-proof small,.trusted,.trusted>div{font-size:15px}
.section-heading p,.features>p,.faq>div>p{font-size:19px;line-height:1.4}
.feature-grid p,.legend-row p,.phase li,.help-sign p,.token-art p{font-size:17px;line-height:1.35}
.phase-title p,.values strong,.why-grid strong,.why-grid p{font-size:15px;line-height:1.3}
.faq summary,.faq details>p{font-size:17px;line-height:1.35}
.presale-content>small,.micro,.raised{font-size:14px}.price{font-size:12px}
.amounts label{font-size:12px}.amounts input{font-size:17px}.checkout-note{font-size:14px}
.timer small{font-size:12px}.giveaway{font-size:14px}
.footer-grid p,.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:17px}
.footer-bottom{font-size:15px}.preview-disclaimer{font-size:13px}
@media(max-width:1100px){.site-header nav{gap:11px;font-size:15px}.header-actions .button{font-size:13px;padding-inline:16px}.hero-copy>p,.about-copy>p{font-size:19px}.benefits>span{font-size:14px}.trusted>div{font-size:12px;flex-wrap:wrap}.feature-grid p,.legend-row p,.phase li{font-size:15px}.price{font-size:11px}.presale-content{padding-inline:14px}}
@media(max-width:850px){.site-header nav{font-size:18px}.hero-copy>p,.about-copy>p{font-size:19px}.benefits>span{font-size:14px}.feature-grid p,.legend-row p,.phase li{font-size:16px}.phase-title p{font-size:14px}.values strong,.why-grid strong,.why-grid p{font-size:13px}.checkout-note{font-size:13px}.presale-content>small,.micro,.raised{font-size:12px}.faq summary{font-size:17px}.help-sign p{font-size:16px}.hero .giveaway{font-size:13px}}
@media(max-width:600px){.hero-copy>p,.about-copy>p{font-size:20px}.header-actions .button{font-size:13px}.hero .button{font-size:15px}.feature-grid p,.legend-row p,.phase li{font-size:16px}.trusted>div{font-size:13px}.community-proof small{font-size:14px}.values strong{font-size:13px}.why-grid strong,.why-grid p{font-size:13px}.section-heading p,.features>p,.faq>div>p{font-size:18px}.faq summary{font-size:18px}.presale-content>small,.micro,.raised{font-size:14px}.price{font-size:12px}.checkout-note{font-size:14px}}
/* Shared liquid-glass treatment: preserve the reference composition and readable copy. */
:root{--liquid-stroke:#95bcae;--liquid-shadow:inset 0 2px 2px #ffffffec,inset 0 -3px 8px #87ab941b,0 9px 24px #54795010}
main>section{border:1px solid var(--liquid-stroke);border-radius:30px;box-shadow:var(--liquid-shadow);margin-top:16px;margin-bottom:16px;background-color:#fffef6;background-image:radial-gradient(ellipse at 9% 0%,#e4fbf9c9,transparent 46%),radial-gradient(ellipse at 95% 12%,#e9dcf8a8,transparent 40%),radial-gradient(ellipse at 75% 95%,#fff1a7aa,transparent 47%)}
main>section.rail{padding:30px 24px}
main>.hero,main>.roadmap{margin-inline:8px}
.presale,.stats>div,.values>div,.legend,.supply,.token-art,.phase,.feature-grid article,.faq details,.help-sign,.timer>div,.amounts label{border:1px solid var(--liquid-stroke);box-shadow:var(--liquid-shadow);background-image:radial-gradient(ellipse at 12% 0%,#ffffffed 0%,#ffffff33 40%,transparent 61%),radial-gradient(ellipse at 100% 85%,#bce5e959,transparent 55%),linear-gradient(130deg,#e7faf64d,#fff4be38 48%,#eed5f550)}
.presale{border-width:2px;border-color:#689b7a}.presale-top{box-shadow:inset 0 1px 1px #9bdbb950}
.stats>div,.values>div,.feature-grid article,.phase{border-radius:22px}
.token-grid{border:1px solid #b1c9b5;background:linear-gradient(120deg,#f5fffaaf,#fffdf0b5,#f5efffb5);box-shadow:var(--liquid-shadow)}
.donut{border:1px solid #b9b5a0;box-shadow:inset 0 4px 5px #ffffff9c,0 7px 16px #7b956122}
.why-grid>div{border:1px solid #acc9b4;border-radius:18px;padding:14px 7px;background:radial-gradient(ellipse at top left,#fff,#eaf9ecad 52%,#fff4d5c9);box-shadow:var(--liquid-shadow)}
.help-sign{background-color:#e6c18f;background-image:radial-gradient(ellipse at top left,#ffffff77,transparent 65%),repeating-linear-gradient(0deg,#e7c69a 0 31px,#b88e57 32px,#efd6b1 34px);border-color:#b79462}
main>.finale{background-image:linear-gradient(120deg,#e5fbff18,#fff6d014),url('/public/assets/images/tropical-island.webp');border-color:#8ebba5;box-shadow:inset 0 3px 4px #ffffffb5,0 9px 25px #69876418}
.site-header{border:1px solid #b6d0bd;border-radius:22px;background:linear-gradient(110deg,#edfbf3dc,#fffceadd,#eee4f9bb);box-shadow:var(--liquid-shadow);padding-inline:18px;margin-top:10px}
@media(max-width:1100px){.site-header{gap:10px}.site-header nav{gap:10px}.site-header .brand{font-size:16px}}
@media(max-width:850px){main>section.rail{padding:25px 18px}.site-header{padding-inline:12px}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid>div{padding:12px 7px}}
@media(max-width:600px){main>section{border-radius:23px;margin-top:12px;margin-bottom:12px}main>section.rail{width:calc(100% - 24px);padding:24px 15px}main>.hero,main>.roadmap{margin-inline:6px}.site-header{width:calc(100% - 20px)}.site-header .brand{font-size:13px}.site-header .brand>span{font-size:25px}.site-header .header-actions .button{font-size:12px;padding-inline:12px}.stats>div,.values>div,.feature-grid article,.phase{border-radius:17px}main>.finale{padding:30px 22px 190px}.why-grid{grid-template-columns:repeat(2,1fr)}}
/* Rounded icon tiles, separate from the large illustrative artwork. */
.icon{padding:8px;border:1px solid #afcdbd;border-radius:17px;background:radial-gradient(ellipse at 20% 5%,#ffffff 0%,#f8fff8cc 30%,transparent 70%),linear-gradient(135deg,#e5faf1,#fff1b7 57%,#eadef8);box-shadow:inset 0 2px 2px #fff,0 4px 9px #527a3620;object-fit:contain}
.benefits .icon{padding:4px;border-radius:10px}
.values .icon,.why-grid .icon{padding:6px;border-radius:13px}
.legend-row .icon{padding:6px;border-radius:15px}
.feature-grid .icon{width:62px;height:62px;padding:9px;border-radius:19px}
.feature-grid article:nth-child(2) .icon{background:linear-gradient(135deg,#fff,#c9f4db)}
.feature-grid article:nth-child(3) .icon{background:linear-gradient(135deg,#fff,#d8e6ff)}
.feature-grid article:nth-child(4) .icon{background:linear-gradient(135deg,#fff,#ffe4b4)}
.feature-grid article:nth-child(5) .icon{background:linear-gradient(135deg,#fff,#ead6ff)}
.feature-grid article:nth-child(6) .icon{background:linear-gradient(135deg,#fff,#ffdce7)}
.brand>span{display:inline-grid;place-items:center;width:43px;height:43px;border:1px solid #d9c56d;border-radius:14px;background:linear-gradient(135deg,#fffde6,#ffe778);box-shadow:inset 0 2px #fff,0 3px 7px #61743118;font-size:29px}
.phase-title>span{border:1px solid color-mix(in srgb,var(--phase) 70%,#76947e);box-shadow:inset 0 3px 5px #ffffffb5,0 3px 8px #688e3e22;border-radius:14px}
.socials button{background:linear-gradient(145deg,#315e53,#123c34);box-shadow:inset 0 1px #81a89877;border-radius:12px}
.amounts label>div>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #bed7bb;border-radius:9px;background:linear-gradient(135deg,#fff,#e4f4d8)}
@media(max-width:600px){.site-header .brand>span{width:32px;height:32px;font-size:22px;border-radius:10px}.stats .icon{padding:6px;border-radius:13px}.legend-row .icon{padding:4px;border-radius:11px}}
/* One shared outer width for the header and every landing section. */
body{--page-width:1240px;--page-gutter:76px}
.site-header,main>section,main>section.rail,main>.hero,main>.roadmap,main>.finale{width:calc(100% - var(--page-gutter));max-width:var(--page-width);margin-left:auto;margin-right:auto;box-sizing:border-box}
main>.hero>.rail,main>.roadmap>.rail{width:100%;max-width:none}
main>.hero,main>.roadmap{padding-left:24px;padding-right:24px}
main>.finale{padding-left:32%}
@media(max-width:850px){body{--page-gutter:40px}main>.hero,main>.roadmap{padding-left:18px;padding-right:18px}}
@media(max-width:600px){body{--page-gutter:24px}main>.hero,main>.roadmap{padding-left:15px;padding-right:15px}main>.finale{padding-left:22px;padding-right:22px}}
body>footer{width:calc(100% - var(--page-gutter));max-width:var(--page-width);margin:16px auto;border:1px solid #527f6d;border-radius:28px;padding-inline:24px;box-sizing:border-box}
body>footer>.rail{width:100%;max-width:none}
@media(max-width:600px){body>footer{padding-inline:18px;border-radius:23px}}
/* Remove detached edge foliage; keep only the intentional hero/banner artwork. */
.garden::before,.garden::after{content:none;display:none}
body>footer{background:radial-gradient(ellipse at 0 0,#22594a66,transparent 60%),linear-gradient(130deg,#073a30,#042822 70%,#143e37);box-shadow:inset 0 2px 2px #8fbca533,0 9px 24px #54795018;padding:34px 28px 22px;overflow:hidden}
.footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr) minmax(0,.8fr) minmax(0,1.25fr);gap:30px;align-items:start}
.footer-grid>div{min-width:0}.footer-grid h3{line-height:1.35;margin-bottom:16px}.footer-grid p{line-height:1.5}
.footer-grid>div>a:not(.brand),.footer-grid>div>button{line-height:1.4;margin:8px 0;white-space:normal}
.footer-grid .brand{gap:5px;font-size:18px;flex-wrap:wrap}.footer-grid .brand>span{flex:none}
.socials{flex-wrap:wrap;margin-top:17px}.subscribe{width:100%;margin-top:16px}.subscribe button{flex:none}.subscribe input{width:0}
.footer-bottom{gap:18px;align-items:center;flex-wrap:wrap;line-height:1.5;margin-top:28px;padding-top:20px}
.preview-disclaimer{border-top:1px solid #466c593f;padding-top:15px;margin-top:18px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:1000px){.footer-grid{grid-template-columns:1.2fr 1fr;gap:30px 40px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:600px){body>footer{padding:26px 20px 20px}.footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 18px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-grid .brand{font-size:20px}.footer-grid h3{margin-bottom:12px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}}
/* Original user-supplied hero file, preserved without image processing. */
.hero-art.supplied-art>img{height:auto;width:160%;left:-30%;bottom:0;max-width:none;border-radius:20px}
.hero-art.supplied-art .wood-copy{left:66%;width:48%;top:auto;bottom:19%;font-size:18px;line-height:1.5;transform:none}
.hero-art.supplied-art>.handwriting{top:0;left:-12%;z-index:4}
@media(max-width:1100px) and (min-width:851px){.hero-art.supplied-art>img{width:190%;left:-45%}.hero-art.supplied-art .wood-copy{left:70%;width:56%;font-size:15px}}
@media(max-width:850px){.hero-art.supplied-art>img{height:100%;width:100%;left:0;object-fit:contain}.hero-art.supplied-art .wood-copy{left:56%;width:23%;bottom:18%;font-size:10px}.hero-art.supplied-art>.handwriting{font-size:17px;left:0;top:0}}
@media(max-width:600px){.hero-art.supplied-art{height:auto;aspect-ratio:2/3;width:100%;max-width:400px;justify-self:center}.hero-art.supplied-art>img{height:100%;width:100%;left:0}.hero-art.supplied-art .wood-copy{left:60%;width:35%;bottom:18%;font-size:19px}.hero-art.supplied-art>.handwriting{display:none}}
/* Editorial alignment and the shared illustrated section-heading treatment. */
main p,footer p{ text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word }
.section-title{display:inline-flex;align-items:center;gap:13px;max-width:100%;padding:14px 20px;border:1px solid #9fbcab;border-radius:19px;background:radial-gradient(ellipse at 10% 0,#ffffffee,transparent 60%),linear-gradient(120deg,#def9ef,#fff0b9 55%,#ecdefa);box-shadow:inset 0 2px 2px #fff,0 5px 13px #6b855919;text-align:left;margin-bottom:14px;line-height:1.15}
.section-title>span{min-width:0;overflow-wrap:break-word}
.section-title>img{width:45px;height:45px;object-fit:contain;flex:none;padding:7px;border:1px solid #b1c8b4;border-radius:14px;background:linear-gradient(135deg,#fff,#e8f5d9);box-shadow:inset 0 2px #fff,0 3px 8px #5c784b15}
.section-heading .section-title{margin-bottom:4px}.section-heading>p{max-width:600px;margin-inline:auto;text-align:center}
.site-header nav{padding:6px;gap:3px;border:1px solid #acc6b8;border-radius:30px;background:linear-gradient(135deg,#ffffffd9,#e6f4edb8,#fff4d3b8);box-shadow:inset 0 2px #ffffff,0 4px 12px #698b5c12}
.site-header nav>a,.site-header nav>button{border:1px solid transparent!important;border-radius:22px;padding:9px 12px;font-size:16px;line-height:1.15;font-weight:700;transition:background .2s,box-shadow .2s,transform .2s}
.site-header nav>a:hover,.site-header nav>button:hover,.site-header nav>a:focus-visible{background:linear-gradient(135deg,#fffbdc,#ffe976);border-color:#cbb95b!important;box-shadow:inset 0 1px #fff,0 3px 8px #b3a15c22;transform:translateY(-1px)}

.site-header{gap:12px}.site-header .header-actions{gap:7px}.site-header .header-actions .button{padding-inline:18px}
.finale .section-title{font-size:30px;background:linear-gradient(125deg,#fffffff2,#fff5cff0,#e6f8edeb)}
@media(max-width:1100px){.site-header nav>a,.site-header nav>button{font-size:14px;padding:8px}.section-title{padding:12px 16px;gap:10px}.section-title>img{width:39px;height:39px}.why h2,.faq h2{font-size:24px}}
@media(max-width:950px) and (min-width:851px){.site-header nav{gap:0;padding:3px}.site-header nav>a,.site-header nav>button{font-size:13px;padding:7px 5px}.site-header .language{display:none}}
@media(max-width:850px){.site-header nav{padding:15px;border-radius:20px;background:linear-gradient(135deg,#f8fff8,#fff6d7,#eee5fb)}.site-header nav>a,.site-header nav>button{font-size:18px;padding:12px;text-align:left}.section-title{font-size:28px}.finale .section-title{font-size:25px}}
@media(max-width:600px){.section-title,.about-copy h2.section-title,.why h2.section-title,.faq h2.section-title,.features h2.section-title{font-size:24px;padding:12px;gap:10px;border-radius:16px}.section-title>img{width:36px;height:36px;padding:5px;border-radius:11px}.finale .section-title{font-size:24px}.site-header .header-actions .button{padding-inline:12px}main p,footer p{hyphens:auto}}
.section-heading>p{text-align:justify}
/* Supplied artwork composition and compact dimensional typography. */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.83fr) minmax(0,1fr);gap:18px;align-items:center}
.hero-copy{min-width:0}.hero h1{font-size:clamp(30px,3vw,42px)}
.hero-art.supplied-art{width:100%;height:auto;aspect-ratio:2/3;align-self:center;position:relative;min-width:0}
.hero-art.supplied-art>img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:0}
.hero-art.supplied-art .wood-copy{left:60%;width:35%;top:54%;bottom:auto;font-size:clamp(10px,1.15vw,16px);line-height:1.6;transform:none;color:#44301b;text-shadow:0 1px #ffe4ad77}
.about-art{min-height:390px;padding-bottom:104px;display:flex;align-items:center;justify-content:center}
.about-art .mascot{position:relative;inset:auto;width:100%;height:310px;object-fit:contain;object-position:center bottom}
.about .values{left:0;bottom:0}.about-copy>p,.hero-copy>p{font-size:18px;line-height:1.5}
.section-title,.about-copy h2.section-title{font-size:28px;padding:11px 16px;gap:10px}
.why h2.section-title,.faq h2.section-title,.features h2.section-title{font-size:25px}
.section-title>img{width:38px;height:38px;padding:6px;border-radius:12px}
.section-title>span{color:#164b39;background:linear-gradient(180deg,#498e65 0%,#1a6247 45%,#0b382b 55%,#286c4e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #ffffff) drop-shadow(0 2px 1px #436b3828)}
.section-title em{background:linear-gradient(180deg,#f6d35b,#ce9200 58%,#edbb27);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section-heading p,.features>p,.faq>div>p{font-size:17px}
.feature-grid p,.legend-row p,.phase li,.help-sign p,.token-art p,.faq summary,.faq details>p{font-size:16px;line-height:1.4}
.phase-title p,.values strong,.why-grid strong,.why-grid p{font-size:14px}
.finale .section-title{font-size:27px}
@media(max-width:1100px){.hero-grid{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr)}.hero h1{font-size:31px}.hero-copy>p{font-size:17px}.benefits{grid-template-columns:1fr;gap:9px}.hero-art.supplied-art .wood-copy{font-size:10px}.about-art{min-height:360px}.about-art .mascot{height:285px}}
@media(max-width:850px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.hero-copy{grid-column:1;grid-row:1}.hero-art.supplied-art{grid-column:1;grid-row:2;max-width:280px;justify-self:center}.presale{grid-column:2;grid-row:1/3;min-width:0}.hero-art.supplied-art .wood-copy{font-size:13px}.about-art{min-height:340px;padding-bottom:105px}.about-art .mascot{height:265px}.section-title{font-size:26px}.about-copy>p{font-size:17px}.why h2.section-title,.faq h2.section-title,.features h2.section-title{font-size:23px}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy,.hero-art.supplied-art,.presale{grid-column:1;grid-row:auto}.hero-art.supplied-art{max-width:340px;aspect-ratio:2/3;height:auto}.hero-art.supplied-art .wood-copy{font-size:17px}.hero h1{font-size:clamp(30px,8vw,40px)}.benefits{grid-template-columns:1fr 1fr;gap:12px}.hero-copy>p,.about-copy>p{font-size:18px}.about-art{min-height:340px;padding-bottom:100px}.about-art .mascot{height:275px}.section-title,.about-copy h2.section-title,.why h2.section-title,.faq h2.section-title,.features h2.section-title{font-size:22px;padding:11px;gap:9px}.section-title>img{width:34px;height:34px}.finale .section-title{font-size:23px}}
/* Dimensional display headline; semantic, selectable text rather than artwork. */
.hero h1.hero-headline{font-family:var(--heading);font-weight:400;line-height:1.17;letter-spacing:-.8px;margin:25px 0 21px;position:relative;padding-bottom:17px}
.hero-headline>span,.hero-headline>em{display:block;width:fit-content;max-width:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-headline>span{background-image:linear-gradient(175deg,#77c092 0%,#247753 34%,#0b4c33 60%,#1c6748 100%);-webkit-text-stroke:.5px #174f38;filter:drop-shadow(0 1px 0 #ddf8dc) drop-shadow(0 3px 0 #b4ccb09e) drop-shadow(0 5px 4px #17452c1a)}
.hero-headline>em{margin-top:5px;background-image:linear-gradient(175deg,#fff5a7 0%,#ffe04b 24%,#efb713 55%,#d39400 78%,#f7cc40 100%);-webkit-text-stroke:.65px #ba880b;filter:drop-shadow(0 1px 0 #fff5bc) drop-shadow(0 3px 0 #c58d2266) drop-shadow(0 6px 5px #96701124)}
.hero-headline:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:5px;border:1px solid #dfc052;border-radius:10px;background:linear-gradient(90deg,#ffe152,#fff8c2,#b5e0b5);box-shadow:inset 0 1px #fff,0 2px 4px #b5ad4b22}
@media(max-width:600px){.hero h1.hero-headline{letter-spacing:-.6px;line-height:1.2;margin-top:22px}.hero-headline>em{-webkit-text-stroke:.45px #ba880b}}
@media(forced-colors:active){.hero-headline>span,.hero-headline>em{-webkit-text-fill-color:CanvasText;background:none;filter:none;-webkit-text-stroke:0}}
/* Larger hero illustration, flush to the presale card on wide layouts. */
@media(min-width:851px){
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);column-gap:0}
 .hero-copy{padding-right:22px}
 .hero-art.supplied-art{width:112%;max-width:none;justify-self:end;aspect-ratio:2/3;align-self:center;margin-right:-1px;z-index:2}
 .hero-art.supplied-art>img{width:100%;height:100%;object-fit:contain;object-position:right center}
 .hero-art.supplied-art .wood-copy{font-size:clamp(12px,1.2vw,17px)}
 .presale{position:relative;z-index:3}
}
@media(min-width:601px) and (max-width:850px){
 .hero-art.supplied-art{max-width:none;width:calc(100% + 20px);justify-self:start;margin-right:-20px}
}
/* Compact main section headings; body copy retains its current size. */
.section-title,.about-copy h2.section-title,.why h2.section-title,.faq h2.section-title,.features h2.section-title,.finale .section-title{font-size:22px;line-height:1.2;padding:10px 14px;gap:9px}
.section-title>img{width:33px;height:33px;padding:5px;border-radius:11px}
.hero h1.hero-headline{font-size:clamp(27px,2.6vw,36px)}
.presale h2{font-size:25px}
@media(max-width:850px){.section-title,.about-copy h2.section-title,.why h2.section-title,.faq h2.section-title,.features h2.section-title,.finale .section-title{font-size:20px}.hero h1.hero-headline{font-size:30px}.presale h2{font-size:23px}}
@media(max-width:600px){.section-title,.about-copy h2.section-title,.why h2.section-title,.faq h2.section-title,.features h2.section-title,.finale .section-title{font-size:19px;padding:9px 11px;gap:8px}.section-title>img{width:30px;height:30px}.hero h1.hero-headline{font-size:clamp(26px,7vw,33px)}.presale h2{font-size:24px}}
/* Give the supplied About mascot a larger, uncropped presentation. */
.about-art{min-height:480px;padding-bottom:112px}
.about-art .mascot{width:100%;height:390px;max-width:none;object-fit:contain;object-position:center bottom}
@media(max-width:1100px){.about-art{min-height:440px}.about-art .mascot{height:350px}}
@media(max-width:850px){.about-art{min-height:400px;padding-bottom:110px}.about-art .mascot{height:315px}}
@media(max-width:600px){.about-art{min-height:415px;padding-bottom:100px}.about-art .mascot{height:335px}}
/* Header account controls, flag-only translation picker and layered About cards. */
.about-copy h2.section-title>span{white-space:nowrap;font-size:clamp(16px,1.7vw,22px)}
.about-art{padding-bottom:64px;min-height:445px}
.about-art .mascot{height:390px;transform:translateY(28px);z-index:1}
.about-art .values{z-index:2;bottom:0}.about-art .values>div{background-color:#fffdef;box-shadow:inset 0 2px 2px white,0 7px 16px #446f3820}
.header-actions{flex:none}.header-actions .button{padding:11px 14px!important;font-size:14px}.header-login{border:1px solid #a9bfac;background:linear-gradient(135deg,#fff,#e6f7ed)}
.translate-control{position:relative}.header-actions .language{display:grid!important;place-items:center;font-size:25px;line-height:1;width:39px;height:39px;padding:0;border:1px solid #adc8b2;background:linear-gradient(135deg,#fff,#e8f5e2);border-radius:13px}
.translate-menu{position:absolute;top:48px;right:0;width:215px;padding:14px;border:1px solid #9fbea7;border-radius:17px;background:linear-gradient(135deg,#fffef0,#e9f8f0);box-shadow:0 12px 35px #173e2929;z-index:50;grid-template-columns:repeat(4,1fr);gap:8px}
.translate-menu:not([hidden]){display:grid}.translate-menu p{grid-column:1/-1;font-size:15px;margin-bottom:3px}.translate-menu button{font-size:25px;padding:5px;border:1px solid #c2d5bd;border-radius:10px;background:#fffaf0}
@media(min-width:851px){.site-header{flex-wrap:wrap;height:auto;min-height:82px;padding-block:12px}.site-header nav{order:3;width:100%;justify-content:center}.site-header .header-actions{margin-left:auto}}
@media(min-width:1400px){.site-header{flex-wrap:nowrap}.site-header nav{order:0;width:auto}.site-header nav>a,.site-header nav>button{padding:8px;font-size:14px}.header-actions .button{padding-inline:12px!important}}
@media(max-width:850px){.site-header{height:auto;min-height:78px;flex-wrap:wrap;padding-block:12px}.header-actions{margin-left:auto}.about-art{min-height:380px;padding-bottom:65px}.about-art .mascot{height:330px;transform:translateY(23px)}}
@media(max-width:600px){.site-header .header-actions{width:100%;justify-content:flex-end}.site-header nav{top:120px}.header-actions .button{font-size:13px;padding:10px 12px!important}.about-art{min-height:385px;padding-bottom:60px}.about-art .mascot{height:335px;transform:translateY(25px)}.about-copy h2.section-title>span{font-size:clamp(15px,4.7vw,21px)}}
/* Lettering centered on the four wood planks in the supplied hero artwork. */
.hero-art.supplied-art .wood-copy{left:60%;top:54.5%;bottom:auto;width:35%;height:27%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:var(--heading);font-weight:400;font-size:clamp(11px,1.15vw,16px);line-height:2;letter-spacing:.5px;color:#4e2b0e;text-shadow:0 1px 0 #ffe1a999,0 -1px 0 #27120188;transform:rotate(-.8deg);filter:drop-shadow(0 1px 1px #7f481a30);pointer-events:none}
.presale{border:2px solid #659776;border-radius:26px;background:radial-gradient(ellipse at 0 0,#ffffff 0%,transparent 49%),radial-gradient(ellipse at 100% 100%,#e2d6f866,transparent 50%),linear-gradient(145deg,#f0fff4,#fffbe1 60%,#e4f6ee);box-shadow:inset 0 2px 3px #fff,0 7px 0 #bad5b960,0 16px 30px #30573822;overflow:hidden}
.presale-top{padding:17px 18px;background:radial-gradient(ellipse at 15% 0,#52967580,transparent 60%),linear-gradient(115deg,#0b5039,#073b2c 60%,#1b6848);border-bottom:1px solid #83b98b;box-shadow:inset 0 2px 2px #cef3c440;color:#f4fff3;letter-spacing:.7px}
.presale-content{padding:22px 19px}.presale-content>small{display:inline-block;padding:6px 10px;border:1px solid #bad3b8;border-radius:20px;background:#faffedb8;color:#477052;font-size:12px;font-weight:700}
.presale h2{margin:13px 0 20px;color:#164d36;text-shadow:0 1px white,0 2px #ccddbf99;line-height:1.17}
.timer>div{border:1px solid #b0c6a4;border-radius:13px;background:radial-gradient(ellipse at top left,#fff,transparent 75%),linear-gradient(140deg,#e1f3de,#f8fbdc,#e9e2f0);box-shadow:inset 0 2px #fff,0 3px 0 #b2c8a333;padding:12px 3px}
.timer b{color:#1e543a;text-shadow:0 1px white}.timer small{color:#567247;font-weight:700}
.presale .raised{margin-top:18px;color:#385e3b}.presale .progress{height:16px;border-color:#a9bd88;background:linear-gradient(#dae8ce,#f7fce9);box-shadow:inset 0 2px 4px #49683b22}.presale .progress i{border-radius:10px;background:linear-gradient(#d5f48b,#78ce55 48%,#40ac45 52%,#90d868);box-shadow:inset 0 1px #f6ffd3}.presale .progress span{line-height:14px;font-size:10px}
.presale .price{padding:10px 0;border-bottom:1px solid #c6d8b5;margin-bottom:15px}
.amounts label{border-color:#abc6b2;border-radius:12px;padding:12px 10px;background:linear-gradient(135deg,#fff,#eef9f0 70%,#f8f2ff);box-shadow:inset 0 2px #fff,0 4px 8px #71906a0d}
.presale .yellow{border:1px solid #b59a28;border-radius:13px;padding:15px;background:radial-gradient(ellipse at top,#fffabc,transparent 65%),linear-gradient(#ffe875,#ffd828 49%,#f3c719 51%,#ffdf42);color:#264729;text-shadow:0 1px #fff7b9;box-shadow:inset 0 2px 1px #fffac7,0 4px 0 #b59a3455,0 7px 13px #ad951322;transition:transform .2s,box-shadow .2s}
.presale .yellow:hover{transform:translateY(-2px);box-shadow:inset 0 2px #fffac7,0 6px 0 #b59a3455,0 10px 18px #ad951322}.presale .yellow:active{transform:translateY(2px);box-shadow:inset 0 2px #fffac7,0 1px 0 #b59a3455}
.presale .giveaway{border-style:solid;border-color:#b9c6a1;background:linear-gradient(130deg,#fff9db,#f0fae8,#f0e8fa);box-shadow:inset 0 2px #fff;border-radius:12px;font-weight:800;color:#365738}
@media(max-width:1100px){.presale-content{padding:18px 14px}.presale-top{font-size:13px;padding:15px 13px}.hero-art.supplied-art .wood-copy{font-size:12px}}
@media(max-width:850px){.hero-art.supplied-art .wood-copy{font-size:13px}.presale-content>small{font-size:11px}}
@media(max-width:600px){.hero-art.supplied-art .wood-copy{font-size:17px;line-height:2;letter-spacing:.4px}.presale-content{padding:21px 18px}.presale-top{font-size:15px}.presale-content>small{font-size:12px}}
/* Section refinement: compact About, structured allocations and clear reading order. */
.about{align-items:start;min-height:0!important}.about-art{min-height:0!important;height:350px;padding:0!important;display:block;margin-top:-18px}
.about-art .mascot{position:absolute;top:0;left:0;width:100%;height:320px;transform:none!important;object-fit:contain;object-position:center top}
.about-art .values{bottom:0;gap:12px}.about-art .values>div{padding:12px 5px}.about .values strong{text-align:center}
.presale-content>small{margin-bottom:16px}.presale .checkout-note{margin-top:20px}
.token-grid{grid-template-columns:minmax(0,1fr) minmax(220px,1.05fr) minmax(0,1fr);gap:22px;padding:24px;background:radial-gradient(ellipse at 50% 10%,#fff6b7,transparent 60%),linear-gradient(130deg,#e9fbf2bb,#f9f1ffbb);border-radius:24px}
.legend{gap:10px;background:none;border:0;box-shadow:none;padding:0}.legend-row{padding:15px 12px;border:1px solid #abc7b4;border-radius:17px;background:linear-gradient(125deg,#fffffff5,#edf8f0,#fff7dc);box-shadow:inset 0 2px #fff,0 5px 12px #60875112;min-height:100px}.legend-row p{text-align:left;font-size:14px}.legend-row strong{font-size:23px;color:#285a3e}
.chart{justify-self:center;align-self:center;max-width:100%}.donut{width:250px;padding:43px;box-shadow:inset 0 5px 9px #ffffff99,0 12px 22px #71814c26;border:2px solid #fff4b4}.donut>div{box-shadow:inset 0 4px 9px #7b884f22}.supply{border-radius:16px;margin-top:20px;padding:15px}.supply p{text-align:center}
.token-art{grid-column:1/-1;min-height:185px;padding:24px 240px 24px 24px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.token-art h3{font-size:22px}.token-art p{text-align:left;margin:0;line-height:1.5}.token-art img{width:220px;height:205px;left:auto;right:5px;bottom:-8px}
.roadmap .section-heading{margin-bottom:50px}.roadmap .rocket,.road-sign{display:none}.curve{display:none}.phases{gap:16px;align-items:stretch;padding-top:20px}.phases:before{content:"";position:absolute;left:12%;right:12%;height:4px;top:0;border-radius:10px;background:linear-gradient(90deg,#46c888,#edc746,#51c4e6,#b580e2)}
.phase{padding:24px 16px 18px;border-radius:20px}.phase:before{width:18px;height:18px;top:-31px;left:calc(50% - 9px);border-width:3px}.phase-title{align-items:flex-start;gap:9px}.phase-title>span{width:32px;height:32px;flex:none;font-size:19px}.phase h3{font-size:17px;white-space:nowrap}.phase-title p{text-align:left;font-size:13px;margin-top:5px}.phase li{font-size:14px;line-height:1.45;margin:10px 0}.phase ul{margin-top:18px}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-grid article{padding:22px;text-align:left;position:relative;min-width:0}.feature-grid .icon{margin:0 0 16px;width:56px;height:56px}.feature-grid h3{font-size:18px;margin-bottom:12px}.feature-grid p{font-size:16px;line-height:1.5;text-align:left}
.why{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);align-items:center;gap:25px}.why-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.why-grid>div{text-align:left;padding:18px}.why-grid .icon{margin:0 0 12px;width:42px;height:42px}.why-grid strong{font-size:16px;line-height:1.35}.why-grid p{font-size:15px;text-align:left;line-height:1.45;margin-top:7px}.why-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible;align-self:center;height:auto}.why-art>img{position:static;width:100%;height:auto;max-height:330px;object-fit:contain}.why-art-caption{font:17px/1.4 var(--heading);text-align:center;color:#36694a;margin-top:12px;padding:12px 15px;border:1px solid #b0cbb5;background:linear-gradient(125deg,#fff7cf,#def4e7);border-radius:15px}
.faq{grid-template-columns:minmax(0,1fr);gap:24px}.faq-grid{grid-template-columns:1fr 1fr;gap:14px;align-items:start}.faq details{border:1px solid #aec7b7;border-radius:15px;background:linear-gradient(125deg,#fffffff0,#eff8ef,#f9f2ff);box-shadow:inset 0 2px #fff,0 4px 12px #6683510c}.faq summary{min-height:66px;padding:16px;font-size:17px;font-weight:700;text-align:left}.faq summary span{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#e2edcd;border:1px solid #afc091;border-radius:9px;font-size:20px}.faq details[open]{background:linear-gradient(135deg,#fffbea,#eef9ef)}.faq details>p{font-size:16px;line-height:1.55;text-align:left;padding:0 18px 19px;color:#395747}
.help-sign{transform:none;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;text-align:left;width:100%;max-width:none;padding:20px 22px;border:1px solid #afc7b3;border-radius:18px;background:linear-gradient(115deg,#edf9ed,#fff3cd,#efe5fc);box-shadow:inset 0 2px #fff;justify-self:stretch}.help-sign:after{display:none}.help-sign p{display:none}.help-sign h3{font-size:19px;margin-right:auto}.help-sign .button{width:auto;margin:0;border:1px solid #bbc7a7;font-size:14px;padding:12px 18px}
@media(max-width:1000px){.phases{grid-template-columns:1fr 1fr;gap:28px 16px}.phases:before{display:none}.phase:before{top:-12px}.token-grid{grid-template-columns:1fr 1fr;gap:16px}.chart{grid-column:1/-1;grid-row:1}.token-art{grid-template-columns:1fr 1fr;padding-right:190px}.token-art img{width:180px}.why{grid-template-columns:1.5fr 1fr}.feature-grid article{padding:18px}.about-art{height:330px}.about-art .mascot{height:300px}}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.why-art{max-width:300px;justify-self:center}.faq-grid{grid-template-columns:1fr}.token-grid{padding:16px;gap:12px}.token-art{display:block;padding:20px 45% 20px 16px;min-height:210px}.token-art p{font-size:14px;margin-top:12px}.token-art h3{font-size:19px}.token-art img{width:45%;height:180px}.legend-row{padding:12px 9px;gap:8px}.legend-row .icon{width:32px;height:32px}.legend-row p{font-size:12px}.help-sign{padding:18px}.about-art{margin-top:0;height:335px}.about-art .mascot{height:305px}}
@media(max-width:420px){.feature-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.phases{grid-template-columns:1fr}.phase-title>span{display:grid}.phase h3{font-size:19px}.phase li{font-size:16px}.help-sign .button{width:100%}.about-art .values{gap:6px}.about-art .values strong{font-size:11px}}
/* Keep navigation centered within the header rather than left-biased. */
@media(min-width:1101px){
 .site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;flex-wrap:nowrap}
 .site-header>.brand{grid-column:1;grid-row:1}
 .site-header>nav{grid-column:2;grid-row:1;order:0;width:max-content;max-width:100%;justify-self:center;justify-content:center;margin-inline:auto}
 .site-header>.header-actions{grid-column:3;grid-row:1;margin-left:0}
 .site-header nav>a,.site-header nav>button{font-size:15px;padding:9px 10px}
}
@media(min-width:851px) and (max-width:1100px){
 .site-header>nav{order:3;width:max-content;max-width:100%;flex:0 1 auto;margin-inline:auto;justify-content:center}
 .site-header:after{content:"";flex-basis:100%;height:0;order:2}
}
/* Floating navigation and a simpler, centered Tokenomics presentation. */
.site-header{position:sticky;top:12px;z-index:100;background:linear-gradient(115deg,#edfbf3ee,#fff9e4ed,#eee5f9eb);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 2px 2px #ffffff,0 10px 30px #234c2926;border-color:#9abcaa}
html{scroll-padding-top:145px}
.token-grid{background:none;border:0;box-shadow:none;padding:12px 0;max-width:1100px;margin-inline:auto;align-items:center}
.section-heading{text-align:center}.section-heading>p{text-align:center}
.section-title{justify-content:center;text-align:center}.about-copy>.section-title{display:flex;width:fit-content;margin-inline:0 auto;justify-content:flex-start;text-align:left}.features>.section-title,.why>div>.section-title,.faq>div>.section-title{display:flex;width:fit-content;margin-inline:auto}
.features>p,.faq>div>p{text-align:center}.roadmap-cta{margin-top:14px;font-size:13px;line-height:1.45;letter-spacing:.5px;border:1px solid #c4af5b;border-radius:16px;padding:10px 24px;box-shadow:inset 0 2px #fff6,0 4px 10px #a99b3920}
.roadmap .section-heading{margin-bottom:38px}
/* Footer: illustrated identity, raised link panels and a glossy newsletter card. */
body>footer{padding:28px;background:radial-gradient(ellipse at 0 0,#29745e70,transparent 50%),radial-gradient(ellipse at 100% 100%,#6168353b,transparent 45%),linear-gradient(130deg,#093c32,#032a24 65%,#123e33);border:1px solid #75a18b;box-shadow:inset 0 2px 2px #b1d7be55,0 12px 28px #264b2e25}
.footer-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:5px 4px 25px;margin-bottom:25px;border-bottom:1px solid #91b79640}.footer-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#b7d8b7}.footer-intro h2{font-size:25px;line-height:1.25;margin-top:8px;color:#effbd7;text-shadow:0 2px #001d1b}.footer-intro .button{color:#264324;gap:14px;box-shadow:inset 0 2px #fff8,0 4px 0 #8f883f55;font-size:15px}
.footer-grid{grid-template-columns:1.15fr .8fr .9fr 1.25fr;gap:17px}
.footer-grid>div{padding:21px 18px;border:1px solid #628f795c;border-radius:20px;background:radial-gradient(ellipse at 15% 0,#82b7951f,transparent 65%),linear-gradient(140deg,#26594950,#173f3580);box-shadow:inset 0 1px 1px #9cc5a533,0 7px 14px #001b2118}
.footer-grid h3{display:inline-block;font-size:16px;padding:7px 11px;margin-bottom:12px;border:1px solid #85a87566;border-radius:11px;background:linear-gradient(135deg,#52775055,#244b3955);color:#f4f7bc;box-shadow:inset 0 1px #c9db9133}
.footer-grid>div>a:not(.brand),.footer-grid>div>button{width:100%;padding:7px 9px;margin:3px 0;border-radius:9px;transition:background .2s,color .2s;font-size:16px}
.footer-grid>div>a:not(.brand):hover,.footer-grid>div>button:hover{background:#cae7b51a;color:#ffe76b}
.footer-grid>div>a:not(.brand):before,.footer-grid>div>button:before{content:"›";color:#e0d775;margin-right:9px}
.footer-grid p{font-size:16px;color:#d1e3d5;text-align:left}.footer-grid .brand{font-size:18px}.socials{gap:8px}.socials button{border-color:#88b19a88;box-shadow:inset 0 2px #cee0c333,0 4px 7px #001a1922;background:linear-gradient(145deg,#527c6555,#183c32);width:36px;height:36px}
.subscribe{border:1px solid #82a187;background:linear-gradient(120deg,#133d32,#315542);box-shadow:inset 0 2px 5px #021a252c;border-radius:15px;padding:5px}.subscribe input{padding-inline:8px;font-size:15px}.subscribe input::placeholder{color:#bfd3bf}.subscribe button{border-radius:11px;width:38px;height:38px;background:linear-gradient(#fff19b,#f9d833);box-shadow:inset 0 1px #fff}
.footer-bottom{border-top-color:#94ae7140;margin-top:24px;color:#c6ddc8;padding-inline:5px}.preview-disclaimer{color:#a9c3b2}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr;gap:16px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:auto}.footer-intro h2{font-size:23px}}
@media(max-width:850px){.site-header{top:8px}.site-header nav{box-shadow:0 12px 26px #234c2933}.footer-intro{align-items:flex-start}.footer-intro h2{font-size:21px}html{scroll-padding-top:160px}}
@media(max-width:600px){body>footer{padding:22px 16px}.footer-intro{flex-direction:column;gap:17px;padding-bottom:22px}.footer-intro h2{font-size:23px}.footer-grid{grid-template-columns:1fr 1fr;gap:12px}.footer-grid>div{padding:17px 12px;border-radius:16px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-grid h3{font-size:14px;padding:7px 9px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{font-size:15px;padding:7px 2px}.roadmap-cta{font-size:12px}.token-grid{padding:8px 0}.site-header{top:6px}html{scroll-padding-top:170px}}