.hero { background-image: var(--hero-image) !important; background-position: center !important; min-height: 455px; }
.home-alert-inner button { border: 1px solid #89b9a0; background: #f2faf4; color: #075b40; border-radius: 3px; padding: 5px 8px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.hero::before { background: linear-gradient(90deg,#000 0%,#000f 16%,#15201ebf 42%,#f6f8f52a 78%,#fff0 100%) !important; }
.hero h1 { max-width: 680px; font-size: clamp(38px,5vw,66px); }
.photo { background-image: var(--process-image) !important; background-position: center !important; }
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif; }
.split-section h2 { font-weight: 800; }
.conditions-home { padding: 18px 0 !important; }
.conditions-home .shell { align-items: center; }
.conditions-home h2 { font-size: 25px !important; }
.conditions-home p { max-width: 540px; }
.conditions-search { position: relative; }
.conditions-search input { padding-right: 14px; }
.wording-button { justify-self: start; border: 1px solid #b7c9bd; background: #f0f7f2; color: #126345; border-radius: 4px; padding: 8px 11px; font-size: 12px; font-weight: 800; }
.wording-preview { border-left: 3px solid #80b69a; background: #f3f8f4; padding: 11px; font-size: 12px; line-height: 1.5; }
.wording-preview[hidden] { display: none; }
.wording-preview p { color: #254b35; margin: 0 0 7px; }
.wording-preview button { border: 0; background: #186c4d; color: #fff; padding: 7px 10px; border-radius: 3px; font-weight: 800; }
.home-search-results { grid-column: 1/-1; margin-top: 12px; padding: 14px 18px; background: #fff; border: 1px solid #cdded2; border-radius: 4px; font-size: 13px; line-height: 1.55; }
.home-search-results h3 { font-size: 17px; margin: 0 0 5px; }
.home-search-results p { margin: 0 0 9px; }
.home-search-results a { color: #087154; font-weight: 800; text-decoration: underline; }
.home-search-results[hidden] { display: none; }
.nav-inner { gap: 17px; }
.navlinks { gap: 16px; font-size: 12px; }
@media(max-width:1100px) { .navlinks { display: none !important; position: absolute; top: 70px; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--line); padding: 20px 28px; flex-direction: column; align-items: flex-start; margin: 0; } .navlinks.open { display: flex !important; } .menu { display: block !important; margin-left: auto; } .nav-actions .btn { display: none !important; } }
.lang { display: inline-flex; padding: 3px; gap: 2px; }
.lang span { padding: 6px 8px; border-radius: 3px; font-size: 11px; }
.lang .selected { background: #17332f; color: #fff; }
.service { position:relative;overflow:hidden;transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease; }
.service { background: linear-gradient(135deg,var(--service-wash),#fff 68%);border-color:#dce5e0; }
.service:nth-child(1){--service-wash:#fff3eb;--service-ink:#ad6128}
.service:nth-child(2){--service-wash:#edf7f6;--service-ink:#257276}
.service:nth-child(3){--service-wash:#f0f3fb;--service-ink:#5369a4}
.service:nth-child(4){--service-wash:#edf5fc;--service-ink:#2b6b9d}
.service:nth-child(5){--service-wash:#fff9e9;--service-ink:#aa7a1e}
.service:nth-child(6){--service-wash:#f0f7ef;--service-ink:#547650}
.service > :not(.service-watermark){position:relative;z-index:1}
.service .service-watermark{position:absolute;top:-13px;right:-8px;width:112px;height:112px;color:var(--service-ink);opacity:.09;transform:rotate(-8deg);pointer-events:none}
.service .service-watermark svg{width:100%;height:100%}
.service .service-icon{width:46px;height:46px;display:block;background:none;color:var(--service-ink);border-radius:0}
.service .service-icon svg{display:block;width:40px;height:40px}
.service:hover { border-color:#a8bdb3;box-shadow:0 10px 24px #1f383314; transform: translateY(-2px); }
.service-detail { display: none; }
.service-grid.expanded { display: block; }
.service-grid.expanded .service { display: none; }
.service-grid.expanded .service.expanded-card { display: block; min-height: 390px; }
.service-grid.expanded .service.expanded-card .service-watermark{width:190px;height:190px;opacity:.06}
.service-grid.expanded .service.expanded-card .service-detail { display: block; max-width: 900px; margin: 19px 0 24px; color: #42584c; line-height: 1.65; }
.service-detail h4{font-size:15px;color:#223d32;margin:22px 0 8px}
.service-detail ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px;margin:0 0 22px;padding-left:20px; }
.service-detail li{padding-left:3px}
.service-detail .service-help{border-top:1px solid #d4e2d7;padding-top:14px;margin-bottom:0}
.service-close { float: right; border: 1px solid #b9c9bf !important; padding: 8px 12px !important; }
@media(prefers-reduced-motion:reduce) { .service { transition: none; } }
@media(max-width:580px){.service-detail ul{grid-template-columns:1fr}}
.projects-section { background: #eaf0ed; }
.project-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.project-empty { grid-column: 1/-1; padding: 30px; border-top: 1px solid #b8cec3; color: #4d6356; line-height: 1.55; }
.project-empty strong { display: block; color: #163e2e; font-size: 19px; margin-bottom: 8px; }
.project-item { background: #fff; border: 1px solid #d6e2d9; border-radius: 4px; overflow: hidden; }
.project-item img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.project-item > div { padding: 17px; }
.project-item small { color: #16805e; font-weight: 800; }
.project-item h3 { margin: 7px 0; font-size: 18px; }
.project-item p { margin: 0; color: #5a6a60; font-size: 13px; line-height: 1.5; }
.tools-section { background: #f7f8f5; }
.tools-section .eyebrow { color: #16805e; }
.tools-section h2 { font-size: 31px; margin: 9px 0; }
.tools-section > .shell > p { color: #607066; max-width: 650px; }
.calculators-embed{display:block;width:100%;height:820px;border:0;margin:18px 0;background:#f7f8f5}
.tools-section .tool-grid,.tools-section #toolCalculate,.tools-section #toolResult{display:none}
.external-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 12px}
.external-tool-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:78px;padding:18px;background:#fff;border:1px solid #cbdad6;border-radius:5px;text-decoration:none;font-size:16px}
.external-tool-link:hover{border-color:#148364;box-shadow:0 5px 18px #14252b14}
.external-tool-number{color:#178f6b;font-size:12px;font-weight:800}
.external-tool-credit{font-size:12px;line-height:1.55;color:#566268;max-width:780px}
@media(max-width:760px){.external-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.external-tool-grid{grid-template-columns:1fr}}
.tool-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 20px 0; }
.tool-grid label { display: flex; flex-direction: column; gap: 7px; font-size: 12px; font-weight: 800; }
.tool-grid input,.tool-grid select { min-width: 0; height: 44px; padding: 8px 10px; border: 1px solid #bdd0c2; border-radius: 4px; background: #fff; }
.tool-result { margin-top: 15px; max-width: 850px; font-size: 13px; line-height: 1.6; color: #40594a; }
@media(max-width:850px) { .tool-grid { grid-template-columns: repeat(2,1fr); } .project-gallery { grid-template-columns: repeat(2,1fr); } }
@media(max-width:580px) { .hero { min-height: 420px; background-position: 62% center !important; } .hero::before { background: linear-gradient(90deg,#000 0%,#101817f0 36%,#172321cf 62%,#f6f8f52e 100%) !important; } .conditions-home .shell { display: block; } .conditions-search { margin-top: 14px; display: grid; grid-template-columns: minmax(0,1fr) 44px; } .conditions-search button[type="submit"] { grid-column: 1/-1; } .tool-grid,.project-gallery { grid-template-columns: 1fr; } .nav-actions { margin-left: auto; } }