.design-technology-figure{background:var(--card);border:1px solid var(--border);margin:0;padding:clamp(20px,3vw,36px)}.design-technology-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;display:flex}.design-technology-heading>span:last-child{color:var(--muted-foreground);font-size:13px}.design-technology-canvas{grid-template-columns:minmax(0,.9fr) 36px minmax(0,1.2fr);align-items:center;gap:20px;padding-block:36px;display:grid}.design-technology-brands{text-align:center}.design-technology-label{color:var(--muted-foreground);letter-spacing:.07em;font-size:10px}.design-technology-symbols{grid-template-columns:1fr 1fr;gap:16px;max-width:280px;margin:22px auto;display:grid}.design-technology-symbols>div>div{border:1px solid var(--border);place-items:center;height:88px;display:grid}.design-technology-symbols img{width:auto;height:56px}.design-symbol-conservare{background:#002842;border-color:#31576f!important}.design-symbol-sao-jose{background:#f2ecd9;border-color:#dcd3b5!important}.design-technology-symbols>div>span{margin-top:10px;font-size:12px;display:block}.design-technology-brands p{color:var(--muted-foreground);font-size:13px;line-height:1.8}.design-ux-bridge{max-width:350px;margin:0 auto}.design-ux-bridge>svg{color:var(--primary);margin:0 auto 14px}.enterprise-site .design-ux-bridge h3{letter-spacing:-.035em;margin:0 0 18px;font-size:20px}.design-ux-decision{text-align:left;border-top:1px solid var(--border);align-items:start;gap:12px;padding-block:14px;display:flex}.design-ux-decision>span{width:36px;height:36px;color:var(--accent-text);border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 6%, transparent);flex-shrink:0;place-items:center;font:12px/1 ui-monospace,monospace;display:grid}.design-ux-decision p{margin:0;line-height:1.65}.design-ux-decision strong{color:var(--foreground);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.design-technology-connection{color:var(--primary);align-items:center;display:flex}.design-technology-connection>span{background:var(--border);flex:1;height:1px}.design-technology-app{background:var(--background);border:1px solid var(--border);min-width:0}.design-app-bar{border-bottom:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:11px;display:flex}.design-app-bar>span:first-child{align-items:center;gap:9px;display:flex}.design-app-brand{color:#fff;background:var(--brand-action);place-items:center;width:26px;height:26px;font-size:15px;display:grid}.design-app-body{padding:clamp(18px,2.5vw,30px)}.design-app-status{color:var(--muted-foreground);align-items:center;gap:6px;font-size:10px;display:flex}.design-app-status svg{color:var(--primary)}.enterprise-site .design-app-body h3{letter-spacing:-.04em;margin:22px 0 10px;font-size:clamp(22px,2.2vw,29px);font-weight:600;line-height:1.15}.design-app-body>p{color:var(--muted-foreground);margin-bottom:25px;font-size:12px;line-height:1.65}.design-app-action{border:1px solid var(--border);background:var(--card);align-items:center;gap:13px;margin-top:12px;padding:18px 16px;display:flex}.design-app-action.is-primary{color:#fff;background:var(--brand-action);border-color:var(--brand-action)}.design-app-action>span{gap:4px;display:grid}.design-app-action strong{font-size:15px;font-weight:600}.design-app-action small{font-size:11px}.design-app-action>svg{flex-shrink:0}.design-app-action>svg:last-child{margin-left:auto}.design-app-feedback{color:var(--muted-foreground);align-items:center;gap:8px;margin-top:22px;font-size:10px;display:flex}.design-app-feedback svg{flex-shrink:0}.design-app-result{border-top:1px solid var(--border);background:color-mix(in srgb, var(--primary) 5%, var(--background));color:var(--muted-foreground);align-items:center;gap:12px;padding:18px clamp(18px,2.5vw,30px);font-size:11px;line-height:1.6;display:flex}.design-app-result>svg{color:var(--primary);flex-shrink:0}.design-app-result strong{color:var(--foreground);font-size:13px;font-weight:500;display:block}.design-technology-figure figcaption{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:18px;font-size:12px;line-height:1.7}.design-technology-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px;display:grid}.design-technology-points article>span{letter-spacing:.04em;color:var(--primary);font-family:monospace;font-size:10px}.design-technology-points h3{margin:14px 0;font-size:23px;line-height:1.3}.design-technology-points p{color:var(--muted-foreground);font-size:16px;line-height:1.8}@media (max-width:1000px){.design-technology-canvas{grid-template-columns:1fr;justify-items:stretch;gap:22px}.design-technology-connection{width:35px;height:35px;margin:auto;rotate:90deg}.design-technology-symbols{width:250px;max-width:100%}.design-technology-app{width:100%;max-width:460px;margin-inline:auto}.design-technology-points{grid-template-columns:1fr;gap:26px}}@media (max-width:520px){.design-technology-figure,.design-app-body{padding:16px}.design-app-action{gap:9px;padding:16px 12px}.design-app-action strong{font-size:14px}.design-app-action>svg:last-child{width:14px}.design-app-bar{padding-inline:12px;font-size:10px}}