/* ST37: the two collection pages use V3's existing palette, type and header.
   Loaded only by these pages; native versions and the five direction pages
   retain their own presentation owners. */
body[data-v3=portfolio] main>section:not(.hero),body[data-v3=sales-start] main>section:not(.hero){border-top:1px solid var(--line-soft)}
body[data-v3=portfolio] footer nav ul,body[data-v3=sales-start] footer nav ul{flex-wrap:wrap}
.anchor-target{display:block;scroll-margin-top:144px}
/* Portfolio links also target headings directly; keep them below the sticky header. */
body[data-v3=portfolio] h2[id]{scroll-margin-top:144px}
.catalog-toolbar{padding:24px 0;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:500 12px/1.5 Inter,sans-serif;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}
.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
#filter-status{font-size:12px;color:var(--muted)}
.section-top{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:40px;margin-bottom:36px}
.section-top h2{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.02em}
.section-top p{font-size:15px;color:var(--muted);max-width:720px;margin-top:18px}
.section-top .eyebrow{padding-top:8px;margin:0;font-size:11px;letter-spacing:.09em}
body[data-v3=portfolio] h2 em,body[data-v3=sales-start] h2 em,body[data-v3=sales-start] h3 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--accent-deep)}
.eyebrow,.tag,.priority-tag{color:var(--muted);font-size:10px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}
.portfolio-priority,.featured-grid,.system-grid,.client-grid,.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.portfolio-priority{margin-bottom:48px}
.priority-case,.project-card,.system-case,.client-card,.demo-card{min-width:0}
.priority-case>a:first-child,.project-image{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);aspect-ratio:1.44}
.priority-case>a:first-child img,.project-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}
.priority-tag,.project-card>.tag,.system-case>.tag{display:block;margin-top:20px}
body[data-v3=portfolio] h3{font-size:23px;line-height:1.3;margin:10px 0 14px}
.priority-case p,.project-card p,.system-case p,.client-card p,.demo-card p{font-size:14px;line-height:1.75;color:var(--muted)}
.priority-link,.project-link,.priority-source,.family-links a,.variant-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:13px;font-weight:600;gap:8px;color:var(--accent-deep);overflow-wrap:anywhere}
.priority-link,.project-link{margin-top:12px;text-decoration:underline;text-underline-offset:5px}
.priority-source{display:flex;font-size:12px;font-weight:400;color:var(--muted)}
.family-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:8px;aspect-ratio:1.6;padding:8px;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.family-preview a{display:block;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px}.family-preview a:first-child{grid-row:1/3}
.family-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.family-links,.variant-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:14px}
.site-list{margin-top:40px}
.site-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 0;border-block-start:1px solid var(--line)}
.site-index{color:var(--accent-deep);font-size:12px;align-self:start;padding-top:8px}
.site-list p{font-size:14px;line-height:1.7;color:var(--muted);max-width:780px}
.site-list article>a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:var(--accent-deep)}
body[data-v3=portfolio] .site-list h3{font-size:20px}
.systems-band,.lab-band,body[data-v3=portfolio] #in-progress{background:var(--paper-2)}
.p28-vision{margin:0}.p28-vision a{display:block;border:1px solid var(--line);border-radius:16px;padding:8px;background:var(--card)}
.p28-vision img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:9px}.p28-vision figcaption,.system-case .small{font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}
.system-case p+p{margin-top:12px}
.system-graphic{padding:26px;background:var(--card);border:1px solid var(--line);border-radius:16px;min-height:260px}
.app-bar{font:600 18px/1.6 Unbounded,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.app-bar span{font:500 10px/1.6 Inter,sans-serif;letter-spacing:.05em}
.estimate-lines{display:grid;margin-top:14px}.estimate-lines>span{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}
.client-card{padding:30px;background:var(--card);border:1px solid var(--line);border-radius:18px}
.concept-mark{display:block;font:italic 52px/1.1 'Playfair Display',serif;color:var(--accent-deep);margin-bottom:22px}
.variant-links a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:12px}
.demo-card>a{display:block}.demo-image{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:16px;background:var(--paper-2)}
.demo-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.demo-name{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:600 17px/1.5 Unbounded,sans-serif}
.demo-card .tag{display:block;margin-top:18px}.demo-card h3{display:flex;justify-content:space-between;gap:16px}
.collection-contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:60px}
.collection-contact h2{font-size:clamp(26px,3vw,38px);margin:18px 0}.collection-contact p{font-size:15px;color:var(--muted);max-width:620px}
.collection-contact .contact-links{display:grid;gap:14px;padding-top:20px}.collection-contact .contact-links a{display:flex;align-items:center;min-height:44px;font-size:16px;color:var(--accent-deep);overflow-wrap:anywhere}
/* The original quick-start tab, brief and persistence owners are retained. */
body[data-v3=sales-start] .eyebrow{display:block;margin-bottom:18px}
body[data-v3=sales-start] h2{font-size:clamp(26px,3vw,38px);line-height:1.25}
body[data-v3=sales-start] h3{font-size:21px;line-height:1.3}
body[data-v3=sales-start] .hero h1{font-size:clamp(34px,4.4vw,56px)}
.launch-system,.scenario-layout,.launch-deliverables,.launch-ai,.start-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.launch-system>*,.scenario-layout>*,.launch-deliverables>*,.launch-ai>*,.start-layout>*{min-width:0}
.p28-system-copy>p,.scenario-copy>p,.deliverables-copy>p,.launch-ai>div>p,.start-copy>p{font-size:15px;color:var(--muted);margin-top:18px}
.p28-system-copy ul{display:grid;gap:14px;margin-top:24px}.p28-system-copy li{font-size:14px;color:var(--muted);padding:16px 0;border-top:1px solid var(--line)}.p28-system-copy li b{display:block;font-size:16px;color:var(--text);margin-bottom:4px}
body[data-v3=sales-start] .p28-note{font-size:13px;color:var(--muted)}
.system-card,.scenario-card,.deliverables-sheet{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
.system-card-header,.system-footer,.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);padding:20px 24px}
.system-footer{border-top:1px solid var(--line);font-size:12px}.tiny-label{font-size:10px;letter-spacing:.08em;color:var(--muted);line-height:1.7}
.system-tabs,.scenario-tabs{display:flex;gap:6px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px}
.system-tabs button,.scenario-tabs button{min-width:0;flex:1 1 90px;min-height:44px;padding:10px 12px;font:500 12px/1.5 Inter,sans-serif;color:var(--text);border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer}
.system-tabs button[aria-selected=true],.scenario-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.system-tabs button span{font-size:10px;margin-right:6px}.system-panel,.scenario-panel{padding:26px}.panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.panel-heading>div{min-width:0}.panel-icon{width:36px;flex-shrink:0;color:var(--accent-deep)}.panel-icon svg{display:block;width:36px;stroke:currentColor;stroke-width:1.5}.panel-arrow{margin-left:auto;color:var(--accent-deep)}
body[data-v3=sales-start] .panel-heading h3{font-size:20px;line-height:1.4;margin-top:6px}.panel-description{font-size:14px;color:var(--muted)}
.connection-diagram{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;padding-top:24px}.connection-diagram span{padding:8px 10px;background:var(--paper-2);border:1px solid var(--line);border-radius:6px}.connection-diagram i{font-style:normal;color:var(--accent-deep)}
.scenario-section,.deliverables,body[data-v3=sales-start] .p28-ai{background:var(--paper-2)}
.scenario-asterisk{display:inline-block;font-size:72px;line-height:1;color:var(--accent-deep);margin-top:28px}
body[data-v3=sales-start] .scenario-panel h3{white-space:pre-line;font-size:24px;margin:10px 0 22px}.scenario-steps{list-style:none;display:grid;gap:18px;margin-bottom:24px}.scenario-steps li{font-size:14px;line-height:1.7;display:flex;gap:12px}.scenario-steps li span{font-size:11px;color:var(--accent-deep);padding-top:3px}.scenario-link,.text-link,.p28-project-links a,.launch-ai a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:600;color:var(--accent-deep);margin-top:12px}.scenario-note{font-size:12px;color:var(--muted);padding:0 26px 24px}
.section-heading{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:40px;margin-bottom:36px}.section-intro{font-size:15px;color:var(--muted);margin-top:18px}
.process-list{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.process-list li{border-top:1px solid var(--line);padding-top:20px}.process-marker{display:flex;justify-content:space-between;color:var(--accent-deep);font-size:12px;margin-bottom:18px}body[data-v3=sales-start] .process-list h3{font-size:16px;margin-bottom:12px}.process-list p{font-size:13px;color:var(--muted)}.process-result{display:block;font-size:12px;color:var(--accent-deep);margin-top:18px;line-height:1.7}
.deliverables-sheet{padding:8px 24px 24px}.sheet-top{padding-inline:0;border-bottom:1px solid var(--line)}.deliverables-sheet ul{display:grid;gap:16px;padding:24px 0}.deliverables-sheet li{font-size:14px;display:flex;gap:12px}.deliverables-sheet li span{color:var(--accent-deep)}.deliverables-sheet p{font-size:12px;color:var(--muted);line-height:1.7}
.p28-launch-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.p28-launch-projects article{min-width:0}.p28-launch-projects article>a:first-child{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.p28-launch-projects img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.p28-launch-projects h3{margin:20px 0 14px}.p28-launch-projects p{font-size:14px;color:var(--muted)}.p28-launch-projects article>a:last-child{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-deep);font-size:13px;font-weight:600;margin-top:12px}.p28-project-links{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:24px}
body[data-v3=sales-start] .faq-list{max-width:none}body[data-v3=sales-start] .faq-list details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:0 24px}body[data-v3=sales-start] .faq-list summary{cursor:pointer;padding:20px 0;min-height:60px;font-weight:600;font-size:14px;line-height:1.6}body[data-v3=sales-start] .faq-list details p{font-size:14px;color:var(--muted);padding-bottom:22px}
body[data-v3=sales-start] .contact-links{display:grid;gap:12px;margin-top:24px}.contact-links a,.contact-email{font-size:14px;min-height:40px;display:flex;align-items:center;color:var(--accent-deep);overflow-wrap:anywhere}.start-signature{border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.start-signature>span{font:600 18px Unbounded,sans-serif}.start-signature p{font-size:13px;color:var(--muted);margin-top:10px}
body[data-v3=sales-start] .native-form .form-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}
body[data-v3=sales-start] .native-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body[data-v3=sales-start] .native-form .field label{margin-bottom:0}.field-hint{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7}.brief-download{display:inline-flex;align-items:center;min-height:40px;margin-top:8px;font-size:12px;color:var(--accent-deep)}
body[data-v3=sales-start] .native-form .field{margin-bottom:18px}.native-form .consent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;font-weight:400;line-height:1.7}.native-form .consent span{min-width:0}.native-form .consent input{margin-top:3px}
.brief-review h3{margin-bottom:18px}.review-description{font-size:13px;color:var(--muted);margin-bottom:20px}.review-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.brief-review>a{display:flex;align-items:center;min-height:40px;color:var(--accent-deep);font-size:13px;margin-top:8px}.brief-review textarea{min-height:280px}.form-note{line-height:1.7}
/* Keep form labels visible: the native visually-hidden class is intentionally
   not hidden here. Labels remain understandable while a client edits a field. */
