*{box-sizing:border-box}html{min-width:280px;background:#005c29}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#073d12;background:radial-gradient(ellipse at top,#078e3f,#003a21);min-height:100svh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffd623;outline-offset:4px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page{width:100%;max-width:680px;margin-inline:auto;position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:2/3;overflow:hidden;background:#55d84b url('assets/farm-background.png') center top/100% 100% no-repeat;box-shadow:0 0 80px #001c2460}.header{position:absolute;inset:1.6% 4.8% auto;height:5.7%;display:flex;align-items:center;justify-content:space-between;z-index:3}.icon-button{border:0;background:none;color:#fff;padding:0;display:grid;place-items:center;filter:drop-shadow(0 2px 1px #004e30);min-width:28px}.menu-button{width:6.3%;height:80%;align-content:center;gap:1.65cqw}.menu-button span{height:.8cqw;min-height:2px;width:5.5cqw;background:#fff;border-radius:20px}.brand{display:flex;align-items:center;gap:1.4cqw;text-decoration:none;color:#fff;font-size:4.1cqw;font-weight:800;white-space:nowrap;text-shadow:0 .2cqw .2cqw #003c25}.brand svg{width:7cqw;height:8cqw;filter:drop-shadow(0 .1cqw .1cqw #004d2d)}.notification{position:relative;width:6.3%;height:90%}.notification svg{width:6.5cqw;height:6.5cqw}.notification-dot{position:absolute;right:-.2cqw;top:.8cqw;width:1.8cqw;height:1.8cqw;background:#85ff16;border:1px solid #c1ffa1;border-radius:50%}.hero{position:absolute;inset:0;pointer-events:none}h1{position:absolute;top:15.3%;left:5%;margin:0;line-height:.98;letter-spacing:-.6cqw;font-style:italic;font-weight:900;transform:rotate(-2deg)}h1 span{display:block;color:#fffef2;font-size:10.4cqw;text-shadow:0 .35cqw #c7d8ab,0 .65cqw #426e1a,-.35cqw 1.1cqw #163e04,0 1.5cqw 1cqw #002e19}h1 strong{display:block;font-size:16.8cqw;padding-left:5.5cqw;letter-spacing:-.5cqw;color:#ffdf23;-webkit-text-stroke:.12cqw #fff3a1;text-shadow:0 .45cqw #f5a000,0 .85cqw #ae6700,-.35cqw 1.25cqw #684300,0 1.65cqw 1cqw #00331b}.swoosh{position:absolute;top:30.9%;left:17%;width:29.3%;height:3.1%;border-top:1.1cqw solid #ffda0b;border-radius:55% 80% 0 0;transform:rotate(-7deg);filter:drop-shadow(0 .25cqw 0 #ffea7b)}.tagline{position:absolute;top:36.6%;left:5.5%;font-size:3.85cqw;line-height:1.27;font-weight:700;color:#fff;margin:0;text-shadow:0 .2cqw .2cqw #254a1c}.features{position:absolute;top:49.1%;left:6%;right:5.6%;height:13.25%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.1cqw}.feature{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:.9cqw .25cqw 1.6cqw;background:linear-gradient(135deg,#f3fff0f5,#c4f2b8ed);border:.22cqw solid #faffef;border-radius:4cqw;box-shadow:0 .22cqw 0 #78b86d,0 1cqw 1.5cqw #006d2a50,inset 0 -.35cqw .8cqw #aee895}.feature-art{display:block;width:13cqw;height:10cqw;flex-shrink:0;background-image:url('assets/design-reference.png');background-size:100cqw 150cqw;background-repeat:no-repeat;mix-blend-mode:multiply}.flock{background-position:-10.2cqw -74.8cqw}.feed{background-position:-32.7cqw -74.8cqw}.growth{background-position:-54.7cqw -74.8cqw}.eggs{background-position:-77.5cqw -74.8cqw}.feature h2{margin:.4cqw 0 0;font-size:2.85cqw;line-height:1.06;letter-spacing:-.1cqw;text-align:center;font-weight:700;text-shadow:0 .12cqw #fff}.actions{position:absolute;top:66.1%;left:9.2%;right:9.2%;display:grid;gap:2.9cqw}.action{height:12.25cqw;border:.25cqw solid #d4ffd5;border-radius:7cqw;color:white;display:flex;align-items:center;justify-content:center;gap:3cqw;font-size:5.65cqw;line-height:1;font-weight:700;text-shadow:0 .22cqw .2cqw #20461f;box-shadow:inset 0 .35cqw .35cqw #ffffffa8,inset 0 -.6cqw .3cqw #007c28,0 .55cqw 0 #079600,0 1.4cqw 2cqw #00512665;transition:filter .15s,transform .15s}.action svg{width:7.4cqw;height:6.5cqw;filter:drop-shadow(0 .15cqw .12cqw #20461f)}.register{background:linear-gradient(155deg,#b7ff54 0%,#6bf400 24%,#00b800 64%,#00a917 100%)}.login{background:linear-gradient(160deg,#00c59b,#008139 44%,#003e27);box-shadow:inset 0 .35cqw .35cqw #ffffffb5,inset 0 -.5cqw .3cqw #002c17,0 .5cqw 0 #003719,0 1.4cqw 2cqw #00512665}.action:active{transform:translateY(.4cqw)}.action:hover{filter:brightness(1.05)}.footer{position:absolute;bottom:0;height:14%;width:100%;pointer-events:none}.navigation{position:absolute;z-index:5;top:8%;left:4%;padding:16px;background:#f2ffeb;border:1px solid white;border-radius:16px;box-shadow:0 8px 30px #002b2560;min-width:180px}.navigation a,.navigation button{display:block;width:100%;color:#075829;font-weight:bold;text-decoration:none;background:none;border:0;padding:12px;text-align:left}.navigation a:hover,.navigation button:hover{background:#d9f8cc;border-radius:8px}.dialog{width:min(90vw,400px);border:1px solid #d7f2ca;border-radius:24px;padding:30px;background:#f6fff1;color:#124b29;box-shadow:0 20px 80px #002f2850}.dialog::backdrop{background:#002d22a8;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:#175b33;font-size:30px;width:40px;height:40px}.dialog-brand{font-size:13px;letter-spacing:1px;font-weight:bold}.dialog h2{font-size:30px;margin:16px 0}.dialog label{display:block;font-size:14px;font-weight:bold;margin:16px 0}.dialog input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #b2cfac;border-radius:9px;background:white;color:#143b25;font-size:16px}.form-submit{width:100%;padding:14px;border:0;border-radius:12px;background:linear-gradient(120deg,#45c600,#00813c);font-weight:bold;color:white}.form-status{font-size:14px;line-height:1.5;margin-bottom:0}.toast{position:fixed;z-index:6;top:90px;left:50%;transform:translateX(-50%);background:#f2ffe9;color:#124b29;padding:18px 24px;border-radius:16px;box-shadow:0 8px 30px #002b2550;max-width:90%;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@supports not (font-size:1cqw){.page{max-width:100%;font-size:3vw}.brand{font-size:4.1vw}h1 span{font-size:10.4vw}h1 strong{font-size:16.8vw}.tagline{font-size:3.85vw}.feature h2{font-size:2.85vw}.action{font-size:5.65vw;height:12.25vw}.actions{gap:2.9vw}.feature-art{width:13vw;height:10vw;background-size:100vw 150vw}.flock{background-position:-10.2vw -74.8vw}.feed{background-position:-32.7vw -74.8vw}.growth{background-position:-54.7vw -74.8vw}.eggs{background-position:-77.5vw -74.8vw}}

h1 span{font-size:8.3cqw}h1 strong{font-size:14.9cqw;margin-top:2cqw}.swoosh{top:32.1%}.feature-art{mask-image:radial-gradient(ellipse at center,#000 48%,#000d 64%,transparent 79%)}@supports not (font-size:1cqw){h1 span{font-size:8.3vw}h1 strong{font-size:14.9vw;margin-top:2vw}}