/* srv-software.css */
.code-canvas {
  position:relative;min-height:385px;border-radius:28px;background:
    linear-gradient(180deg,rgba(7,12,28,.45),rgba(7,12,28,.88)),
    radial-gradient(circle at 50% 50%,rgba(255,102,0,.12),transparent 28%),
    url('https://images.unsplash.com/photo-1555066931-4365d14bab8c?auto=format&fit=crop&w=1600&q=80') center/cover;
  border:1px solid rgba(255,255,255,.10);overflow:hidden;padding:22px;
}
.window {
  height:100%;border-radius:22px;background:rgba(5,9,22,.72);border:1px solid rgba(255,255,255,.09);overflow:hidden;
}
.window-top { height:44px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 16px; }
.dots { display:flex;gap:8px; }
.dots span { width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18); }
.dots span:first-child { background:var(--orange); }
.dots span:nth-child(2) { background:var(--blue); }
.dots span:nth-child(3) { background:var(--purple); }
.code-lines { padding:18px;display:grid;gap:12px; }
.code-line { height:13px;border-radius:99px;background:rgba(255,255,255,.12); }
.code-line:nth-child(1) { width:78%;background:rgba(255,102,0,.32); }
.code-line:nth-child(2) { width:92%; }
.code-line:nth-child(3) { width:62%;background:rgba(90,174,255,.28); }
.code-line:nth-child(4) { width:86%; }
.code-line:nth-child(5) { width:52%;background:rgba(24,201,139,.26); }
.code-line:nth-child(6) { width:74%; }
.code-line:nth-child(7) { width:93%;background:rgba(165,124,255,.22); }
.module-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px; }
.module { padding:13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08); }
.module strong { display:block;font-size:12px; }
.module span { display:block;color:var(--muted2);font-size:10px;margin-top:4px; }

.arch-node.front { left:10%;top:16%; }
.arch-node.api { right:10%;top:16%; }
.arch-node.db { left:10%;bottom:15%; }
.arch-node.cloud { right:10%;bottom:15%; }
.arch-node.devops { left:50%;bottom:7%;transform:translateX(-50%); }
.arch-link.a1 { width:360px;transform:rotate(-150deg); }
.arch-link.a2 { width:360px;transform:rotate(-30deg); }
.arch-link.a3 { width:360px;transform:rotate(145deg); }
.arch-link.a4 { width:360px;transform:rotate(35deg); }
.arch-link.a5 { width:270px;transform:rotate(90deg); }

.product-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.product-card { border-radius:30px;padding:28px;min-height:100%; }
.product-name { display:inline-flex;align-items:center;gap:8px;font-size:30px;letter-spacing:-.065em;font-weight:900;margin-bottom:12px; }
.product-name::before { content:"";width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px rgba(255,102,0,.8); }
.product-card p { color:var(--muted);line-height:1.75;margin:0 0 16px; }
.product-card ul { margin:0;padding:0;list-style:none;color:var(--muted);display:grid;gap:9px;font-size:14px; }
.product-card li { display:flex;gap:9px; }
.product-card li::before { content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);margin-top:7px;flex:none; }

@media(max-width:1120px) {
  .product-grid { grid-template-columns:repeat(2,1fr); }
}

@media(max-width:880px) {
  .module-grid { grid-template-columns:1fr; }
  .product-grid { grid-template-columns:1fr; }
}