.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;min-height:calc(100vh - 72px);margin:0;padding:80px 5% 60px;display:grid;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-label{margin-bottom:24px}.hero-title{color:var(--slate);margin-bottom:24px;font-size:clamp(2.8rem,5vw,4.5rem);line-height:1.05}.hero-title em{color:var(--teal);font-style:italic;font-weight:300}.hero-sub{color:var(--text-light);max-width:500px;margin-bottom:36px;font-size:1.1rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:40px;display:flex}.btn-portal{background:var(--teal);transition:all .25s ease-in-out;box-shadow:0 4px 12px #1a7a6e33;color:var(--white)!important}.btn-portal:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a7a6e59;background:var(--teal-dark)!important}.hero-profiles{flex-wrap:wrap;gap:10px;display:flex}.profile-chip{background:var(--white);border:1px solid var(--cream-dark);color:var(--text-mid);border-radius:50px;padding:7px 18px;font-size:.82rem;font-weight:500;transition:all .2s ease-in-out;animation:.4s both chipPop;box-shadow:0 2px 8px #0000000f}.profile-chip:hover{border-color:var(--teal);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #1a7a6e26;color:var(--teal)!important}@keyframes chipPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-visual{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup{background:var(--slate);z-index:1;border-radius:40px;width:280px;padding:16px;animation:5s ease-in-out infinite phoneFloat;position:relative;box-shadow:0 40px 80px #1a2f3c59,0 0 0 1px #ffffff14}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.phone-screen{background:#f0ede8;border-radius:28px;flex-direction:column;gap:12px;padding:20px 16px;display:flex}.screen-header{color:var(--slate);font-size:.85rem;font-weight:700;font-family:var(--font-display);align-items:center;gap:8px;display:flex}.screen-dot{background:var(--teal);border-radius:50%;width:8px;height:8px}.screen-card{color:var(--white);border-radius:14px;padding:12px 14px;font-size:.82rem;font-weight:600}.screen-card.teal{background:var(--teal)}.screen-card.rust{background:var(--rust)}.screen-stat-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.screen-stat{background:var(--white);border-radius:12px;padding:10px 12px;font-size:.78rem}.screen-stat div:first-child{color:var(--slate);font-size:1rem;font-weight:700;font-family:var(--font-display)}.screen-stat div:last-child{color:var(--text-light);margin-top:2px;font-size:.68rem}.screen-badge-row{flex-wrap:wrap;gap:6px;display:flex}.screen-badge{background:var(--white);color:var(--text-mid);border-radius:50px;padding:4px 10px;font-size:.68rem;font-weight:600}.phone-glow{z-index:0;background:radial-gradient(circle,#1a7a6e4d,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-bar{background:var(--slate);grid-template-columns:repeat(4,1fr);gap:0;max-width:100%;padding:40px 5%;display:grid}.stat-item{text-align:center;border-right:1px solid #ffffff14;padding:16px}.stat-item:last-child{border:none}.stat-value{font-family:var(--font-display);color:var(--teal-light);margin-bottom:8px;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}.feature-card{background:var(--white);border:1px solid #0000;border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #1a2f3c24}.card-teal:hover{border-color:var(--teal)}.card-rust:hover{border-color:var(--rust)}.card-olive:hover{border-color:var(--olive)}.card-slate:hover{border-color:var(--slate-mid)}.feature-icon{margin-bottom:20px;font-size:2.2rem}.feature-card h3{color:var(--slate);margin-bottom:12px;font-size:1.1rem}.feature-card p{color:var(--text-light);font-size:.9rem;line-height:1.7}.profiles-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.profile-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden}.profile-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #0000004d}.profile-top{text-align:center;padding:28px 24px 20px}.profile-emoji{margin-bottom:12px;font-size:2.5rem;display:block}.profile-top h3{color:var(--white);font-size:1.2rem}.profile-list{flex-direction:column;gap:10px;padding:20px 20px 24px;list-style:none;display:flex}.profile-list li{color:#ffffffa6;align-items:flex-start;gap:8px;font-size:.82rem;display:flex}.check{color:var(--teal-light);flex-shrink:0;font-weight:700}.game-features{flex-direction:column;gap:20px;display:flex}.game-item{align-items:flex-start;gap:16px;display:flex}.game-item>span{flex-shrink:0;margin-top:2px;font-size:1.6rem}.game-item strong{color:var(--slate);margin-bottom:4px;font-size:.95rem;display:block}.game-item p{color:var(--text-light);font-size:.85rem;line-height:1.6}.gamification-visual{flex-direction:column;gap:20px;display:flex}.points-card{background:var(--white);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.points-header{background:var(--slate);color:#fffc;padding:14px 20px;font-size:.85rem;font-weight:600}.leaderboard-row{border-bottom:1px solid var(--cream-dark);align-items:center;gap:12px;padding:14px 20px;font-size:.88rem;transition:background .2s;display:flex}.leaderboard-row:last-child{border:none}.leaderboard-row:hover{background:var(--cream)}.rank-1{background:#1a7a6e0d}.rank{color:var(--text-light);width:28px;font-weight:700}.farmer-name{color:var(--slate);flex:1;font-weight:500}.pts{color:var(--teal);font-weight:700}.league{border-radius:50px;padding:3px 10px;font-size:.72rem}.bronze{color:#b5651d;background:#fdf3e7}.badges-row{flex-wrap:wrap;gap:8px;display:flex}.badge-tag{background:var(--white);border:1px solid var(--cream-dark);color:var(--text-mid);border-radius:50px;padding:7px 14px;font-size:.78rem;font-weight:500;box-shadow:0 2px 8px #0000000f}.cta-section{background:linear-gradient(135deg, var(--teal-dark), var(--teal), var(--slate-mid));text-align:center;padding:96px 5%;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 30%,#ffffff0d,#0000 60%);position:absolute;inset:0}.cta-inner{z-index:1;position:relative}.cta-section h2{color:var(--white);margin-bottom:20px;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.15}.cta-section h2 em{opacity:.85;font-style:italic;font-weight:300}.cta-section p{color:#ffffffb3;max-width:500px;margin:0 auto 40px;font-size:1.05rem;line-height:1.75}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=992px){.hero{text-align:center;grid-template-columns:1fr}.hero-sub{margin:0 auto 36px}.hero-profiles,.hero-actions{justify-content:center}.hero-visual{margin-top:40px}.features-grid,.profiles-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.stats-bar{grid-template-columns:1fr 1fr}.stat-item{border-bottom:1px solid #ffffff14;border-right:none}.features-grid,.profiles-grid{grid-template-columns:1fr}section[style*="grid-template-columns: 1fr 1fr"]{flex-direction:column;grid-template-columns:1fr!important;display:flex!important}}.banner-slider-child{--swiper-theme-color:var(--teal);--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:.5;width:100%}.banner-layout{width:100%;min-height:var(--min-height-1440,72vh);background-image:var(--bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;display:flex;position:relative}.banner-layout:before{content:"";z-index:0;background:linear-gradient(90deg,#000000a6 0%,#0000001a 100%);position:absolute;inset:0}.banner-container{z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:0 5%;position:relative}.banner-content-wrapper{max-width:600px}.banner-title{color:var(--white,#fff);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-family:var(--fontNormalBold,var(--font-display,inherit));margin-bottom:32px}.banner-button-container{gap:16px;display:flex}@media (width<=768px){.banner-layout{background-image:var(--bg-sm-image);min-height:82vh}.banner-content-wrapper{text-align:center;margin:0 auto}.banner-button-container{justify-content:center}.banner-layout:before{background:linear-gradient(#0000001a 0%,#0006 100%)}}