/* Presentation for the pages, sections and forms that exist only on the platform-served site
   (scripts/site/platform/pages.mjs). Loaded only by the platform shell; the static Cloudflare Pages build never links or
   publishes it. Every rule is scoped to a class used only by those pages, so it cannot change an imported production
   page (remediation D2: earlier unscoped .faq and .card .ticks rules restyled /micro/ and other pages). */
.nav-signin { margin-right: 8px; }
.form-wrap { max-width: 640px; margin-top: 8px; }
.adil-form { display: grid; gap: 16px; }
.adil-form .field { display: grid; gap: 6px; border: 0; padding: 0; margin: 0; }
.adil-form .field label, .adil-form .field legend { font-weight: 600; }
.adil-form .field input, .adil-form .field select, .adil-form .field textarea { width: 100%; font: inherit; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--text); }
.adil-form .field input:focus-visible, .adil-form .field select:focus-visible, .adil-form .field textarea:focus-visible { outline: 3px solid var(--mint-ink); outline-offset: 1px; }
.adil-form .choice { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.adil-form .choice input { margin-top: 4px; flex: none; width: auto; }
.adil-form .consent-text { font-size: 14.5px; color: var(--text-dim); }
.adil-form .field-error { color: #9b2c1b; font-size: 14.5px; margin: 0; }
.form-ok { padding: 12px 16px; border-left: 3px solid var(--mint-ink); background: rgba(10, 110, 83, .08); border-radius: 0 10px 10px 0; font-weight: 600; }
.form-errors { padding: 12px 16px; border-left: 3px solid #9b2c1b; background: rgba(155, 44, 27, .07); border-radius: 0 10px 10px 0; }
.form-errors ul { margin: 6px 0 0; padding-left: 18px; }
.adil-form .hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.enquiry-grid { display: grid; gap: 32px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
.company-card { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.company-card h3 { margin-top: 0; }
@media (max-width: 860px) { .enquiry-grid { grid-template-columns: 1fr; } }
.founder { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin-top: 16px; }
.founder-photo { width: 160px; height: 160px; object-fit: cover; border-radius: 50%; border: 1px solid var(--line); }
.founder-name { margin: 0; }
.founder-role { margin: 4px 0 8px; color: var(--text-dim); }
.draft-banner { margin: 0; padding: 12px 16px; background: rgba(122, 82, 0, .1); border-left: 3px solid var(--amber-ink); }
.owner-decision { background: rgba(122, 82, 0, .12); padding: 0 4px; border-radius: 4px; font-weight: 600; }
.pricing-cards .plan-card { display: flex; flex-direction: column; }
.pricing-cards .plan-card .actions { margin-top: auto; padding-top: 16px; }
.plan-card h4 { margin: 16px 0 4px; font-size: 15px; }
.plan-for { color: var(--text-dim); }
.pricing-cards .ticks, .stack-ticks .ticks { grid-template-columns: 1fr; gap: 8px; }
.trust-strip { margin-top: 28px; padding: 14px 18px; border: 1px solid var(--line); border-radius: var(--radius); font-size: 15px; color: var(--text-dim); text-align: center; }
.plan-faq > div { padding: 12px 0; border-bottom: 1px solid var(--line); }
.plan-faq dt { margin-top: 20px; font-weight: 700; }
.plan-faq dd { margin: 6px 0 0; max-width: 70ch; color: var(--text-dim); }