/* Quiet service illustrations. Layout is native CSS, so labels and shapes stay aligned. */
.calm-opening{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:76px var(--pad) 64px;min-height:640px}
.calm-copy{min-width:0}.calm-copy .service-title h1{font-size:clamp(38px,3.65vw,58px);line-height:1.12;letter-spacing:-.045em}.calm-copy .service-intro{margin-top:28px;max-width:560px}.calm-copy .service-intro p{font-size:16px;line-height:1.75}.calm-copy .breadcrumbs{font-size:11px;line-height:1.5}
.calm-visual{margin:0;min-width:0;align-self:center}.calm-drawing{padding:40px 24px;min-height:330px;display:flex;flex-direction:column;justify-content:center}.calm-visual figcaption{font-size:14px;color:#536581;line-height:1.5;text-align:center;padding:20px 12px 0;letter-spacing:-.015em}
.calm-foundation,.calm-workloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calm-tile{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:22px 10px;border:1px solid #d7e2f4;background:#fff;border-radius:8px}.calm-tile strong{font-size:17px;font-weight:500;color:#182741;line-height:1.3}.calm-tile>span:not(.calm-symbol){font-size:12px;line-height:1.6;color:#61728d;max-width:145px}.calm-symbol{display:grid;place-items:center;font-family:Arial,sans-serif;color:#2852ba;font-size:29px;width:52px;height:52px;background:#edf3ff;border-radius:12px;margin-bottom:8px}.calm-foundation .calm-tile{min-height:190px}.calm-base{background:#090094;color:white;text-align:center;padding:19px 12px;font-size:14px;border-radius:6px;margin-top:14px}.calm-infra .calm-drawing{background:#f3f7fd;border-radius:16px}
.calm-connector{height:36px;width:1px;background:#b2c8ed;margin:0 auto;position:relative}.calm-connector:after{content:'';position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#477dff;animation:calm-signal 3.5s ease-in-out infinite}
.calm-platform{border:1px solid #bbcdec;border-radius:9px;padding:25px;background:#f2f6ff}.calm-platform>span{display:block;font-size:13px;color:#466693;margin-bottom:8px}.calm-platform>strong{font-weight:500;font-size:24px;line-height:1.3;color:#132548}.calm-server{display:flex;gap:8px;margin-top:24px}.calm-server i{height:12px;flex:1;background:#b5cafa;border-radius:3px}.calm-server i:last-child{background:#3466d2}.calm-vmware .calm-workloads .calm-tile{padding:20px 8px}.calm-vmware .calm-workloads strong{font-size:14px}
.calm-pair{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center}.calm-pair .calm-tile{min-height:210px;padding:25px 14px}.calm-pair .calm-tile:last-child{background:#f0f5ff;border-color:#b7cced}.calm-flow{font-size:27px;text-align:center;color:#4376d3;animation:calm-transfer 4s ease-in-out infinite}.calm-storage .calm-drawing{padding-left:0;padding-right:0}.calm-cloud .calm-drawing{padding-left:0;padding-right:0}.calm-milestones{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-top:32px;gap:8px}.calm-milestones span{font-size:11px;color:#526b90;position:relative;border-top:2px solid #d7e3f6;padding-top:14px}.calm-milestones span:last-child{border-color:#4479ef}
.calm-opening-security{background:#0c2039;color:white}.calm-opening-security h1>span{color:#a7c5ff}.calm-opening-security .breadcrumbs,.calm-opening-security .service-intro p{color:#c0cee1}.calm-opening-security .action{background:white;color:#090094}.calm-security figcaption{color:#bdd0ec}.calm-protection{border:1px solid #456387;border-radius:22px;padding:22px;background:#102842}.calm-protection>span,.calm-protection>div>span{display:block;font-size:13px;color:#adc5e6;margin-bottom:20px;text-align:center}.calm-protection>div{padding:22px;border:1px solid #6385af;border-radius:15px;background:#163355}.calm-protection>div>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid #8bb1ea;border-radius:10px;background:#214777;padding:22px}.calm-protection strong{color:white;font-weight:500;font-size:18px;text-align:center}.calm-protection svg{width:40px;height:44px;stroke:#c2d8ff;stroke-width:1.5}.calm-security .calm-drawing{padding:10px 20px}
.calm-support-team{max-width:310px;margin:auto;padding:28px 34px;background:#f2f6fd;border:1px solid #c9d8f1;border-radius:12px;text-align:center}.calm-support-team img{display:block;width:190px;max-width:100%;height:auto;margin:0 auto 19px}.calm-support-team>span{font-size:14px;color:#506a8e}.calm-managed .calm-workloads strong{font-size:15px}.calm-managed .calm-tile{padding:24px 12px}.calm-directory .calm-drawing{padding:24px 0}.calm-directory .calm-foundation .calm-tile{min-height:220px}
.calm-document{background:white;border:1px solid #d2dff2;border-radius:5px;box-shadow:0 15px 40px #1e3c6510;padding:35px;max-width:390px;width:100%;margin:auto}.calm-document>img{width:140px;height:auto;display:block;margin-bottom:38px}.calm-document>span{font-size:9px;line-height:1.6;letter-spacing:.09em;color:#587198;display:block;margin-bottom:20px}.calm-document>strong{font-size:28px;line-height:1.4;font-weight:500;letter-spacing:-.035em;color:#102a52}.calm-document-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:24px;margin-top:32px;border-top:1px solid #dce5f2;font-size:11px;color:#536d93}.calm-document-foot i{width:3px;height:3px;background:#7295cf;border-radius:50%}.calm-wisp .calm-drawing{background:#f2f6fc;border-radius:16px;padding:25px}.calm-opening-wisp{grid-template-columns:1.3fr 1fr}.calm-opening-wisp .service-title h1{font-size:clamp(36px,3.2vw,51px)}.calm-opening-wisp .service-intro p{font-size:14px}
.calm-scope{padding:60px var(--pad) 70px;scroll-margin-top:95px}.calm-scope>h2{font-size:30px;line-height:1.2;margin-bottom:35px;letter-spacing:-.035em}.calm-scope>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 45px}.calm-scope article{padding:0 0 0 18px;border-left:2px solid #d8e4f8}.calm-scope h3{font-size:20px;line-height:1.35;margin-bottom:12px;letter-spacing:-.025em}.calm-scope p{font-size:14px;line-height:1.75;margin:0;color:#566981}.calm-scope .action{margin-top:20px;font-size:11px;min-height:42px}.calm-opening-directory .calm-copy .service-title h1{font-size:clamp(38px,3.6vw,58px)}
.calm-symbol svg{display:block;width:28px;height:28px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.calm-pair .calm-tile{display:grid;grid-template-rows:52px 44px 38px;justify-items:center;align-items:center;align-content:center}.calm-pair .calm-symbol{margin:0}.calm-pair .calm-tile strong{display:flex;align-items:center;justify-content:center;height:100%}
@keyframes calm-signal{0%,100%{top:3px;opacity:.4}65%{top:26px;opacity:1}}
@keyframes calm-transfer{0%,100%{opacity:.5;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}
@media(max-width:1100px){.calm-opening{gap:4%;padding-top:55px;padding-bottom:45px}.calm-drawing{padding:25px 12px}.calm-tile strong{font-size:15px}.calm-tile>span:not(.calm-symbol){font-size:11px}.calm-pair{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.calm-pair .calm-tile{padding:22px 10px}.calm-foundation,.calm-workloads{gap:8px}.calm-protection{padding:17px}.calm-protection>div{padding:17px}.calm-protection>div>div{padding:18px 12px}.calm-scope>div{gap:30px}.calm-copy .service-title h1{font-size:42px}}
@media(max-width:760px){.calm-opening,.calm-opening-wisp{display:block;padding:34px 24px 38px;min-height:0}.calm-copy .service-title h1,.calm-opening-directory .calm-copy .service-title h1,.calm-opening-wisp .service-title h1{font-size:36px;line-height:1.15}.calm-copy .service-intro{margin-top:23px}.calm-copy .service-intro p{font-size:15px}.calm-opening-wisp .service-intro p{font-size:14px}.calm-visual{margin-top:35px}.calm-drawing{min-height:0;padding:24px 12px}.calm-foundation .calm-tile{min-height:153px;padding:17px 6px;gap:9px}.calm-tile strong{font-size:13px}.calm-symbol{width:38px;height:38px;font-size:24px;border-radius:8px;margin-bottom:3px}.calm-tile>span:not(.calm-symbol){font-size:11px}.calm-base{font-size:12px;padding:16px 8px}.calm-visual figcaption{font-size:13px;padding-top:17px}.calm-vmware .calm-drawing{padding:12px 0}.calm-vmware .calm-workloads strong{font-size:12px}.calm-vmware .calm-workloads .calm-tile{padding:17px 6px}.calm-platform{padding:22px}.calm-platform>strong{font-size:23px}.calm-pair .calm-tile{min-height:182px;padding:18px 8px}.calm-flow{font-size:23px}.calm-pair .calm-tile strong{font-size:15px}.calm-milestones{margin-top:24px;gap:5px}.calm-milestones span{font-size:10px}.calm-security .calm-drawing{padding:8px 0}.calm-protection>span,.calm-protection>div>span{font-size:12px;margin-bottom:15px}.calm-protection strong{font-size:16px}.calm-managed .calm-drawing{padding:15px 0}.calm-managed .calm-workloads strong{font-size:13px}.calm-directory .calm-foundation .calm-tile{min-height:180px}.calm-document{padding:25px}.calm-document>strong{font-size:25px}.calm-wisp .calm-drawing{padding:18px}.calm-document-foot{gap:8px;font-size:10px}.calm-scope{padding:45px 24px}.calm-scope>h2{font-size:27px;margin-bottom:28px}.calm-scope>div{grid-template-columns:1fr;gap:25px}.calm-scope h3{font-size:21px}.calm-scope p{font-size:15px}.calm-copy .action{font-size:12px;max-width:100%}}
@media(min-width:761px) and (max-width:900px){.calm-opening,.calm-opening-wisp{grid-template-columns:1fr;gap:32px}.calm-visual{width:100%;max-width:560px;justify-self:center}.page-directory .application-layout{grid-template-columns:1fr}.calm-scope>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.calm-connector:after,.calm-flow{animation:none}}