/* Hallmark · shape: Product workbench · genre: modern-minimal · theme: brand · redesign: full
 * paper: #f8f6f0 · accent: #d4b264 · display: Georgia · body: Arial · hero: Stage · nav: edge-aligned wordmark and destinations · footer: mast
 * signature: the real client pipeline · imagery: original logo, generated founder photograph, actual sample app captures · job: sign up · posture: Committed · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H5 E4 S4 R5 V4 · weakest: S, replaced the staged mock dashboard with the actual ClientFlow sample. */
/* Hallmark · hero-review: independent, 1 finding resolved; finish-review: independent, bounded screenshots; static Floor 0 FAIL, Reflex 0. Render-tier unavailable under container sandbox. */
/* Hallmark · dismissed 19 · Original legal footer wording retained from ClientFlow. */
/* Hallmark · dismissed 25 · The 40ch system paragraph is a two-sentence lead, not running prose. */
/* Hallmark · answered F4 · .btn and .btn.gold are compatibility aliases for the same gold primary style. */
/* Hallmark · Copy preservation: consent, service boundaries, pricing terms and FAQ facts retained; page word count is a redesign note. */
@import url('./tokens.css');
@import url('./base.css');
html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:var(--space-xl)}
body{font-family:var(--font-body);font-size:var(--text-md);font-synthesis:none;line-height:1.6}
a{text-decoration:none}p{color:var(--color-muted);margin:0;max-width:65ch}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--color-ink);overflow-wrap:break-word;min-width:0;text-wrap:balance;margin:0}h4{font-size:var(--text-title)}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}figure,dl,dd{margin:0}li{padding:0}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}button[aria-busy=true]{cursor:progress}
:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
a:active,button:active{transform:translateY(1px)}a:hover{text-decoration:underline;text-underline-offset:.25em}.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:fixed;top:-100px;left:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-paper);z-index:var(--z-toast)}.skip:focus{top:var(--space-md)}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-columns)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);flex-shrink:0;white-space:nowrap}.brand img{width:42px;height:52px;object-fit:cover;mix-blend-mode:multiply}.brand>span{font:30px/1 var(--font-display);letter-spacing:-.03em}.brand i{font-size:21px;font-style:normal;color:var(--color-link)}.brand small{display:block;font:var(--text-xs)/1.4 var(--font-body);color:var(--color-muted);margin-top:var(--space-xs);letter-spacing:0}
.site-header nav{display:flex;gap:var(--space-lg);align-items:center;font-size:var(--text-sm)}.site-header nav a{white-space:nowrap}.nav-action{border:1px solid var(--color-link);border-radius:var(--radius-input);padding:var(--space-sm) var(--space-md);color:var(--color-link)}.menu-toggle{display:none;border:1px solid var(--color-rule);padding:var(--space-xs) var(--space-md);background:var(--color-paper);color:var(--color-ink);min-height:44px;border-radius:var(--radius-input)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);border-radius:var(--radius-input);background:var(--color-accent);color:var(--color-accent-ink);font:400 var(--text-sm)/1.4 var(--font-body);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.btn:hover{background:var(--color-paper-3);color:var(--color-ink);text-decoration:none}.btn.gold{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn.gold:hover{background:var(--color-paper-3);border-color:var(--color-paper-3)}.btn.outline{background:var(--color-clear);color:var(--color-ink);border-color:var(--color-muted)}.btn.outline:hover{background:var(--color-paper-2)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);color:var(--color-link);border-bottom:1px solid var(--color-rule);padding-block:var(--space-xs);white-space:nowrap}.text-link:hover{border-color:var(--color-link);text-decoration:none}
.hero{background:var(--color-paper);color:var(--color-ink)}.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl);align-items:center;min-height:clamp(660px,calc(100svh - 88px),880px);padding-block:var(--space-2xl)}.hero-content h1{font-size:var(--text-display);line-height:1.02;max-width:11ch;margin-bottom:var(--space-lg)}.hero-copy{font-size:var(--text-lead);line-height:1.5;max-width:36ch}.hero-actions{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);flex-wrap:wrap}.hero-product{min-width:0}.hero-product img{width:100%;height:530px;aspect-ratio:820/648;object-fit:cover;object-position:top;border-radius:var(--radius-card);background:var(--color-field);color:var(--color-field-ink)}.hero-product figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-top:var(--space-md)}
.system-section{padding-block:var(--section-gap)}.system-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:end;margin-bottom:var(--space-2xl)}.system-opening h2{grid-row:span 2}.system-opening p{max-width:40ch;font-size:var(--text-lg)}.system-opening>a{justify-self:start}.system-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap-columns);align-items:center}.founder-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:60% center}.founder-photo figcaption{font-size:var(--text-sm);padding-top:var(--space-md);color:var(--color-muted)}.flow-list{padding-left:var(--space-xl)}.flow-list>div{padding-block:var(--space-lg);border-top:1px solid var(--color-rule)}.flow-list dt{font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-xs)}.flow-list dd{font-size:var(--text-md);color:var(--color-muted)}
.workspace-section{background:var(--color-field);color:var(--color-field-ink);padding-block:var(--space-3xl)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--gap-columns);margin-bottom:var(--space-2xl)}.section-heading h2{font-size:var(--text-section);max-width:17ch}.section-heading>p{font-size:var(--text-lg);max-width:33ch}.workspace-section h2{color:var(--color-field-ink)}.workspace-section .text-link{color:var(--color-field-ink);border-color:var(--color-field-muted)}.workspace-section :focus-visible{outline-color:var(--color-focus-on-field)}.workspace-capture{display:block;min-width:0}.workspace-capture img{width:100%;height:auto;aspect-ratio:1.58;object-fit:cover;object-position:top;max-height:790px;border-radius:var(--radius-card)}.product-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-columns);margin-top:var(--space-lg)}.product-caption p{font-size:var(--text-sm);color:var(--color-field-muted)}
.specialists{padding-block:var(--section-gap)}.specialist-list article{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);gap:var(--gap-columns);align-items:center;padding-block:var(--space-xl);border-top:1px solid var(--color-rule)}.specialist-list article:last-child{border-bottom:1px solid var(--color-rule)}.specialist-list h3{font-size:var(--text-title)}.specialist-list p{font-size:var(--text-md)}.specialist-list a{color:var(--color-link);font-size:var(--text-sm);justify-self:end;min-height:44px;display:flex;align-items:center}
.human-section{background:var(--color-paper-2);color:var(--color-ink);padding-block:var(--space-3xl)}.human-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-columns);align-items:center}.human-grid h2{font-size:var(--text-section)}.human-grid>div>p{font-size:var(--text-lead);margin-bottom:var(--space-lg)}.check-list{list-style:none;padding:0;margin:0 0 var(--space-lg)}.check-list li{padding-block:var(--space-sm);border-top:1px solid var(--color-rule);font-size:var(--text-md)}
.pricing{padding-block:var(--section-gap)}.price-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,4fr) minmax(0,3fr);gap:var(--gap-columns);align-items:center;border-top:1px solid var(--color-rule);padding-block:var(--space-xl)}.price-row:last-child{border-bottom:1px solid var(--color-rule)}.price-row h3{font-size:32px;font-variant-numeric:tabular-nums}.recommendation{display:block;color:var(--color-link);font-size:var(--text-sm);margin-top:var(--space-xs)}.price-amount{font:42px/1.1 var(--font-display);font-variant-numeric:tabular-nums}.price-amount small{display:block;font:var(--text-sm)/1.5 var(--font-body);color:var(--color-muted);margin-top:var(--space-xs)}.price-scope p{font-variant-numeric:tabular-nums;font-size:var(--text-sm);margin-bottom:var(--space-xs)}.price-row .btn{justify-self:end}.included{font-size:var(--text-md);margin-top:var(--space-xl);max-width:65ch}.price-note{font-variant-numeric:tabular-nums;font-size:var(--text-sm);line-height:1.7;margin-top:var(--space-md);max-width:85ch}
.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gap-columns);padding-bottom:var(--section-gap)}.faq h2{font-size:var(--text-section)}.faq details{border-top:1px solid var(--color-rule);padding-block:var(--space-lg)}.faq details:last-child{border-bottom:1px solid var(--color-rule)}summary{font-size:var(--text-md);cursor:pointer;list-style:none;display:flex;gap:var(--space-lg);justify-content:space-between;min-height:28px;align-items:center}summary::after{content:'+';font-size:var(--text-lg);color:var(--color-link)}details[open]>summary::after{content:'−'}details p{font-size:var(--text-md);line-height:1.6;margin-top:var(--space-md);max-width:65ch}
.start-section{background:var(--color-field);color:var(--color-field-ink);padding-block:var(--space-3xl)}.start-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-3xl);align-items:start}.start-grid h2{font-size:var(--text-section);color:var(--color-field-ink);margin-bottom:var(--space-lg)}.start-grid>div>p{font-size:var(--text-lg);color:var(--color-field-muted);max-width:28ch}.start-notes{padding-left:var(--space-lg);margin-block:var(--space-xl);color:var(--color-field-ink)}.start-notes li{padding-block:var(--space-xs)}.start-grid .text-link{color:var(--color-field-ink);border-color:var(--color-field-muted);white-space:normal}.start-grid>div :focus-visible{outline-color:var(--color-focus-on-field)}
.lead-form{background:var(--color-paper);color:var(--color-ink);padding:var(--space-xl)}.form-top h3{font-size:32px;margin-bottom:var(--space-sm)}.form-top p{font-size:var(--text-sm);margin-bottom:var(--space-lg)}label{display:block;font-size:var(--text-sm);margin-bottom:var(--space-lg);font-weight:400}input,textarea,select{display:block;width:100%;margin-top:var(--space-xs);min-height:48px;border:1px solid var(--color-muted);border-radius:var(--radius-input);padding:var(--space-sm);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-md);caret-color:var(--color-link)}input:hover,textarea:hover,select:hover{border-color:var(--color-ink)}textarea{resize:vertical;line-height:1.5}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.consent{display:flex;gap:var(--space-sm);align-items:start;font-size:var(--text-xs);line-height:1.6}.consent input{flex-shrink:0;width:18px;height:18px;min-height:18px;margin:var(--space-2xs) 0;accent-color:var(--color-link)}.inline-button{background:var(--color-clear);color:var(--color-link);border:0;padding:0;font:inherit;text-decoration:underline}.submit{width:100%}#form-status{font-variant-numeric:tabular-nums;font-size:var(--text-sm);margin-top:var(--space-md);min-height:3lh;line-height:1.6}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:clip}
.site-footer{padding-block:var(--space-3xl)}.footer-mast{display:flex;gap:var(--gap-columns);justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-rule);padding-bottom:var(--space-xl)}.footer-mast .brand>span{font-size:52px}.footer-mast>p{font-size:var(--text-lg);color:var(--color-ink)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-columns);padding-top:var(--space-xl)}.footer-bottom p{font-size:var(--text-sm);line-height:1.7}.footer-links{display:flex;gap:var(--space-lg);font-size:var(--text-sm);align-items:center}.footer-links button{border:0;padding:var(--space-xs) 0;background:var(--color-clear);color:var(--color-ink);font:inherit}.footer-links button:hover{text-decoration:underline}
dialog{border:1px solid var(--color-rule);width:calc(100% - 40px);max-width:680px;max-height:85svh;overflow-y:auto;background:var(--color-paper);color:var(--color-ink);padding:var(--space-xl);border-radius:var(--radius-card)}dialog::backdrop{background:var(--color-overlay)}dialog h2{font-size:36px;margin-bottom:var(--space-lg)}dialog p{font-size:var(--text-md);line-height:1.7;margin-bottom:var(--space-md)}.dialog-close{position:absolute;top:var(--space-sm);right:var(--space-md);background:var(--color-clear);color:var(--color-ink);border:0;font-size:28px;min-width:44px;min-height:44px;padding:var(--space-2xs)}
@media(max-width:75rem){.hero-grid{gap:var(--space-xl)}.site-header nav{gap:var(--space-md)}.hero-product img{height:500px}.hero-content h1{font-size:72px}.start-grid{gap:var(--space-2xl)}.price-row{grid-template-columns:minmax(0,2fr) minmax(0,2fr) minmax(0,3fr);row-gap:var(--space-lg)}.price-row .btn{grid-column:3;justify-self:start}.price-scope{grid-column:3;grid-row:span 2}.price-row .btn{grid-column:2;justify-self:start}}
@media(max-width:60rem){.site-header{height:80px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--color-paper);color:var(--color-ink);z-index:var(--z-dropdown);padding:var(--space-lg) var(--gutter);border-bottom:1px solid var(--color-rule)}.site-header nav.open{display:flex;align-items:start;flex-direction:column;gap:var(--space-md)}.site-header nav a{min-height:44px;display:flex;align-items:center;font-size:var(--text-md)}.menu-toggle{display:block}.hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:var(--space-xl);padding-bottom:var(--space-2xl);gap:var(--space-xl)}.hero-content h1{font-size:var(--text-display);max-width:14ch}.hero-copy{max-width:42ch}.hero-actions{margin-top:var(--space-lg)}.hero-product img{height:auto;aspect-ratio:16/10;object-position:top}.hero-product{max-width:100%;width:100%}.system-opening{grid-template-columns:minmax(0,1fr)}.system-opening h2{grid-row:auto}.system-opening p{max-width:45ch}.system-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.flow-list{padding-left:0}.flow-list>div{padding-block:var(--space-md)}.flow-list dt{font-size:var(--text-md)}.flow-list dd{font-size:var(--text-sm)}.founder-photo img{aspect-ratio:4/5}.section-heading{align-items:start;flex-direction:column}.workspace-section{padding-block:var(--space-2xl)}.specialist-list article{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.specialist-list a{grid-column:2;justify-self:start}.specialist-list h3{grid-row:span 2}.human-grid{gap:var(--space-xl)}.price-row .btn{font-size:var(--text-sm);font-variant-numeric:tabular-nums}.price-amount{font-size:36px}.price-scope p{font-size:var(--text-sm)}.start-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.start-grid>div>p{max-width:45ch}.start-notes{display:flex;gap:var(--space-xl);font-size:var(--text-sm)}.start-section{padding-block:var(--space-2xl)}.footer-bottom{align-items:start;flex-wrap:wrap}.footer-bottom>p:last-child{width:100%}}
@media(max-width:40rem){.brand>span{font-size:27px}.hero-content h1{font-size:56px;max-width:11ch}.hero-copy{font-size:var(--text-lg);max-width:36ch}.hero-actions{gap:var(--space-md)}.hero-actions .text-link{font-size:var(--text-sm)}.hero-product img{aspect-ratio:4/3}.hero-product figcaption{font-size:var(--text-sm)}.system-opening{margin-bottom:var(--space-xl)}.system-opening p{font-size:var(--text-md)}.system-body{grid-template-columns:minmax(0,1fr)}.founder-photo img{aspect-ratio:4/3}.flow-list dt{font-size:var(--text-lg)}.flow-list dd{font-size:var(--text-md)}.section-heading{margin-bottom:var(--space-xl)}.section-heading>p{font-size:var(--text-md)}.workspace-capture img{aspect-ratio:4/3;object-position:0 0}.product-caption{align-items:start;flex-direction:column;gap:var(--space-xs)}.specialist-list article{grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-lg)}.specialist-list h3{grid-row:auto}.specialist-list a{grid-column:auto;font-size:var(--text-md)}.human-grid{grid-template-columns:minmax(0,1fr)}.human-section{padding-block:var(--space-2xl)}.price-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg)}.price-row h3{font-size:30px}.price-scope{grid-column:1/-1;grid-row:auto}.price-row .btn{grid-column:1/-1;width:100%;font-size:var(--text-md)}.price-amount{font-size:36px}.price-scope p{font-size:var(--text-md)}.price-note{font-size:var(--text-sm)}.faq{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}summary{font-size:var(--text-md)}.start-notes{display:block;font-size:var(--text-md)}.lead-form{padding:var(--space-lg)}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.consent{font-size:var(--text-sm)}.footer-mast{align-items:start;flex-direction:column}.footer-mast .brand>span{font-size:40px}.footer-links{flex-wrap:wrap;gap:var(--space-md) var(--space-lg);font-size:var(--text-md)}.footer-bottom{gap:var(--space-xl)}dialog{padding:var(--space-xl) var(--space-lg)}.btn{font-size:var(--text-md)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.price-scope p,.price-note,#form-status,.price-row .btn{font-variant-numeric:tabular-nums}