/* Extends the existing Secoya design system; demo styles and tokens retained. */
:root { --ink-faint:#9aa6b2; }
.skip-link { position:fixed; top:8px; left:16px; z-index:200; transform:translateY(-200%); background:var(--lime); color:var(--bg); padding:12px; }
.skip-link:focus { transform:none; }
.site-head .brand .logo { height:22px; max-height:22px; max-width:160px; }
.site-head .wrap { max-width:1280px; }
.nav a { font-size:12px; padding-inline:10px; }
.hero h1 { max-width:1000px; font-size:clamp(36px,5.7vw,68px); line-height:1.06; }
.hero p { margin-top:20px; }
.hero .brand-promise { color:var(--lime); font-weight:500; margin-top:30px; }
.hero-actions { gap:12px; }
.section-head { max-width:780px; }
.section-head .eyebrow:empty { display:none; }
.section-head .eyebrow { display:block; margin-bottom:14px; }
.wrap>p+p { margin-top:16px; }
.wrap>p+.btn, .wrap>p+.hero-actions, .wrap>.grid+p { margin-top:24px; }
.wrap>.btn { margin-top:24px; margin-right:12px; }
.question-list { list-style:none; padding:0; margin:24px 0; max-width:800px; }
.question-list li { border-top:1px solid var(--line); padding:16px 0 16px 28px; position:relative; color:var(--ink); }
.question-list li:before { content:'→'; color:var(--lime); position:absolute; left:0; }
.evidence-flow { display:flex; list-style:none; padding:0; margin:36px 0; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.evidence-flow li { flex:1; min-width:0; padding:24px 18px; border-right:1px solid var(--line); background:var(--bg-2); }
.evidence-flow li:last-child { border:0; }
.evidence-flow strong { display:block; margin-top:12px; line-height:1.4; font-size:15px; }
.card h3+p { margin-top:14px; }
.card { min-width:0; }
.use-case { display:grid; grid-template-columns:210px 1fr; gap:18px 24px; max-width:900px; }
.use-case dt { color:var(--lime); font-family:var(--mono); font-size:12px; }
.use-case dd { color:var(--ink); }
main p a, .contact-form a:not(.btn), .source-links a { text-decoration:underline; text-underline-offset:4px; }
details { border:1px solid var(--line); padding:24px; border-radius:8px; }
summary { cursor:pointer; color:var(--ink); font-weight:600; }
details p { margin-top:16px; }
.contact-form .consent-row input { width:18px; height:18px; margin-top:3px; }
.contact-form input,.contact-form select,.contact-form textarea { font-size:16px; }
.contact-form button:disabled { opacity:.7; cursor:wait; }
.form-status { color:var(--ink-dim); line-height:1.7; }
.resource-nav { padding-block:36px; }
section[id],h2[id] { scroll-margin-top:90px; }
.site-foot .logo { max-width:145px; }
@media (max-width:1060px) {
  .menu-btn { display:block; }
  .nav { display:none; position:absolute; top:100%; left:0; right:0; background:var(--bg-1); padding:16px var(--gut); flex-direction:column; align-items:stretch; transform:none; max-height:calc(100dvh - 62px); overflow:auto; }
  .nav[data-open="true"] { display:flex; transform:none; }
  .nav a { padding:13px 10px; font-size:15px; }
}
@media (max-width:700px) {
  .evidence-flow { flex-direction:column; }
  .evidence-flow li { border-right:0; border-bottom:1px solid var(--line); }
  .evidence-flow strong { margin-top:5px; }
  .use-case { grid-template-columns:1fr; gap:8px; }
  .use-case dd { margin-bottom:20px; }
  .hero-actions .btn { white-space:normal; text-align:center; }
  .hero { padding-block:60px; }
  .site-foot .cols { grid-template-columns:1fr; }
}

/* Compact commercial homepage; established brand tokens and typography retained. */
.commercial-home main section { padding-block:48px; }
.commercial-home main .hero { padding-block:72px; }
.commercial-home main h2 { margin-bottom:24px; }
.commercial-home .card h3 { font-size:22px; line-height:1.3; }
.commercial-home main .grid { margin-top:24px; }
@media(max-width:700px){.commercial-home main section{padding-block:32px}.commercial-home main .hero{padding-block:48px}}