@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&family=Rajdhani:wght@500;600;700&display=swap");:root{--sun:#ffffff;--sun-deep:#ffffff;--sun-glow:#ffffff;--nature-bg:#052e16;--nature-bg-mid:#14532d;--nature-bg-light:#166534;--slate:#334155;--muted:#64748b;--light:#f1f5f9;--white:#ffffff;--green:#22c55e;--card-bg:rgba(255,255,255,0.05);--card-border:rgba(255,255,255,0.1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--nature-bg);color:var(--white);overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:0 0 0 20px rgba(255,255,255,0)}to{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-up{animation:fadeUp .7s ease both}.fade-up-1{animation:fadeUp .7s ease .1s both}.fade-up-2{animation:fadeUp .7s ease .2s both}.fade-up-3{animation:fadeUp .7s ease .3s both}.fade-up-4{animation:fadeUp .7s ease .4s both}.fade-up-5{animation:fadeUp .7s ease .5s both}.app,.page{min-height:100vh}.page{display:flex;flex-direction:column;align-items:center;padding:60px 24px 80px;position:relative;overflow:hidden}.btn{padding:14px 36px;border:none;border-radius:50px;font-size:1rem;font-family:Outfit,sans-serif;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);letter-spacing:.5px}.btn-next{background:linear-gradient(135deg,var(--nature-bg-light),var(--nature-bg-mid));color:white;border:2px solid var(--white);box-shadow:0 8px 32px rgba(22,101,52,.4)}.btn-next:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 48px rgba(22,101,52,.5)}.btn-back{background:rgba(255,255,255,.08);color:white;border:1px solid rgba(255,255,255,.15)}.btn-back:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.btn-row{display:flex;gap:16px;margin-top:56px;flex-wrap:wrap;justify-content:center}.nav-dots{display:flex;gap:10px;margin-bottom:48px}.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}.dot.active{background:var(--sun);width:28px;border-radius:5px;box-shadow:0 0 12px var(--sun)}.section-title{text-align:center;margin-bottom:48px}.section-title h2{font-family:Rajdhani,sans-serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;color:var(--white);line-height:1.1}.section-title p{color:var(--white);margin-top:10px;font-size:1.05rem}.title-bar{width:56px;height:4px;background:linear-gradient(90deg,var(--sun),var(--sun-deep));border-radius:2px;margin:14px auto 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;width:100%;max-width:1000px}.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:32px 28px;transition:all .35s cubic-bezier(.34,1.2,.64,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sun),transparent);opacity:0;transition:opacity .3s}.card:hover{transform:translateY(-8px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);box-shadow:0 24px 64px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.15)}.card:hover:before{opacity:1}.tag{display:inline-block;padding:4px 14px;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px}.tag-solar{background:rgba(255,255,255,.2);color:var(--sun);border:1px solid rgba(255,255,255,.3)}.tag-fence{background:rgba(34,197,94,.15);color:var(--green);border:1px solid rgba(34,197,94,.3)}.area-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:800px}.area-pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:12px 24px;font-weight:600;font-size:.95rem;transition:all .3s;cursor:default}.area-pill:hover{background:rgba(255,255,255,.15);border-color:var(--sun);color:var(--sun);transform:scale(1.05)}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.content{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width:640px){.page{padding:40px 16px 60px}.card-grid{grid-template-columns:1fr}.btn{padding:13px 28px;font-size:.95rem}}