.uc-architecture{--uc-orange:#ff6b34;--uc-blue-accent:#3aa8ff;--uc-navy:#071c41;--uc-soft-bg:#f4f7fb;--uc-border:#e2e8f0;--uc-text-dark:#1e293b;--uc-text-muted:#64748b;--uc-green:#22c55e;font-family:Open Sans,sans-serif;padding:80px 0}.uc-architecture--white{background:#fff}.uc-architecture--soft{background:var(--uc-soft-bg)}.uc-architecture__container{margin:0 auto;max-width:1200px;padding:0 24px}.uc-architecture__title{color:var(--uc-navy);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 40px;text-align:center}.uc-architecture__diagram-wrapper{margin:0 auto 40px}.uc-architecture__figure{margin:0}.uc-architecture__diagram{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);box-sizing:border-box;height:auto;padding:24px;width:100%}.uc-architecture__description{color:var(--uc-text-muted);font-size:.9375rem;line-height:1.6;margin-top:16px;padding:0 20px;text-align:center}.uc-architecture__description p{margin:0}.uc-architecture__placeholder{align-items:center;background:var(--uc-soft-bg);border:2px dashed var(--uc-border);border-radius:12px;color:var(--uc-text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.uc-architecture__placeholder svg{height:80px;opacity:.5;width:80px}.uc-architecture__placeholder span{font-size:.9375rem}.uc-architecture__callouts{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.uc-architecture__callout{align-items:flex-start;display:flex;gap:12px}.uc-architecture__callout-number{align-items:center;background:var(--uc-blue-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.uc-architecture__callout-content{flex:1}.uc-architecture__callout-title{color:var(--uc-navy);font-size:.9375rem;font-weight:700;margin:0 0 4px}.uc-architecture__callout-desc{color:var(--uc-text-muted);font-size:.8125rem;line-height:1.5;margin:0}.uc-architecture--interactive .uc-architecture__callout{background:#fff;border:2px solid var(--uc-border);border-radius:12px;cursor:pointer;font-family:inherit;padding:16px;text-align:left;transition:all .3s ease}.uc-architecture--interactive .uc-architecture__callout:hover{border-color:var(--uc-blue-accent);box-shadow:0 4px 16px rgba(58,168,255,.15)}.uc-architecture--interactive .uc-architecture__callout:focus{border-color:var(--uc-blue-accent);box-shadow:0 0 0 3px rgba(58,168,255,.2);outline:none}.uc-architecture--interactive .uc-architecture__callout--active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--uc-blue-accent);box-shadow:0 4px 20px rgba(58,168,255,.2);transform:scale(1.02)}.uc-architecture--interactive .uc-architecture__callout--active .uc-architecture__callout-number{background:var(--uc-navy);transform:scale(1.1)}.uc-architecture--interactive .uc-architecture__callout--active .uc-architecture__callout-title{color:var(--uc-blue-accent)}.uc-architecture--interactive .uc-architecture__callout-number{transition:background-color .3s ease,transform .3s ease}.uc-before-after{display:grid;gap:32px;grid-template-columns:1fr 1fr;padding-top:48px}.uc-before-after__column{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:28px}.uc-architecture--soft .uc-before-after__column{background:#fff}.uc-before-after__column--changes{border-top:3px solid var(--uc-blue-accent)}.uc-before-after__column--stays{border-top:3px solid var(--uc-green)}.uc-before-after__title{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:10px;margin:0 0 20px}.uc-before-after__column--changes .uc-before-after__title{color:var(--uc-blue-accent)}.uc-before-after__column--stays .uc-before-after__title{color:var(--uc-green)}.uc-before-after__title svg{height:22px;width:22px}.uc-before-after__list{list-style:none;margin:0;padding:0}.uc-before-after__item{align-items:flex-start;color:var(--uc-text-dark);display:flex;font-size:.9375rem;gap:10px;line-height:1.5;margin-bottom:12px}.uc-before-after__item:last-child{margin-bottom:0}.uc-before-after__item svg{flex-shrink:0;height:18px;margin-top:2px;width:18px}.uc-before-after__item--change svg{color:var(--uc-blue-accent)}.uc-before-after__item--stays svg{color:var(--uc-green)}.uc-architecture__product-link{margin-top:32px;text-align:center}.uc-architecture__product-link-btn{align-items:center;color:var(--uc-blue-accent);display:inline-flex;font-size:1rem;font-weight:600;gap:8px;text-decoration:none;transition:gap .2s ease}.uc-architecture__product-link-btn:hover{gap:12px;text-decoration:underline}.uc-architecture__product-link-btn svg{height:18px;width:18px}@media (max-width:980px){.uc-architecture{padding:60px 0}.uc-architecture__callouts{grid-template-columns:repeat(2,1fr)}.uc-before-after{grid-template-columns:1fr}}@media (max-width:600px){.uc-architecture{padding:48px 0}.uc-architecture__title{font-size:1.75rem}.uc-architecture__diagram-wrapper{max-width:100%!important}.uc-architecture__callouts{gap:16px;grid-template-columns:1fr}.uc-architecture--interactive .uc-architecture__callout{padding:14px}.uc-architecture--interactive .uc-architecture__callout--active{transform:none}.uc-before-after__column{padding:20px}.uc-before-after__title{font-size:1rem}}