@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";@media (width>=640px){.lab-page-container .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-page-container .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-page-container .sm\:flex-row{flex-direction:row}}@media (width>=768px){.lab-page-container .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-page-container .md\:flex{display:flex}.lab-page-container .md\:hidden{display:none!important}}@media (width>=1024px){.lab-page-container .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-page-container .lg\:flex-row{flex-direction:row}.lab-page-container .lg\:w-auto{width:auto}.lab-page-container .lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}}:root{--primary-green:#0d6e38;--primary-green-hover:#0a582c;--secondary-emerald:#10b981;--light-mint:#e8f5ed;--light-mint-bg:#f2f9f5;--accent-orange:#d97706;--accent-orange-hover:#b45309;--text-dark:#111827;--text-gray:#4b5563;--text-light:#6b7280;--bg-card:#fff;--bg-body:#fafbfc;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 8px 16px -2px #00000014;--shadow-lg:0 12px 28px -4px #0000001f;--shadow-xl:0 25px 50px -12px #00000026;--transition-smooth:cubic-bezier(.22, 1, .36, 1);--transition-bounce:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-body);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::selection{color:#052e16;background:#10b98133}a{color:inherit;text-decoration:none}button{cursor:pointer;transition:all .25s var(--transition-smooth);border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;transition:border-color .25s,box-shadow .25s}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #10b98126;border-color:#10b981!important}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(#10b981,#0d6e38);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#059669,#065f46)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes floatRotate{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes ripple{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(2.5)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriterPulse{0%,to{border-color:#ffffffe6}50%{border-color:#0000}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}@keyframes softPulse{0%,to{transform:scale(1);box-shadow:0 0 #10b9814d}50%{transform:scale(1.02);box-shadow:0 0 0 8px #10b98100}}@keyframes borderGlow{0%,to{border-color:#10b98126}50%{border-color:#10b98159}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #10b98126}50%{box-shadow:0 0 40px #10b9814d}}.animate-fade-in{animation:fadeInUp .5s var(--transition-smooth) both}.animate-float{animation:5s ease-in-out infinite floatY}.animate-float-rotate{animation:6s ease-in-out infinite floatRotate}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}.animate-bounce-in{animation:.7s cubic-bezier(.36,.07,.19,.97) both bounceIn}.animate-scale-in{animation:scaleIn .5s var(--transition-bounce) both}.animate-soft-pulse{animation:2s ease-in-out infinite softPulse}.hover-lift{transition:transform .3s var(--transition-bounce), box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0d6e382e!important}.glass{-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff40}.gradient-text{background:linear-gradient(135deg,#fef08a 0%,#fde047 40%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-green{background:linear-gradient(135deg,#10b981 0%,#0d6e38 50%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-reveal{opacity:0;transition:opacity .7s ease, transform .7s var(--transition-smooth);transform:translateY(40px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:50%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-75%;transform:skew(-25deg)}.card-shine:hover:before{left:130%}.particle{pointer-events:none;background:#ffffff1f;border-radius:50%;animation:linear infinite particleFloat;position:absolute}.animated-gradient{background:linear-gradient(270deg,#0d6e38,#10b981,#166534,#047857) 0 0/600% 600%;animation:12s infinite gradientShift}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";opacity:0;transform-origin:0 0;background:#fff6;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%,-50%)}.btn-ripple:focus:after{animation:.6s ease-out ripple}.premium-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .35s var(--transition-bounce);background:#fff;border:1px solid #0000000f}.premium-card:hover{box-shadow:var(--shadow-xl);border-color:#10b98133;transform:translateY(-6px)}@media (width<=900px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}}@media (width>=901px){.desktop-nav{display:flex!important}.mobile-toggle{display:none!important}}@media (width<=850px){.footer-grid{grid-template-columns:1fr!important;gap:2.5rem!important}}@media (width<=768px){.portal-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=500px){.portal-grid{grid-template-columns:1fr!important}}:root{--brmp-forest:#123524;--brmp-emerald:#0d6e38;--brmp-light-green:#2ea95c;--brmp-mint:#e8f5ed;--brmp-gold:#facc15;--brmp-amber:#b45309;--brmp-slate-900:#0f172a;--brmp-slate-700:#334155;--brmp-slate-500:#64748b;--brmp-slate-200:#e2e8f0;--brmp-slate-100:#f1f5f9;--brmp-slate-50:#f8fafc;--brmp-card-radius:20px;--brmp-pill-radius:9999px;--brmp-shadow-soft:0 10px 30px -5px #0000000f, 0 2px 6px #0000000a;--brmp-shadow-glow:0 12px 35px -8px #0d6e3840}.lab-page-container{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.lab-page-container *{box-sizing:border-box}.lab-page-container .flex{display:flex}.lab-page-container .inline-flex{display:inline-flex}.lab-page-container .flex-col{flex-direction:column}.lab-page-container .flex-row{flex-direction:row}.lab-page-container .flex-wrap{flex-wrap:wrap}.lab-page-container .items-center{align-items:center}.lab-page-container .items-start{align-items:flex-start}.lab-page-container .items-end{align-items:flex-end}.lab-page-container .justify-between{justify-content:space-between}.lab-page-container .justify-center{justify-content:center}.lab-page-container .justify-end{justify-content:flex-end}.lab-page-container .flex-1{flex:1}.lab-page-container .shrink-0{flex-shrink:0}.lab-page-container .gap-1{gap:.25rem}.lab-page-container .gap-1\.5{gap:.375rem}.lab-page-container .gap-2{gap:.5rem}.lab-page-container .gap-2\.5{gap:.625rem}.lab-page-container .gap-3{gap:.75rem}.lab-page-container .gap-3\.5{gap:.875rem}.lab-page-container .gap-4{gap:1rem}.lab-page-container .gap-6{gap:1.5rem}.lab-page-container .gap-8{gap:2rem}.lab-page-container .grid{display:grid}.lab-page-container .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lab-page-container .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-page-container .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-page-container .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-page-container .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width>=640px){.lab-page-container .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-page-container .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-page-container .sm\:flex-row{flex-direction:row}}@media (width>=768px){.lab-page-container .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-page-container .md\:flex{display:flex}.lab-page-container .md\:hidden{display:none!important}}@media (width>=1024px){.lab-page-container .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-page-container .lg\:flex-row{flex-direction:row}.lab-page-container .lg\:w-auto{width:auto}.lab-page-container .lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}}.lab-page-container .p-1{padding:.25rem}.lab-page-container .p-2{padding:.5rem}.lab-page-container .p-3{padding:.75rem}.lab-page-container .p-3\.5{padding:.875rem}.lab-page-container .p-4{padding:1rem}.lab-page-container .p-5{padding:1.25rem}.lab-page-container .p-6{padding:1.5rem}.lab-page-container .p-8{padding:2rem}.lab-page-container .px-2{padding-left:.5rem;padding-right:.5rem}.lab-page-container .px-2\.5{padding-left:.625rem;padding-right:.625rem}.lab-page-container .px-3{padding-left:.75rem;padding-right:.75rem}.lab-page-container .px-3\.5{padding-left:.875rem;padding-right:.875rem}.lab-page-container .px-4{padding-left:1rem;padding-right:1rem}.lab-page-container .px-5{padding-left:1.25rem;padding-right:1.25rem}.lab-page-container .px-6{padding-left:1.5rem;padding-right:1.5rem}.lab-page-container .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.lab-page-container .py-1{padding-top:.25rem;padding-bottom:.25rem}.lab-page-container .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.lab-page-container .py-2{padding-top:.5rem;padding-bottom:.5rem}.lab-page-container .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.lab-page-container .py-3{padding-top:.75rem;padding-bottom:.75rem}.lab-page-container .py-4{padding-top:1rem;padding-bottom:1rem}.lab-page-container .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lab-page-container .mt-1{margin-top:.25rem}.lab-page-container .mt-2{margin-top:.5rem}.lab-page-container .mt-3{margin-top:.75rem}.lab-page-container .mt-4{margin-top:1rem}.lab-page-container .mt-6{margin-top:1.5rem}.lab-page-container .mt-8{margin-top:2rem}.lab-page-container .mt-10{margin-top:2.5rem}.lab-page-container .mb-1{margin-bottom:.25rem}.lab-page-container .mb-2{margin-bottom:.5rem}.lab-page-container .mb-3{margin-bottom:.75rem}.lab-page-container .mb-4{margin-bottom:1rem}.lab-page-container .mb-6{margin-bottom:1.5rem}.lab-page-container .mx-auto{margin-left:auto;margin-right:auto}.lab-page-container .max-w-7xl{max-width:80rem}.lab-page-container .max-w-3xl{max-width:48rem}.lab-page-container .max-w-lg{max-width:32rem}.lab-page-container .max-w-sm{max-width:24rem}.lab-page-container .w-full{width:100%}.lab-page-container .space-y-1>*+*{margin-top:.25rem}.lab-page-container .space-y-2>*+*{margin-top:.5rem}.lab-page-container .space-y-2\.5>*+*{margin-top:.625rem}.lab-page-container .space-y-3>*+*{margin-top:.75rem}.lab-page-container .space-y-4>*+*{margin-top:1rem}.lab-page-container .space-y-6>*+*{margin-top:1.5rem}.lab-page-container .border{border:1px solid #e2e8f0}.lab-page-container .border-2{border:2px solid #e2e8f0}.lab-page-container .border-t{border-top:1px solid #e2e8f0}.lab-page-container .border-b{border-bottom:1px solid #e2e8f0}.lab-page-container .border-b-2{border-bottom:2px solid #e2e8f0}.lab-page-container .border-dashed{border-style:dashed}.lab-page-container .border-slate-100{border-color:#f1f5f9}.lab-page-container .border-slate-200{border-color:#e2e8f0}.lab-page-container .border-slate-300{border-color:#cbd5e1}.lab-page-container .border-emerald-200{border-color:#a7f3d0}.lab-page-container .border-amber-200{border-color:#fde68a}.lab-page-container .border-amber-300{border-color:#fcd34d}.lab-page-container .border-sky-200{border-color:#bae6fd}.lab-page-container .border-sky-300{border-color:#7dd3fc}.lab-page-container .border-blue-200{border-color:#bfdbfe}.lab-page-container .border-rose-200{border-color:#fecdd3}.lab-page-container .rounded-lg{border-radius:.5rem}.lab-page-container .rounded-xl{border-radius:.75rem}.lab-page-container .rounded-2xl{border-radius:1rem}.lab-page-container .rounded-3xl{border-radius:1.5rem}.lab-page-container .rounded-\[2\.5rem\]{border-radius:2.5rem}.lab-page-container .rounded-full{border-radius:9999px}.lab-page-container .bg-white{background-color:#fff}.lab-page-container .bg-slate-50{background-color:#f8fafc}.lab-page-container .bg-slate-100{background-color:#f1f5f9}.lab-page-container .bg-slate-200{background-color:#e2e8f0}.lab-page-container .bg-emerald-50{background-color:#ecfdf5}.lab-page-container .bg-emerald-100{background-color:#d1fae5}.lab-page-container .bg-emerald-600{background-color:#059669}.lab-page-container .bg-emerald-700{background-color:#047857}.lab-page-container .bg-emerald-800{background-color:#065f46}.lab-page-container .bg-amber-50{background-color:#fffbeb}.lab-page-container .bg-amber-100{background-color:#fef3c7}.lab-page-container .bg-amber-700{background-color:#b45309}.lab-page-container .bg-sky-50{background-color:#f0f9ff}.lab-page-container .bg-sky-100{background-color:#e0f2fe}.lab-page-container .bg-sky-700{background-color:#0369a1}.lab-page-container .bg-blue-50{background-color:#eff6ff}.lab-page-container .bg-blue-100{background-color:#dbeafe}.lab-page-container .bg-blue-700{background-color:#1d4ed8}.lab-page-container .bg-rose-50{background-color:#fff1f2}.lab-page-container .bg-rose-100{background-color:#ffe4e6}.lab-page-container .bg-yellow-400{background-color:#facc15}.lab-page-container .bg-\[\#123524\]{background-color:#123524}.lab-page-container .text-white{color:#fff}.lab-page-container .text-slate-900{color:#0f172a}.lab-page-container .text-slate-800{color:#1e293b}.lab-page-container .text-slate-700{color:#334155}.lab-page-container .text-slate-600{color:#475569}.lab-page-container .text-slate-500{color:#64748b}.lab-page-container .text-slate-400{color:#94a3b8}.lab-page-container .text-emerald-600{color:#059669}.lab-page-container .text-emerald-700{color:#047857}.lab-page-container .text-emerald-800{color:#065f46}.lab-page-container .text-amber-700{color:#b45309}.lab-page-container .text-amber-800{color:#92400e}.lab-page-container .text-sky-700{color:#0369a1}.lab-page-container .text-sky-800{color:#075985}.lab-page-container .text-blue-700{color:#1d4ed8}.lab-page-container .text-blue-800{color:#1e40af}.lab-page-container .text-rose-600{color:#e11d48}.lab-page-container .text-rose-700{color:#be123c}.lab-page-container .text-\[10px\]{font-size:10px}.lab-page-container .text-\[11px\]{font-size:11px}.lab-page-container .text-xs{font-size:.75rem;line-height:1rem}.lab-page-container .text-sm{font-size:.875rem;line-height:1.25rem}.lab-page-container .text-base{font-size:1rem;line-height:1.5rem}.lab-page-container .text-lg{font-size:1.125rem;line-height:1.75rem}.lab-page-container .text-xl{font-size:1.25rem;line-height:1.75rem}.lab-page-container .text-2xl{font-size:1.5rem;line-height:2rem}.lab-page-container .text-3xl{font-size:1.875rem;line-height:2.25rem}.lab-page-container .font-medium{font-weight:500}.lab-page-container .font-semibold{font-weight:600}.lab-page-container .font-bold{font-weight:700}.lab-page-container .font-black{font-weight:900}.lab-page-container .uppercase{text-transform:uppercase}.lab-page-container .tracking-tight{letter-spacing:-.025em}.lab-page-container .tracking-wider{letter-spacing:.05em}.lab-page-container .tracking-widest{letter-spacing:.1em}.lab-page-container .text-center{text-align:center}.lab-page-container .text-right{text-align:right}.lab-page-container .text-left{text-align:left}.lab-page-container .shadow-sm{box-shadow:0 1px 2px #0000000d}.lab-page-container .shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.lab-page-container .shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.lab-page-container .shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.lab-page-container .shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.lab-page-container button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.22,1,.36,1)}.lab-page-container input,.lab-page-container select,.lab-page-container textarea{box-sizing:border-box;font-family:inherit}.lab-page-container table{border-collapse:collapse;text-align:left;width:100%}.lab-page-container thead th{color:#334155;text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;border-bottom:2px solid #e2e8f0;padding:.85rem 1rem;font-size:.76rem;font-weight:800}.lab-page-container tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem;font-size:.88rem}.lab-page-container tbody tr:hover{background-color:#f8fafc}.lab-page-container tbody tr:last-child td{border-bottom:none}.lab-badge-tanah{border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-block;color:#92400e!important;background-color:#fef3c7!important;border:1px solid #fde68a!important}.lab-badge-tanaman{border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-block;color:#065f46!important;background-color:#d1fae5!important;border:1px solid #a7f3d0!important}.lab-badge-pupuk{border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-block;color:#075985!important;background-color:#e0f2fe!important;border:1px solid #bae6fd!important}.lab-badge-air{border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-block;color:#1e40af!important;background-color:#dbeafe!important;border:1px solid #bfdbfe!important}.lab-page-container .btn-pilih-action{color:#0d6e38;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #0d6e38;border-radius:10px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.lab-page-container .btn-pilih-action:hover{background:#e8f5ed;transform:translateY(-1px)}.lab-page-container .btn-pilih-action.active{color:#fff;background:#0d6e38;box-shadow:0 2px 8px #0d6e384d}.lab-page-container .active-pill-tab{color:#fff!important;background:linear-gradient(135deg,#0d6e38,#10b981)!important;box-shadow:0 4px 12px #0d6e3847!important}.lab-page-container .overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}
