.cbm-architecture{--cbm-accent:#62e6ee}.cbm-system{color:#e4f2f8;background:radial-gradient(at 100% 0,#10485b 0,#0000 55%),#071e30;border:1px solid #31586b;border-radius:24px;padding:clamp(18px,3vw,32px)}.cbm-system header>h3,.cbm-dashboard>h3{color:#fff;margin:8px 0 14px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.45}.cbm-system header>p:last-child{color:#c0d5df;margin-bottom:26px;line-height:1.85}.cbm-system .cbm-eyebrow{letter-spacing:.1em;color:var(--cbm-accent);font-size:11px;font-weight:700;line-height:1.7}.cbm-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.cbm-inputs>li{background:#102d42;border:1px solid #36556a;border-radius:12px;min-width:0;padding:12px;position:relative}.cbm-step-label{color:#b8d7e4;align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.cbm-step-label>span{color:var(--cbm-accent);font-weight:700}.cbm-visual{aspect-ratio:1.5;border-radius:7px;place-items:center;margin:14px 0;display:grid;position:relative;overflow:hidden}.cbm-visual-1{background:#eaf3fa}.cbm-visual img{object-fit:contain}.cbm-machine{width:100%;height:100%}.cbm-workflow{color:var(--cbm-accent);align-items:center;gap:4px;display:flex}.cbm-workflow .site-icon{font-size:24px}.cbm-inputs h4{color:#fff;overflow-wrap:anywhere;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.5}.cbm-inputs li>p{color:#c0d5df;font-size:13px;line-height:1.8}.cbm-step-arrow{color:var(--cbm-accent);font-size:25px;position:absolute;top:45%;right:-21px}.cbm-inputs>li:last-child .cbm-step-arrow{display:none}.cbm-down{color:var(--cbm-accent);text-align:right;padding-right:14%;font-size:32px;line-height:1.6}.cbm-dashboard{background:#103747;border:1px solid #318e9e;border-radius:16px;padding:clamp(12px,2vw,22px);box-shadow:0 0 32px #0ccada0b}.cbm-dashboard .product-gallery-stage{background:#0c2535}.cbm-dashboard .product-gallery figcaption{color:#c4dce7;font-size:12px;line-height:1.7}.cbm-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 0 0;list-style:none;display:grid}.cbm-features li{align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;display:flex}.cbm-features .site-icon{color:var(--cbm-accent);flex-shrink:0}.cbm-feedback{color:#bfdde8;border-top:1px dashed #43788c;align-items:center;gap:10px;margin-top:22px;padding-top:18px;font-size:13px;line-height:1.8;display:flex}.cbm-note{color:#516879;margin:18px 0;font-size:13px;line-height:1.9}.cbm-links{flex-wrap:wrap;gap:12px;display:flex}.cbm-links a{color:#00657b;border:1px solid #b4d9e4;border-radius:8px;gap:14px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.cbm-links a:hover{background:#eaf7fb}.cbm-links a:focus-visible{outline-offset:3px;outline:3px solid #007e97}@media (max-width:767px){.cbm-inputs{grid-template-columns:1fr;gap:30px}.cbm-visual{max-height:180px}.cbm-inputs>li{padding:18px}.cbm-step-arrow{top:auto;bottom:-31px;right:calc(50% - 10px);transform:rotate(90deg)}.cbm-down{text-align:center;padding-right:0}}@media (max-width:430px){.cbm-features{grid-template-columns:1fr}.cbm-system{border-radius:16px;padding:14px}}