.header{background:var(--green-950);z-index:50;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .header{background:#060d18;border-bottom-color:#4ade801a;box-shadow:0 1px 8px #0006}.header .logo{align-items:center;gap:10px;text-decoration:none;display:flex}.header .logo:hover{text-decoration:none}.header .logo-mark{border-radius:8px;width:30px;height:30px;box-shadow:0 0 12px #22c55e4d}[data-theme=dark] .header .logo-mark{box-shadow:0 0 16px #4ade8080}.header .logo-text{color:#fff;letter-spacing:-.02em;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700}.header .logo-text span{color:var(--green-400)}.header .nav{align-items:center;gap:4px;display:flex}.header .nav a{color:#ffffffa6;border-radius:var(--rounded-md);align-items:center;gap:5px;padding:6px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.nav-icon{opacity:.7;flex-shrink:0;transition:opacity .15s cubic-bezier(.16,1,.3,1)}.header .nav a:hover .nav-icon,.header .nav a.active .nav-icon{opacity:1}.header .nav a:hover{color:#fff;background:#ffffff14;text-decoration:none}.header .nav a.active{color:#fff;background:#ffffff1f}[data-theme=dark] .header .nav a:hover{color:var(--green-300);background:#4ade801a}[data-theme=dark] .header .nav a.active{color:var(--green-300);background:#4ade8026}.header .header-actions{align-items:center;gap:8px;display:flex}.header .theme-toggle{border-radius:var(--rounded-md);cursor:pointer;color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.header .theme-toggle:hover{color:#fff;background:#ffffff26}[data-theme=dark] .header .theme-toggle{background:#4ade8014;border-color:#4ade8026}[data-theme=dark] .header .theme-toggle:hover{color:var(--green-300);background:#4ade8033}.header .theme-toggle svg{width:18px;height:18px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.header .icon-sun{display:none}.header .icon-moon,[data-theme=dark] .header .icon-sun{display:block}[data-theme=dark] .header .icon-moon{display:none}.nav-dropdown{position:relative}.nav-dropdown-trigger{color:#ffffffa6;border-radius:var(--rounded-md);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.nav-dropdown-trigger:hover{color:#fff;background:#ffffff14}[data-theme=dark] .nav-dropdown-trigger:hover{color:var(--green-300);background:#4ade801a}.nav-dropdown-trigger .nav-icon{opacity:.7;flex-shrink:0;transition:opacity .15s cubic-bezier(.16,1,.3,1)}.nav-dropdown-trigger:hover .nav-icon{opacity:1}.nav-dropdown-arrow{opacity:.5;transition:transform .2s cubic-bezier(.16,1,.3,1)}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--green-950);border-radius:var(--rounded-md);z-index:60;border:1px solid #ffffff1f;min-width:170px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000040}.nav-dropdown-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}[data-theme=dark] .nav-dropdown-menu{background:#0c1a2e;border-color:#4ade8026;box-shadow:0 8px 24px #00000080}.nav-dropdown:hover .nav-dropdown-menu{flex-direction:column;display:flex}.nav-dropdown-menu a{color:#ffffffa6;border-radius:4px;padding:8px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1)}.nav-dropdown-menu a:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-dropdown-menu a.active{color:#fff;background:#ffffff1f}[data-theme=dark] .nav-dropdown-menu a:hover{color:var(--green-300);background:#4ade801a}[data-theme=dark] .nav-dropdown-menu a.active{color:var(--green-300);background:#4ade8026}.header .mobile-menu-btn{border-radius:var(--rounded-md);cursor:pointer;color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:40px;height:40px;display:none}@media (width<=768px){.header .nav{display:none}.header .mobile-menu-btn{display:flex}.header .nav.open{background:var(--green-950);z-index:49;border-bottom:1px solid #ffffff14;flex-direction:column;align-items:flex-start;padding:12px 24px 20px;display:flex;position:absolute;top:56px;left:0;right:0}[data-theme=dark] .header .nav.open{background:#060d18;border-bottom-color:#4ade801a}.header .nav.open a{padding:10px 12px;font-size:.9375rem}.nav-dropdown:hover .nav-dropdown-menu{display:none}.header .nav.open .nav-dropdown{border-top:1px solid #ffffff14;margin-top:4px;padding-top:8px}[data-theme=dark] .header .nav.open .nav-dropdown{border-top-color:#4ade801a}.header .nav.open .nav-dropdown-trigger{padding:10px 12px;font-size:.9375rem}.header .nav.open .nav-dropdown-menu{box-shadow:none;background:0 0;border:none;flex-direction:column;min-width:0;margin-top:0;padding:4px 0 0 12px;display:none;position:static}.header .nav.open .nav-dropdown-menu:before{display:none}.header .nav.open .nav-dropdown-menu.open{display:flex}.header .nav.open .nav-dropdown-menu a{padding:10px 12px;font-size:.9375rem}.header .nav.open .nav-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}}.footer{background:var(--green-950);padding:56px 24px 40px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, var(--nitrogen), var(--phosphorus), var(--potassium));height:3px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .footer{background:#060d18;border-top:1px solid #4ade8014}[data-theme=dark] .footer:before{opacity:.8}.footer-inner{max-width:760px;margin:0 auto}.footer-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:48px;display:grid}.footer-col-title{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin-bottom:16px;font-size:.75rem;font-weight:600}[data-theme=dark] .footer-col-title{color:var(--green-400);opacity:.7}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{color:#fff9;font-size:.8125rem;text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1)}.footer-col a:hover{color:var(--green-300);text-decoration:none}[data-theme=dark] .footer-col a{color:#ffffff80}[data-theme=dark] .footer-col a:hover{color:var(--green-400)}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding-top:32px}[data-theme=dark] .footer-bottom{border-top-color:#4ade801a}.footer-logo{color:#fff;margin-bottom:8px;font-family:Fraunces,serif;font-size:1.25rem;font-weight:700}.footer-logo span{color:var(--green-400)}.footer-bottom p{color:#ffffff73;font-size:.8125rem;line-height:1.6}.footer-copy{margin-top:12px;font-size:.75rem}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}:root{--green-950:#052e16;--green-900:#14532d;--green-800:#166534;--green-700:#15803d;--green-600:#16a34a;--green-500:#22c55e;--green-400:#4ade80;--green-300:#86efac;--green-200:#bbf7d0;--green-100:#dcfce7;--green-50:#f0fdf4;--earth-900:#3c2415;--earth-700:#78553a;--earth-500:#a0785c;--earth-300:#d4b896;--earth-100:#f5ede4;--earth-50:#faf7f3;--primary:#14532d;--primary-hover:#166534;--on-primary:#fff;--link:#0369a1;--link-hover:#075985;--accent:#c2410c;--accent-hover:#9a3412;--on-accent:#fff;--secondary:#4b5563;--surface:#fff;--on-surface:#111827;--on-surface-muted:#6b7280;--neutral:#f8fafc;--neutral-warm:#faf7f3;--outline:#e5e7eb;--outline-variant:#f3f4f6;--nitrogen:#1d4ed8;--nitrogen-light:#dbeafe;--phosphorus:#7c3aed;--phosphorus-light:#ede9fe;--potassium:#c2410c;--potassium-light:#ffedd5;--success:#15803d;--success-bg:#dcfce7;--warning:#a16207;--warning-bg:#fef9c3;--error:#b91c1c;--error-bg:#fee2e2;--rounded-sm:6px;--rounded-md:10px;--rounded-lg:16px;--rounded-xl:24px;--rounded-full:9999px;--ease-spring:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--green-200:#264a36;--green-100:#1a3328;--green-50:#0f1f17;--earth-900:#d4b896;--earth-700:#a0785c;--earth-500:#78553a;--earth-300:#3c2e22;--earth-100:#1e1814;--earth-50:#161210;--primary:#4ade80;--primary-hover:#22c55e;--on-primary:#052e16;--link:#38bdf8;--link-hover:#7dd3fc;--accent:#fb923c;--accent-hover:#f97316;--on-accent:#1a0a00;--secondary:#9ca3af;--surface:#111827;--on-surface:#f1f5f9;--on-surface-muted:#6b7280;--neutral:#0a0f1a;--neutral-warm:#161210;--outline:#1f2937;--outline-variant:#1a1f2e;--nitrogen:#60a5fa;--nitrogen-light:#172554;--phosphorus:#a78bfa;--phosphorus-light:#2e1065;--potassium:#fb923c;--potassium-light:#431407;--success:#4ade80;--success-bg:#052e16;--warning:#fbbf24;--warning-bg:#1c1917;--error:#f87171;--error-bg:#1f0a0a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes resultReveal{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;transition:opacity .5s var(--ease-spring), transform .5s var(--ease-spring);transform:translateY(20px)}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-in:nth-child(2){transition-delay:60ms}.animate-in:nth-child(3){transition-delay:.12s}.animate-in:nth-child(4){transition-delay:.18s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--neutral);color:var(--on-surface);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.65;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);overflow-x:clip}h1,h2,.display{font-family:Fraunces,Georgia,serif}h3,h4,h5,h6{font-family:Inter,-apple-system,sans-serif}.display{letter-spacing:-.03em;font-size:2.75rem;font-weight:800;line-height:1.08}h1{letter-spacing:-.02em;margin-bottom:20px;font-size:2.25rem;font-weight:700;line-height:1.15}h2{letter-spacing:-.01em;margin-bottom:20px;font-size:1.625rem;font-weight:700;line-height:1.25}h3{margin-bottom:16px;font-size:1.25rem;font-weight:600;line-height:1.35}.body-lg{font-size:1.125rem;line-height:1.7}.body-sm{font-size:.875rem;line-height:1.6}.label{letter-spacing:.01em;font-size:.8125rem;font-weight:600;line-height:1.4}.label-caps{letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:600;line-height:1.4}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9375rem;font-weight:500;line-height:1.5}a{color:var(--link);transition:color .15s var(--ease-spring);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.skip-to-content{z-index:100;background:var(--primary);color:var(--on-primary);border-radius:0 0 var(--rounded-md) 0;padding:8px 16px;font-size:.875rem;font-weight:600;position:absolute;top:0;left:-9999px}.skip-to-content:focus{left:0}.page{max-width:720px;margin:0 auto;padding:24px 20px 100px}.page>h1{margin-bottom:20px}.page>.body-lg{color:var(--secondary);margin-bottom:40px}.page>h1+.body-lg{margin-top:-4px}.page-wide{max-width:760px;margin:0 auto;padding:0 20px 100px}.section{margin-bottom:56px}.section h2{margin-bottom:16px}.section h3{margin-top:24px;margin-bottom:12px}.section p{margin-bottom:16px;line-height:1.7}.section ul,.section ol{margin-bottom:20px;padding-left:20px}.section li{margin-bottom:10px;line-height:1.65}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:.6875rem;font-weight:600;display:flex}.hero-wrap{background:linear-gradient(160deg, var(--green-950) 0%, var(--green-900) 40%, var(--green-800) 100%);margin-bottom:56px;padding:64px 20px 72px;position:relative;overflow:hidden}.hero-wrap:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e1f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;right:-20%}.hero-wrap:after{content:"";pointer-events:none;background:radial-gradient(circle,#c2410c14 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.hero{z-index:1;text-align:center;max-width:720px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--rounded-full);color:var(--green-300);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:.75rem;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--green-400);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.03em;color:#fff;margin-bottom:16px;font-size:2.75rem;font-weight:800;line-height:1.08}.hero h1 em{background:linear-gradient(135deg, var(--green-300), var(--green-400));-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}.hero p{color:#ffffffa6;max-width:520px;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}.hero-pills{flex-wrap:wrap;justify-content:center;gap:8px;max-width:460px;margin-top:20px;margin-left:auto;margin-right:auto;display:flex}.hero-pill{border-radius:var(--rounded-full);color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero-pill:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.hero-pill svg{color:var(--green-400);flex-shrink:0}.hero-pill-primary{background:linear-gradient(135deg, var(--green-400), var(--green-500));color:var(--green-950);border-color:#0000;font-weight:600;box-shadow:0 2px 12px #4ade804d}.hero-pill-primary svg{color:var(--green-950)}.hero-pill-primary:hover{background:linear-gradient(135deg, var(--green-300), var(--green-400));color:var(--green-950);box-shadow:0 4px 20px #4ade8066}[data-theme=dark] .hero-wrap{background:linear-gradient(160deg, #060d18 0%, #0a1628 40%, var(--green-950) 100%)}[data-theme=dark] .hero-badge{background:#4ade8014;border-color:#4ade8026}.btn{border-radius:var(--rounded-md);cursor:pointer;height:48px;transition:all .15s var(--ease-spring);border:none;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--green-900), var(--green-800));color:var(--on-primary);box-shadow:0 2px 8px #14532d33,inset 0 1px #ffffff1a}.btn-primary:hover{background:linear-gradient(135deg, var(--green-800), var(--green-700));transform:translateY(-1px);box-shadow:0 4px 12px #14532d4d,inset 0 1px #ffffff1a}.btn-secondary{background:var(--surface);color:var(--link);border:2px solid var(--green-200)}.btn-secondary:hover{border-color:var(--green-400);background:var(--green-50)}.btn-accent{background:linear-gradient(135deg, var(--accent), #ea580c);color:var(--on-accent);box-shadow:0 2px 8px #c2410c33}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c2410c4d}.btn-ghost{color:var(--link);background:0 0;height:40px;padding:0 16px;font-size:.875rem}.btn-ghost:hover{background:var(--green-50)}.hero-wrap .btn-ghost{color:#ffffffb3;border:1.5px solid #fff3}.hero-wrap .btn-ghost:hover{color:#fff;background:#ffffff1a;border-color:#fff6}[data-theme=dark] .btn-primary{background:linear-gradient(135deg, var(--green-600), var(--green-500));color:var(--green-950);box-shadow:0 2px 12px #4ade8033,inset 0 1px #ffffff26}[data-theme=dark] .btn-primary:hover{background:linear-gradient(135deg, var(--green-500), var(--green-400));box-shadow:0 4px 20px #4ade804d,inset 0 1px #ffffff26}[data-theme=dark] .btn-secondary{background:var(--surface);color:var(--green-400);border-color:#4ade8040}[data-theme=dark] .btn-secondary:hover{border-color:var(--green-400);background:#4ade8014}[data-theme=dark] .btn-accent{background:linear-gradient(135deg, #ea580c, var(--accent));box-shadow:0 2px 12px #fb923c33}[data-theme=dark] .btn-ghost{color:var(--green-400)}[data-theme=dark] .btn-ghost:hover{color:var(--green-300);background:#4ade8014}.npk-set{vertical-align:middle;transition:transform .2s var(--ease-spring), filter .2s var(--ease-spring);align-items:stretch;gap:3px;margin:4px 6px 4px 0;display:inline-flex}.npk-set:hover{filter:brightness(1.1);transform:scale(1.05)}.npk-badge{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:40px;padding:6px 12px 4px;font-family:JetBrains Mono,monospace;font-weight:600;display:inline-flex}.npk-badge:first-child{border-radius:8px 0 0 8px}.npk-badge:last-child{border-radius:0 8px 8px 0}.npk-badge.n{background:linear-gradient(135deg, #1e40af, var(--nitrogen))}.npk-badge.p{background:linear-gradient(135deg, #6d28d9, var(--phosphorus))}.npk-badge.k{background:linear-gradient(135deg, #9a3412, var(--potassium))}.npk-num{font-size:1.125rem;line-height:1}.npk-letter{letter-spacing:.08em;opacity:.7;margin-top:2px;font-size:.5rem}.npk-badge-sm .npk-badge{min-width:30px;padding:4px 8px 2px}.npk-badge-sm .npk-num{font-size:.8125rem}.npk-badge-sm .npk-letter{font-size:.4375rem}[data-theme=dark] .npk-badge.n{background:linear-gradient(135deg,#1e40af,#60a5fa)}[data-theme=dark] .npk-badge.p{background:linear-gradient(135deg,#6d28d9,#a78bfa)}[data-theme=dark] .npk-badge.k{background:linear-gradient(135deg,#9a3412,#fb923c)}.alert{border-radius:var(--rounded-md);border-left:3px solid;align-items:flex-start;gap:10px;margin-bottom:12px;padding:14px 16px;font-size:.875rem;line-height:1.55;display:flex}.alert strong{font-weight:600}.alert-success{background:var(--success-bg);color:var(--success);border-color:var(--success)}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning)}.alert-error{background:var(--error-bg);color:var(--error);border-color:var(--error)}.alert-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}[data-theme=dark] .alert-success{color:var(--green-400);border-color:var(--green-600);background:#4ade8014}[data-theme=dark] .alert-warning{color:#fbbf24;background:#fbbf2414;border-color:#a16207}[data-theme=dark] .alert-error{color:#f87171;background:#f8717114;border-color:#b91c1c}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:var(--rounded-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;height:26px;padding:0 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.tag-organic{background:var(--green-100);color:var(--green-800)}.tag-synthetic{color:#3730a3;background:#e0e7ff}.tag-granular{background:var(--earth-100);color:var(--earth-900)}.tag-liquid{color:#1e40af;background:#dbeafe}.tag-slow{color:#6b21a8;background:#f3e8ff}[data-theme=dark] .tag-organic{color:var(--green-400);background:#4ade801f}[data-theme=dark] .tag-synthetic{color:#a5b4fc;background:#818cf81f}[data-theme=dark] .tag-granular{color:var(--earth-700);background:#a0785c26}[data-theme=dark] .tag-liquid{color:#93bbfd;background:#60a5fa1f}[data-theme=dark] .tag-slow{color:#c4b5fd;background:#a78bfa1f}.zone-row{flex-wrap:wrap;gap:6px;display:flex}a.zone-badge{border-radius:var(--rounded-full);background:var(--green-50);height:30px;color:var(--green-800);border:1px solid var(--green-200);transition:all .15s var(--ease-spring);cursor:pointer;align-items:center;gap:4px;padding:0 12px 0 14px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}a.zone-badge .zone-arrow{opacity:.5;transition:opacity .15s var(--ease-spring), transform .15s var(--ease-spring)}a.zone-badge:hover{background:var(--green-100);border-color:var(--green-300);color:var(--green-800);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #14532d1a}a.zone-badge:hover .zone-arrow{opacity:1;transform:translate(2px)}.zone-badge.active{background:var(--primary);color:var(--on-primary);border-color:var(--link);box-shadow:0 2px 8px #14532d40}[data-theme=dark] a.zone-badge{color:var(--green-400);background:#4ade8014;border-color:#4ade8033}[data-theme=dark] a.zone-badge:hover{color:var(--green-400);background:#4ade8026;border-color:#4ade804d}[data-theme=dark] .zone-badge.active{background:var(--green-500);color:var(--green-950);border-color:var(--green-500);box-shadow:0 2px 12px #4ade804d}.card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--rounded-lg);transition:all .2s var(--ease-spring);padding:24px}.card:hover{border-color:var(--green-300);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}[data-theme=dark] .card:hover{border-color:#4ade8066;box-shadow:0 4px 24px #0006}.data-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--rounded-lg);overflow:hidden}.data-card-header{background:var(--green-950);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.data-card-header h3{color:#fff;font-size:.875rem;font-weight:600}.data-card-body{padding:20px}.data-row{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.data-row:last-child{border-bottom:none}.data-label{color:var(--secondary);font-size:.875rem}.data-value{color:var(--on-surface);font-size:.875rem;font-weight:600}[data-theme=dark] .data-card{border-color:var(--outline)}[data-theme=dark] .data-card-header{background:#060d18}.calc-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--rounded-xl);overflow:hidden;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000a}.calc-header{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:24px 28px 20px;display:flex}.calc-header h2{letter-spacing:-.01em;font-family:Fraunces,serif;font-size:1.375rem;font-weight:700}.calc-body{padding:24px 28px 28px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}.form-label{color:var(--on-surface);align-items:center;gap:4px;font-size:.8125rem;font-weight:600;display:flex}.form-input,.form-select{border:1.5px solid var(--outline);border-radius:var(--rounded-md);height:48px;color:var(--on-surface);background:var(--surface);transition:all .15s var(--ease-spring);outline:none;width:100%;padding:0 14px;font-family:inherit;font-size:.9375rem}.form-input:focus,.form-select:focus{border-color:var(--green-600);box-shadow:0 0 0 3px #16a34a1f}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}[data-theme=dark] .calc-card{background:var(--surface);border-color:var(--outline);box-shadow:0 1px 3px #0003,0 8px 24px #0000004d}[data-theme=dark] .form-input,[data-theme=dark] .form-select{border-color:var(--outline);color:var(--on-surface);background-color:#0a0f1a}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #4ade8026}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239CA3AF' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.result-card{background:linear-gradient(135deg, var(--green-50), var(--earth-50));border:1.5px solid var(--green-200);border-radius:var(--rounded-lg);margin-top:24px;padding:24px;position:relative}.result-card:before{content:"";background:linear-gradient(90deg, var(--nitrogen), var(--phosphorus), var(--potassium));border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.result-header{border-bottom:1px solid var(--green-200);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.result-header h3{color:var(--link);font-family:Fraunces,serif;font-size:1.0625rem;font-weight:700}.result-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.result-label{color:var(--secondary);font-size:.875rem}.result-value{color:var(--on-surface);font-family:JetBrains Mono,monospace;font-size:.9375rem;font-weight:500}.result-value.big{color:var(--link);font-size:1.5rem;font-weight:600}[data-theme=dark] .result-card{background:linear-gradient(135deg,#4ade800f,#fb923c0a);border-color:#4ade8033}.product-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.product-card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--rounded-lg);transition:all .2s var(--ease-spring);padding:20px}.product-card:hover{border-color:var(--green-300);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.product-brand{text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-muted);margin-bottom:4px;font-size:.6875rem;font-weight:600}.product-name{letter-spacing:-.01em;margin-bottom:10px;font-family:Fraunces,serif;font-size:1.0625rem;font-weight:600}.product-meta{color:var(--secondary);margin-top:10px;font-size:.8125rem;line-height:1.5}.product-footer{border-top:1px solid var(--outline);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.product-price{color:var(--on-surface);font-family:JetBrains Mono,monospace;font-size:1.0625rem;font-weight:600}.product-price span{color:var(--on-surface-muted);font-family:Inter,sans-serif;font-size:.6875rem;font-weight:400}.product-link{color:var(--link);font-size:.8125rem;font-weight:600;text-decoration:none}.product-link:hover{text-decoration:underline}[data-theme=dark] .product-card{background:var(--surface);border-color:var(--outline)}[data-theme=dark] .product-card:hover{border-color:#4ade8066;box-shadow:0 4px 24px #0006}.table-wrap{border:1px solid var(--outline);border-radius:var(--rounded-lg);-webkit-overflow-scrolling:touch;overflow-x:auto;box-shadow:0 1px 3px #00000008}.table-wrap table{min-width:500px}table{border-collapse:collapse;width:100%}thead th{background:var(--green-950);color:#ffffffe6;text-align:left;padding:12px 16px;font-size:.8125rem;font-weight:600}tbody td{border-bottom:1px solid var(--outline);padding:12px 16px;font-size:.875rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--green-50)}.winner{color:var(--link);font-weight:600}.score-bar{align-items:center;gap:8px;display:flex}.score-fill{background:var(--green-600);border-radius:3px;height:6px}.score-num{color:var(--on-surface-muted);min-width:20px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}[data-theme=dark] .table-wrap{border-color:var(--outline)}[data-theme=dark] thead th{background:#060d18}[data-theme=dark] tbody tr:hover{background:#4ade800a}[data-theme=dark] .winner{color:var(--green-400)}.faq-item{background:var(--surface);border:1px solid var(--outline);border-radius:var(--rounded-lg);transition:border-color .15s var(--ease-spring);margin-bottom:8px}.faq-item:hover{border-color:var(--green-300)}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-chevron{background:var(--green-50);width:24px;height:24px;color:var(--green-700);transition:all .3s var(--ease-spring);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}details[open] .faq-chevron{background:var(--primary);color:#fff;transform:rotate(180deg)}.faq-answer{padding:0 20px 20px}.faq-short{color:var(--on-surface);border-left:3px solid var(--green-300);margin-bottom:12px;padding-left:14px;font-size:1.0625rem;line-height:1.7}.faq-detail{color:var(--secondary);font-size:.9375rem;line-height:1.65}.faq-source{color:var(--on-surface-muted);border-top:1px solid var(--outline);margin-top:14px;padding-top:12px;font-size:.8125rem}.faq-source a{color:var(--link);font-weight:500;text-decoration:none}.faq-source a:hover{text-decoration:underline}[data-theme=dark] .faq-item{background:var(--surface);border-color:var(--outline)}[data-theme=dark] .faq-item:hover{border-color:#4ade804d}[data-theme=dark] .faq-chevron{color:var(--green-400);background:#4ade801a}[data-theme=dark] details[open] .faq-chevron{background:var(--green-500);color:var(--green-950)}[data-theme=dark] .faq-short{border-left-color:var(--green-600)}.breadcrumb{color:var(--on-surface-muted);flex-wrap:wrap;align-items:center;gap:2px;margin-top:24px;margin-bottom:16px;font-size:.8125rem;display:flex}.breadcrumb a{color:var(--link);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:var(--secondary);margin:0 6px;font-size:.75rem}.icon{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.icon-lg{width:32px;height:32px}.icon-xl{stroke-width:1.25px;width:48px;height:48px}@media (width<=768px){.display,.hero h1{font-size:2.25rem}h1{font-size:1.75rem}h2{font-size:1.375rem}.form-grid,.product-grid{grid-template-columns:1fr}.calc-header,.calc-body{padding-left:20px;padding-right:20px}.hero-wrap{padding:48px 20px 56px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
