:root { --bg:#f8faf9; --panel:#fff; --panel2:#eef4f1; --text:#173a30; --muted:#475e55; --line:#d4e0da; --brand:#087968; --brand2:#087968; }
body { background:var(--bg); }
.site-header { background:#fff; backdrop-filter:none; padding:14px max(20px,calc((100% - 1160px)/2)); gap:18px; }
.brand { display:flex; align-items:center; gap:9px; font-size:19px; line-height:1.2; white-space:nowrap; }
.brand img { width:38px; height:38px; object-fit:contain; }
.nav { gap:2px; }
.nav a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; padding:9px 10px; }
.nav a[aria-current="page"] { color:#087968; text-decoration:underline; text-underline-offset:5px; }
.wrap { width:min(1120px,calc(100% - 40px)); }
.hero { padding:64px 0 46px; background:#eef4f1; border-bottom:1px solid var(--line); }
.hero-grid { display:block; }
.hero h1 { max-width:850px; font-size:48px; line-height:1.08; }
h1 { font-size:42px; line-height:1.12; overflow-wrap:anywhere; }
h2 { font-size:29px; line-height:1.18; }
h3 { font-size:21px; line-height:1.25; }
.kicker { font-size:12px; }
.kicker { color:#a43d48; }
.lead,.section-intro { font-size:19px; max-width:780px; }
.btn { color:#184b3e; background:#fff; border-color:#a4bdb2; }
.btn.primary { color:white; background:#087968; }
.workflow-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:38px; padding-top:24px; border-top:1px solid #c6d9cf; }
.workflow-strip strong { display:block; font-size:17px; }
.workflow-strip p { color:var(--muted); margin:6px 0 0; font-size:15px; }
.process-section { padding-block:26px; }
.process-section .workflow-strip { margin-top:0; padding-top:0; border:0; }
.section { padding:46px 0; }
.section.alt,.cta { background:#edf4f0; }
.cards { gap:22px; }
.card { background:#fff; padding:20px; }
.card p { color:var(--muted); }
.card a { display:inline-block; }
.article { padding:42px 0 50px; max-width:820px; }
.article p { color:var(--muted); font-size:17px; }
.article > h2,.article > section > h2 { margin-top:32px; }
.article > .quality-breadcrumb { margin-top:0; }
.resource-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 34px; padding:0; list-style:none; }
.resource-list li { border-bottom:1px solid var(--line); padding:0 0 20px; }
.resource-list a { display:inline-block; color:#087968; font-weight:750; }
.resource-list h3 { margin-bottom:8px; }
.resource-list p { margin:0; color:var(--muted); }
.cta { padding:42px 0; }
.cta .actions { justify-content:center; }
.footer { background:#172e27; color:#fff; padding:32px max(20px,calc((100% - 1120px)/2)); }
.footer p,.footer-links a { color:#d7e4dc; }
.footer-links { align-content:start; }
details { background:#fff; border-color:#ccdcd5; }
summary { min-height:30px; }
.form { background:#fff; }
.form input,.form textarea { background:#fff; color:#173a30; }
.quality-form button { background:#087968; color:white; border:0; }
.ai-chat-launch { position:fixed; right:20px; bottom:20px; z-index:5; min-height:46px; padding:10px 18px; background:#173a30; color:white; border:1px solid #a9c8b9; border-radius:6px; font:inherit; font-weight:750; cursor:pointer; }
.ai-chat-launch:disabled { opacity:.75; cursor:wait; }
.quality-contact .ai-chat-launch { position:static; display:block; margin:20px 0 0; }
@media(max-width:860px) {
 .site-header { align-items:center; flex-direction:column; gap:8px; padding:10px 16px; }
 .nav { width:100%; justify-content:center; }
 .nav a { font-size:13px; padding:7px 8px; }
 .hero { padding:35px 0; }
 .hero h1 { font-size:35px; }
 h1 { font-size:32px; }
 h2 { font-size:26px; }
 .resource-list { grid-template-columns:1fr; }
 .workflow-strip { gap:16px; }
 .article { padding-top:28px; }
}
@media(max-width:540px) {
 .nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; }
 .nav a { justify-content:center; text-align:center; min-width:0; padding:6px 2px; font-size:12px; line-height:1.2; white-space:normal; }
 .nav-cta { border-radius:5px; }
 .wrap { width:calc(100% - 32px); }
 .hero h1 { font-size:32px; }
 .lead,.section-intro { font-size:17px; }
 .workflow-strip { grid-template-columns:1fr; gap:17px; margin-top:28px; }
 .actions { gap:10px; }
 .actions .btn { width:100%; text-align:center; }
 .section { padding:32px 0; }
 .quality-table { table-layout:fixed; }
 .footer { gap:18px; padding-inline:16px; }
}