:root { --forest:#123d28; --forest-2:#1d5c39; --leaf:#4c9a52; --lime:#a6d45f; --cream:#fbf8ec; --paper:#fffdf6; --ink:#17271d; --muted:#5f6f64; --gold:#efc951; --line:#dce5d8; --shadow:0 24px 60px rgba(18,61,40,.14); font-family:Inter,ui-rounded,"Segoe UI",system-ui,sans-serif; color:var(--ink); background:var(--cream); font-synthesis:none; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; overflow-x:hidden; background:radial-gradient(circle at 50% 0,#edf5df 0,transparent 480px),var(--cream); }
a { color:inherit; }
.skip-link { position:fixed; top:8px; left:8px; z-index:50; padding:10px 14px; transform:translateY(-150%); border-radius:8px; color:white; background:var(--forest); }.skip-link:focus{transform:none}
.marketing-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:78px; padding:0 max(24px,calc((100vw - 1220px)/2)); border-bottom:1px solid rgba(23,39,29,.08); background:rgba(251,248,236,.9); backdrop-filter:blur(18px); }
.marketing-brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-size:1.18rem; font-weight:900; line-height:1; }.marketing-brand strong{color:var(--forest-2)}.marketing-brand small{display:block;margin-top:4px;color:#738177;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}
.marketing-header nav,.marketing-actions { display:flex; align-items:center; gap:24px; }.marketing-header nav a{color:#425147;text-decoration:none;font-size:.9rem;font-weight:750}.marketing-header nav a:hover{color:var(--forest-2)}
.primary-button,.secondary-button,.text-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:50px; padding:0 24px; border-radius:14px; text-decoration:none; font-weight:850; transition:transform .18s,box-shadow .18s,background .18s; }.primary-button{color:white;background:linear-gradient(135deg,#1d6b40,#2f8b50);box-shadow:0 12px 24px #1d5c3940}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button.small{min-height:42px;padding:0 18px;border-radius:12px;font-size:.86rem}.secondary-button{border:1px solid #afc4ad;color:var(--forest);background:#fffdf8}.text-button{min-height:auto;padding:8px 0;color:var(--forest);font-size:.9rem}.primary-button.light{color:var(--forest);background:#f5d860}.text-button.light{color:white}
.hero { display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); align-items:center; gap:64px; width:min(1220px,calc(100% - 48px)); min-height:700px; margin:auto; padding:72px 0 86px; }.hero-copy{position:relative;z-index:2}.launch-pill{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:8px 12px;border:1px solid #c6d6bd;border-radius:999px;color:#46624b;background:#f7faef;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.launch-pill span{width:8px;height:8px;border-radius:50%;background:#68b768;box-shadow:0 0 0 5px #68b76822}.hero h1{max-width:680px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.3rem,5.6vw,5.5rem);line-height:.94;letter-spacing:-.055em}.hero h1 em{display:block;color:#38824b;font-style:italic}.hero-lead{max-width:630px;margin:28px 0;color:#526257;font-size:1.1rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-payout-note{margin:13px 0 0;color:#708076;font-size:.72rem;font-weight:700}.hero-payout-note::before{content:"🔒";margin-right:6px}.hero-proof{display:flex;gap:0;margin-top:30px}.hero-proof span{display:grid;gap:2px;padding:0 24px;border-left:1px solid #cbd8c5;color:#6a776e;font-size:.72rem}.hero-proof span:first-child{padding-left:0;border:0}.hero-proof strong{color:var(--forest);font-size:1.15rem}
.hero-world{position:relative;min-height:550px}.hero-world::before{content:"";position:absolute;inset:6% -3% 0 8%;border-radius:42% 58% 48% 52%;background:linear-gradient(145deg,#cde8a9,#8dc66b);filter:blur(.2px);transform:rotate(-3deg)}.hero-world-image{position:absolute;inset:22px 0 24px 22px;border:8px solid rgba(255,255,255,.78);border-radius:38px;background:url('/assets/farm-world-v1.webp') center/cover;box-shadow:0 35px 70px rgba(29,92,57,.25);transform:rotate(2deg);overflow:hidden}.hero-world-image::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.18),transparent 45%,rgba(18,61,40,.13))}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid rgba(255,255,255,.65);border-radius:16px;background:rgba(255,253,246,.92);box-shadow:0 16px 35px rgba(25,55,35,.18);backdrop-filter:blur(10px)}.floating-card>span{font-size:1.6rem}.floating-card div{display:grid;gap:3px}.floating-card small{color:#718077;font-size:.65rem;font-weight:800;text-transform:uppercase}.floating-card strong{font-size:.86rem}.weather-card{top:0;right:10px}.harvest-card{right:-24px;bottom:108px}.pool-mini{position:absolute;z-index:3;left:-8px;bottom:0;display:grid;gap:4px;min-width:210px;padding:18px;border-radius:18px;color:white;background:linear-gradient(135deg,#163f29,#236a3f);box-shadow:0 16px 36px rgba(18,61,40,.28)}.pool-mini small{color:#d8c56d;font-weight:900;letter-spacing:.11em}.pool-mini strong{font-size:1.15rem}.pool-mini span{color:#cae0ce;font-size:.72rem}
.game-loop,.feature-section,.faq-section { width:min(1180px,calc(100% - 48px)); margin:auto; padding:100px 0; }.section-heading{max-width:720px;margin:0 auto 50px;text-align:center}.section-heading.compact{margin-bottom:36px}.eyebrow{margin:0 0 12px;color:#3c814c;font-size:.74rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.eyebrow.light{color:#e4cd6a}.section-heading h2,.pool-story h2,.rarity-section h2,.final-cta h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.035em}.section-heading>p:last-child{color:var(--muted);font-size:1.03rem;line-height:1.65}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.loop-grid article{position:relative;min-height:300px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 14px 35px rgba(30,70,42,.06)}.step-number{position:absolute;right:22px;top:20px;color:#d9e1d5;font-family:Georgia,serif;font-size:1.8rem;font-weight:900}.feature-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:40px;border-radius:17px;font-size:1.75rem}.feature-icon.green{background:#e4f2d6}.feature-icon.blue{background:#d9edf5}.feature-icon.gold{background:#fff0b6}.feature-icon.berry{background:#f4dbe4}.loop-grid h3,.feature-grid h3{margin:0 0 10px;font-size:1.02rem}.loop-grid p,.feature-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.65}
.pool-story{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:600px;margin:40px 0;padding:90px max(24px,calc((100vw - 1120px)/2));overflow:hidden;color:white;background:radial-gradient(circle at 80% 40%,#347950 0,transparent 30%),linear-gradient(135deg,#113522,#195137)}.pool-story::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff15 1px,transparent 1px);background-size:22px 22px}.pool-story-copy,.pool-visual{position:relative;z-index:1}.pool-story-copy p:not(.eyebrow){color:#cbe0cf;line-height:1.7}.pool-story ul{display:grid;gap:12px;padding:0;list-style:none;color:#eaf4e9}.pool-story li span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;color:#173b25;background:#e9cf64;font-weight:900}.pool-visual{display:grid;place-items:center;min-height:400px}.pool-core{z-index:2;display:grid;place-items:center;width:245px;height:245px;border:1px solid #ffffff44;border-radius:50%;background:radial-gradient(circle,#286f48,#123d28 68%);box-shadow:0 0 0 18px #ffffff09,0 30px 70px #061b1066}.pool-core>span{font-size:2.5rem}.pool-core small{color:#e7cf68;font-weight:900;letter-spacing:.12em}.pool-core strong{font-size:2rem}.pool-core em{color:#a8c9af;font-size:.72rem;font-style:normal}.pool-orbit{position:absolute;border:1px dashed #ffffff3b;border-radius:50%}.pool-orbit.one{width:335px;height:335px}.pool-orbit.two{width:430px;height:430px}.pool-player{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;color:var(--ink);background:white;box-shadow:0 12px 28px #04150c55}.pool-player span{font-size:1.4rem}.p1{top:28px;right:32px}.p2{left:2px;bottom:70px}.p3{right:5px;bottom:36px}
.feature-section{padding-bottom:70px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fffdf7}.feature-grid article>span{display:block;margin-bottom:26px;font-size:1.8rem}.feature-grid .feature-large{grid-column:span 2;display:grid;grid-template-columns:70px 1fr;align-items:center;color:white;background:linear-gradient(135deg,#1a5234,#2e7b49);border:0}.feature-grid .feature-large>span{margin:0;font-size:2.6rem}.feature-grid .feature-large p{color:#d3e7d6}
.rarity-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:min(1120px,calc(100% - 48px));margin:35px auto 80px;padding:55px;border:1px solid #d9e1ce;border-radius:32px;background:linear-gradient(145deg,#f4f1df,#fffdf8);box-shadow:var(--shadow)}.rarity-section p{color:var(--muted);line-height:1.65}.rarity-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rarity-stack span{padding:20px;border:1px solid currentColor;border-radius:16px;font-weight:900;text-align:center;box-shadow:inset 0 0 30px #ffffff88}.rarity-stack .common{color:#597264;background:#edf4ef}.rarity-stack .uncommon{color:#398842;background:#e2f4dc}.rarity-stack .rare{color:#3376a8;background:#e0eff9}.rarity-stack .epic{color:#8549a7;background:#f0e3f8}.rarity-stack .legendary{color:#a16d13;background:#fff0bd}.rarity-stack .mythical{color:#914c78;background:linear-gradient(135deg,#ffe1f2,#e8dcff)}
.faq-section{padding-top:70px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{padding:0 22px;border:1px solid var(--line);border-radius:16px;background:#fffdf8}.faq-grid summary{padding:20px 30px 20px 0;cursor:pointer;font-weight:850}.faq-grid p{margin:0 0 20px;color:var(--muted);font-size:.88rem;line-height:1.65}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;width:min(1180px,calc(100% - 48px));margin:20px auto 90px;padding:48px 55px;border-radius:30px;color:white;background:linear-gradient(135deg,#133c27,#24683f);box-shadow:0 25px 60px #153e2940}.final-cta p:not(.eyebrow){color:#cce0d0}.final-cta>div:last-child{display:grid;gap:14px;min-width:235px;text-align:center}
.marketing-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:38px max(24px,calc((100vw - 1180px)/2));border-top:1px solid #d8e1d4;background:#f4f1e4}.marketing-footer p{color:var(--muted);font-size:.84rem}.marketing-footer nav{display:flex;gap:18px}.marketing-footer nav a{color:#526359;font-size:.8rem;font-weight:750;text-decoration:none}.marketing-footer>small{grid-column:1/-1;color:#7a867e;font-size:.7rem}
@media (max-width:980px){.marketing-header nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero-world{min-height:490px}.loop-grid{grid-template-columns:1fr 1fr}.pool-story{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:1fr 1fr}.rarity-section{grid-template-columns:1fr}.marketing-footer{grid-template-columns:1fr auto}.marketing-footer p{display:none}}
@media (max-width:620px){.marketing-header{min-height:68px;padding:0 16px}.marketing-actions .text-button{display:none}.marketing-brand small{display:none}.hero,.game-loop,.feature-section,.faq-section,.rarity-section,.final-cta{width:calc(100% - 28px)}.hero{min-height:0;padding:48px 0 62px}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.hero-lead{font-size:1rem}.hero-actions{display:grid}.hero-proof{justify-content:space-between}.hero-proof span{padding:0 10px}.hero-world{min-height:390px}.hero-world-image{inset:18px 0 36px 0;border-radius:25px}.weather-card{right:-4px}.harvest-card{display:none}.pool-mini{left:-3px;bottom:0}.loop-grid,.feature-grid,.faq-grid{grid-template-columns:1fr}.loop-grid article{min-height:240px}.feature-grid .feature-large{grid-column:auto;grid-template-columns:55px 1fr}.pool-story{padding-top:70px;padding-bottom:70px}.pool-visual{transform:scale(.8);margin:-35px}.rarity-section{padding:30px 22px}.rarity-stack{grid-template-columns:1fr 1fr}.rarity-stack span{padding:14px 8px;font-size:.78rem}.final-cta{display:grid;padding:34px 24px}.final-cta>div:last-child{min-width:0}.marketing-footer{grid-template-columns:1fr}.marketing-footer nav{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button,.secondary-button{transition:none}}
.brand-seal{display:block;width:39px;height:39px;flex:0 0 39px;border-radius:13px;overflow:hidden;background:none;transform:none;box-shadow:0 5px 14px rgba(20,61,42,.18),inset 0 0 0 1px rgba(255,255,255,.18)}.brand-seal img{display:block;width:100%;height:100%}
.ui-art-icon{display:inline-block;width:1.35em;height:1.35em;flex:0 0 auto;object-fit:contain;vertical-align:-.3em}.hero-payout-note::before{content:"";display:inline-block;width:1.25em;height:1.25em;margin-right:6px;background:url('/assets/ui-icons/lock.png?v=1') center/contain no-repeat;vertical-align:-.28em}