:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#06162d;--ink-soft:#06162dbd;--base-blue:#1456ff;--beryl:#20d8ce;--mint:#a6fff0;--leaf:#08a985;--lime:#c7ff5f;--pink:#ff6fb1;--sun:#ffe86a;--paper:#f4fffb;--white:#fff;--line:#06162d2e;--shadow:10px 12px 0 #06162deb;--soft-shadow:0 26px 70px #06162d2e;--radius-xl:42px;--radius-lg:30px;--grid:minmax(20px, 1fr) minmax(0, 1180px) minmax(20px, 1fr);background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 9%,#ffe86acc 0 9rem,#0000 18rem),radial-gradient(circle at 82% 12%,#ff6fb147 0 10rem,#0000 22rem),radial-gradient(circle at 74% 68%,#20d8ce5c 0 14rem,#0000 30rem),linear-gradient(135deg,#f7fffb 0%,#dffcf7 44%,#eff5ff 100%);min-width:320px;margin:0;overflow-x:hidden}body:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(#06162d0e 2px,#0000 2px),linear-gradient(90deg,#06162d0e 2px,#0000 2px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000c7,#0000 82%);mask-image:linear-gradient(#000000c7,#0000 82%)}button,a{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:4px solid var(--sun);outline-offset:5px}.sparkle-field{z-index:-1;pointer-events:none;position:fixed;inset:0;width:100vw!important;height:100vh!important}.page{isolation:isolate;grid-template-columns:var(--grid);row-gap:clamp(28px,5vw,72px);padding:24px 0 36px;display:grid;position:relative}.page>*{grid-column:2}.comic-panel{border:3px solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow), var(--soft-shadow);background:#ffffffd1;position:relative}.comic-panel:after{z-index:-1;border-radius:calc(var(--radius-xl) - 8px);content:"";opacity:.28;background-image:radial-gradient(#06162d24 1px,#0000 1.6px);background-size:12px 12px;position:absolute;inset:10px}.hero{background:radial-gradient(circle at 82% 20%,#c7ff5fb3,#0000 18rem),radial-gradient(circle at 15% 86%,#1456ff29,#0000 19rem),#ffffffc2;align-items:center;gap:clamp(24px,4vw,56px);min-height:calc(100svh - 48px);padding:clamp(20px,4vw,54px);display:grid}.hero:before{aspect-ratio:1;border:3px solid var(--ink);content:"$BERYL";background:var(--sun);width:clamp(76px,13vw,146px);color:var(--ink);letter-spacing:.08em;box-shadow:5px 6px 0 var(--ink);border-radius:999px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.78rem,1.4vw,1rem);font-weight:1000;display:grid;position:absolute;top:clamp(14px,3vw,38px);right:clamp(14px,3vw,42px);transform:rotate(12deg)}.hero__copy{max-width:620px}.eyebrow,.section-kicker,.ticker,.footer{letter-spacing:.12em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.eyebrow{color:var(--base-blue);margin:0 0 16px;font-size:.84rem}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.085em;text-wrap:balance;max-width:10ch;margin-bottom:18px;font-size:clamp(3.8rem,12vw,9.6rem);line-height:.83}h1 span{color:var(--beryl);-webkit-text-stroke:clamp(1px, .2vw, 3px) var(--ink);text-shadow:5px 6px 0 var(--ink);display:block}h2{font-size:clamp(2.5rem,7vw,5.8rem)}.ticker{border:3px solid var(--ink);background:var(--lime);min-height:42px;box-shadow:4px 5px 0 var(--ink);border-radius:999px;align-items:center;margin:0 0 18px;padding:7px 14px;display:inline-flex}.lede,.steps p,.metric p,.metric strong,.contract__box code,.social-link span{font-size:clamp(1rem,2vw,1.17rem);line-height:1.55}.lede{max-width:36rem;color:var(--ink-soft);margin-bottom:28px;font-weight:720}.actions{flex-wrap:wrap;gap:14px;display:flex}.button,.contract__box button,.social-link{border:3px solid var(--ink);min-height:52px;box-shadow:4px 5px 0 var(--ink);border-radius:999px;padding:13px 18px;font-weight:1000;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}.button:hover,.contract__box button:hover:not(:disabled),.social-link:hover{box-shadow:1px 2px 0 var(--ink);transform:translate(3px,3px)rotate(-1deg)}.button--primary{background:var(--ink);color:var(--white)}.button--ghost,.contract__box button,.social-link{background:var(--white)}.button[aria-disabled=true]{cursor:not-allowed;opacity:.76}.mascot-shell{--tilt-x:0deg;--tilt-y:0deg;--shine-x:50%;--shine-y:50%;perspective:900px;place-items:center;min-height:420px;display:grid;position:relative}.mascot-button{aspect-ratio:1;cursor:pointer;width:min(86vw,540px);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;background:0 0;border:0;border-radius:44px;padding:0;transition:transform .22s cubic-bezier(.2,.8,.2,1);animation:4s ease-in-out infinite mascot-bob;position:relative}.mascot-button img{z-index:2;border:3px solid var(--ink);object-fit:cover;width:100%;height:100%;box-shadow:10px 12px 0 var(--ink), 0 26px 54px #06162d3d;border-radius:44px;position:relative}.shine{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--shine-x) var(--shine-y), #ffffffb8, transparent 8rem);mix-blend-mode:screen;border-radius:44px;position:absolute;inset:0}.mascot-orbit{z-index:1;border:3px solid var(--ink);background:var(--sun);box-shadow:5px 7px 0 var(--ink);border-radius:999px;position:absolute}.mascot-orbit--one{aspect-ratio:1;width:72px;animation:5s ease-in-out infinite orbit-one;top:11%;right:-3%}.mascot-orbit--two{aspect-ratio:1;background:var(--pink);width:42px;animation:4.2s ease-in-out infinite orbit-two;bottom:18%;left:-2%}.speech-bubble{z-index:4;border:3px solid var(--ink);background:var(--white);box-shadow:4px 5px 0 var(--ink);border-radius:22px 22px 22px 4px;padding:10px 14px;font-weight:1000;position:absolute;top:7%;left:3%;transform:rotate(-8deg)}.comic-burst{z-index:5;border:3px solid var(--ink);background:var(--sun);color:var(--ink);box-shadow:4px 4px 0 var(--ink);pointer-events:none;border-radius:999px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:1000;animation:.85s cubic-bezier(.15,.86,.24,1) forwards burst;position:absolute;translate:-50% -50%}.contract,.how,.socials{padding:clamp(24px,5vw,48px)}.section-kicker{border:3px solid var(--ink);background:var(--pink);color:var(--white);box-shadow:4px 5px 0 var(--ink);border-radius:999px;margin-bottom:18px;padding:7px 12px;display:inline-block;transform:rotate(-2deg)}.contract__header{justify-content:space-between;align-items:start;gap:24px;display:flex}.sticker{border:3px solid var(--ink);background:var(--lime);box-shadow:5px 6px 0 var(--ink);border-radius:999px;flex:none;padding:12px 15px;font-weight:1000;transform:rotate(10deg)}.contract__box{align-items:center;gap:14px;display:grid}.contract__box code{overflow-wrap:anywhere;border:3px dashed var(--ink);background:#f7fffd;border-radius:22px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.contract__box button{cursor:pointer}.contract__box button:disabled{cursor:not-allowed;opacity:.62}.tokenomics{gap:18px;display:grid}.tokenomics__intro,.metric{padding:clamp(24px,4vw,42px)}.metric{background:var(--white);flex-direction:column;justify-content:space-between;min-height:190px;display:flex}.metric:nth-of-type(2){transform:rotate(-1.4deg)}.metric:nth-of-type(3){transform:rotate(1.2deg)}.metric p{color:var(--ink-soft);margin-bottom:26px;font-weight:850}.metric strong{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.3rem);line-height:.95}.how{background:radial-gradient(circle at 90% 10%,#ffe86ab8,#0000 13rem),#ffffffdb;gap:clamp(22px,4vw,42px);display:grid}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:3px solid var(--ink);background:var(--white);box-shadow:4px 5px 0 var(--ink);border-radius:26px;padding:18px 18px 18px 74px;transition:transform .18s,box-shadow .18s;position:relative}.steps li:hover{box-shadow:1px 2px 0 var(--ink);transform:translate(3px,3px)}.steps span{aspect-ratio:1;border:3px solid var(--ink);background:var(--beryl);width:40px;color:var(--white);border-radius:999px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:1000;display:grid;position:absolute;top:18px;left:16px}.steps strong{margin-bottom:6px;display:block}.steps p{color:var(--ink-soft);margin-bottom:0;font-weight:700}.socials{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.social-link{align-items:center;gap:10px;display:inline-flex}.social-link svg{fill:currentColor;width:22px;height:22px}.footer{color:#06162d9e;flex-wrap:wrap;justify-content:space-between;gap:10px 22px;font-size:.78rem;display:flex}.reveal{opacity:1;transition:opacity .68s,transform .68s cubic-bezier(.16,.84,.25,1);transform:translateY(26px)scale(.985)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}@keyframes mascot-bob{0%,to{translate:0}50%{translate:0 -14px}}@keyframes orbit-one{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-18px,18px)rotate(13deg)}}@keyframes orbit-two{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(24px,-12px)rotate(-12deg)}}@keyframes burst{0%{opacity:0;translate:-50% -50%;scale:.4}18%{opacity:1;scale:1.05}to{opacity:0;translate:-50% -140%;scale:1.25}}@media (width>=860px){.page{--grid:minmax(32px, 1fr) minmax(0, 1180px) minmax(32px, 1fr)}.hero{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)}.contract__box{grid-template-columns:minmax(0,1fr) auto}.tokenomics{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.tokenomics .section-kicker{grid-column:1/-1;justify-self:start}.tokenomics__intro{grid-column:span 2}.metric{grid-column:span 1}.how{grid-template-columns:minmax(0,.72fr) minmax(340px,1fr);align-items:start}.socials{flex-direction:row;justify-content:space-between;align-items:center}}@media (width<=620px){.page{row-gap:28px;padding-top:18px}.comic-panel{box-shadow:6px 7px 0 var(--ink), var(--soft-shadow)}.hero{min-height:auto;padding-top:76px}.hero:before{width:76px;top:16px;left:auto;right:22px}h1{font-size:clamp(3.7rem,19vw,5.8rem)}h2{font-size:clamp(2.7rem,13vw,4.2rem)}.mascot-shell{min-height:330px}.mascot-button{width:min(86vw,380px)}.contract__header{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}