@charset "UTF-8";
:root{--ink:#281303;--gold:#ffc600;--cream:#fff8df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#c5901e;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:26px;height:26px;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:linear-gradient(0deg,#bd810f 0%,#e6b739 24%,transparent 55%),url('assets/hen-farm-hero.png') center top/100% auto no-repeat;background-color:#ffe9a4}.header{position:relative;z-index:10;width:91%;max-width:1450px;height:120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:5px;flex-shrink:0}.art{display:block;background-image:url('assets/farm-icons.png');background-repeat:no-repeat;background-size:300% 200%;width:86px;aspect-ratio:2/3;flex-shrink:0;filter:drop-shadow(0 7px 5px #95540035)}.hen{background-position:0 0}.coins{background-position:50% 0}.shield{background-position:100% 0}.leaf{background-position:0 100%}.chick{background-position:50% 100%}.basket{background-position:100% 100%}.brand .art{width:57px}.brand-text{font-size:clamp(18px,2.05vw,32px);font-weight:900;letter-spacing:-1.4px;white-space:nowrap}.brand-text b{color:#e5a000;text-shadow:0 1px #fff3aa}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.2px;margin-top:4px}.desktop-nav{display:flex;align-items:center;padding:7px;border:1px solid #fff7c0;border-radius:40px;background:#fff8d352;gap:7px;white-space:nowrap}.desktop-nav a{padding:13px 18px;border-radius:30px;font-size:16px}.desktop-nav a.active{background:linear-gradient(#ffe600,#ffb900);box-shadow:0 3px 5px #bb830335}.desktop-nav a:hover{background:#fff2b0}.nav-actions{display:flex;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;border:2px solid #fff8b9;border-radius:50px;padding:0 32px;font-size:22px;font-weight:800;box-shadow:inset 0 -3px 2px #f6a10080,0 10px 15px #af720743;transition:transform .2s,filter .2s}.gold{color:#180e00;background:linear-gradient(175deg,#fff500,#ffce00 45%,#ed9c00);box-shadow:inset 0 2px 3px #fff, inset 0 -4px 2px #f1a000,0 3px 0 #e6a122,0 12px 17px #a5610755,0 0 15px #fff885}.cream{background:linear-gradient(#fffdf2,#fff6df 55%,#efd398);color:#422005}.button:hover{transform:translateY(-3px);filter:brightness(1.04)}.button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible{outline:3px solid #703c09;outline-offset:5px}.menu-btn,.mobile-nav{display:none}.hero{position:relative;width:89%;max-width:1400px;margin:auto;min-height:530px;padding-top:22px}.hero-copy{position:relative;z-index:2;width:53%}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #fffdf0;border-radius:30px;background:linear-gradient(#fffae5b0,#ffefbcbd);padding:5px 15px 5px 10px;font-size:16px;font-weight:700;box-shadow:0 5px 7px #b987214a}.eyebrow .art{width:24px;height:28px}h1{margin:21px 0 0;font-size:clamp(46px,5.35vw,84px);line-height:1.02;letter-spacing:-3px;font-weight:950;color:#301900;text-shadow:0 2px 0 #804300,0 4px 0 #8d5307,0 7px 9px #6b400974}h1 em{position:relative;display:inline-block;color:#ffd500;font-weight:950;white-space:nowrap;letter-spacing:-3.5px;text-shadow:0 -1px 0 #fffacc,1px 1px 0 #fff078,0 3px 0 #d48100,0 6px 0 #a55c00,0 10px 10px #87530088}h1 em:after{content:"";display:block;position:absolute;left:43%;right:2%;bottom:-15px;height:6px;border-radius:50%;background:#ffef00;box-shadow:0 -2px 2px #fffde5,0 2px 5px #ee9b00}.hero-copy>p{font-size:clamp(18px,1.6vw,25px);line-height:1.35;max-width:525px;margin:37px 0 0;color:#261c09}.hero-actions{display:flex;gap:23px;margin-top:37px}.hero-actions .button{min-height:78px;padding:0 31px;font-size:24px;gap:20px}.hero-actions .rocket{width:38px;height:38px}.hero-actions .arrow{margin-left:5px}.farm-sign{position:absolute;right:-2%;top:22px;display:flex;align-items:end;gap:8px;transform:rotate(-7deg);background:repeating-linear-gradient(0deg,#86440955 0 2px,transparent 2px 42px),linear-gradient(110deg,#b56d26,#753409 65%,#a46124);border:9px solid #a76525;border-radius:17px;padding:18px 15px;color:#fff5d3;box-shadow:inset 0 0 0 2px #e1a45a,5px 6px 0 #723608,0 12px 25px #71340055;text-align:center;font-weight:900;font-size:clamp(16px,1.65vw,26px);line-height:1.4;text-shadow:0 2px #77400e}.farm-sign:before{content:"";position:absolute;top:100%;width:19px;height:125px;background:linear-gradient(90deg,#764518,#b07a38,#5d3412);left:52%;z-index:-1}.farm-sign svg{width:42px;height:52px}.features{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:3;width:90.5%;max-width:1450px;margin:5px auto 0;border:2px solid #fff4c2;border-radius:36px;background:linear-gradient(115deg,#fff0b9ce,#ffe9b6b3 50%,#ffedc78c);box-shadow:0 16px 25px #97621140,inset 0 1px #fff9e7;backdrop-filter:blur(14px);padding:12px 10px}.features article{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;min-width:0}.features article+article:before{content:"";position:absolute;height:72%;left:0;width:1px;background:#a2773899}.features .art{width:78px;height:100px}h2{margin:0;font-size:24px;line-height:1.08;letter-spacing:-.7px}.features p{margin:5px 0 0;font-size:16px;color:#4c3417}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:93.2%;max-width:1490px;margin:25px auto 0}.step{display:flex;align-items:center;gap:18px;min-height:170px;padding:9px 20px 9px 8px;border:2px solid #fff298;border-radius:32px;background:radial-gradient(ellipse at 15% 20%,#ffed64,transparent 65%),linear-gradient(145deg,#ffdc3c,#edaa00);box-shadow:inset 0 2px 2px #fff9c3,0 13px 23px #945b004d;transition:transform .2s}.step:hover{transform:translateY(-5px)}.step .art{width:145px;height:150px}.step h2{font-size:27px}.step p{margin:8px 0 0;font-size:14px;white-space:nowrap}.step.light{background:linear-gradient(120deg,#fff9e9,#f7edda 60%,#fff9e8)}.growth{width:130px;height:140px;filter:drop-shadow(0 8px 5px #a86c1450);margin:0 10px}.circle{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:2px solid #fff1a0;border-radius:50%;background:linear-gradient(#ffe800,#f2b100);box-shadow:0 7px 10px #b576074d,0 0 16px #fff36a;margin-left:auto}.light .circle{background:linear-gradient(#fffdf6,#ffeabb);color:#753705}.circle svg{width:27px;height:27px}footer{display:flex;justify-content:space-between;gap:20px;width:90%;max-width:1440px;margin:35px auto 0;padding:18px 0 24px;border-top:1px solid #fff0b13d;font-size:12px;color:#4f3008}footer>a{font-weight:800}
@media(min-width:1600px){.hero{min-height:580px}.page{background-size:1600px auto}.header{height:130px}}
@media(max-width:1250px){.header{gap:12px;width:94%;height:105px}.desktop-nav{gap:0}.desktop-nav a{padding:12px 11px;font-size:14px}.nav-actions{gap:10px}.nav-actions .button{padding:0 20px;font-size:18px;min-height:54px}.hero{width:90%;min-height:490px}.hero-actions{gap:14px}.hero-actions .button{padding:0 23px;gap:12px;min-height:68px;font-size:20px}.features article{gap:14px}.features h2{font-size:21px}.features p{font-size:14px}.features .art{width:65px;height:91px}.step{gap:10px;padding-right:12px;min-height:155px}.step .art{width:105px;height:135px}.growth{width:95px;margin:0 4px}.step h2{font-size:22px}.step p{font-size:12px}.circle{width:42px;height:42px}}
@media(max-width:980px){.desktop-nav,.nav-actions{display:none}.menu-btn{display:block;background:linear-gradient(#fff7da,#ffd854);border:1px solid #fff;border-radius:14px;padding:8px 14px;font-size:26px;color:#422005}.brand-text{font-size:27px}.mobile-nav:not([hidden]){display:grid;position:absolute;top:90px;left:0;right:0;background:#fff3cd;border:1px solid white;border-radius:20px;padding:16px;box-shadow:0 16px 30px #80500655}.mobile-nav a{padding:11px;border-radius:8px}.mobile-nav a:hover{background:#ffdc5d}.hero{min-height:470px}.hero-copy{width:62%}h1{font-size:56px}.hero-copy>p{max-width:420px;font-size:20px}.farm-sign{top:28px;font-size:18px;right:0;padding:10px;border-width:6px}.farm-sign svg{display:none}.features{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.features article:nth-child(3):before{display:none}.features article{justify-content:flex-start;padding-left:25px}.steps{gap:12px}.step{flex-wrap:wrap;justify-content:center;text-align:center;padding:12px;gap:4px}.step .art,.growth{width:95px;height:110px}.step div{width:100%}.step h2{font-size:22px}.step p{white-space:normal}.circle{width:34px;height:34px;margin:8px 0 0}.circle svg{width:20px}.page{background-size:auto 780px;background-position:58% top}}
@media(max-width:620px){.page{background-image:linear-gradient(0deg,#bf8617 0%,#e3b039 20%,transparent 60%),url('assets/hen-farm-hero.png');background-size:100% 100%,auto 690px;background-position:center,66% 315px}.header{height:91px;width:91%}.brand .art{width:43px}.brand-text{font-size:24px}.brand small{font-size:9px}.hero{min-height:815px;padding-top:15px;width:90%}.hero:before{content:"";position:absolute;top:-10px;left:-6%;right:-6%;height:430px;background:linear-gradient(#ffe9a4 70%,#ffe9a400);z-index:-1}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:12px;padding:3px 12px}.eyebrow .art{width:20px;height:24px}h1{font-size:clamp(38px,10.3vw,63px);letter-spacing:-2px;margin-top:20px}h1 em{letter-spacing:-2px}.hero-copy>p{font-size:16px;line-height:1.5;margin:25px auto 0;max-width:380px}.hero-actions{justify-content:center;gap:12px;margin-top:22px}.hero-actions .button{font-size:16px;padding:0 18px;min-height:57px;gap:10px}.hero-actions .rocket{width:27px;height:27px}.hero-actions svg{width:20px;height:20px}.hero-actions .arrow{display:none}.farm-sign{top:440px;right:-2%;font-size:16px;max-width:160px}.farm-sign:before{height:90px}.features{margin-top:-20px;width:93%;border-radius:24px;gap:5px;padding:8px}.features article{gap:8px;padding:4px;justify-content:center}.features .art{width:53px;height:78px}.features h2{font-size:18px}.features p{font-size:11px}.features article+article:before{height:65%}.steps{grid-template-columns:1fr;margin-top:17px;width:93%;gap:14px}.step{min-height:143px;flex-wrap:nowrap;text-align:left;justify-content:flex-start;padding:5px 17px 5px 5px;gap:18px;border-radius:25px}.step .art{width:105px;height:130px}.step .growth{width:105px;height:115px;margin:0}.step div{width:auto}.step h2{font-size:24px}.step p{font-size:12px}.circle{width:43px;height:43px;margin-left:auto}.circle svg{width:24px}footer{flex-direction:column;align-items:center;gap:10px;text-align:center;margin-top:24px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
