.engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.engineering-panel{background:white;border:1px solid var(--line);padding:36px;border-radius:12px}.engineering-panel h3,.design-system h3{font-size:29px;font-weight:500}.engineering-panel>p:not(.eyebrow),.design-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:22px 0}.engineering-panel ul{padding:0;margin:25px 0;list-style:none}.engineering-panel li{border-top:1px solid var(--line);padding:16px 0}.engineering-panel li strong{display:block;font-size:13px;font-weight:600}.engineering-panel li span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.infrastructure-panel{background:#edf4ef}.architecture{background:var(--ink);color:white;padding:22px;border-radius:9px;text-align:center;margin-top:25px;font-size:12px}.architecture>div{border:1px solid #97b4ac60;border-radius:5px;padding:12px}.architecture>span{display:block;color:var(--mint);line-height:1.7}.architecture .architecture-bottom{display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;gap:10px}.architecture-bottom>span{border:1px solid #97b4ac60;border-radius:5px;padding:12px}.architecture small{font-size:9px;color:#bed0c7}.architecture p{font-size:9px;letter-spacing:1px;color:var(--mint);margin-bottom:0}.design-system{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;padding:45px 0 0;align-items:center}.design-points{display:flex;flex-wrap:wrap;gap:8px}.design-points span{background:#e7f0e9;border-radius:30px;padding:7px 12px;font-size:11px}.design-copy .design-delivery{font-size:12px!important}.design-demo{background:white;padding:28px;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 40px #102c3908}.demo-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.demo-header>span:last-child{font-size:23px;color:#438764}.swatches{display:flex;gap:10px;margin:22px 0}.swatches span{height:42px;flex:1;border-radius:6px;background:#102c39}.swatches span:nth-child(2){background:#438764}.swatches span:nth-child(3){background:#b7efcb}.swatches span:nth-child(4){background:#f6f8f6;border:1px solid var(--line)}.type-sample{display:flex;align-items:center;gap:20px;padding:12px 0 20px;border-bottom:1px solid var(--line)}.type-sample b{font-family:Manrope,sans-serif;font-size:44px;font-weight:500;line-height:1}.type-sample div{font-size:13px}.type-sample small{display:block;font-size:10px;color:var(--muted)}.component-sample{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap;font-size:10px}.sample-primary,.sample-secondary{padding:10px 12px;border-radius:5px}.sample-primary{background:var(--ink);color:white}.sample-secondary{border:1px solid var(--line)}.sample-field>span{font-size:10px}.sample-field>div{padding:10px 12px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:5px;margin-top:5px}.sample-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#438764}.demo-note{font-size:8px;color:var(--muted)}.engineering-result{display:flex;align-items:center;gap:25px;padding:25px 0 0;margin-top:40px;border-top:1px solid var(--line)}.engineering-result>span{font-size:9px;letter-spacing:1.5px;white-space:nowrap;color:#438764}.engineering-result p{font-size:12px;flex:1}.engineering-result a{font-size:11px;font-weight:600;white-space:nowrap}
@media(max-width:760px){.engineering-grid,.design-system{grid-template-columns:1fr}.engineering-panel{padding:26px}.engineering-panel h3,.design-system h3{font-size:26px}.design-system{gap:25px;padding-top:35px}.engineering-result{display:block}.engineering-result p{margin:15px 0}.engineering{padding-top:60px}.design-demo{padding:24px}}
.contact-phones{border-top:1px solid #d4e0d7;padding-top:18px;margin-top:20px;display:flex;flex-direction:column;gap:9px}.contact-phones>span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.contact-phones>a{font-size:19px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:15px}.contact-phones>a:hover{color:#438764}.contact-phones>a span{font-size:20px;color:#438764}
