/* Workflow edition: shared with the original preview's palette and local type. */
:root { --t-h1:clamp(40px,5.2vw,68px); }
[hidden] { display:none !important; }
html { scroll-padding-top:100px; }
body { overflow-wrap:break-word; }
:focus-visible { outline:3px solid var(--link); outline-offset:5px; }
.workflow-site .wrap { max-width:1240px; }
.workflow-site h1 { max-width:17ch; line-height:1.04; }
.workflow-site h2.title { max-width:30ch; }
.workflow-site h3 { font-size:var(--t-h3); line-height:1.2; margin:0 0 16px; }
.workflow-site .section { padding:80px 0; }
.workflow-site .section.sand, .compact-hero { background:var(--sand); }
.workflow-site .hero { padding:70px 0 66px; }
.workflow-site .hero-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:center; gap:72px; }
.workflow-site .lede { max-width:62ch; }
.call-note,.demo-label { font-size:var(--t-sm); color:var(--ink-2); margin-top:18px; }
.intro-note { min-width:0; }
.intro-note > h2 { font-family:var(--f-display); font-size:var(--t-h3); font-weight:600; margin:0 0 16px; }
.intro-note > p { color:var(--ink-2); max-width:45ch; }
.section-tail { margin-top:30px; padding-top:22px; border-top:1px solid var(--border); color:var(--ink-2); max-width:76ch; }
.section-space { margin-top:32px !important; }
.text-link { display:inline-block; color:var(--link); text-decoration:underline; text-underline-offset:4px; font-weight:500; margin-top:20px; }
.workflow-demo { margin:32px 0 16px; }
.workflow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }
.workflow-steps button { display:flex; gap:14px; align-items:center; min-height:80px; padding:16px; border:0; border-bottom:3px solid var(--border-strong); background:transparent; font:500 17px/1.4 var(--f-sans); text-align:left; color:var(--ink); cursor:pointer; }
.workflow-steps button span { font-size:14px; color:var(--link); }
.workflow-steps button[aria-selected="true"] { background:var(--ink); color:white; border-color:var(--terra); }
.workflow-steps button[aria-selected="true"] span { color:var(--label-on-dark); }
.workflow-steps button:hover:not([aria-selected="true"]) { background:white; }
.workflow-detail { padding:32px; background:white; min-height:240px; border-bottom:1px solid var(--border-strong); }
.workflow-detail h3 { margin:12px 0; }.workflow-detail p { max-width:75ch; }
.workflow-exception { margin-top:22px; border-left:2px solid var(--link); padding-left:16px; color:var(--ink-2); }
.offer-pair { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:36px; }
.offer-pair article { border-top:2px solid var(--ink); padding-top:24px; }
.offer-pair h3 { margin-top:14px; }
.offer-pair p { max-width:48ch; }
.plain-list { margin-top:20px; }.plain-list li { position:relative; padding:10px 0 10px 22px; border-bottom:1px solid var(--border); }
.plain-list li::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--link); position:absolute; left:0; top:20px; }
.ownership-grid,.founder-grid,.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.ownership-grid p+p,.founder-grid p+p { margin-top:20px; color:var(--ink-2); }
.ownership-register { margin:0; border-top:1px solid var(--ink); }
.ownership-register > div { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--border); }
.ownership-register dd { margin:0; color:var(--link); font-size:var(--t-sm); }
.founder-grid { grid-template-columns:280px minmax(0,1fr); align-items:center; }
.founder-grid img,.about-portrait { width:280px; height:340px; object-fit:cover; object-position:top; }
.about-portrait { margin:auto; }
.founder-grid h3 { margin-top:12px; }
.closing { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.closing p { max-width:64ch; }.closing .btn { flex-shrink:0; }
.example-list article { display:grid; grid-template-columns:1fr 1.5fr; gap:70px; padding:32px 0; border-top:1px solid var(--border-strong); }
.example-list h3 { margin-top:10px; }.workflow-path { padding:18px 0; color:var(--link); }
.workflow-form { display:grid; gap:20px; padding-top:24px; border-top:2px solid var(--ink); }
.workflow-form label { display:block; font-weight:500; font-size:var(--t-sm); }
.workflow-form input:not([type="hidden"]),.workflow-form textarea,.workflow-form select { display:block; width:100%; min-width:0; margin-top:7px; padding:12px; font:400 17px/1.5 var(--f-sans); border:1px solid var(--border-strong); border-radius:2px; color:var(--ink); background:white; }
.workflow-form textarea { resize:vertical; }
.workflow-form .btn { justify-self:start; cursor:pointer; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-hint,.optional { font-size:var(--t-sm); color:var(--ink-2); font-weight:400; }
.form-hint a { text-decoration:underline; }.form-status:empty { display:none; }.form-status { padding:15px; background:var(--sand); border-left:3px solid var(--link); }
.studio-footer { display:grid; grid-template-columns:1.3fr 1fr 1fr 1.2fr; gap:35px; }
.studio-footer img { width:150px; height:auto; margin-bottom:22px; }.studio-footer a { display:block; padding:5px 0; font-size:var(--t-sm); text-decoration:none; }.studio-footer a:hover { text-decoration:underline; }
.studio-footer .footer-label { color:white; font-weight:500; margin-bottom:12px; }.studio-footnote { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--border-on-dark); padding-top:25px; margin-top:40px; font-size:var(--t-sm); }
.menu-toggle { display:none; font:500 15px/1.4 var(--f-sans); background:transparent; color:var(--ink); border:1px solid var(--border-strong); padding:9px 12px; cursor:pointer; }
.nav-cta { font-size:var(--t-sm); white-space:nowrap; }
.nav-links a[aria-current="page"] { color:var(--link); text-decoration:underline; text-underline-offset:6px; }
@media(max-width:1000px) {
 .nav-inner { gap:16px; }.nav-links { gap:16px; }
 .workflow-site .hero-grid { gap:36px; }
 .ownership-grid,.contact-grid,.offer-pair,.example-list article { gap:32px; }
 .studio-footer { grid-template-columns:1fr 1fr; }
}
/* 860 to match funnel.css, which is where .nav-links are hidden. When
   this block sat at 800 there was no navigation at all between 801 and
   860: the links were already hidden and the toggle had not appeared. */
@media(max-width:860px) {
 .nav-inner { flex-wrap:wrap; height:auto; min-height:76px; align-items:center; padding:16px 20px !important; gap:12px; }
 .nav img { height:32px; }.menu-toggle { display:block; margin-left:auto; }
 .nav-cta { width:100%; text-align:center; padding:8px 0 0; }
 .nav-links { display:flex; order:4; flex-basis:100%; flex-wrap:wrap; padding:12px 0 0; gap:18px; }
 .nav[data-menu-ready] .nav-links { display:none; }.nav[data-menu-ready] .nav-links.is-open { display:flex; }
 .workflow-site .hero { padding:44px 0; }.workflow-site .section { padding:52px 0; }
 .workflow-site .hero-grid,.ownership-grid,.contact-grid,.offer-pair,.founder-grid,.example-list article { grid-template-columns:1fr; gap:32px; }
 .workflow-site .hero-grid { align-items:start; }.workflow-site h1 { max-width:19ch; }
 .workflow-steps { grid-template-columns:1fr 1fr; }.workflow-steps button { min-height:75px; font-size:15px; padding:12px; gap:8px; }
 .workflow-detail { padding:24px 20px; min-height:295px; }
 .closing { display:block; }.closing .btn { margin-top:24px; }.founder-grid img { width:220px; height:270px; }
 .studio-footnote { flex-direction:column; }.form-row { grid-template-columns:1fr; }
 .example-list article { gap:12px; }.ownership-register > div { grid-template-columns:1.1fr 1fr; }
}
@media(max-width:420px) { .studio-footer { grid-template-columns:1fr; gap:26px; }.hero .btn-row .btn { width:100%; }.workflow-site h1 { font-size:42px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }