/* On-Farm = warm lime/olive · On-Track = cool cyan */
:root{
  --farm-accent:#d7ff69; --farm-bg-1:#2f4a28; --farm-bg-2:#15251d; --farm-panel:#0f1c14; --farm-line:#a6b79588;
  --track-accent:#67e8f9; --track-bg-1:#143841; --track-bg-2:#0c1c28; --track-panel:#0b1822; --track-line:#7dd3fc66;
}
#on-farm-plan{scroll-margin-top:96px}
.farm-plan,.theme-farm{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0;padding:26px;
  border:1px solid var(--farm-line);border-radius:22px;
  background:radial-gradient(ellipse at 0% 0%,#c5ff0022,transparent 45%),linear-gradient(120deg,var(--farm-bg-1),var(--farm-bg-2));
  color:#edf3e5;box-shadow:0 18px 48px #0006;
}
.farm-plan-visual{position:relative;min-height:320px;border-radius:14px;overflow:hidden;border:1px solid #d3edbd33}
.farm-plan-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.farm-camera-scenes{position:absolute;bottom:45px;left:12px;right:12px;display:flex;gap:7px;flex-wrap:wrap}
.farm-camera-scenes span{background:#071c15dd;border:1px solid #d3edbd88;border-radius:8px;padding:10px;font-size:12px}
.farm-image-note{position:absolute;bottom:14px;left:14px;background:#102016dd;padding:5px 8px;font-size:11px}
.farm-plan h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:12px 0;letter-spacing:-.03em;color:#f4ffe8}
.farm-plan p{line-height:1.6}
.farm-plan .eyebrow,.theme-farm .eyebrow{color:var(--farm-accent)}
.farm-services{display:flex;gap:12px;flex-wrap:wrap}
.farm-services a{padding:9px 12px;background:#314a35;border-radius:8px;color:#eef6e2;text-decoration:none;border:1px solid #aec88d55}
.farm-services small{padding-left:8px;color:#addbe9;font-size:10px}
.farm-commercial{margin:22px 0 8px;padding:18px;border:1px solid var(--farm-line);border-radius:14px;background:#0f1c14cc}
.farm-commercial h3{margin:8px 0 10px;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em}
.farm-commercial > p{margin:0 0 14px;line-height:1.55;color:#d7e3cb}
.farm-signup-steps{display:grid;gap:8px;margin:0 0 14px}
.farm-signup-steps span{display:flex;gap:8px;padding:10px 12px;border-radius:10px;background:#1a2b20;border:1px solid #a6b79555;font-size:14px}
.farm-signup-steps strong{color:var(--farm-accent)}
.farm-commercial-points{margin:0;padding-left:18px;display:grid;gap:8px;color:#d5e2c8;font-size:14px;line-height:1.45}
.farm-quote{margin:20px 0;padding:16px;border:1px solid var(--farm-line);border-radius:12px;display:grid;grid-template-columns:1fr 90px;gap:12px;background:#102016aa}
.farm-quote input{width:100%;padding:10px;border:1px solid #a6b795;background:#102016;color:#fff;border-radius:6px;font:inherit;box-sizing:border-box}
.farm-quote output{font-size:26px;font-weight:700;grid-column:1/-1;color:var(--farm-accent)}
.farm-quote p{grid-column:1/-1;margin:0;font-size:13px}
.farm-quote .price-currency{margin-right:6px;font-size:11px;letter-spacing:.08em;color:var(--farm-accent)}
.farm-plan-scope,.farm-availability{font-size:12px;color:#cad3c0}
.farm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.farm-enquiry{display:inline-block;padding:13px 20px;background:var(--farm-accent);color:#102016;border-radius:999px;font-weight:700;text-decoration:none}
.farm-secondary{color:var(--farm-accent);font-size:14px}
.farm-world-link{display:inline-block;color:var(--farm-accent);margin-top:12px;font-weight:700}
.farm-plan:target,.farm-plan:focus{outline:2px solid var(--farm-accent);outline-offset:4px}

.theme-track{
  border-radius:22px;padding:24px 18px;margin:28px auto;
  background:radial-gradient(ellipse at 100% 0%,#67e8f922,transparent 40%),linear-gradient(160deg,var(--track-bg-1),var(--track-bg-2) 70%);
  box-shadow:0 18px 48px #0005;border:1px solid var(--track-line);
}
.theme-track .eyebrow{color:var(--track-accent)}
.theme-track h2{color:#e8fbff}
.theme-track .signup-steps{gap:8px}
.theme-track .signup-steps span{background:#102833;border:1px solid var(--track-line);border-radius:999px;padding:7px 11px;color:#d7eef5;font-size:12px}
.theme-track .signup-onfarm-note{color:#b7d0d8;font-size:13px}
.theme-track .signup-onfarm-note a{color:var(--farm-accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.theme-track .pricing-tile{background:#0f2430;border-color:#5f9eb866}
.theme-track .pricing-tile.featured{border-color:var(--track-accent)}
.theme-track .pricing-tile.trial{border-color:#c5ff00}
.theme-track .pricing-tile.farm{background:linear-gradient(160deg,#2f4a28,#1a2f20);border-color:#aec88d}
.theme-track .pricing-tile em{color:var(--track-accent)}
.theme-track .pricing-tile.farm em,.theme-track .pricing-tile.farm .price-currency{color:var(--farm-accent)}
.theme-track .price-currency{color:var(--track-accent)}
.pricing-tile.farm{background:#30412b;border-color:#aec88d}

.world-switch .world-farm[aria-pressed=true]{background:var(--farm-accent)!important;color:#102016!important;border-color:var(--farm-accent)!important}
.world-switch .world-track[aria-pressed=true]{background:var(--track-accent)!important;color:#082029!important;border-color:var(--track-accent)!important}
.world-switch .world-farm{border-color:#aec88d88}
.world-switch .world-track{border-color:#67e8f988}
body[data-world=farm] .os-worlds{background:linear-gradient(110deg,#3b4a23e8,#203527eb)!important;border-color:#aec88d66}
body[data-world=track] .os-worlds{background:linear-gradient(110deg,#143841ee,#0c1c28eb)!important;border-color:#67e8f966}

.access-compare{margin:22px 0;padding:16px;border-radius:16px;border:1px solid #ffffff22;background:linear-gradient(90deg,#142016 0 50%,#0e222a 50% 100%)}
.access-compare-head h3{margin:8px 0;font-size:clamp(22px,2.5vw,30px);color:#f4f8ef}
.access-compare-head p{margin:0;color:#c9d5c4;line-height:1.5}
.access-compare-legend{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}
.legend-farm,.legend-track{font-size:12px;font-weight:800;letter-spacing:.06em;padding:7px 12px;border-radius:999px}
.legend-farm{background:#d7ff6922;color:var(--farm-accent);border:1px solid #d7ff6966}
.legend-track{background:#67e8f922;color:var(--track-accent);border:1px solid #67e8f966}
.access-table-wrap{overflow:auto;border-radius:12px;border:1px solid #ffffff18}
.access-table{width:100%;border-collapse:collapse;min-width:620px;background:#0a120fcc;color:#e8f0e2;font-size:13px}
.access-table th,.access-table td{padding:10px 12px;border-bottom:1px solid #ffffff14;text-align:left;vertical-align:top;line-height:1.4}
.access-table thead th{position:sticky;top:0;background:#101a14;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.access-table thead th.col-farm{background:#1c2f1c;color:var(--farm-accent)}
.access-table thead th.col-track{background:#12303a;color:var(--track-accent)}
.access-table tbody th{font-weight:650;color:#f0f6ea;min-width:160px;background:#0d1611}
.access-table tbody th small{color:#9ec4d4;margin-left:4px}
.access-table td.col-farm{background:#142016aa}
.access-table td.col-track{background:#0e222aaa}
.tick{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;margin-right:5px;border-radius:999px;background:#c5ff0033;color:#d7ff69;font-weight:900}
.col-track .tick{background:#67e8f933;color:#67e8f9}
.cross{display:inline-block;min-width:1.25em;margin-right:5px;color:#8b9a90;font-weight:700}

/* Experience dialog must sit above ambient layers */
#experience{z-index:10000;border:0;padding:0;width:min(1100px,calc(100vw - 24px));max-width:1100px;height:min(900px,calc(100svh - 24px));background:#0c1410;color:#edf3e5;border-radius:18px}
#experience::backdrop{background:#000c;backdrop-filter:blur(6px)}
.experience-close{position:sticky;top:10px;float:right;margin:10px;z-index:2;border:0;border-radius:999px;width:40px;height:40px;background:#c5ff00;color:#102016;font-size:18px;cursor:pointer}
button.plain-story,button.story-link{cursor:pointer;position:relative;z-index:5}

@media(max-width:700px){
  .farm-plan{grid-template-columns:1fr;padding:18px}
  .farm-plan-visual{min-height:220px}
  .theme-track{padding:18px 12px}
  .access-compare{background:linear-gradient(180deg,#142016 0 40%,#0e222a 40% 100%)}
  .access-table{min-width:520px}
}

.farm-hardware{margin:18px 0;padding:18px;border-radius:14px;border:1px solid #e7b56a66;background:linear-gradient(135deg,#2a2418cc,#15251dcc)}
.farm-hardware .eyebrow{color:#e7b56a}
.farm-hardware h3{margin:8px 0 10px;font-size:clamp(22px,2.4vw,30px);color:#fff6ea}
.farm-hardware>p{margin:0 0 14px;line-height:1.55;color:#e4d6c2}
.farm-hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.farm-hardware-grid article{padding:12px;border-radius:12px;border:1px solid #e7b56a44;background:#120e0acc}
.farm-hardware-grid .hw-label{display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:#e7b56a;margin-bottom:8px}
.farm-hardware-grid strong{display:block;font-size:22px;color:#fff8ee;margin-bottom:6px}
.farm-hardware-grid p{margin:0;font-size:12px;line-height:1.4;color:#d7c4ae}
.farm-hardware-quote{display:grid;grid-template-columns:1fr 100px;gap:10px;padding:14px;border-radius:12px;border:1px solid #e7b56a55;background:#1a140fcc;margin-bottom:12px}
.farm-hardware-quote label{grid-column:1;align-self:center;font-size:14px;color:#f0e2d0}
.farm-hardware-quote input{grid-column:2;width:100%;padding:10px;border-radius:6px;border:1px solid #e7b56a88;background:#102016;color:#fff;font:inherit;box-sizing:border-box}
.farm-hardware-quote output{grid-column:1/-1;font-size:22px;font-weight:800;color:#e7b56a}
.farm-hardware-note{grid-column:1/-1;margin:0;font-size:12px;color:#d2c0a8;line-height:1.45}
.farm-hardware-note code{font-size:11px;color:#f0c27a}
.farm-hardware-points{margin:0;padding-left:18px;display:grid;gap:6px;color:#dcc9b3;font-size:13px;line-height:1.4}
@media(max-width:700px){.farm-hardware-grid{grid-template-columns:1fr}.farm-hardware-quote{grid-template-columns:1fr}}