.home .desktop-nav { padding-left:25px; gap:29px; }
.home .brand-hero { height:86svh; min-height:690px; max-height:900px; }
.home .hero-content>.eyebrow { font-size:14px; }
.home .hero-description { max-width:650px; }
.home .hero-stage { font-size:12px; line-height:1.8; color:#c3d4bb; margin-top:18px; }
.workflow-section { padding-block:89px 90px; }
.workflow-heading { display:flex; justify-content:space-between; align-items:end; gap:60px; }
.workflow-heading .eyebrow { color:#6f8471; font-size:13px; margin-bottom:23px; }
.workflow-heading h2,.simple-compose h2,.maker-section h2 { font-size:51px; line-height:1.3; letter-spacing:-.055em; font-weight:550; }
.workflow-heading>p { font-size:17px; line-height:1.9; color:#687c67; padding-bottom:5px; }
.workflow-preview { display:block; margin-top:43px; border:1px solid #d6e0cf; background:#edf1e7; border-radius:7px; overflow:hidden; transition:box-shadow .2s; }
.workflow-preview:hover { box-shadow:0 12px 35px #244a2810; }
.workflow-preview-top { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dce4d4; padding:18px 26px; font-size:12px; color:#74896a; }
.workflow-preview-top>span:last-child { color:var(--teal); }
.workflow-preview-grid { padding:33px; display:grid; grid-template-columns:1.1fr 40px 1fr; gap:33px; align-items:center; }
.preview-label { font-size:12px; color:#78916b; }
.raw-note blockquote { font-size:19px; line-height:1.9; letter-spacing:-.02em; margin:20px 0; color:#3c5f3d; }
.note-attachment { display:inline-flex; align-items:center; gap:10px; border:1px solid #d1dec4; background:#f6f9ef; padding:9px 12px; border-radius:4px; color:#729260; font-size:12px; }
.preview-transfer { color:#9ab381; font-size:26px; }
.handover-note { padding:24px; background:white; border:1px solid #dbe5d0; border-radius:5px; }
.handover-note h3 { font-size:24px; font-weight:550; letter-spacing:-.03em; margin-top:15px; }
.handover-note dl { display:flex; flex-direction:column; gap:16px; margin:24px 0 0; font-size:13px; }
.handover-note dl>div { display:flex; gap:13px; align-items:center; }
.handover-note dt { width:72px; flex:none; color:#8a9e7a; }
.handover-note dd { margin:0; line-height:1.7; color:#526e44; }
.preview-state { background:#eff3e4; border-radius:3px; padding:5px 8px; color:#687e41; display:inline-block; }
.workflow-preview-bottom { border-top:1px solid #dce4d4; padding:17px 26px; display:flex; align-items:center; justify-content:center; gap:33px; color:#748e61; font-size:12px; }
.workflow-preview-bottom>span:nth-child(even) { color:#a9bd94; }
.role-benefits { display:grid; grid-template-columns:1fr 1fr; gap:72px; margin-top:49px; }
.role-benefits>div { padding-top:24px; border-top:1px solid var(--line); }
.role-benefits>div>span { font-size:12px; color:#829573; }
.role-benefits h3 { font-size:26px; font-weight:500; letter-spacing:-.04em; line-height:1.5; margin-top:12px; }
.role-benefits p { font-size:15px; line-height:1.85; color:#708367; margin-top:15px; max-width:420px; }
.simple-compose { background:#e9eee2; }
.simple-compose-inner { display:grid; grid-template-columns:1.1fr 1fr; gap:100px; align-items:center; padding-block:76px; }
.simple-compose .eyebrow { color:#788f69; font-size:13px; margin-bottom:22px; }
.simple-compose h2 { font-size:43px; }
.simple-compose-inner>div>p:not(.eyebrow) { font-size:16px; line-height:1.9; color:#6e8361; margin-top:22px; }
.simple-compose .underlined-link { margin-top:25px; }
.compose-example { padding:31px; border:1px solid #d1dfc4; background:#f6f9ef; border-radius:6px; }
.compose-example>span { font-size:12px; color:#7e9769; }
.compose-example>strong { display:block; font-size:25px; font-weight:500; letter-spacing:-.035em; margin-top:12px; }
.compose-fields,.compose-additions { display:flex; flex-wrap:wrap; gap:9px; }
.compose-fields { margin-top:24px; }
.compose-fields>span { padding:9px 11px; background:white; border:1px solid #dae5ce; border-radius:4px; font-size:12px; color:#71905b; }
.simple-compose .compose-example>p { font-size:11px; color:#8c9f7b; margin:28px 0 13px; }
.compose-additions { font-size:12px; color:#8ca772; gap:17px; }
.maker-section { display:grid; grid-template-columns:1.1fr 1fr; gap:90px; padding-block:90px 76px; }
.maker-section .eyebrow { font-size:13px; color:#7d9272; margin-bottom:23px; }
.maker-section h2 { font-size:42px; }
.maker-name { font-size:24px; font-weight:550; letter-spacing:-.03em; }
.maker-name>span { font-size:12px; font-weight:400; margin-left:15px; color:#859b77; }
.maker-copy>p:not(.maker-name) { font-size:16px; line-height:1.9; color:#6c7e61; margin-top:19px; }
.maker-copy .underlined-link { margin-top:23px; font-size:13px; }
.adoption-faq { display:grid; grid-template-columns:1.1fr 1fr; gap:90px; padding-bottom:90px; }
.adoption-faq>h2 { font-size:24px; font-weight:500; letter-spacing:-.04em; }
.adoption-faq>div { border-top:1px solid var(--line); }
.adoption-faq details { border-bottom:1px solid var(--line); }
.adoption-faq summary { display:flex; align-items:center; justify-content:space-between; list-style:none; font-size:14px; cursor:pointer; padding:21px 0; gap:23px; color:#536f48; line-height:1.7; }
.adoption-faq summary::-webkit-details-marker { display:none; }
.adoption-faq summary>span { font-size:18px; color:#91ab77; }
.adoption-faq details[open] summary>span { transform:rotate(45deg); }
.adoption-faq details>p { font-size:14px; line-height:1.9; color:#768b68; padding-bottom:22px; }
.consultation-section { background:var(--deep); color:var(--paper); }
.consultation-inner { display:grid; grid-template-columns:1fr 1.1fr; align-items:start; gap:95px; padding-block:78px; }
.consultation-copy>.eyebrow { font-size:13px; color:#b5cdb1; }
.consultation-copy h2 { font-size:46px; line-height:1.35; font-weight:500; letter-spacing:-.055em; margin-top:27px; }
.consultation-copy>p:not(.eyebrow) { margin-top:22px; font-size:16px; color:#b4cbb1; line-height:1.9; }
.consultation-steps { list-style:none; padding:0; margin:36px 0; }
.consultation-steps li { display:flex; gap:20px; padding:21px 0; border-top:1px solid #b7cdb028; }
.consultation-steps li>span { font-size:11px; color:#89aa7f; padding-top:4px; }
.consultation-steps h3 { font-size:18px; font-weight:450; letter-spacing:-.025em; }
.consultation-steps p { font-size:13px; line-height:1.9; color:#9fbd96; margin-top:9px; }
.consultation-copy .contact-email { margin:0; font-size:clamp(22px,2.1vw,28px); font-weight:500; line-height:1.5; color:var(--paper); max-width:100%; overflow-wrap:anywhere; }
.inquiry-card { padding:31px; border-radius:8px; background:#f7f9f2; color:var(--ink); min-width:0; }
.inquiry-card h3 { font-size:25px; font-weight:550; letter-spacing:-.04em; }
.form-intro { font-size:13px; line-height:1.8; color:#7a8f6c; margin-top:11px; margin-bottom:25px; }
.form-field { display:flex; flex-direction:column; gap:9px; margin-top:20px; min-width:0; }
.form-field>label { display:flex; justify-content:space-between; font-size:13px; color:#4d6a40; }
.form-field>label>span { font-size:10px; color:#99aa87; }
.form-field input,.form-field select,.form-field textarea { width:100%; min-height:46px; background:white; border:1px solid #cfdcc0; border-radius:4px; padding:12px; color:#3f6235; font-size:14px; line-height:1.65; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#9baa8b; }
.form-field textarea { resize:vertical; min-height:116px; }
.form-pair { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.field-help { font-size:11px; color:#849a72; line-height:1.9; }
.website-field { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.consent-label { display:flex; align-items:start; gap:11px; margin-top:23px; cursor:pointer; }
.consent-label input { appearance:auto; width:17px; height:17px; margin:2px 0 0; accent-color:var(--teal); flex:none; }
.consent-label>span { color:#6f855e; font-size:12px; line-height:1.8; }
.form-submit { margin-top:23px; width:100%; background:var(--teal); min-height:50px; color:white; }
.form-submit:disabled { opacity:.65; cursor:wait; transform:none; }
.form-status { color:#a55234; font-size:13px; line-height:1.9; margin-top:17px; }
.form-status:empty { display:none; }
.form-notice { font-size:13px; line-height:1.8; color:#7c905e; margin-top:16px; }
.inquiry-success { padding:45px 0; }
.success-symbol { width:46px; height:46px; background:#e2ecd1; color:var(--teal); display:grid; place-items:center; border-radius:50%; font-size:25px; margin-bottom:24px; }
.inquiry-success h3 { font-size:25px; line-height:1.5; }
.inquiry-success>p { font-size:15px; color:#7a9069; line-height:1.8; margin-top:17px; }
.inquiry-success dl { margin:29px 0 0; border-top:1px solid #d6e1c9; }
.inquiry-success dl>div { padding:16px 0; display:grid; grid-template-columns:65px 1fr; gap:15px; border-bottom:1px solid #d6e1c9; font-size:12px; }
.inquiry-success dt { color:#8ca177; }
.inquiry-success dd { margin:0; overflow-wrap:anywhere; word-break:break-all; color:#648151; }
@media(max-width:1100px) { .consultation-inner { gap:55px; grid-template-columns:1fr 1.05fr; } .consultation-copy h2 { font-size:39px; } .inquiry-card { padding:25px; } .workflow-preview-grid { padding:27px; gap:23px; grid-template-columns:1fr 25px 1fr; } .raw-note blockquote { font-size:17px; } .handover-note { padding:21px; } .handover-note h3 { font-size:21px; } .handover-note dl { font-size:12px; } .handover-note dt { width:61px; } .simple-compose-inner { gap:60px; } }
@media(max-width:900px) { .home .brand-hero { min-height:690px; } .workflow-heading { gap:40px; } .workflow-heading h2 { font-size:43px; } .workflow-heading>p { font-size:15px; } .workflow-preview-grid { gap:18px; grid-template-columns:1fr 20px 1.1fr; padding:23px; } .raw-note blockquote { font-size:15px; } .preview-label { font-size:11px; } .handover-note { padding:18px; } .handover-note h3 { font-size:19px; } .handover-note dl>div { flex-direction:column; align-items:start; gap:6px; } .handover-note dl { gap:13px; margin-top:19px; } .role-benefits { gap:40px; } .role-benefits h3 { font-size:24px; } .simple-compose-inner { gap:40px; } .simple-compose h2,.maker-section h2 { font-size:36px; } .maker-section,.adoption-faq { gap:45px; } .maker-copy>p:not(.maker-name) { font-size:15px; } .consultation-inner { grid-template-columns:1fr 1.05fr; gap:35px; } .consultation-copy h2 { font-size:34px; } .consultation-copy>p:not(.eyebrow) { font-size:14px; } .consultation-steps h3 { font-size:16px; } .consultation-steps p { font-size:12px; } .inquiry-card { padding:21px; } .form-pair { grid-template-columns:1fr; gap:0; } }
@media(max-width:700px) {
 .home .brand-hero { height:86svh; min-height:660px; max-height:860px; }
 .home .hero-content { padding-top:130px; }
 .home .hero-content>.eyebrow { font-size:11px; }
 .home .hero-description { font-size:15px; }
 .home .hero-actions { margin-top:26px; gap:19px; }
 .home .hero-actions .button { font-size:12px; }
 .home .hero-actions .quiet-link { font-size:12px; }
 .home .hero-stage { font-size:11px; margin-top:19px; max-width:300px; }
 .home .hero-baseline { bottom:19px; }
 .workflow-section { padding-block:58px 62px; }
 .workflow-heading { display:block; }
 .workflow-heading .eyebrow { font-size:11px; margin-bottom:20px; }
 .workflow-heading h2 { font-size:35px; }
 .workflow-heading>p { font-size:15px; margin-top:21px; }
 .workflow-preview { margin-top:28px; }
 .workflow-preview-top { font-size:10px; line-height:1.7; padding:14px 16px; gap:16px; }
 .workflow-preview-top>span:last-child { white-space:nowrap; }
 .workflow-preview-grid { grid-template-columns:1fr; padding:21px 18px; gap:21px; }
 .raw-note blockquote { font-size:17px; margin:15px 0 17px; }
 .preview-transfer { justify-self:center; transform:rotate(90deg); font-size:22px; }
 .preview-label { font-size:11px; }
 .handover-note { padding:20px; }
 .handover-note h3 { font-size:22px; }
 .handover-note dl { font-size:12px; gap:15px; }
 .handover-note dl>div { flex-direction:row; align-items:center; gap:9px; }
 .handover-note dt { width:61px; }
 .workflow-preview-bottom { gap:12px; padding:15px 13px; font-size:10px; }
 .role-benefits { grid-template-columns:1fr; gap:25px; margin-top:32px; }
 .role-benefits>div { padding-top:23px; }
 .role-benefits h3 { font-size:25px; margin-top:12px; }
 .role-benefits p { font-size:14px; margin-top:13px; }
 .simple-compose-inner { grid-template-columns:1fr; gap:29px; padding-block:57px; }
 .simple-compose .eyebrow { font-size:11px; margin-bottom:21px; }
 .simple-compose h2 { font-size:34px; }
 .simple-compose-inner>div>p:not(.eyebrow) { font-size:15px; margin-top:19px; }
 .simple-compose .underlined-link { margin-top:22px; font-size:13px; }
 .compose-example { padding:25px 22px; }
 .compose-example>strong { font-size:24px; }
 .compose-fields { gap:8px; margin-top:22px; }
 .compose-fields>span { font-size:12px; padding:9px; }
 .compose-additions { font-size:11px; gap:14px; }
 .maker-section { grid-template-columns:1fr; gap:27px; padding-block:63px 48px; }
 .maker-section .eyebrow { font-size:11px; margin-bottom:20px; }
 .maker-section h2 { font-size:34px; }
 .maker-name { font-size:23px; }
 .maker-name>span { font-size:11px; margin-left:12px; }
 .maker-copy>p:not(.maker-name) { font-size:15px; margin-top:17px; }
 .adoption-faq { grid-template-columns:1fr; gap:25px; padding-bottom:61px; }
 .adoption-faq>h2 { font-size:25px; }
 .adoption-faq summary { font-size:13px; padding-block:19px; gap:17px; }
 .adoption-faq details>p { font-size:13px; }
 .consultation-inner { grid-template-columns:1fr; gap:32px; padding-block:54px 49px; }
 .consultation-copy>.eyebrow { font-size:11px; }
 .consultation-copy h2 { font-size:35px; margin-top:23px; }
 .consultation-copy>p:not(.eyebrow) { font-size:15px; margin-top:20px; }
 .consultation-steps { margin-block:26px; }
 .consultation-steps li { gap:18px; padding:21px 0; }
 .consultation-steps h3 { font-size:17px; }
 .consultation-steps p { font-size:13px; }
 .inquiry-card { padding:25px 21px; border-radius:6px; }
 .inquiry-card h3 { font-size:24px; }
 .form-intro { font-size:13px; }
 .form-field>label { font-size:13px; }
 .form-field input,.form-field select,.form-field textarea { font-size:14px; }
 .form-pair { grid-template-columns:1fr 1fr; gap:13px; }
 .field-help { font-size:11px; }
 .form-submit { font-size:13px; }
 .inquiry-success { padding-block:21px; }
}
@media(max-width:400px) { .form-pair { grid-template-columns:1fr; gap:0; } .workflow-preview-bottom { font-size:9px; gap:11px; } .preview-state { font-size:11px; } .handover-note { padding-inline:16px; } }
.home .site-footer .wordmark { color:var(--teal); }
.home .site-footer .wordmark img { filter:none; }
.field-help { font-size:12px; color:#6c7d5d; }
.consent-label>span { color:#5c714d; }
@media(max-width:700px) {
 .consultation-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-block:25px; }
 .consultation-steps li { display:block; padding-block:17px; }
 .consultation-steps li>span { display:block; margin-bottom:9px; font-size:11px; }
 .consultation-steps h3 { font-size:14px; line-height:1.6; }
 .consultation-steps p { display:none; }
}
/* Concise product-facing presentation. */
.workflow-heading { align-items:end; }
.workflow-heading>.quiet-link { margin-bottom:7px; color:var(--teal); }
.role-benefits { margin-top:35px; }
.role-benefits h3 { font-size:23px; line-height:1.6; }
.maker-section { grid-template-columns:1fr 1fr; align-items:center; padding-block:65px; gap:70px; }
.maker-section .eyebrow { margin-bottom:14px; }
.maker-section h2 { font-size:36px; }
.maker-copy>p.maker-bio { margin-top:0; font-size:18px; line-height:1.8; color:#3b573a; }
.maker-copy>p.maker-education { margin-top:14px; font-size:15px; line-height:1.9; color:#6c7e61; }
.maker-copy .underlined-link { margin-top:18px; font-size:12px; }
.consultation-copy .contact-email { margin-top:28px; }
.consultation-inner { align-items:start; padding-block:65px; }
.form-field:first-of-type { margin-top:25px; }
@media(max-width:900px) { .maker-copy>p.maker-bio { font-size:16px; } .role-benefits h3 { font-size:21px; } }
@media(max-width:700px) {
 .workflow-heading>.quiet-link { font-size:13px; margin-top:18px; margin-bottom:0; }
 .role-benefits { margin-top:28px; gap:22px; }
 .role-benefits h3 { font-size:22px; }
 .maker-section { grid-template-columns:1fr; gap:23px; padding-block:49px; }
 .maker-section h2 { font-size:31px; }
 .maker-section .eyebrow { font-size:11px; margin-bottom:13px; }
 .maker-copy>p.maker-education { font-size:14px; }
 .maker-copy .underlined-link { margin-top:17px; }
 .consultation-inner { gap:28px; padding-block:49px; }
 .consultation-copy>p:not(.eyebrow) { margin-top:18px; }
 .consultation-copy .contact-email { margin-top:22px; }
}