/* FoodAgri funnel pages: layouts built on kit/fa.css tokens only. Each page has its own signature section;
   the shared parts are hero, sample strip, steps, intake, FAQ and closing call. */
.skip{position:absolute;left:-999px;top:8px;z-index:20;background:var(--surface);color:var(--fg);padding:8px 12px;border-radius:8px}
.skip:focus{left:12px}
.hero .wrap{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}
.hero .lede{font-size:clamp(18px,1.6vw,21px);color:var(--ground-muted);max-width:52ch}
.hero h1{color:var(--ground-fg)}
.hero .fine{font-size:14px;color:var(--ground-muted)}
.hero .btn.ghost{color:var(--ground-fg)}
.sec-head{display:grid;gap:12px;margin-bottom:28px;max-width:72ch}
.sec-head p{color:var(--muted);font-size:18px}
.band.ground .sec-head p{color:var(--ground-muted)}
/* sample strip */
.strip{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}
.strip figure{margin:0;display:grid;gap:8px;min-width:0}
.strip figcaption{font-size:15px;color:var(--muted)}
details.script{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:14px 18px}
details.script summary{cursor:pointer;font-weight:700}
details.script blockquote{margin:12px 0 0;padding-left:14px;border-left:4px solid var(--brand);color:var(--fg);max-width:70ch}
.contents{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));counter-reset:pg;padding:0;margin:0;list-style:none}
.contents li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:4px}
.contents li b{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep)}
/* who for */
.fit{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.fit ul{margin:0;padding-left:20px;display:grid;gap:8px}
.fit .no h3{color:var(--muted)}
/* steps: a real sequence, so numbered */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:st}
.steps li{counter-increment:st;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start}
.steps li::before{content:counter(st);font:900 40px/1 var(--display);color:var(--brand)}
/* signature visuals */
.mark{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.mark::before{content:"";width:12px;height:12px;border-radius:50%;background:currentColor}
.mark.y{color:var(--brand)} .mark.q{color:var(--gold-deep)} .mark.x{color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;margin-top:12px}
.tag{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep)}
.cmp td:last-child,.cmp th:last-child{background:var(--sunk)}
.ladder{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ladder li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.ladder li span{font:900 34px/1 var(--display);color:var(--brand);min-width:28px}
.cat{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.cat .card h3{display:flex;align-items:baseline;gap:10px}
.cat ul{margin:0;padding-left:20px;display:grid;gap:6px}
/* intake */
.intake{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
@media (max-width:900px){.intake{grid-template-columns:minmax(0,1fr)}}
form.q{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:18px;color:var(--fg)}
form.q fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
form.q legend{font-weight:700;margin-bottom:6px}
form.q label.opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
form.q label.opt:has(input:checked){border-color:var(--brand);background:var(--sunk)}
form.q input[type=email],form.q input[type=text]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit}
form.q .err{color:var(--fg);font-weight:600;border-left:4px solid var(--gold-deep);padding-left:10px}
.result{border:2px solid var(--brand);border-radius:var(--r);padding:20px;background:var(--surface);display:grid;gap:10px;color:var(--fg)}
.result .tag{color:var(--gold-deep)}
.band.ground .result,.band.ground form.q{color:var(--fg)}
/* faq */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 18px}
.faq summary{cursor:pointer;font-weight:700}
.faq details p{margin-top:8px;color:var(--muted)}
.close .wrap{display:grid;gap:18px;justify-items:start}
.close p{color:var(--ground-muted);font-size:18px}
.honest{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.band.ground .honest{color:var(--ground-muted);border-color:var(--ground-muted)}
/* the strip caption carries the fictional label, so the corner tag would only cover the scene's caption pill */
.strip .fa-tag{display:none}

/* all-products list: each item ends with its action */
.plist{margin:0;padding-left:1.1em;display:grid;gap:10px}.plist .pact{white-space:nowrap}.plist .pact a{font-weight:700;color:var(--blue)}
/* industry directory */
.dir-filters{display:grid;gap:14px;margin-bottom:20px}
.dir-kinds{display:flex;flex-wrap:wrap;gap:8px}
.dir-kinds button{font:600 15px var(--body);padding:8px 14px;border-radius:999px;border:1.5px solid var(--edge);background:var(--surface);color:var(--fg);cursor:pointer}
.dir-kinds button[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.dir-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.dir-row label{display:grid;gap:4px;font-weight:600;font-size:15px;min-width:0}
.dir-row select,.dir-row input{font:16px var(--body);padding:9px 12px;border-radius:8px;border:1px solid var(--edge);background:var(--surface);color:var(--fg);max-width:100%}
.dir-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.dir-item h3{font-size:22px} .dir-item h3 a{color:var(--fg);text-decoration-color:var(--brand)}
.dir-top{display:flex;justify-content:space-between;gap:8px}
.dir-reg,.dir-meta{font:500 12.5px var(--mono);color:var(--muted)}
.dir-ev{font-weight:700;color:var(--brand)} .dir-ev.muted{font-weight:500;color:var(--muted)}
.dir-note{font-size:14.5px}
.cal th button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-transform:inherit;letter-spacing:inherit}
.cal th button::after{content:" ↕";opacity:.6}
.cal tr.later td{color:var(--muted)}
.nowrap{white-space:nowrap}
.newsbox{border:1.5px dashed var(--edge);border-radius:var(--r);padding:20px;display:grid;gap:10px;background:var(--surface)}
/* f104d9 2026-11-01: form button and fields were dark-on-dark / unstyled (global .cta from fa-home.css hit button.btn.cta) */
.btn.cta{position:static;isolation:auto;overflow:visible;background:var(--gold);color:var(--gold-ink);border:2px solid transparent}
.btn.cta::before{content:none;display:none}
form.q input:not([type=radio]):not([type=checkbox]):not([type=hidden]),form.q textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit}
form.q input::placeholder,form.q textarea::placeholder{color:var(--muted)}
form.q input:focus-visible,form.q textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}