/* Commercial offering, About Us and case-study review experience */
.offer-section { scroll-margin-top:104px; }
.offer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.offer-card { display:flex; flex-direction:column; padding:26px 24px 22px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 14px 34px rgba(30,30,30,.045); }
.offer-card-featured { border:1px solid rgba(242,183,5,.72); box-shadow:0 18px 42px rgba(15,61,46,.09); }
.offer-number { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.12em; margin-bottom:15px; }
.offer-card h3 { font-size:21px; min-height:54px; }
.offer-card > p { color:var(--muted); font-size:13px; }
.offer-card dl { display:grid; grid-template-columns:1fr; gap:4px; margin:8px 0 15px; }
.offer-card dt { color:var(--ink); font-size:11px; font-weight:750; margin-top:7px; }
.offer-card dd { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
.offer-fit { border-top:1px solid var(--line); padding-top:13px; margin-top:auto; }
.offer-card .button { align-self:flex-start; margin-top:10px; }
.offer-disclaimer { margin:18px 0 0; color:var(--muted); font-size:11px; }
.pathway-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pathway-link-grid a { display:flex; flex-direction:column; gap:6px; padding:17px 18px; background:#fff; border:1px solid var(--line); border-radius:6px; transition:border-color .2s,transform .2s; }
.pathway-link-grid a:hover { border-color:var(--green); transform:translateY(-2px); }
.pathway-link-grid strong { font-size:13px; color:var(--green); }
.pathway-link-grid span { color:var(--muted); font-size:11px; line-height:1.5; }
.commercial-pathways { background:var(--paper); }
.vision-mission { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.vision-mission article { padding:34px; border-left:3px solid var(--gold); background:#fff; box-shadow:0 12px 35px rgba(30,30,30,.045); }
.vision-mission .section-kicker { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.15em; }
.vision-mission h2 { font-size:clamp(27px,3vw,38px); margin:15px 0; }
.vision-mission p { color:var(--muted); margin-bottom:0; }
.values-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; }
.value-card { padding:22px 18px; background:#fff; border:1px solid var(--line); border-radius:7px; }
.value-card > span { display:grid; place-items:center; width:36px; height:36px; margin-bottom:17px; border-radius:50%; background:var(--gold-pale); color:var(--green); font-size:19px; font-weight:700; }
.value-card h3 { font-size:16px; }
.value-card p { margin:0; color:var(--muted); font-size:12px; }
.project-filters { display:flex; flex-wrap:wrap; gap:14px; margin:0 0 22px; }
.project-filters label { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:12px; font-weight:700; }
.project-filters select, .case-queue-item select { min-height:40px; padding:8px 34px 8px 11px; border:1px solid var(--line); border-radius:4px; background:#fff; color:var(--ink); }
.case-study-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.case-study-card { display:flex; flex-direction:column; padding:23px; border:1px solid var(--line); border-radius:7px; background:#fff; }
.case-study-card[hidden] { display:none; }
.case-study-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:9px; margin-bottom:17px; }
.case-study-card .section-kicker { color:var(--green); margin-bottom:6px; }
.case-study-card h3 { font-size:21px; }
.case-study-card p { font-size:12px; color:var(--muted); }
.case-study-card p strong { color:var(--ink); }
.case-study-card details { border-top:1px solid var(--line); padding-top:11px; margin-top:2px; }
.case-study-card summary { cursor:pointer; color:var(--green); font-size:12px; font-weight:700; }
.scenario-detail { padding-top:12px; }
.project-status { display:inline-flex; padding:5px 8px; color:#634d12; background:#fbf2d1; font-size:9px; font-weight:750; letter-spacing:.04em; }
.case-study-card .placeholder-stamp { margin-top:auto; padding:10px 0 14px; color:#6f5b21; font-size:10px; font-weight:700; }
.case-study-card .text-link { align-self:flex-start; }
.case-submission { scroll-margin-top:100px; }
.case-submission .content-grid { grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); align-items:start; }
.case-submission .form-card { padding:24px; }
.case-submission .form-card .demo-data-notice { margin:0 0 14px; padding:12px; background:#fbf2d1; color:#5d4c1b; font-size:11px; }
.case-permissions { display:grid; gap:9px; }
.case-permissions label { display:flex; align-items:flex-start; gap:8px; font-size:11px; color:var(--muted); }
.case-permissions input { margin-top:4px; accent-color:var(--green); }
.case-review-panel { padding:24px; border:1px solid var(--line); border-radius:6px; background:#f7f5ef; }
.case-review-panel > p { font-size:12px; color:var(--muted); }
.case-queue-item { display:grid; gap:8px; padding:14px 0; border-top:1px solid var(--line); }
.case-queue-item strong { font-size:12px; }
.case-queue-item small, .case-queue-item label { font-size:10px; color:var(--muted); }
.case-queue-item label { display:grid; gap:5px; }
.case-queue-item select { width:100%; }
.enquiry-pathways .pathway-link-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:980px) { .values-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .offer-grid { gap:12px; } .offer-card { padding:21px 18px; } }
@media (max-width:720px) { .offer-grid,.pathway-link-grid,.enquiry-pathways .pathway-link-grid,.vision-mission,.case-study-grid,.case-submission .content-grid { grid-template-columns:1fr; } .offer-card h3 { min-height:0; } .values-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .vision-mission article { padding:24px; } .case-study-card { padding:19px; } .project-filters { display:grid; grid-template-columns:1fr; } .project-filters label { align-items:flex-start; flex-direction:column; } .project-filters select { width:100%; } }
@media (max-width:430px) { .values-grid { grid-template-columns:1fr; } .offer-card { padding:20px 17px; } .case-submission .form-card,.case-review-panel { padding:18px; } }