/* Refined C1. Shared values come from /tokens.css. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--space-4)}
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:var(--text-link);text-underline-offset:4px}
a:hover{color:var(--text-link-hover)}
button,input,textarea{font:inherit}
button,a,input,textarea{touch-action:manipulation}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
h1,h2,h3{color:var(--text-heading);font-weight:var(--weight-semibold)}
h1{font:var(--type-hero);letter-spacing:var(--tracking-display);max-width:var(--width-content-narrow)}
h2{font:var(--type-section);letter-spacing:var(--tracking-title)}
h3{font:var(--type-card-title)}
em{font-style:normal}
.skip-link{position:fixed;top:var(--space-2);left:var(--space-2);padding:var(--space-2);background:var(--surface-card);z-index:var(--z-toast);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{min-height:var(--height-marketing-header);padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border-hairline)}
.brand{display:inline-flex;align-items:flex-start;text-decoration:none;flex-shrink:0}
.site-header .brand img{width:186px}
.brand-trademark{font:var(--weight-medium) 24px/1 var(--font-sans);margin-left:var(--space-05);color:var(--green-600)}
.header-contact{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--min-touch);font:var(--type-ui);text-decoration:none}
.site-shell{display:grid;grid-template-columns:var(--width-marketing-rail) minmax(0,var(--width-content));align-items:start}
.site-rail{padding:var(--space-5) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:0}
.site-rail a{padding:var(--space-15) var(--space-2);font:var(--weight-medium) 14px/1.5 var(--font-sans);text-decoration:none;border-radius:var(--radius-sm);min-height:var(--min-touch)}
.site-rail a:hover{background:var(--surface-hover)}
main{min-width:0;background:var(--surface-card);padding:var(--space-8) var(--gutter-marketing-inline);border-right:1px solid var(--border-hairline)}
.eyebrow{font:var(--type-eyebrow);color:var(--text-muted)}
.hero .eyebrow{font-size:15px;margin-bottom:var(--space-3)}
.founder-line{margin-top:var(--space-3);font-size:16px;line-height:1.6;color:var(--text-muted)}
.lead{font:var(--type-body-lg);max-width:570px}
.hero .lead{margin-top:var(--space-3)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-15);padding:var(--space-15) var(--space-3);min-height:var(--height-marketing-control);border:1px solid transparent;border-radius:var(--radius-sm);font:var(--type-ui);text-decoration:none;cursor:pointer;transition:var(--transition-control)}
.button-primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}
.button-primary:hover{background:var(--action-primary-bg-hover);color:var(--action-primary-fg)}
.button-primary:active{background:var(--action-primary-bg-active)}
.text-link{color:var(--text-link);display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--min-touch);font:var(--type-ui);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
.workflow{margin-top:var(--space-8);padding:var(--space-4);border:1px solid var(--border-workflow);background:var(--surface-workflow);border-radius:var(--radius-md)}
.workflow-context{font-size:var(--size-marketing-label);line-height:1.5;color:var(--text-muted);margin-top:var(--space-15)}
.workflow-stages{list-style:none;padding:0;margin:var(--space-4) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.workflow-stages li{border-top:1px solid var(--border-workflow);padding-top:var(--space-2)}
.stage-label{display:block;font-size:var(--size-marketing-label);line-height:1.5;color:var(--text-muted);margin-bottom:var(--space-2)}
.workflow-stages h3{font-size:18px;margin-bottom:var(--space-15)}
.workflow-stages p{font-size:16px;line-height:1.65}
.workflow-note{font-size:15px;line-height:1.65;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-workflow)}
.section{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-hairline)}
.section .eyebrow{margin-bottom:var(--space-2)}
.section h2{max-width:var(--measure-narrow);margin-bottom:var(--space-3)}
.section-intro>p:not(.eyebrow){max-width:var(--measure-prose);margin-top:var(--space-3)}
.quiet-note{font-size:16px;color:var(--text-muted)}
.approach-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;gap:var(--space-3)}
.approach-list li{display:grid;grid-template-columns:var(--space-4) minmax(0,1fr);gap:var(--space-2)}
.step-number{font-size:14px;color:var(--text-muted);padding-top:var(--space-025)}
.approach-list h3{margin-bottom:var(--space-1)}
.approach-list p,.bio p{font-size:17px;line-height:1.75;max-width:var(--measure-prose)}
.founder-identity{margin:var(--space-3) 0 var(--space-4)}
.founder-identity p{font-size:15px;line-height:1.7;color:var(--text-muted)}
.short-rule{display:none}
.bio{display:grid;gap:var(--space-3)}
.bio .education{font-size:15px;color:var(--text-muted)}
.contact{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border-hairline)}
.contact-grid{display:grid;gap:var(--space-4)}
.contact-copy{max-width:var(--measure-prose)}
.contact .eyebrow{margin-bottom:var(--space-2)}
.contact h2{margin-bottom:var(--space-3)}
.contact-copy>p:not(.eyebrow){margin-top:var(--space-3)}
.contact-email{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:17px;overflow-wrap:anywhere;min-height:var(--min-touch)}
.contact-note{font-size:15px;color:var(--text-muted)}
.inquiry-panel{padding:var(--space-4);background:var(--surface-workflow);border:1px solid var(--border-workflow);border-radius:var(--radius-md)}
.inquiry-intro{margin-bottom:var(--space-3)}
.inquiry-intro h3{margin-bottom:var(--space-1)}
.inquiry-intro p{font-size:16px;line-height:1.7}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.field{margin-bottom:var(--space-3);min-width:0}
label{display:block;font:var(--type-ui);margin-bottom:var(--space-1)}
label span{font-weight:var(--weight-regular);color:var(--text-muted)}
input,textarea{width:100%;min-width:0;min-height:var(--height-marketing-control);padding:var(--space-15);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-body);font-size:16px;line-height:1.5}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}
.field-hint,.form-status,.inquiry-result>p{font-size:14px;line-height:1.6;margin-top:var(--space-1)}
.field-hint{color:var(--text-muted)}
.form-status{color:var(--status-blocked-fg)}
.form-status:empty,#copy-status:empty{display:none}
.inquiry-result{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-workflow)}
.result-heading{font-weight:var(--weight-semibold)}
.inquiry-result .button,.inquiry-result label{margin-top:var(--space-3)}
.inquiry-result .text-link{margin-top:var(--space-1)}
.site-footer{margin-left:var(--width-marketing-rail);max-width:var(--width-content);padding:var(--space-4) var(--gutter-marketing-inline);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:14px;color:var(--text-muted)}
.site-footer .brand img{width:170px}
.site-footer small{font-size:13px}
@media(max-width:900px) and (min-width:701px){main{padding-inline:var(--space-4)}.workflow-stages{grid-template-columns:1fr;gap:var(--space-3)}.field-pair{grid-template-columns:1fr;gap:0}.desktop-break{display:none}}
@media(max-width:700px){
  .site-header{min-height:var(--space-10);padding:var(--space-2) var(--space-3)}
  .site-header .brand img{width:170px}.brand-trademark{font-size:18px}.header-contact{font-size:14px}
  .site-shell{display:block}.site-rail{display:none}
  main{padding:var(--space-5) var(--space-3);border-right:0}
  h1{font-size:34px;line-height:1.2;letter-spacing:-0.025em}.desktop-break{display:none}
  .founder-line{font-size:15px}.founder-line span{display:block}
  .lead,.section-intro>p:not(.eyebrow),.contact-copy>p{font-size:var(--size-marketing-mobile-body);line-height:var(--leading-marketing-mobile-body)}
  .workflow{margin-top:var(--space-6);padding:var(--space-3);margin-inline:calc(-1 * var(--space-1))}
  .workflow-stages{grid-template-columns:1fr;gap:var(--space-3)}
  .workflow-stages li{padding-top:var(--space-2)}.stage-label{margin-bottom:var(--space-1)}
  .section,.contact{margin-top:var(--space-6);padding-top:var(--space-4)}
  .field-pair{grid-template-columns:1fr;gap:0}.inquiry-panel{padding:var(--space-3);margin-inline:calc(-1 * var(--space-1))}
  .site-footer{margin-left:0;padding:var(--space-4) var(--space-3);gap:var(--space-2)}
}
@media(max-width:360px){.site-header{padding-inline:var(--space-2);gap:var(--space-1)}.brand-trademark{margin-left:0}.hero-actions{gap:var(--space-2)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}