:root{--nilo-blue:#075bbb;--nilo-deep:#083777;--nilo-orange:#ff7518;--nilo-ink:#102b55;--nilo-muted:#66758d;--nilo-line:#dce6f2;--nilo-bg:#f4f8fc}
.home-v2{margin:0;background:#fff;color:var(--nilo-ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}.home-v2 *{box-sizing:border-box}.home-v2 button,.home-v2 input{font:inherit}.home-v2 button,.home-v2 a{-webkit-tap-highlight-color:transparent}.home-v2 a:focus-visible,.home-v2 button:focus-visible,.home-v2 input:focus-visible{outline:3px solid #ffb36c;outline-offset:3px}.home-container{width:min(1460px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:relative;z-index:20;background:#fff;box-shadow:0 1px 0 #dce6f2}.header-main{min-height:112px;display:grid;grid-template-columns:300px minmax(320px,1fr) auto;align-items:center;gap:34px}.brand-logo{display:block;width:285px;height:86px;overflow:hidden}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.home-search{height:52px;display:flex;align-items:center;border:1px solid #cbd8e8;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(16,65,118,.06)}.home-search>svg{width:19px;margin-left:20px;stroke:#7890ae;fill:none;stroke-width:1.8}.home-search input{min-width:0;flex:1;border:0;outline:0;padding:0 15px;color:#18355f;background:transparent}.home-search input::placeholder{color:#8291a7}.home-search button{width:72px;align-self:stretch;border:0;background:var(--nilo-blue);display:grid;place-items:center;cursor:pointer}.home-search button svg{width:22px;stroke:white;fill:none;stroke-width:2}.header-tools{display:flex;align-items:center}.header-tools a{position:relative;min-width:104px;padding:8px 18px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--nilo-ink);text-decoration:none;border-left:1px solid #e3eaf3}.header-tools a:first-child{border-left:0}.header-tools svg{width:27px;height:27px;stroke:#0a4e9d;fill:none;stroke-width:1.7}.header-tools span{font-size:13px;font-weight:700;white-space:nowrap}.header-tools small{display:block;color:#7a899f;font-weight:500;font-size:10px;margin-bottom:1px}.cart-tool b{position:absolute;top:2px;left:34px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;background:var(--nilo-orange);color:#fff;border:2px solid #fff;border-radius:999px;font-size:10px}.primary-nav-wrap{background:linear-gradient(90deg,#0756b4,#0075ce);color:white}.primary-nav{height:54px;display:flex;align-items:center}.category-menu{height:54px;padding:0 24px 0 0;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:12px;font-weight:700;cursor:pointer}.category-menu svg{width:25px;stroke:#fff;fill:none;stroke-width:2}.category-menu .chevron{font-size:20px;margin-left:4px}.nav-links{align-self:stretch;display:flex;align-items:center;gap:5px}.nav-links a,.nav-links button{position:relative;height:100%;padding:0 21px;display:flex;align-items:center;border:0;background:transparent;color:#fff;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer}.nav-links .is-active:after{content:'';position:absolute;height:3px;border-radius:3px;left:20px;right:20px;bottom:0;background:var(--nilo-orange)}.delivery-note{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;white-space:nowrap}.delivery-note svg{width:26px;stroke:#fff;fill:none;stroke-width:1.8}
.role-hero{position:relative;min-height:450px;isolation:isolate;overflow:hidden;background:#e8f4ff}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:url('./assets/hero-nilopasal.png') 67% center/cover no-repeat}.role-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(244,250,255,.95) 31%,rgba(238,248,255,.58) 49%,rgba(255,255,255,0) 72%)}.hero-content{min-height:450px;position:relative;display:flex;align-items:flex-start;padding-top:43px}.hero-copy{width:650px}.hero-copy>img{width:230px;height:76px;object-fit:contain;object-position:left center;margin-bottom:4px}.hero-eyebrow{font:800 25px/1 Manrope;margin:5px 0 8px;color:#123564}.hero-copy h1{font:800 clamp(31px,2.55vw,45px)/1.12 Manrope;margin:0;color:#123564;letter-spacing:-.035em}.hero-copy h1 span{color:var(--nilo-orange)}.hero-support{max-width:520px;font-size:18px;line-height:1.42;margin:14px 0 0;color:#3f5574}.hero-message{position:absolute;left:47%;top:82px;display:flex;flex-direction:column;transform:rotate(-5deg);color:#0c60b8;font:700 25px/1.05 'DM Sans';font-style:italic}.hero-message strong{position:relative;font-size:31px}.hero-message strong:after{content:'';position:absolute;height:4px;left:0;right:-12px;bottom:-10px;background:var(--nilo-orange);border-radius:100%;transform:rotate(-4deg)}
.role-section{position:relative;z-index:3;margin-top:-76px}.role-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.role-card{--accent:var(--nilo-blue);position:relative;min-width:0;background:#fff;border:1px solid #dce6f2;border-radius:18px;overflow:visible;box-shadow:0 10px 28px rgba(20,61,109,.13);transition:transform .2s ease,box-shadow .2s ease}.role-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px rgba(20,61,109,.17)}.role-card--reseller,.role-card--farmer{--accent:#12984b}.role-card--manufacturer{--accent:#f36f21}.role-card--retailer{--accent:#7f32c5}.role-card--bulk{--accent:#0798b5}.role-photo{height:118px;border-radius:15px 15px 0 0;background-image:url('./assets/roles/role-strip.jpg');background-repeat:no-repeat;background-size:600% 100%;background-color:#dce9f5}.role-photo--1{background-position:0 50%}.role-photo--2{background-position:20% 50%}.role-photo--3{background-position:40% 50%}.role-photo--4{background-position:60% 50%}.role-photo--5{background-position:80% 50%}.role-photo--6{background-position:100% 50%}.role-icon{position:absolute;top:92px;left:16px;width:50px;height:50px;border:5px solid #fff;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff}.role-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7}.role-body{min-height:166px;padding:24px 16px 16px 18px}.role-body h3{font:800 18px Manrope;margin:0 0 7px;color:#102f61}.role-body p{min-height:40px;margin:0;color:#61718a;font-size:13px;line-height:1.42}.role-body>a,.role-body>button{width:38px;height:38px;margin-top:12px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;text-decoration:none;font-size:20px;cursor:pointer;transition:transform .2s}.role-body>a:hover,.role-body>button:hover{transform:translateX(3px)}
.trust-strip{margin-top:28px;border-block:1px solid #e0e8f2;background:#fff}.trust-grid{min-height:90px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.trust-grid>div{min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 18px;border-left:1px solid #dfe7f1}.trust-grid>div:first-child{border-left:0}.trust-grid svg{flex:0 0 auto;width:31px;height:31px;stroke:#0a59af;fill:none;stroke-width:1.6}.trust-grid .local svg{stroke:#169650}.trust-grid strong,.trust-grid small{display:block}.trust-grid strong{font-size:13px;color:#17365f;white-space:nowrap}.trust-grid small{margin-top:3px;color:#8090a6;font-size:11px}.brand-closing{padding:84px 24px 92px;text-align:center}.brand-closing>span{color:var(--nilo-orange);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.brand-closing h2{font:800 clamp(31px,4vw,50px)/1.12 Manrope;letter-spacing:-.04em;margin:13px auto;color:#0f315f}.brand-closing p{max-width:700px;margin:0 auto 28px;color:#6b7b92;font-size:16px;line-height:1.7}.home-cta{display:inline-flex;align-items:center;gap:18px;background:var(--nilo-blue);color:#fff;text-decoration:none;padding:14px 18px 14px 23px;border-radius:12px;font-weight:700}.home-cta span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.16)}.home-footer{background:#082b59;color:#cbd9ed;padding:48px 0 28px}.home-footer .home-container{text-align:center}.home-footer img{width:220px;height:80px;object-fit:cover;object-position:center;background:#fff;border-radius:10px}.home-footer p{color:#a9bdd8}.home-footer nav{display:flex;justify-content:center;gap:28px;margin:22px 0}.home-footer a{color:#e8f1ff;text-decoration:none;font-size:13px}.home-footer small{display:block;padding-top:20px;border-top:1px solid #214677;color:#90a8c8}
.coming-dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:22px;padding:38px;box-shadow:0 25px 80px rgba(8,35,73,.28);color:#16345e}.coming-dialog::backdrop{background:rgba(6,28,60,.58);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;color:#6b7a90;cursor:pointer}.dialog-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--nilo-blue);color:#fff;font:800 26px Manrope}.dialog-kicker{margin:20px 0 8px;color:var(--nilo-orange);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.coming-dialog h2{font:800 29px/1.2 Manrope;margin:0 0 12px}.coming-dialog>p:not(.dialog-kicker){color:#6d7c91;line-height:1.65}.coming-dialog>div{display:flex;align-items:center;gap:12px;margin-top:24px}.coming-dialog a{background:var(--nilo-blue);color:#fff;text-decoration:none;border-radius:10px;padding:12px 16px;font-weight:700}.coming-dialog [data-dialog-close]{border:0;background:transparent;color:#53657e;font-weight:700;cursor:pointer}
@media(max-width:1200px){.header-main{grid-template-columns:230px minmax(280px,1fr) auto;gap:18px}.brand-logo{width:225px;height:70px}.header-tools span{display:none}.header-tools a{min-width:58px;padding:8px 13px}.cart-tool b{left:30px}.nav-links a,.nav-links button{padding-inline:14px}.role-grid{grid-template-columns:repeat(3,1fr);gap:16px}.role-photo{height:150px}.role-icon{top:124px}.role-body{min-height:145px}.role-section{margin-top:-54px}.trust-grid{grid-template-columns:repeat(3,1fr);padding-block:14px;gap:10px}.trust-grid>div{min-height:56px}.trust-grid>div:nth-child(4){border-left:0}}
@media(max-width:820px){.home-container{width:min(100% - 30px,1460px)}.header-main{min-height:130px;grid-template-columns:1fr auto;grid-template-rows:65px 50px;gap:4px 12px}.brand-logo{width:190px;height:60px}.header-tools{justify-self:end}.home-search{grid-row:2;grid-column:1/-1;height:46px}.primary-nav{height:auto;min-height:52px;flex-wrap:wrap}.category-menu{height:52px}.nav-links{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;padding:6px 0 12px;border-top:1px solid rgba(255,255,255,.17)}.nav-links.is-open{display:flex}.nav-links a,.nav-links button{height:42px;padding:0 12px;justify-content:flex-start}.nav-links .is-active:after{left:12px;right:auto;width:35px}.delivery-note{font-size:12px}.role-hero,.hero-content{min-height:500px}.hero-content{padding-top:35px}.hero-copy{width:100%;max-width:560px}.hero-copy h1{font-size:36px}.hero-message{left:auto;right:8%;top:300px}.role-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(245,251,255,.9) 53%,rgba(255,255,255,.25))}.role-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div:nth-child(odd){border-left:0}}
@media(max-width:520px){.home-container{width:calc(100% - 24px)}.header-tools a{min-width:44px;padding:6px 8px}.header-tools a:nth-child(2){display:none}.header-tools svg{width:24px}.brand-logo{width:165px}.home-search button{width:56px}.delivery-note span{display:none}.role-hero,.hero-content{min-height:475px}.hero-backdrop{background-position:62% center;opacity:.46}.role-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.83))}.hero-content{padding-top:28px}.hero-copy>img{width:180px;height:62px}.hero-eyebrow{font-size:21px}.hero-copy h1{font-size:29px;line-height:1.15}.hero-support{font-size:15px;max-width:330px}.hero-message{right:8%;top:350px;font-size:18px}.hero-message strong{font-size:23px}.role-section{margin-top:-38px}.role-grid{grid-template-columns:1fr;gap:14px}.role-card{display:grid;grid-template-columns:124px 1fr;overflow:hidden}.role-photo{height:100%;min-height:180px;border-radius:15px 0 0 15px;background-size:600% 100%}.role-icon{top:16px;left:98px;width:42px;height:42px;border-width:4px}.role-icon svg{width:21px}.role-body{min-height:180px;padding:22px 15px 14px 25px}.role-body p{min-height:auto}.role-body>a,.role-body>button{margin-top:15px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{justify-content:flex-start;border-left:0;border-top:1px solid #e4ebf3;padding:12px 8px}.trust-grid>div:first-child{border-top:0}.brand-closing{padding:64px 16px 70px}.home-footer nav{gap:14px;flex-wrap:wrap}.coming-dialog{padding:30px 24px}.coming-dialog>div{align-items:stretch;flex-direction:column}.coming-dialog [data-dialog-close]{padding:10px}}
.home-v2 .hero-copy{padding:0}.home-v2 .hero-copy>.hero-eyebrow{color:#123564}.home-v2 .hero-copy>.hero-support{color:#3f5574;margin-top:14px}.home-v2 .role-photo{background-size:600% auto;background-position-y:48%}
@media(max-width:520px){.home-v2 .header-main{position:relative}.home-v2 .header-tools{position:absolute;right:0;top:10px}.home-v2 .hero-copy{width:100%;max-width:100%}.home-v2 .hero-copy>.hero-support{max-width:340px}.home-v2 .hero-message{right:20px;top:352px;max-width:150px}.home-v2 .hero-message strong{font-size:22px}}
.home-v2 .hero-backdrop{background-image:url('./assets/hero-home.jpg')}
@media(max-width:520px){.home-v2 .header-main{position:relative}.home-v2 .header-tools{position:absolute;right:0;top:10px;display:flex!important;z-index:2}.home-v2 .home-search{width:100%;min-width:0}.home-v2 .home-search button{display:grid!important;flex:0 0 56px}.home-v2 .hero-copy{width:100%;max-width:100%}.home-v2 .hero-copy>.hero-support{max-width:340px}.home-v2 .hero-message{left:205px;right:auto;top:352px;width:150px;max-width:none}.home-v2 .hero-message strong{font-size:22px}}
.home-v2 .role-photo--1{background-position:0 18%}
.home-v2 .role-photo--2{background-position:20% 18%}
.home-v2 .role-photo--3{background-position:40% 18%}
.home-v2 .role-photo--4{background-position:60% 18%}
.home-v2 .role-photo--5{background-position:80% 18%}
.home-v2 .role-photo--6{background-position:100% 18%}