:root { --bg:#090b0a; --surface:#111412; --line:#2a302b; --muted:#a1aaa2; --lime:#c9ff00; --white:#f5f7f3; --font:'Manrope',Arial,sans-serif; --mono:'DM Mono',monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--white); background:var(--bg); font-family:var(--font); } a { color:inherit; text-decoration:none; } button { font:inherit; color:inherit; }
.nav-shell { height:78px; display:flex; align-items:center; justify-content:space-between; max-width:1380px; margin:auto; padding:0 36px; border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:inline-flex; align-items:center; gap:9px; font-size:23px; font-weight:800; letter-spacing:0; }.brand-logo { display:block; width:29px; height:29px; object-fit:cover; object-position:center; border-radius:3px; background:var(--lime); }
.desktop-nav { display:flex; gap:32px; margin-left:90px; }.desktop-nav a,.language { color:#c2c9c2; font-size:13px; font-weight:600; }.desktop-nav a:hover { color:var(--lime); }.desktop-nav .nav-x { display:grid; place-items:center; width:25px; height:25px; padding:0; border:1px solid #4c584d; color:var(--lime); font-size:13px; line-height:1; }.desktop-nav .nav-x:hover { color:#111; border-color:var(--lime); background:var(--lime); }.nav-actions { display:flex; align-items:center; gap:20px; }.language-picker { position:relative; }.language { background:transparent; border:0; cursor:pointer; padding:8px 0; }.language span { padding-left:4px; }.language-menu { position:absolute; right:0; top:calc(100% + 9px); z-index:20; display:none; min-width:112px; padding:5px; background:#161b17; border:1px solid #39423b; box-shadow:0 14px 30px rgba(0,0,0,.3); }.language-picker.is-open .language-menu { display:grid; }.language-menu button { border:0; background:transparent; text-align:left; padding:10px 11px; color:#b9c3ba; font-size:12px; cursor:pointer; }.language-menu button:hover,.language-menu button[aria-selected="true"] { color:#101410; background:var(--lime); }.button { display:inline-flex; align-items:center; justify-content:center; gap:19px; min-height:50px; padding:0 22px; border:1px solid var(--lime); background:var(--lime); color:#0c0e0d; font-size:13px; font-weight:800; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); background:#ddff55; }.button-small { min-height:39px; padding:0 15px; gap:12px; }.menu-toggle { display:none; background:none; border:0; width:34px; height:34px; padding:7px; }.menu-toggle span{display:block;height:1px;background:white;margin:5px 0;}
.hero { max-width:1380px; min-height:676px; padding:100px 36px 74px; margin:auto; display:grid; grid-template-columns:46% 54%; gap:12px; align-items:center; overflow:hidden; }.hero-copy { position:relative; min-height:560px; }.eyebrow { font:500 11px var(--mono); color:var(--lime); letter-spacing:0; text-transform:uppercase; margin:0 0 23px; }.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--lime); margin-right:7px; box-shadow:0 0 0 4px rgba(201,255,0,.11); }.hero h1,.intro h2,.earn-copy h2,.ecosystem h2,.cta h2 { font-size:clamp(48px,5.9vw,83px); line-height:.98; letter-spacing:0; margin:0; font-weight:700; }.hero-text { color:#bdc4bc; font-size:16px; line-height:1.65; max-width:460px; margin:30px 0; }.hero-actions { display:flex; gap:27px; align-items:center; }.text-link { font-size:13px; font-weight:800; border-bottom:1px solid #687067; padding:10px 0; }.text-link span { margin-left:8px; color:var(--lime); }.hero-proof { display:flex; gap:34px; margin-top:53px; }.hero-proof div { display:grid; gap:5px; }.hero-proof strong { font-size:18px; }.hero-proof span { font-size:11px; color:#8c958d; }
.leaf-evolution { position:absolute; top:34px; left:0; width:100%; height:270px; overflow:visible; }.leaf-stage { position:relative; width:318px; height:270px; transform-origin:24% 88%; animation:leafStageMotion 10s cubic-bezier(.5,0,.2,1) infinite; }.leaf-stage img { position:absolute; display:block; object-fit:cover; object-position:center; background:var(--lime); }.leaf-sprout { z-index:3; width:138px; height:166px; left:46px; bottom:12px; transform-origin:26% 88%; opacity:0; animation:sproutGrowth 10s cubic-bezier(.3,.8,.25,1) infinite; }.leaf-full { z-index:4; width:254px; height:264px; left:44px; bottom:0; border-radius:50% 46% 50% 42%; transform-origin:25% 88%; opacity:0; animation:fullLeafGrowth 10s cubic-bezier(.25,.8,.25,1) infinite; }.growth-stem,.growth-branch { position:absolute; z-index:2; display:block; height:3px; border-radius:3px; background:var(--lime); transform-origin:left center; opacity:0; }.growth-stem { width:164px; left:65px; bottom:46px; transform:rotate(-47deg) scaleX(0); animation:stemGrowth 10s ease-in-out infinite; }.growth-branch { width:74px; left:156px; bottom:119px; transform:rotate(-28deg) scaleX(0); }.branch-a { animation:branchA 10s ease-in-out infinite; }.branch-b { left:133px; bottom:93px; width:63px; transform:rotate(-69deg) scaleX(0); animation:branchB 10s ease-in-out infinite; }.branch-c { left:184px; bottom:148px; width:66px; transform:rotate(-61deg) scaleX(0); animation:branchC 10s ease-in-out infinite; }.branch-d { left:201px; bottom:165px; width:74px; transform:rotate(-22deg) scaleX(0); animation:branchD 10s ease-in-out infinite; }.hero-message { position:absolute; top:308px; left:0; right:0; opacity:0; transform:translateY(18px); animation:messageReveal 10s cubic-bezier(.25,.8,.25,1) infinite; }.hero-message .hero-proof { margin-top:42px; }
@keyframes leafStageMotion { 0%,8% { transform:translate(0,10px) rotate(-9deg); } 38% { transform:translate(12px,3px) rotate(-3deg); } 70%,82% { transform:translate(27px,-7px) rotate(2deg); } 100% { transform:translate(44px,-13px) rotate(6deg); } } @keyframes sproutGrowth { 0%,6% { opacity:0; transform:scale(.16) rotate(-18deg); } 11% { opacity:1; } 38% { opacity:1; transform:scale(.94) rotate(0); } 55% { opacity:1; transform:scale(1.22) rotate(3deg); } 67% { opacity:0; transform:scale(1.42) rotate(5deg); } 100% { opacity:0; transform:scale(1.42) rotate(5deg); } } @keyframes stemGrowth { 0%,18% { opacity:0; transform:rotate(-47deg) scaleX(0); } 22% { opacity:1; } 53% { opacity:1; transform:rotate(-47deg) scaleX(1.12); } 64%,100% { opacity:0; transform:rotate(-47deg) scaleX(1.16); } } @keyframes branchA { 0%,28% { opacity:0; transform:rotate(-28deg) scaleX(0); } 32% { opacity:1; } 55% { opacity:1; transform:rotate(-28deg) scaleX(1.2); } 67%,100% { opacity:0; transform:rotate(-28deg) scaleX(1.2); } } @keyframes branchB { 0%,32% { opacity:0; transform:rotate(-69deg) scaleX(0); } 36% { opacity:1; } 58% { opacity:1; transform:rotate(-69deg) scaleX(1.18); } 69%,100% { opacity:0; transform:rotate(-69deg) scaleX(1.18); } } @keyframes branchC { 0%,36% { opacity:0; transform:rotate(-61deg) scaleX(0); } 40% { opacity:1; } 61% { opacity:1; transform:rotate(-61deg) scaleX(1.16); } 72%,100% { opacity:0; transform:rotate(-61deg) scaleX(1.16); } } @keyframes branchD { 0%,40% { opacity:0; transform:rotate(-22deg) scaleX(0); } 44% { opacity:1; } 64% { opacity:1; transform:rotate(-22deg) scaleX(1.15); } 74%,100% { opacity:0; transform:rotate(-22deg) scaleX(1.15); } } @keyframes fullLeafGrowth { 0%,42% { opacity:0; transform:scale(.18) rotate(-13deg); } 47% { opacity:.45; } 66% { opacity:1; transform:scale(1) rotate(0); } 80% { opacity:1; transform:scale(1.035) rotate(2deg); } 94% { opacity:.94; transform:scale(1.08) rotate(5deg); } 100% { opacity:0; transform:scale(1.1) rotate(7deg); } } @keyframes messageReveal { 0%,68% { opacity:0; transform:translateY(18px); } 76%,92% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-10px); } }
.hero-copy { min-height:610px; }.leaf-evolution { height:312px; }.leaf-stage { width:332px; height:312px; }.leaf-stage img { background:transparent; filter:drop-shadow(0 0 15px rgba(217,255,0,.22)); }.leaf-sprout { width:142px; height:auto; left:49px; bottom:17px; }.leaf-full { width:274px; height:auto; left:34px; bottom:0; border-radius:0; }.hero-message { top:354px; }.hero-message .hero-proof { margin-top:37px; }
/* One root, one silhouette: the mature leaf grows out from the sprout instead of cross-fading over it. */
.growth-stem,.growth-branch { display:none; }.leaf-stage { will-change:transform; }.leaf-sprout,.leaf-full { will-change:transform,opacity; }
@keyframes leafStageMotion { 0%,8% { transform:translate(0,6px) rotate(-6deg); } 48% { transform:translate(7px,1px) rotate(-2deg); } 76%,88% { transform:translate(15px,-3px) rotate(1deg); } 100% { transform:translate(21px,-6px) rotate(3deg); } }
@keyframes sproutGrowth { 0%,5% { opacity:0; transform:scale(.18) rotate(-10deg); } 11% { opacity:1; } 35% { opacity:1; transform:scale(.92) rotate(-1deg); } 51% { opacity:1; transform:scale(1.16) rotate(2deg); } 60% { opacity:.18; transform:scale(1.24) rotate(3deg); } 67%,100% { opacity:0; transform:scale(1.24) rotate(3deg); } }
@keyframes fullLeafGrowth { 0%,18% { opacity:0; transform:scale(.07) rotate(-10deg); } 23% { opacity:1; transform:scale(.15) rotate(-8deg); } 43% { opacity:1; transform:scale(.48) rotate(-4deg); } 66% { opacity:1; transform:scale(1) rotate(0); } 87% { opacity:1; transform:scale(1.025) rotate(1deg); } 100% { opacity:0; transform:scale(1.05) rotate(3deg); } }
@keyframes messageReveal { 0%,68% { opacity:0; transform:translateY(18px); } 76%,91% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-10px); } }
.hero-copy { min-height:626px; }.leaf-evolution { height:338px; }.leaf-stage { width:332px; height:338px; }.leaf-sprout { display:none; }.leaf-full { width:274px; left:34px; bottom:0; transform-origin:20% 92%; filter:drop-shadow(0 0 20px rgba(217,255,0,.25)); }.growth-seed { position:absolute; z-index:5; left:83px; bottom:20px; display:block; width:11px; height:11px; border-radius:50%; background:#d9ff00; box-shadow:0 0 0 6px rgba(217,255,0,.08),0 0 20px rgba(217,255,0,.55); animation:seedPulse 10s ease-out infinite; }.hero-message { top:380px; }
@keyframes seedPulse { 0%,3% { opacity:0; transform:scale(0); } 8% { opacity:1; transform:scale(1); } 18% { opacity:1; transform:scale(1.32); } 27% { opacity:.16; transform:scale(.68); } 33%,100% { opacity:0; transform:scale(0); } }
@keyframes fullLeafGrowth { 0%,8% { opacity:0; transform:scale(.01) rotate(-8deg); } 13% { opacity:1; transform:scale(.055) rotate(-6deg); } 35% { opacity:1; transform:scale(.36) rotate(-3deg); } 62% { opacity:1; transform:scale(1) rotate(0); } 83% { opacity:1; transform:scale(1.018) rotate(1deg); } 100% { opacity:0; transform:scale(1.045) rotate(2deg); } }
@keyframes leafStageMotion { 0%,15% { transform:translate(0,0) rotate(0); } 62%,82% { transform:translate(5px,-3px) rotate(1deg); } 100% { transform:translate(12px,-5px) rotate(2deg); } }
@keyframes messageReveal { 0%,66% { opacity:0; transform:translateY(18px); } 74%,91% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-10px); } }
.leaf-stage,.leaf-full,.growth-seed,.hero-message { animation-duration:20s; }
@keyframes seedPulse { 0%,1.5% { opacity:0; transform:scale(0); } 4% { opacity:1; transform:scale(1); } 9% { opacity:1; transform:scale(1.32); } 13.5% { opacity:.16; transform:scale(.68); } 16.5%,100% { opacity:0; transform:scale(0); } }
@keyframes fullLeafGrowth { 0%,4% { opacity:0; transform:scale(.01) rotate(-8deg); } 6.5% { opacity:1; transform:scale(.055) rotate(-6deg); } 17.5% { opacity:1; transform:scale(.36) rotate(-3deg); } 31% { opacity:1; transform:scale(1) rotate(0); } 41.5%,94% { opacity:1; transform:scale(1.018) rotate(1deg); } 100% { opacity:0; transform:scale(1.045) rotate(2deg); } }
@keyframes leafStageMotion { 0%,7.5% { transform:translate(0,0) rotate(0); } 31%,94% { transform:translate(5px,-3px) rotate(1deg); } 100% { transform:translate(12px,-5px) rotate(2deg); } }
@keyframes messageReveal { 0%,33% { opacity:0; transform:translateY(18px); } 37%,94% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-10px); } }
.hero-visual { position:relative; min-height:470px; display:grid; place-items:center; }.ambient-image { position:absolute; inset:2% -12% -9% 3%; background:radial-gradient(circle at 52% 42%,rgba(167,255,16,.2),transparent 20%), url('https://images.unsplash.com/photo-1639762681485-074b7f938ba0?auto=format&fit=crop&w=1200&q=85') center/cover; opacity:.34; filter:grayscale(1) contrast(1.25); mix-blend-mode:screen; transform:rotate(-5deg); }.terminal-card { position:relative; width:min(520px,92%); padding:18px 21px 17px; background:rgba(13,17,15,.94); border:1px solid #384139; box-shadow:30px 30px 70px rgba(0,0,0,.42); }.terminal-top { display:flex; align-items:center; gap:7px; font:11px var(--mono); color:#d5dbd4; border-bottom:1px solid #283029; padding-bottom:14px; }.terminal-logo { display:block; width:17px; height:17px; object-fit:cover; object-position:center; border-radius:2px; background:var(--lime); }.secure { margin-left:auto; color:var(--lime); font-size:10px; }.market-head { display:flex; justify-content:space-between; padding:17px 0 10px; }.market-head p { color:#aab2ab; font:10px var(--mono); margin:0 0 7px; }.market-head strong { font-size:28px; margin-right:10px; }.positive { color:var(--lime); font:11px var(--mono); }.watch { border:0; background:transparent; font-size:22px; color:#cfd6ce; align-self:flex-start; cursor:pointer; }.chart { height:174px; position:relative; }.chart svg { width:100%; height:100%; }.chart-grid { stroke:#293028; stroke-width:.7; }.chart-line { fill:none; stroke:var(--lime); stroke-width:2.3; }.chart-marker { position:absolute; right:0; top:0; color:#111; background:var(--lime); padding:3px 6px; font:10px var(--mono); }.axis-labels { display:flex; justify-content:space-between; color:#778077; font:9px var(--mono); margin-top:-1px; }.asset-row { display:grid; grid-template-columns:27px 1fr 100px 58px; align-items:center; gap:7px; border-top:1px solid #293028; padding:10px 0; color:#dce1dc; font-size:11px; }.asset-row strong { font:500 11px var(--mono); }.asset-row b { font-weight:400; }.coin { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; color:#fff; font:600 13px var(--mono); }.eth{background:#596274}.sol{background:#2f3635;color:var(--lime)}.usdc{background:#2474ca}.trade-button,.deposit { border:0; background:var(--lime); color:#111; width:100%; height:38px; font-size:12px; font-weight:800; margin-top:6px; cursor:pointer; }.float-card { position:absolute; z-index:2; background:#1a211c; border:1px solid #3d493f; padding:13px 16px; box-shadow:12px 14px 26px rgba(0,0,0,.28); }.float-card span,.float-card b { display:block; font:10px var(--mono); color:#a8b0a9; }.float-card strong { display:block; margin:4px 0; font-size:16px; }.float-card b { color:var(--lime); }.volume-card { top:6%; right:0; }.wallet-card { display:flex; align-items:center; gap:11px; left:0; bottom:8%; }.wallet-icon { width:29px; height:29px; display:grid; place-items:center; background:var(--lime); color:#101210; border-radius:50%; font-size:18px; }.wallet-card strong { font-size:13px; }
.ticker { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(185px,1fr) 4fr; min-height:72px; }.ticker-label { padding:0 36px; display:flex; align-items:center; border-right:1px solid var(--line); color:#bac2ba; font:11px var(--mono); }.ticker-items { display:flex; align-items:center; justify-content:space-around; padding:0 20px; font:11px var(--mono); color:#aeb7ae; }.ticker-items b{color:#e5e9e4;margin:0 7px;font-weight:500}.ticker-items i{color:var(--lime);font-style:normal}
.intro { max-width:1380px; margin:auto; padding:130px 36px 112px; }.intro-grid { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:10%; }.intro h2,.earn-copy h2,.ecosystem h2 { font-size:clamp(38px,4.8vw,64px); }.intro-grid>p { color:#afb8b0; font-size:16px; line-height:1.72; max-width:440px; margin:0 0 8px; }.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); margin-top:80px; }.capability-grid article { background:var(--bg); padding:30px 31px 28px; min-height:270px; }.feature-icon { display:grid; place-items:center; color:var(--lime); font-size:27px; height:42px; }.capability-grid h3 { font-size:18px; margin:33px 0 12px; }.capability-grid p { font-size:13px; line-height:1.7; color:#9ca69d; max-width:300px; }.capability-grid a { font-size:12px; font-weight:800; display:inline-block; margin-top:10px; }.capability-grid a span { color:var(--lime); margin-left:6px; }
.faucet-section { max-width:1380px; margin:0 auto 118px; padding:0 36px; display:grid; grid-template-columns:1fr minmax(360px,520px); gap:8vw; align-items:center; }.faucet-copy h2 { margin:0; font-size:clamp(42px,5vw,68px); line-height:.98; }.faucet-copy p:not(.eyebrow) { max-width:430px; margin:24px 0 0; color:#aeb8af; font-size:15px; line-height:1.72; }.faucet-card { display:grid; gap:16px; padding:24px; border:1px solid #455044; background:#101410; box-shadow:22px 22px 0 #222b23; }.faucet-card label { display:grid; gap:9px; color:#dce4dc; font-size:12px; font-weight:700; }.faucet-card input { width:100%; padding:13px 14px; border:1px solid #3d483e; outline:0; color:#f0f4ef; background:#181e19; font:12px var(--mono); }.faucet-card input:focus { border-color:var(--lime); }.faucet-submit { width:100%; }.faucet-status { min-height:18px; margin:0; overflow-wrap:anywhere; color:#aeb8af; font-size:12px; line-height:1.55; }.faucet-status.is-success { color:var(--lime); }.faucet-status.is-error { color:#ff7b72; }
.earn-section { display:grid; grid-template-columns:1fr 1fr; min-height:570px; background:#e4e9df; color:#101310; }.earn-copy { padding:104px max(36px,calc((100vw - 1308px)/2)) 90px; padding-right:80px; }.earn-copy .eyebrow{color:#55730a}.earn-copy h2{max-width:550px}.earn-copy>p:not(.eyebrow){color:#4e584e;line-height:1.7;font-size:15px;max-width:420px;margin:29px 0}.earn-copy small { display:block; max-width:350px; color:#5e695f; font-size:10px; line-height:1.5; margin-top:25px; }.yield-panel { margin:auto 9vw auto 5vw; background:#111512; color:#f3f6f1; padding:23px; border:1px solid #3f493e; box-shadow:17px 20px 0 #b8c6ae; }.yield-top{display:flex;justify-content:space-between;color:#bbc5ba;font:11px var(--mono);border-bottom:1px solid #303930;padding-bottom:16px}.verified{color:var(--lime)}.yield-asset{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:20px 0}.yield-asset .coin{width:33px;height:33px}.yield-asset b{display:block;font-size:14px}.yield-asset small{display:block;color:#93a094;font-size:10px;margin-top:4px}.yield-asset>strong{font-size:20px;color:var(--lime);text-align:right}.yield-asset>strong small{color:#aeb6ad}.yield-bar{height:5px;background:#2b332d}.yield-bar span{display:block;width:72%;height:100%;background:var(--lime)}.yield-stats{display:flex;justify-content:space-between;font-size:10px;color:#a5afa6;margin:12px 0}.yield-stats b{color:#eff2ed}.deposit{margin-top:7px}
.ecosystem { max-width:1380px; padding:126px 36px 118px; margin:auto; }.section-head { display:flex; align-items:end; justify-content:space-between; }.ecosystem-note { max-width:515px; margin:34px 0 -21px auto; color:#a7b0a8; font-size:14px; line-height:1.72; }.ecosystem-list{margin-top:73px;border-top:1px solid var(--line)}.ecosystem-list>div { min-height:102px; display:grid; grid-template-columns:85px 1.2fr 1.5fr 30px; gap:18px; align-items:center; border-bottom:1px solid var(--line); transition:padding .2s,background .2s; }.ecosystem-list>div:hover{background:#111511;padding-left:14px}.ecosystem-list span{font:11px var(--mono);color:#868e86}.ecosystem-list b{font-size:18px}.ecosystem-list p{font-size:13px;line-height:1.6;color:#939d94;margin:0}.ecosystem-list i{font-style:normal;color:var(--lime);font-size:20px}.cta { padding:125px 36px 130px; text-align:center; background:var(--lime); color:#101410; }.cta .eyebrow{color:#526c0a}.cta h2{font-size:clamp(52px,7.1vw,92px);margin-bottom:34px}.button-light{background:#111512;border-color:#111512;color:#eef4e9}.button-light:hover{background:#293126;color:#fff}
footer { max-width:1380px; margin:auto; min-height:125px; padding:0 36px; display:flex; align-items:center; justify-content:space-between; gap:25px; } footer p,footer a:not(.brand){color:#8d968e;font-size:11px}footer>div{display:flex;align-items:center;gap:25px}.official-x{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(201,255,0,.62);color:var(--lime)!important;font-size:11px!important;font-weight:800}.official-x:hover{background:var(--lime);color:#111!important}.official-x-icon{font-size:15px;line-height:1}.official-x:hover .official-x-icon{color:#111}
.wallet-launch { cursor:pointer; }.wallet-launch.is-connected { min-width:114px; color:#101410; background:#ddff55; border-color:#ddff55; font-family:var(--mono); }.wallet-toast { position:fixed; z-index:50; left:50%; bottom:26px; max-width:calc(100vw - 40px); padding:13px 17px; color:#eef4e9; background:#151a16; border:1px solid #4a5849; box-shadow:0 14px 35px rgba(0,0,0,.35); font-size:12px; line-height:1.45; opacity:0; pointer-events:none; transform:translate(-50%,14px); transition:opacity .22s ease,transform .22s ease; }.wallet-toast.is-visible { opacity:1; transform:translate(-50%,0); }.wallet-modal { position:fixed; z-index:90; inset:0; display:grid; place-items:center; padding:24px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease,visibility .2s ease; }.wallet-modal.is-visible { opacity:1; visibility:visible; pointer-events:auto; }.wallet-modal-backdrop { position:absolute; inset:0; background:rgba(4,6,5,.78); }.wallet-modal-panel { position:relative; z-index:1; width:min(420px,100%); padding:28px; color:#eef4e9; background:#101410; border:1px solid #455044; box-shadow:0 24px 70px rgba(0,0,0,.55); }.wallet-modal-close { position:absolute; top:11px; right:12px; width:30px; height:30px; padding:0; border:0; background:transparent; color:#bfc8bf; font-size:25px; line-height:1; cursor:pointer; }.wallet-modal-close:hover { color:var(--lime); }.wallet-modal-panel h2 { margin:0 0 18px; font:700 28px var(--mono); letter-spacing:0; }.wallet-status-grid { display:grid; grid-template-columns:105px 1fr; gap:10px 14px; padding:16px; border:1px solid #303931; background:#151b16; }.wallet-status-grid span { color:#929d93; font:10px var(--mono); text-transform:uppercase; }.wallet-status-grid strong { min-width:0; overflow-wrap:anywhere; color:#eff4ed; font-size:12px; line-height:1.45; }.wallet-modal-panel p:not(.eyebrow) { margin:16px 0 19px; color:#aeb8af; font-size:12px; line-height:1.65; }.wallet-disconnect { width:100%; min-height:43px; }
.launchpad-modal { position:fixed; z-index:80; inset:0; display:grid; place-items:center; padding:28px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease,visibility .2s ease; }.launchpad-modal.is-open { opacity:1; visibility:visible; pointer-events:auto; }.modal-backdrop { position:absolute; inset:0; border:0; background:rgba(4,6,5,.78); cursor:default; }.launchpad-panel { position:relative; z-index:1; width:min(680px,100%); max-height:calc(100vh - 56px); overflow:auto; padding:37px; color:#edf2e9; background:#101410; border:1px solid #455044; box-shadow:0 24px 70px rgba(0,0,0,.55); }.modal-close { position:absolute; top:14px; right:15px; width:31px; height:31px; padding:0; border:0; background:transparent; color:#bfc8bf; font-size:26px; line-height:1; cursor:pointer; }.modal-close:hover { color:var(--lime); }.launchpad-heading { padding-right:45px; }.launchpad-heading .eyebrow { margin-bottom:12px; }.launchpad-heading h2 { margin:0; font-size:35px; line-height:1; }.launchpad-heading>p:last-child { max-width:465px; margin:14px 0 0; color:#aeb8af; font-size:13px; line-height:1.6; }.wizard-progress { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:30px 0 27px; }.wizard-progress>span { display:grid; grid-template-columns:23px 1fr; gap:7px; align-items:center; color:#778077; font-size:10px; }.wizard-progress b { display:grid; place-items:center; width:23px; height:23px; border:1px solid #556057; border-radius:50%; font:10px var(--mono); }.wizard-progress i { font-style:normal; }.wizard-progress .is-active { color:#eff4ec; }.wizard-progress .is-active b { border-color:var(--lime); color:#12150f; background:var(--lime); }.token-wizard { border-top:1px solid #2c342d; }.wizard-step { display:none; padding-top:24px; }.wizard-step.is-active { display:grid; gap:17px; }.wizard-step label { display:grid; gap:8px; color:#dce4dc; font-size:12px; font-weight:700; }.wizard-step input,.wizard-step textarea,.wizard-step select { width:100%; padding:12px 13px; border:1px solid #3d483e; border-radius:0; outline:0; color:#f0f4ef; background:#181e19; font:12px var(--font); transition:border-color .16s ease; }.wizard-step input:focus,.wizard-step textarea:focus,.wizard-step select:focus { border-color:var(--lime); }.wizard-step textarea { min-height:84px; resize:vertical; }.wizard-step select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,#b4bcb4 50%),linear-gradient(135deg,#b4bcb4 50%,transparent 50%); background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }.choice-row { grid-template-columns:18px 1fr; align-items:start; padding:14px; border:1px solid #303931; background:#151b16; cursor:pointer; }.choice-row input { width:15px; height:15px; margin:1px 0 0; accent-color:var(--lime); }.choice-row b,.choice-row small { display:block; }.choice-row small { margin-top:4px; color:#97a198; font-size:10px; font-weight:400; line-height:1.45; }.wizard-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:7px; }.wizard-back { padding:9px 0; border:0; color:#c1cbc1; background:transparent; font-size:12px; font-weight:700; cursor:pointer; }.wizard-back:hover { color:var(--lime); }.wizard-note { margin:0; color:#a3ada4; font-size:11px; line-height:1.6; }.token-preview { display:grid; grid-template-columns:1fr auto; gap:5px 18px; padding:19px; border:1px solid #3b463c; background:#161c17; }.token-preview>span { grid-column:1/-1; color:var(--lime); font:10px var(--mono); text-transform:uppercase; }.token-preview strong { font-size:20px; }.token-preview>b { align-self:center; padding:5px 7px; color:#131610; background:var(--lime); font:10px var(--mono); }.token-preview p { grid-column:1/-1; margin:7px 0; color:#a9b3a9; font-size:11px; line-height:1.5; }.token-preview>div { display:flex; align-items:baseline; gap:7px; grid-column:1/-1; padding-top:12px; border-top:1px solid #2f3830; }.token-preview>div span { font:15px var(--mono); }.token-preview>div small { color:#97a198; font-size:10px; }.modal-open { overflow:hidden; }
.protocol-visual .ambient-image { opacity:.22; background:linear-gradient(90deg, rgba(201,255,0,.08) 1px, transparent 1px), linear-gradient(rgba(201,255,0,.08) 1px, transparent 1px), url('https://images.unsplash.com/photo-1639762681485-074b7f938ba0?auto=format&fit=crop&w=1200&q=85') center/cover; background-size:38px 38px,38px 38px,cover; }
.protocol-card { position:relative; z-index:1; width:min(520px,92%); padding:18px 21px; background:rgba(13,17,15,.94); border:1px solid #384139; box-shadow:30px 30px 70px rgba(0,0,0,.42); }.protocol-top { display:flex; align-items:center; gap:7px; font:11px var(--mono); color:#d5dbd4; border-bottom:1px solid #283029; padding-bottom:14px; }.protocol-top .secure { margin-left:auto; }.protocol-core { display:flex; align-items:center; gap:18px; padding:26px 4px; border-bottom:1px solid #283029; }.core-ring { width:66px; height:66px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--lime); border-radius:50%; box-shadow:0 0 0 8px rgba(201,255,0,.07), 0 0 30px rgba(201,255,0,.14); background:var(--lime); }.core-ring img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }.protocol-core strong { display:block; font-size:20px; }.protocol-core small { display:block; margin-top:5px; color:#aeb8ae; font-size:11px; }.protocol-lanes { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:17px 0; }.protocol-lanes>div { min-height:91px; padding:11px; background:#171c18; border:1px solid #283029; }.protocol-lanes span { display:block; color:var(--lime); font:10px var(--mono); }.protocol-lanes b { display:block; font-size:11px; margin:11px 0 5px; }.protocol-lanes small { color:#8f998f; font-size:9px; line-height:1.4; }.protocol-footer { display:flex; justify-content:space-between; padding-top:2px; color:#9da79e; font:10px var(--mono); }.protocol-footer b { color:var(--lime); font-weight:500; }.upgrade-card { top:6%; right:0; width:170px; }.upgrade-card strong { font-size:14px; line-height:1.3; }.governance-card { display:flex; align-items:center; gap:11px; left:0; bottom:8%; }.governance-card strong { font-size:13px; }
.upgrade-section { display:grid; grid-template-columns:1fr 1.15fr; gap:7vw; align-items:center; padding:116px max(36px,calc((100vw - 1308px)/2)); background:#e4e9df; color:#101310; }.upgrade-copy h2 { font-size:clamp(42px,5vw,68px); line-height:.98; margin:0; }.upgrade-copy .eyebrow { color:#55730a; }.upgrade-copy>p:not(.eyebrow) { color:#4e584e; line-height:1.72; font-size:15px; max-width:445px; margin:22px 0 0; }.upgrade-copy .button { margin-top:30px; }.comparison-panel { border:1px solid #aab5a8; background:#f2f5ed; }.comparison-head,.comparison-row { display:grid; grid-template-columns:.75fr 1fr 1.25fr; gap:13px; }.comparison-head { padding:14px 16px; color:#687468; background:#d7ded3; font:10px var(--mono); }.comparison-row { min-height:86px; align-items:center; padding:14px 16px; border-top:1px solid #cbd4c8; font-size:11px; line-height:1.55; }.comparison-row b { font-size:12px; }.comparison-row span { color:#657064; }.comparison-row strong { color:#263d18; font-weight:700; }.build-section { max-width:1380px; margin:auto; padding:130px 36px; }.build-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:10%; align-items:end; }.build-heading .eyebrow { grid-column:1/-1; }.build-heading h2 { margin:0; font-size:clamp(42px,5vw,68px); line-height:.98; }.build-heading>p:last-child { color:#aeb7af; line-height:1.72; font-size:15px; margin:0 0 5px; max-width:460px; }.build-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; border-top:1px solid var(--line); }.build-grid article { min-height:265px; padding:28px 28px 20px; border-right:1px solid var(--line); }.build-grid article:first-child { border-left:1px solid var(--line); }.build-grid span { font:11px var(--mono); color:var(--lime); }.build-grid h3 { font-size:19px; margin:45px 0 12px; }.build-grid p { max-width:320px; color:#9ba59c; font-size:13px; line-height:1.7; }
@media(max-width:760px){.nav-shell{height:64px;padding:0 19px;position:relative}.desktop-nav,.nav-actions .button{display:none}.language-picker{display:block}.language{display:block}.desktop-nav.is-open{display:flex;position:absolute;top:63px;left:0;right:0;z-index:10;margin:0;padding:20px;background:#111512;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:63px 20px 54px;gap:34px;min-height:0}.hero h1{font-size:55px}.hero-text{font-size:14px;margin:24px 0}.hero-proof{gap:15px;margin-top:40px;justify-content:space-between}.hero-proof strong{font-size:14px}.hero-proof span{font-size:9px}.hero-visual{min-height:345px}.terminal-card{padding:14px;width:94%}.market-head strong{font-size:23px}.chart{height:130px}.volume-card{right:-2px;top:-8px}.wallet-card{left:-4px;bottom:-15px}.ticker{grid-template-columns:1fr;min-height:0}.ticker-label{height:44px;padding:0 20px;border-right:0;border-bottom:1px solid var(--line)}.ticker-items{height:48px;justify-content:flex-start;gap:22px;overflow:hidden;white-space:nowrap;padding:0 20px}.ticker-items span:nth-child(n+3){display:none}.intro{padding:76px 20px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro h2,.earn-copy h2,.ecosystem h2{font-size:43px}.capability-grid{grid-template-columns:1fr;margin-top:48px}.capability-grid article{min-height:0;padding:25px 21px}.capability-grid h3{margin:19px 0 9px}.earn-section{grid-template-columns:1fr}.earn-copy{padding:74px 20px 52px}.yield-panel{margin:0 28px 67px}.ecosystem{padding:75px 20px}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:23px}.ecosystem-note{margin:28px 0 -12px;font-size:13px}.ecosystem-list{margin-top:46px}.ecosystem-list>div{grid-template-columns:35px 1fr 20px;min-height:118px;gap:8px}.ecosystem-list p{grid-column:2/4;margin-top:-22px;font-size:12px}.ecosystem-list i{grid-column:3;grid-row:1}.cta{padding:83px 20px 90px}.cta h2{font-size:54px}footer{padding:30px 20px;min-height:0;align-items:flex-start;flex-direction:column;gap:17px}footer p{margin:0}footer>div{gap:18px}}
@media(max-width:760px){.protocol-visual{min-height:380px}.protocol-card{padding:14px;width:96%}.protocol-core{padding:22px 4px}.protocol-lanes{gap:5px}.protocol-lanes>div{padding:8px;min-height:100px}.protocol-lanes b{font-size:9px;margin:9px 0 5px}.protocol-lanes small{font-size:8px}.upgrade-card{right:-2px;top:-8px;width:145px}.upgrade-card strong{font-size:12px}.governance-card{left:-4px;bottom:-17px}.upgrade-section{grid-template-columns:1fr;gap:43px;padding:75px 20px}.upgrade-copy h2{font-size:45px}.comparison-head{display:none}.comparison-row{display:grid;grid-template-columns:1fr;gap:6px;min-height:0;padding:16px}.comparison-row b{color:#111}.comparison-row span:before{content:'Before: ';font-family:var(--mono);font-size:9px;color:#7b867b}.comparison-row strong:before{content:'FKHOOD: ';font-family:var(--mono);font-size:9px;color:#55730a}.build-section{padding:76px 20px}.build-heading{grid-template-columns:1fr;gap:25px}.build-heading h2{font-size:45px}.build-grid{grid-template-columns:1fr;margin-top:46px}.build-grid article{min-height:0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 21px}.build-grid h3{margin:27px 0 10px}.build-grid p{margin-bottom:4px}.intro h2,.earn-copy h2,.ecosystem h2{font-size:43px}}
@media(max-width:760px){.faucet-section{grid-template-columns:1fr;gap:30px;margin-bottom:76px;padding:0 20px}.faucet-copy h2{font-size:45px}.faucet-copy p:not(.eyebrow){font-size:14px}.faucet-card{padding:20px;box-shadow:none}.faucet-card input{font-size:11px}}
@media(max-width:760px){.hero-copy{min-height:518px}.leaf-evolution{top:14px;left:0;transform:scale(.78);transform-origin:top left;width:128%}.hero-message{top:267px}.hero-message .hero-proof{margin-top:30px}.hero-proof{gap:11px}.hero-proof strong{font-size:13px}.hero-proof span{font-size:8px}.leaf-stage{width:300px}.hero-message .hero-text{margin:18px 0}.hero-message .hero-actions{gap:18px}.hero-message .button{min-height:46px;padding:0 16px;font-size:12px}}
@media(max-width:760px){.hero-copy{min-height:552px}.hero-message{top:303px}}
@media(max-width:760px){.hero-copy{min-height:566px}.hero-message{top:322px}.leaf-evolution{transform:scale(.76)}.growth-seed{left:83px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.leaf-stage,.leaf-stage *,.hero-message{animation:none!important}.leaf-sprout,.growth-stem,.growth-branch{display:none}.leaf-full{opacity:1;transform:scale(1) rotate(0)}.hero-message{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.growth-seed{display:none}}
@media (min-width: 901px) and (max-width: 1120px){.nav-shell{padding:0 26px}.desktop-nav{margin-left:34px;gap:19px}.nav-actions{gap:13px}.hero{grid-template-columns:48% 52%;padding:78px 30px 64px;gap:0}.hero-copy{min-height:594px}.leaf-evolution{transform:scale(.86);transform-origin:top left;width:116%}.hero-message{top:350px}.hero h1{font-size:64px}.hero-visual{min-height:435px}.protocol-card{width:90%;padding:16px}.protocol-lanes>div{padding:9px}.upgrade-card{right:-4px}.governance-card{left:-8px}}
@media (min-width: 761px) and (max-width: 900px){.nav-shell{padding:0 24px}.desktop-nav{margin-left:22px;gap:14px}.desktop-nav a{font-size:12px}.nav-actions{gap:11px}.hero{grid-template-columns:1fr;padding:66px 48px 54px;gap:12px}.hero-copy{min-height:570px;max-width:570px}.leaf-evolution{transform:scale(.8);transform-origin:top left;width:125%}.hero-message{top:336px}.hero h1{font-size:61px}.hero-visual{min-height:405px;max-width:590px;width:100%;justify-self:center}.protocol-card{width:84%}.upgrade-card{right:0}.governance-card{left:2%}}
@media (min-width: 541px) and (max-width: 760px){.hero{padding:52px 24px 44px;gap:18px}.hero-copy{min-height:550px}.leaf-evolution{top:15px;transform:scale(.74);transform-origin:top left;width:135%}.hero-message{top:310px}.hero h1{font-size:51px}.hero-message .hero-text{max-width:510px}.hero-message .hero-actions{flex-wrap:wrap;row-gap:8px}.hero-visual{min-height:370px}.protocol-card{width:90%}.wallet-toast{bottom:20px}}
@media (min-width: 390px) and (max-width: 760px){.nav-actions{gap:10px}.nav-actions .wallet-launch{display:inline-flex;min-height:36px;padding:0 11px;font-size:11px;white-space:nowrap}}
@media (min-width: 390px) and (max-width: 540px){.nav-shell{padding:0 18px}.hero{padding:48px 20px 42px;gap:12px}.hero-copy{min-height:526px}.leaf-evolution{top:13px;transform:scale(.67);transform-origin:top left;width:150%}.hero-message{top:284px}.hero h1{font-size:47px}.hero-message .hero-text{font-size:13px;line-height:1.6;margin:17px 0}.hero-message .hero-actions{flex-wrap:wrap;gap:10px 18px}.hero-message .button{min-height:44px;padding:0 14px}.hero-proof{gap:8px}.hero-proof div{max-width:31%}.hero-proof strong{font-size:12px}.hero-proof span{font-size:8px;line-height:1.35}.hero-visual{min-height:342px}.protocol-card{width:94%}.upgrade-card{width:136px}.governance-card{bottom:-11px}.wallet-toast{bottom:16px;font-size:11px}}
@media (max-width: 389px){.nav-shell{padding:0 15px}.brand{gap:7px;font-size:20px}.brand-logo{width:25px;height:25px}.hero{padding:45px 16px 38px;gap:8px}.hero-copy{min-height:488px}.leaf-evolution{top:12px;transform:scale(.58);transform-origin:top left;width:170%}.hero-message{top:247px}.hero h1{font-size:42px}.hero-message .hero-text{font-size:12px;line-height:1.55;margin:15px 0}.hero-message .hero-actions{flex-wrap:wrap;gap:8px 14px}.hero-message .button{min-height:42px;padding:0 12px;font-size:11px}.hero-message .text-link{font-size:11px}.hero-proof{margin-top:24px;gap:6px}.hero-proof strong{font-size:11px}.hero-proof span{font-size:7px;line-height:1.25}.hero-visual{min-height:315px}.protocol-card{width:96%;padding:12px}.protocol-core{gap:12px;padding:18px 2px}.core-ring{width:53px;height:53px}.protocol-core strong{font-size:17px}.protocol-lanes{gap:4px;padding:12px 0}.protocol-lanes>div{min-height:88px;padding:6px}.protocol-lanes b{font-size:8px;margin:8px 0 4px}.protocol-lanes small{font-size:7px}.upgrade-card{width:122px;padding:10px 12px}.upgrade-card strong{font-size:11px}.governance-card{bottom:-15px}.wallet-toast{bottom:14px;padding:11px 13px;font-size:10px}}
@media (max-width: 900px) and (orientation: landscape){.hero{grid-template-columns:1fr 1fr;padding:34px 30px 38px;gap:10px}.hero-copy{min-height:420px}.leaf-evolution{top:7px;transform:scale(.56);transform-origin:top left;width:175%}.hero-message{top:211px}.hero h1{font-size:39px}.hero-message .hero-text{font-size:12px;margin:13px 0}.hero-message .hero-proof{margin-top:20px}.hero-visual{min-height:360px}.protocol-card{width:88%}.upgrade-card{top:1%;right:-4px}.governance-card{bottom:1%;left:-2px}}
@media (max-width: 900px) and (orientation: landscape){.hero{grid-template-columns:1fr;padding:34px 30px 38px;gap:14px}.hero-copy{min-height:486px;max-width:620px}.leaf-evolution{top:7px;transform:scale(.56);transform-origin:top left;width:175%}.hero-message{top:211px;right:auto;max-width:590px}.hero-message .hero-actions{flex-wrap:wrap}.hero-visual{min-height:350px;max-width:620px;width:100%;justify-self:start}.protocol-card{width:88%}.upgrade-card{top:1%;right:-4px}.governance-card{bottom:1%;left:-2px}}
@media (max-width: 600px){.launchpad-modal{align-items:end;padding:10px}.launchpad-panel{max-height:calc(100vh - 20px);padding:28px 20px 21px}.launchpad-heading h2{font-size:29px}.launchpad-heading>p:last-child{font-size:12px}.wizard-progress{gap:3px;margin:23px 0 20px}.wizard-progress>span{grid-template-columns:20px 1fr;gap:4px;font-size:9px}.wizard-progress b{width:20px;height:20px;font-size:9px}.wizard-actions{gap:11px}.wizard-actions .button{min-height:44px;padding:0 15px}.token-preview{padding:15px}.modal-close{top:10px;right:10px}}
@media (max-width: 389px){.launchpad-panel{padding:25px 15px 17px}.launchpad-heading h2{font-size:26px}.wizard-progress i{font-size:8px}.wizard-step{padding-top:19px}.wizard-step.is-active{gap:13px}.wizard-step input,.wizard-step textarea,.wizard-step select{padding:10px 11px}.token-preview strong{font-size:18px}}
.wizard-error { display:none; margin:0; color:#ff6b63; font-size:12px; font-weight:700; line-height:1.5; }.wizard-error.is-visible { display:block; }
.token-avatar-upload { position:relative; min-height:88px; grid-template-columns:1fr 68px; align-items:center; gap:14px; padding:14px; border:1px dashed #465246; background:#151b16; cursor:pointer; overflow:hidden; }.token-avatar-upload>span:first-child { grid-column:1/-1; }.avatar-input { position:absolute; inset:0; z-index:3; width:100%!important; height:100%; opacity:0; cursor:pointer; }.avatar-drop { display:grid; gap:4px; align-self:end; }.avatar-drop b { color:#eff4ec; font-size:12px; }.avatar-drop small { color:#97a198; font-size:10px; font-weight:400; }.avatar-preview { display:none; grid-column:2; grid-row:2; width:64px; height:64px; object-fit:cover; border:1px solid var(--lime); border-radius:50%; background:#101410; }.avatar-preview.is-visible { display:block; }.preview-identity { display:flex; align-items:center; gap:11px; grid-column:1/-1; }.preview-avatar-fallback,.preview-avatar { display:grid; flex:0 0 auto; place-items:center; width:42px; height:42px; border-radius:50%; color:#141710; background:var(--lime); font:11px var(--mono); }.preview-avatar { display:none; object-fit:cover; border:1px solid var(--lime); background:#101410; }.preview-avatar.is-visible { display:block; }.preview-avatar-fallback.is-hidden { display:none; }.preview-identity>div { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:1; }.preview-identity strong { font-size:20px; }.preview-identity b { padding:5px 7px; color:#131610; background:var(--lime); font:10px var(--mono); }
.launchpad-page-body { min-height:100vh; background:#090b0a; }.launchpad-nav { display:flex; align-items:center; justify-content:space-between; height:78px; max-width:1380px; margin:auto; padding:0 36px; border-bottom:1px solid rgba(255,255,255,.12); }.launchpad-nav-actions { display:flex; align-items:center; gap:28px; }.launchpad-back { padding-bottom:7px; border-bottom:1px solid #586257; color:#c8d0c8; font-size:12px; font-weight:800; }.launchpad-back span { margin-left:8px; color:var(--lime); }.launchpad-page { display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); gap:9vw; align-items:start; max-width:1260px; margin:auto; padding:100px 36px 130px; }.launchpad-page-intro { position:sticky; top:50px; padding-top:23px; }.launchpad-page-intro h1 { margin:0; font-size:68px; line-height:.98; }.launchpad-page-intro>p:not(.eyebrow) { max-width:440px; margin:27px 0 0; color:#acb6ad; font-size:15px; line-height:1.72; }.launchpad-principles { display:grid; gap:12px; margin-top:52px; }.launchpad-principles span { display:grid; grid-template-columns:35px 1fr; align-items:center; gap:12px; min-height:45px; border-bottom:1px solid #2a312b; color:#dce3dc; font-size:12px; }.launchpad-principles b { color:var(--lime); font:10px var(--mono); }.launchpad-principles i { font-style:normal; }.launchpad-page .launchpad-panel { width:100%; max-height:none; overflow:visible; padding:34px; box-shadow:24px 24px 0 #222b23; }.launchpad-page .launchpad-heading { padding-right:0; }.launchpad-page .wizard-progress { margin-top:32px; }.launchpad-page .token-wizard { min-height:330px; }
@media (max-width: 980px){.launchpad-page{grid-template-columns:minmax(0,.75fr) minmax(420px,1fr);gap:52px;padding:78px 30px 100px}.launchpad-page-intro h1{font-size:57px}.launchpad-page .launchpad-panel{padding:29px;box-shadow:16px 16px 0 #222b23}}
@media (max-width: 760px){.launchpad-nav{height:64px;padding:0 20px}.launchpad-nav-actions{gap:18px}.launchpad-back{font-size:11px}.launchpad-page{grid-template-columns:1fr;gap:47px;padding:58px 20px 82px}.launchpad-page-intro{position:static;padding-top:0}.launchpad-page-intro h1{font-size:48px}.launchpad-page-intro>p:not(.eyebrow){font-size:14px}.launchpad-principles{margin-top:35px}.launchpad-page .launchpad-panel{padding:24px 20px;box-shadow:none}.launchpad-page .launchpad-heading h2{font-size:31px}}
@media (max-width: 430px){.launchpad-nav{padding:0 16px}.launchpad-back{font-size:0;border:0;padding:6px}.launchpad-back span{margin:0;font-size:17px}.launchpad-page{padding:45px 16px 65px}.launchpad-page-intro h1{font-size:43px}.launchpad-page .launchpad-panel{padding:22px 16px}.launchpad-page .wizard-progress{margin:23px 0 20px}.launchpad-page .wizard-progress i{font-size:8px}}
.leaf-stage,.leaf-full,.growth-seed,.hero-message { animation-duration:10s; animation-iteration-count:1; animation-fill-mode:forwards; }.leaf-metallic { position:absolute; z-index:5; left:34px; bottom:0; width:274px; height:333px; pointer-events:none; opacity:0; transform-origin:20% 92%; background:linear-gradient(112deg,#9fc600 0%,#d9ff00 28%,#fffecb 46%,#d9ff00 61%,#86aa00 100%); background-size:245% 100%; background-position:140% 0; -webkit-mask:url('assets/fkhood-leaf-full-yellow.png') center/100% 100% no-repeat; mask:url('assets/fkhood-leaf-full-yellow.png') center/100% 100% no-repeat; animation:metalReveal 10s cubic-bezier(.25,.8,.25,1) forwards,metalSheen 3.4s 10s ease-in-out infinite; }.leaf-spark { position:absolute; z-index:6; width:7px; height:7px; background:#fffde4; opacity:0; transform:rotate(45deg) scale(0); box-shadow:0 0 10px 2px rgba(255,254,203,.72); animation:sparkleFlash 2.8s 10s ease-in-out infinite; }.leaf-spark:before,.leaf-spark:after { position:absolute; content:''; background:#fffde4; }.leaf-spark:before { width:1px; height:19px; left:3px; top:-6px; }.leaf-spark:after { width:19px; height:1px; left:-6px; top:3px; }.spark-one { left:228px; top:52px; animation-delay:10.2s; }.spark-two { left:276px; top:128px; animation-delay:11.35s; }.spark-three { left:156px; top:178px; animation-delay:12.4s; }
@keyframes seedPulse { 0%,3% { opacity:0; transform:scale(0); } 8% { opacity:1; transform:scale(1); } 18% { opacity:1; transform:scale(1.32); } 27%,100% { opacity:0; transform:scale(0); } }
@keyframes fullLeafGrowth { 0%,8% { opacity:0; transform:scale(.01) rotate(-8deg); } 13% { opacity:1; transform:scale(.055) rotate(-6deg); } 35% { opacity:1; transform:scale(.36) rotate(-3deg); } 62%,100% { opacity:1; transform:scale(1) rotate(0); } }
@keyframes leafStageMotion { 0%,15% { transform:translate(0,0) rotate(0); } 62%,100% { transform:translate(5px,-3px) rotate(1deg); } }
@keyframes messageReveal { 0%,66% { opacity:0; transform:translateY(18px); } 74%,100% { opacity:1; transform:translateY(0); } }
@keyframes metalReveal { 0%,62% { opacity:0; transform:scale(.01) rotate(-8deg); } 74% { opacity:.26; transform:scale(1) rotate(0); } 100% { opacity:.48; transform:scale(1) rotate(0); } }
@keyframes metalSheen { 0%,100% { background-position:140% 0; } 52% { background-position:-38% 0; } }
@keyframes sparkleFlash { 0%,100% { opacity:0; transform:rotate(45deg) scale(0); } 38%,56% { opacity:.92; transform:rotate(45deg) scale(1); } 72% { opacity:0; transform:rotate(45deg) scale(.35); } }
@media(prefers-reduced-motion:reduce){.leaf-metallic,.leaf-spark{display:none}}
.roadmap { max-width:1380px; margin:auto; padding:125px 36px 118px; border-top:1px solid var(--line); }.roadmap-head { display:grid; grid-template-columns:1.1fr .9fr; column-gap:10%; align-items:end; }.roadmap-head .eyebrow { grid-column:1/-1; }.roadmap-head h2 { margin:0; font-size:64px; line-height:.98; }.roadmap-head>p:last-child { max-width:430px; margin:0 0 5px; color:#aab4ab; font-size:15px; line-height:1.72; }.roadmap-track { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin:73px 0 0; padding:0; list-style:none; }.roadmap-track:before { position:absolute; top:16px; left:8%; right:8%; height:1px; content:''; background:#354035; }.roadmap-track li { position:relative; min-height:195px; padding:0 20px 0 0; }.roadmap-index { position:relative; z-index:1; display:grid; place-items:center; width:33px; height:33px; border:1px solid #4b574b; border-radius:50%; color:#aeb9af; background:var(--bg); font:10px var(--mono); }.roadmap-track li.is-current .roadmap-index { color:#131610; border-color:var(--lime); background:var(--lime); box-shadow:0 0 0 7px rgba(201,255,0,.09); }.roadmap-track li>div { margin-top:24px; }.roadmap-track b { display:block; max-width:165px; font-size:16px; line-height:1.28; }.roadmap-track p { max-width:180px; margin:10px 0 0; color:#929d93; font-size:12px; line-height:1.6; }.roadmap-track i { display:inline-block; margin-top:13px; color:#849184; font:10px var(--mono); font-style:normal; text-transform:uppercase; }.roadmap-track .is-current i { color:var(--lime); }.roadmap-track li:nth-child(2) .roadmap-index { border-color:#7d8c7d; color:#d9e0d9; }
@media (max-width: 900px){.roadmap{padding:92px 30px}.roadmap-head h2{font-size:55px}.roadmap-track li{padding-right:13px}.roadmap-track b{font-size:14px}.roadmap-track p{font-size:11px}}
@media (max-width: 760px){.roadmap{padding:76px 20px}.roadmap-head{grid-template-columns:1fr;gap:24px}.roadmap-head h2{font-size:44px}.roadmap-head>p:last-child{font-size:14px}.roadmap-track{display:grid;grid-template-columns:1fr;gap:0;margin-top:48px}.roadmap-track:before{top:17px;bottom:17px;left:16px;right:auto;width:1px;height:auto}.roadmap-track li{display:grid;grid-template-columns:48px 1fr auto;gap:0;min-height:0;padding:0 0 28px}.roadmap-track li>div{margin:2px 15px 0}.roadmap-track b{max-width:none;font-size:16px}.roadmap-track p{max-width:none;font-size:12px;margin-top:6px}.roadmap-track i{margin-top:4px;font-size:9px}.roadmap-index{width:33px;height:33px}.roadmap-track li:last-child{padding-bottom:0}}
.docs-page-body { min-height:100vh; background:#090b0a; }.docs-nav { display:flex; align-items:center; justify-content:space-between; height:78px; max-width:1380px; margin:auto; padding:0 36px; border-bottom:1px solid rgba(255,255,255,.12); }.docs-nav>div { display:flex; align-items:center; gap:23px; }.docs-back { padding-bottom:7px; border-bottom:1px solid #586257; color:#c8d0c8; font-size:12px; font-weight:800; }.docs-back span { margin-left:8px; color:var(--lime); }.docs-layout { display:grid; grid-template-columns:205px minmax(0,760px); gap:82px; max-width:1100px; margin:auto; padding:70px 36px 130px; }.docs-sidebar { position:sticky; top:34px; align-self:start; display:grid; gap:4px; padding-top:8px; }.docs-sidebar p { margin:0 0 13px; color:var(--lime); font:10px var(--mono); }.docs-sidebar a { padding:8px 10px; border-left:1px solid transparent; color:#909b91; font-size:12px; }.docs-sidebar a:hover,.docs-sidebar a.is-active { border-left-color:var(--lime); color:#eff4ec; background:#121712; }.docs-content { min-width:0; }.docs-content h1 { margin:0; font-size:64px; line-height:.98; }.docs-lead { max-width:650px; margin:24px 0 32px; color:#abb5ac; font-size:16px; line-height:1.7; }.docs-notice { display:grid; grid-template-columns:98px 1fr; gap:18px; padding:18px; border:1px solid #51604f; background:#151b16; }.docs-notice b { color:var(--lime); font:10px var(--mono); text-transform:uppercase; }.docs-notice p { margin:0; color:#c4cec4; font-size:12px; line-height:1.65; }.docs-content section { padding-top:66px; scroll-margin-top:25px; }.docs-content h2 { margin:0 0 17px; font-size:30px; line-height:1.1; }.docs-content h3 { margin:28px 0 9px; font-size:17px; }.docs-content p,.docs-content li { color:#aeb8af; font-size:14px; line-height:1.75; }.docs-content p { margin:0 0 16px; }.docs-content ol,.docs-content ul { margin:16px 0; padding-left:21px; }.docs-content code { color:#e5f2b6; font:12px var(--mono); }.docs-content pre { overflow:auto; margin:22px 0; padding:18px; border:1px solid #303b31; background:#111611; }.docs-content pre code { color:#e1e9df; font-size:12px; line-height:1.65; }.docs-content table { width:100%; margin:20px 0; border-collapse:collapse; font-size:12px; }.docs-content th,.docs-content td { padding:12px; border:1px solid #303931; text-align:left; vertical-align:top; }.docs-content th { color:#e6ede6; background:#151b16; font-weight:700; }.docs-content td { color:#aeb8af; }.docs-content a { color:var(--lime); border-bottom:1px solid rgba(201,255,0,.45); }.docs-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin:20px 0; background:#303931; }.docs-grid>div { display:grid; gap:7px; min-height:100px; padding:16px; background:#101510; }.docs-grid b { color:#eff4ed; font-size:13px; }.docs-grid span { color:#9da79e; font-size:11px; line-height:1.55; }.docs-checklist { list-style:none; padding-left:0!important; }.docs-checklist li { position:relative; padding:7px 0 7px 24px; }.docs-checklist li:before { position:absolute; left:0; color:var(--lime); content:'✓'; font-weight:800; }
@media (max-width: 800px){.docs-nav{padding:0 22px}.docs-layout{grid-template-columns:1fr;gap:42px;padding:52px 22px 90px}.docs-sidebar{position:static; display:flex; gap:4px; overflow-x:auto; padding:0 0 4px; white-space:nowrap}.docs-sidebar p{display:none}.docs-sidebar a{flex:0 0 auto;border-left:0;border-bottom:1px solid transparent}.docs-sidebar a:hover,.docs-sidebar a.is-active{border-left:0;border-bottom-color:var(--lime)}.docs-content h1{font-size:49px}.docs-lead{font-size:15px}.docs-content section{padding-top:50px}}
@media (max-width: 520px){.docs-nav{height:64px;padding:0 16px}.docs-nav .brand{font-size:20px}.docs-nav .brand-logo{width:25px;height:25px}.docs-nav>div{gap:12px}.docs-back{font-size:0;border:0;padding:5px}.docs-back span{margin:0;font-size:17px}.docs-nav .button{min-height:35px;padding:0 10px;font-size:10px;gap:6px}.docs-layout{padding:42px 16px 68px}.docs-content h1{font-size:43px}.docs-lead{font-size:14px}.docs-notice{grid-template-columns:1fr;gap:8px}.docs-content h2{font-size:27px}.docs-content p,.docs-content li{font-size:13px}.docs-content pre{margin-left:-2px;margin-right:-2px;padding:14px}.docs-content table{display:block;overflow-x:auto}.docs-grid{grid-template-columns:1fr}}