body[data-v3=sales-start] .visually-hidden{font-size:11px;font-weight:400}
@media(hover:hover) and (pointer:fine){.demo-card:hover img{transform:scale(1.02)}.priority-case>a:hover,.project-image:hover{border-color:rgba(55,109,25,.4)}}
@media(max-width:1020px){.section-top,.section-heading{grid-template-columns:1fr;gap:16px}.launch-system,.scenario-layout,.launch-deliverables,.launch-ai,.start-layout{grid-template-columns:1fr;gap:32px}.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-contact{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){.portfolio-priority,.featured-grid,.system-grid,.client-grid,.demo-grid,.p28-launch-projects,.process-list{grid-template-columns:1fr;gap:32px}.portfolio-priority{margin-bottom:36px}.section-top,.section-heading{margin-bottom:28px}.site-list article{grid-template-columns:24px minmax(0,1fr);gap:12px}.site-list article>a{grid-column:2}.client-card{padding:24px}.demo-image{aspect-ratio:1.5}.system-graphic{padding:22px}.app-bar{flex-wrap:wrap}.catalog-toolbar{padding-block:18px}.filters{gap:6px}.filters button{padding-inline:12px;font-size:11px}.collection-contact .contact-links a{font-size:14px}.system-panel,.scenario-panel{padding:22px}.system-tabs button,.scenario-tabs button{flex-basis:70px;font-size:11px}.scenario-tabs button{flex-basis:120px}.system-card-header,.system-footer{padding:18px 22px}.deliverables-sheet{padding:8px 22px 22px}.scenario-note{padding:0 22px 22px}.start-signature{display:none}.anchor-target{scroll-margin-top:100px}.native-form .form-row{grid-template-columns:1fr!important}body[data-v3=sales-start] .native-form input:not([type=checkbox]),body[data-v3=sales-start] .native-form select,body[data-v3=sales-start] .native-form textarea{font-size:16px}body[data-v3=sales-start] .hero h1{font-size:28px}}
@media(max-width:760px){body[data-v3=portfolio] h2[id]{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.demo-card:hover img{transform:none}}