/* Staffmor shared public visual layer. Existing text, assets, links and flows retained. */
:root{--paper:#fcfdfb;--white:#fff;--ink:#20352f;--muted:#58685f;--line:#dce3dc;--copper:#935033;--copper-light:#d8ad8b;--teal:#254c38;--ui-soft:#eef3eb;color-scheme:light}
html[data-theme="dark"]{--paper:#172720;--white:#20332b;--ink:#f1f5eb;--muted:#bfcec2;--line:#526458;--copper:#ecb495;--copper-light:#ecb495;--teal:#b4d6bd;--ui-soft:#293d33;color-scheme:dark}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not([data-theme="dark"]){--paper:#172720;--white:#20332b;--ink:#f1f5eb;--muted:#bfcec2;--line:#526458;--copper:#ecb495;--copper-light:#ecb495;--teal:#b4d6bd;--ui-soft:#293d33;color-scheme:dark}}
body{background:var(--paper);color:var(--ink)}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.brand{letter-spacing:-.03em}
h1,h2{font-weight:500;letter-spacing:-.035em}
button,.button,input,select,textarea,summary{font-family:var(--sans)}
.button,button[type="submit"],input,select,textarea{border-radius:10px;min-height:44px}
.button{box-shadow:none;transition:background-color .12s}
.button:not(.secondary):not(.quiet){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.button:hover{background:var(--teal);color:var(--paper)}
.hero h1,.vs-hero h1{max-width:15ch}
.hero-copy>p,.vs-hero p{max-width:58ch}
.character-stage{background:var(--ui-soft);border-radius:42% 42% 18px 18px}
.vs-roles>span,.route-choices a{background:var(--ui-soft);border-color:var(--line);border-radius:10px}
.pricing-grid{gap:20px}.price-card{box-shadow:none;border-radius:16px;border-color:var(--line);background:var(--white)}
.price-card.team-plan{border-color:var(--ink)}
.workspace-proof-image{border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.faq-list details{border-color:var(--line)}.faq-list summary{min-height:56px}
.access-form{background:var(--white);border-radius:16px;border:1px solid var(--line);box-shadow:none}
.access-form :is(input,select,textarea){background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.legal-page{max-width:860px;padding-block:48px}.legal-page h1{font-size:clamp(2rem,4vw,3.25rem)}
.legal-page p,.article-body p{line-height:1.7}.legal-page h2{font-family:var(--sans);font-size:1.35rem;font-weight:650;letter-spacing:-.015em}
.legal-page form{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.legal-page :is(input,select,textarea){max-width:100%;background:var(--ui-soft);color:var(--ink);border:1px solid var(--line);padding:12px}
.legal-page form label{display:block;margin-bottom:8px}
.tutorial-intro{gap:40px}.tutorial-step h2{font-size:clamp(1.7rem,3vw,2.5rem)}
.tutorial-step blockquote{border-radius:0 12px 12px 0;background:var(--ui-soft)}
.tutorial-step>p,.before-start>p{font-size:1.0625rem}
.capture-slot img{border-radius:12px}.review-state{background:var(--ui-soft);color:var(--muted)}
.blog-card,.article-card{border-radius:14px;box-shadow:none;border-color:var(--line);background:var(--white)}
.site-footer,.legal-footer{border-top:1px solid var(--line)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.legal-page{padding-block:28px}.legal-page form{padding:18px}.header-inner{flex-wrap:wrap;gap:12px}.hero h1,.vs-hero h1{font-size:clamp(2.25rem,9.5vw,3.4rem)}.hero-actions{gap:10px}.hero-actions .button{min-height:48px}.pricing-grid{gap:16px}.tutorial-intro{gap:24px}.legal-footer nav{gap:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}