/* Nutrien-like minimal design system - Namespaced to avoid conflicts */
:root { 
  --nutrien-color-bg:#fff; 
  --nutrien-color-text:#1a1a1a; 
  --nutrien-color-muted:#6b7280; 
  --nutrien-color-brand:#0f8b3a; 
  --nutrien-color-brand-dark:#0b6a2c; 
  --nutrien-color-border:#e5e7eb; 
  --nutrien-max-w:1120px; 
}

/* Namespaced reset for Nutrien components only */
.nutrien-wrapper *{ box-sizing:border-box }
.nutrien-wrapper html,.nutrien-wrapper body{ height:100% }
.nutrien-wrapper body{ 
  margin:0; 
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
  color:var(--nutrien-color-text); 
  background:var(--nutrien-color-bg); 
  line-height:1.6 
}
.nutrien-container{ max-width:var(--nutrien-max-w); margin:0 auto; padding:0 20px }
.nutrien-section{ padding:56px 0; border-top:1px solid var(--nutrien-color-border) }
.nutrien-section:first-of-type{ border-top:0 }
.nutrien-section h2{ margin:0 0 16px; font-size:28px }
.nutrien-section p.lead{ margin:0 0 16px; color:var(--nutrien-color-muted); font-size:18px }
/* Header */
.nutrien-site-header{ position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--nutrien-color-border) }
.nutrien-site-header .inner{ display:flex; align-items:center; justify-content:space-between; height:64px }
.nutrien-brand{ display:flex; align-items:center; gap:10px; font-weight:700; color:var(--nutrien-color-text); text-decoration:none }
.nutrien-brand .dot{ width:10px; height:10px; border-radius:50%; background:var(--nutrien-color-brand); display:inline-block }
.nutrien-nav{ display:flex; gap:16px; align-items:center }
.nutrien-nav a{ color:var(--nutrien-color-text); text-decoration:none; padding:6px 8px; border-radius:6px }
.nutrien-nav a:hover{ background:#f3f4f6 }
.nutrien-nav a.active{ color:var(--nutrien-color-brand); background:#eef8f2; font-weight:600 }
/* Hero */
.nutrien-hero{ background:#f8faf9; border-bottom:1px solid var(--nutrien-color-border) }
.nutrien-hero .inner{ padding:48px 0 }
.nutrien-hero-eyebrow{ color:var(--nutrien-color-brand); font-weight:600; text-transform:uppercase; letter-spacing:.04em; font-size:12px }
.nutrien-hero h1{ margin:8px 0 12px; font-size:36px; line-height:1.2 }
.nutrien-hero p{ margin:0; color:var(--nutrien-color-muted); font-size:18px }
/* Grid */
.nutrien-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:20px }
.nutrien-card{ border:1px solid var(--nutrien-color-border); border-radius:12px; padding:20px; background:#fff }
.nutrien-card h3{ margin:0 0 8px; font-size:18px }
.nutrien-card p{ margin:0; color:var(--nutrien-color-muted) }
/* Benefits */
.nutrien-benefits{ display:grid; grid-template-columns:repeat(12,1fr); gap:16px }
.nutrien-benefit{ grid-column:span 6; border:1px dashed var(--nutrien-color-border); border-radius:10px; padding:14px 16px; background:#fff }
.nutrien-benefit strong{ display:block; margin-bottom:4px }
/* Buttons */
.nutrien-btn-row{ display:flex; gap:12px; flex-wrap:wrap }
.nutrien-btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:10px; text-decoration:none; border:1px solid var(--nutrien-color-border); color:var(--nutrien-color-text); background:#fff }
.nutrien-btn.primary{ background:var(--nutrien-color-brand); color:#fff; border-color:var(--nutrien-color-brand) }
.nutrien-btn.primary:hover{ background:var(--nutrien-color-brand-dark); border-color:var(--nutrien-color-brand-dark) }
.nutrien-btn:hover{ background:#f9fafb }
/* Footer */
.nutrien-site-footer{ background:#0b1f14; color:#d1d5db; margin-top:56px }
.nutrien-site-footer a{ color:#e5e7eb; text-decoration:none }
.nutrien-site-footer a:hover{ text-decoration:underline }
.nutrien-site-footer .top{ padding:40px 0; border-bottom:1px solid rgba(229,231,235,.2) }
.nutrien-site-footer .cols{ display:grid; grid-template-columns:repeat(12,1fr); gap:20px }
.nutrien-site-footer .col{ grid-column:span 2 }
.nutrien-site-footer .brand{ color:#fff }
.nutrien-site-footer .bottom{ padding:16px 0; font-size:14px; color:#9ca3af }
/* Responsive */
@media (max-width:960px){ .nutrien-benefit{ grid-column:span 12 } .nutrien-site-footer .col{ grid-column:span 6 } }
@media (max-width:640px){ .nutrien-grid{ grid-template-columns:repeat(6,1fr) } .nutrien-benefits{ grid-template-columns:repeat(6,1fr) } .nutrien-site-header .inner{ height:56px } .nutrien-hero h1{ font-size:28px } }
/* Embedded original content */
.nutrien-embed-original{ padding:24px 0 }
.nutrien-embed-note{ color:var(--nutrien-color-muted); font-size:14px; margin:0 0 8px }
.nutrien-embed-frame{ width:100%; height:80vh; border:1px solid var(--nutrien-color-border); border-radius:12px; background:#fff }
@media (max-width:640px){ .nutrien-embed-frame{ height:70vh } }