/* Offer-specific layout; shared storefront typography and palette stay intact. */
:root { --sf-accent:#2563EB; --sf-accent-hover:#1D4ED8; --sf-muted:#475569; }
html { scroll-padding-top:80px; }
.agent-offer { line-height:1.65; }
.agent-offer .hero h1 { max-width:880px; margin:12px auto 20px; }
.agent-offer .hero p { max-width:820px; color:#E2E8F0; font-weight:400; }
.agent-offer .eyebrow { font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; }
.agent-offer .hero .eyebrow { color:#7DD3FC; }
.agent-offer .actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:center; margin-top:26px; }
.agent-offer .actions a { max-width:100%; }
.agent-offer .secondary-link { color:var(--sf-heading); font-weight:600; }
.agent-offer .hero .secondary-link { color:#FFFFFF; }
.agent-offer .section-intro { max-width:760px; margin-bottom:24px; color:var(--sf-muted); }
.agent-offer .section-title { font-size:clamp(25px,3vw,32px); margin-bottom:16px; line-height:1.25; }
.agent-offer .product-name { font-size:20px; }
.agent-offer .product-desc { font-size:15px; font-weight:400; margin-bottom:0; }
.agent-offer .questions, .agent-offer .scope-grid, .agent-offer .deliverables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.agent-offer .questions { list-style:none; }
.agent-offer .questions li { border-left:3px solid var(--sf-accent); padding:10px 16px; background:var(--sf-surface); }
.agent-offer details { background:var(--sf-surface); border:1px solid var(--sf-border); border-radius:12px; padding:18px 20px; }
.agent-offer summary { cursor:pointer; font-weight:600; color:var(--sf-heading); }
.agent-offer details p { margin-top:12px; color:var(--sf-muted); font-size:15px; }
.agent-offer .process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; list-style:none; counter-reset:step; }
.agent-offer .process li { counter-increment:step; }
.agent-offer .process li::before { content:"0" counter(step); color:var(--sf-accent); font-weight:600; margin-bottom:12px; }
.agent-offer .request-panel { background:var(--sf-surface); border:1px solid var(--sf-border); border-radius:16px; padding:32px; }
.agent-offer .request-panel .actions { justify-content:flex-start; }
.agent-offer .request-panel p + p { margin-top:14px; }
.agent-offer .platforms { margin-top:24px; font-size:14px; color:var(--sf-muted); }
.agent-offer a:focus-visible, .agent-offer summary:focus-visible { outline:3px solid #0EA5E9; outline-offset:5px; }
.agent-offer .skip-link { position:fixed; top:-100px; left:16px; z-index:200; padding:12px; background:white; color:#1B3A5C; }
.agent-offer .skip-link:focus { top:8px; }
@media (max-width:700px) {
  .agent-offer .questions, .agent-offer .scope-grid, .agent-offer .deliverables { grid-template-columns:1fr; }
  .agent-offer .process { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:400px) {
  .agent-offer .topbar { gap:16px; padding:12px 16px; }
  .agent-offer .topbar-brand img { max-width:180px; height:auto; max-height:34px; }
  .agent-offer .process { grid-template-columns:1fr; }
  .agent-offer .request-panel { padding:22px; }
}