/* Engitech v28: visual service experiences, scoped to refreshed pages. */
.visual-v28{--v28-ink:#142735;--v28-muted:#526778;--v28-blue:#126da9;--v28-line:#d9e3ea;--v28-soft:#f0f5f8;--v28-bg:#fff;color:var(--v28-ink);background:var(--v28-bg)}
.visual-v28 [hidden]{display:none!important}.visual-v28 .container{max-width:1240px}.visual-v28 em{font-style:normal;color:var(--v28-blue)}.visual-v28 .v28-hero{padding:76px 0 66px;background:var(--v28-bg);color:var(--v28-ink);overflow:hidden}.v28-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.visual-v28 .v28-kicker{text-transform:uppercase;font-size:.76rem;letter-spacing:.16em;font-weight:700;color:var(--v28-blue);margin:0 0 19px}.visual-v28 .v28-hero h1{font-size:clamp(2.35rem,4.25vw,4.5rem);line-height:1.08;letter-spacing:-.048em;margin:0 0 25px;color:var(--v28-ink)}.visual-v28 .v28-lead{font-size:1.1rem;line-height:1.85;color:var(--v28-muted);max-width:620px}.v28-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px;margin-top:30px}.visual-v28 .v28-actions>a:not(.v28-button),.visual-v28 .v28-text-link{color:var(--v28-blue);font-weight:700;text-decoration:underline;text-underline-offset:5px}.visual-v28 .v28-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;border-radius:7px;background:#126da9;color:white!important;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;border:1px solid transparent;line-height:1.5}.visual-v28 .v28-button:hover{background:#095080;transform:translateY(-2px)}.v28-hero-note{font-size:.75rem!important;color:var(--v28-muted)!important;margin-top:27px!important}.v28-hero-image{position:relative;margin:0}.v28-hero-image>img{display:block;width:100%;height:490px;object-fit:cover;border-radius:18px 18px 80px 18px;box-shadow:0 24px 60px #10293816}.v28-hero-image figcaption{font-size:.66rem;color:var(--v28-muted);margin:12px 0 0;text-align:right}.visual-v28 .v28-section{padding:78px 0;background:var(--v28-bg);color:var(--v28-ink)}.visual-v28 .v28-soft{background:var(--v28-soft)}.v28-heading{max-width:810px;margin-bottom:36px}.visual-v28 .v28-heading h2,.visual-v28 .v28-cta h2{font-size:clamp(1.9rem,3.2vw,3.1rem);line-height:1.17;letter-spacing:-.035em;color:var(--v28-ink);margin:0 0 20px}.visual-v28 .v28-section p{color:var(--v28-muted);line-height:1.85}.visual-v28 .v28-section h3{color:var(--v28-ink);font-size:1.35rem;line-height:1.4}.v28-icon{width:34px;height:34px;flex-shrink:0;color:var(--v28-blue);margin-bottom:18px}.v28-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:28px 0}.v28-facts article{border-top:1px solid var(--v28-line);padding-top:24px}.v28-facts h3{margin-bottom:13px}.v28-facts p{font-size:.94rem}.v28-tab-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.visual-v28 .v28-tab-buttons button{appearance:none;background:transparent;border:1px solid var(--v28-line);border-radius:30px;padding:12px 22px;color:var(--v28-ink);font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;line-height:1.5;transition:background .2s}.visual-v28 .v28-tab-buttons button[aria-pressed=true]{background:var(--v28-ink);border-color:var(--v28-ink);color:var(--v28-bg)}.v28-tab-content{border:1px solid var(--v28-line);border-radius:16px;background:var(--v28-bg);padding:40px}.v28-panel-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;min-height:230px}.v28-panel-grid>div,.v28-panel-visual{min-width:0}.v28-panel-grid h3{font-size:1.7rem!important;letter-spacing:-.025em}.visual-v28 .v28-caption{font-size:.73rem;color:var(--v28-muted);margin:18px 0 0;line-height:1.6}.v28-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}.v28-flow>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 14px 20px;background:var(--v28-soft);border:1px solid var(--v28-line);border-radius:10px}.v28-flow>div:not(:last-child):after{content:'→';position:absolute;right:-16px;top:47%;color:var(--v28-blue);font-size:20px;font-weight:700;z-index:1}.v28-flow strong{font-size:.89rem;line-height:1.4;color:var(--v28-ink)}.v28-flow small{display:block;margin-top:8px;font-size:.7rem;color:var(--v28-muted)}.v28-flow .v28-icon{width:30px;height:30px}.v28-steps{counter-reset:none;list-style:none;padding:0;margin:38px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.v28-steps li{border-top:2px solid var(--v28-line);padding-top:22px}.v28-steps li>span{display:block;color:var(--v28-blue);font-size:2.4rem;font-weight:700;margin-bottom:20px}.v28-steps h3{font-size:1.07rem!important}.v28-steps p{font-size:.87rem}.v28-editorial{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.v28-editorial>figure{margin:0}.v28-editorial>figure>img{width:100%;height:460px;object-fit:cover;border-radius:12px}.v28-editorial figcaption{color:var(--v28-muted);font-size:.66rem;margin-top:12px}.v28-editorial .v28-steps{grid-template-columns:repeat(2,1fr);margin:10px 0 25px}.v28-editorial .v28-facts{grid-template-columns:1fr 1fr}.visual-v28 .v28-dark{--v28-bg:#10222e;--v28-ink:#f4f8fb;--v28-muted:#b6c8d4;--v28-line:#344957;--v28-blue:#82c9f2;--v28-soft:#172e3d;background:var(--v28-bg);color:var(--v28-ink)}.v28-two{display:grid;grid-template-columns:1fr 1fr;gap:25px}.v28-choice{padding:35px;border:1px solid var(--v28-line);border-radius:14px}.v28-choice:nth-child(2){background:var(--v28-soft)}.v28-choice .v28-icon{height:46px;width:46px}.v28-brands{display:flex;flex-wrap:wrap;gap:20px 35px;border-top:1px solid var(--v28-line);border-bottom:1px solid var(--v28-line);padding:30px 0}.v28-brands span{font-weight:700;font-size:1.15rem;color:var(--v28-muted)}.v28-hardware{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:245px;background:linear-gradient(145deg,var(--v28-soft),var(--v28-bg));border-radius:12px}.v28-hardware .v28-icon{width:98px;height:98px;stroke-width:1}.v28-hardware strong{font-size:1.4rem}.v28-hardware span{font-size:.8rem;margin-top:12px;color:var(--v28-muted)}.v28-faq details{border-bottom:1px solid var(--v28-line);padding:22px 0}.v28-faq summary{cursor:pointer;font-size:1.04rem;line-height:1.5;font-weight:600;color:var(--v28-ink);padding-right:10px}.v28-faq details p{margin:16px 0 0}.v28-cta{display:flex;justify-content:space-between;gap:40px;align-items:center}.v28-cta>div{max-width:730px}.v28-cta>a{flex-shrink:0}.v28-rack-selector{display:grid;grid-template-columns:1fr 250px;gap:100px;align-items:center}.v28-rack{padding:13px 18px;display:flex;flex-direction:column;gap:3px;border:8px solid #293b48;border-radius:12px;background:#18232a;box-shadow:18px 22px 0 #1c3a4f14}.v28-rack i{height:6px;display:block;border:1px solid #384d5c;background:#253643;transition:background .25s}.v28-rack i.occupied{background:#53b8ef;border-color:#8ad8ff}.v28-rack-result{display:flex;flex-direction:column;gap:9px;padding-left:18px;border-left:3px solid var(--v28-blue)}.v28-rack-result strong{font-size:1.25rem;color:var(--v28-ink)}.v28-rack-result span{font-size:.9rem}.v28-connectivity{padding-top:30px}.visual-v28 .colo-internet .v28-flow{--v28-soft:#17364e;--v28-ink:#fff;--v28-muted:#c3d5e1;--v28-line:#365069;--v28-blue:#83caff}.visual-v28 .colo-internet .v28-caption{color:#cfdee8}.v28-mail-preview{background:#f7fafc;border:1px solid #dce6ed;color:#173348;border-radius:12px;overflow:hidden;box-shadow:0 16px 30px #00000012}.v28-window{padding:14px 18px;color:#e4f6ff;background:#163448;letter-spacing:.1em;font-size:.63rem;font-weight:700}.v28-mail-body{display:grid;grid-template-columns:90px 1fr;min-height:225px}.v28-mail-body aside{background:#e9f1f7;color:#436276;line-height:2.8;font-size:.65rem;padding:15px 10px}.v28-mail-body>div{padding:20px 15px;min-width:0}.v28-mail-body strong{font-size:.84rem;color:#173348}.visual-v28 .v28-mail-body p{border-bottom:1px solid #dce6ed;font-size:.73rem;color:#38566a;padding-bottom:12px;margin-top:15px}.v28-mail-body span{display:block;color:#57788f;font-size:.6rem}
/* eCloud uses the existing graphite and blue brand palette. */
.brand-ecloud .visual-v28{--v28-ink:#edf5fa;--v28-muted:#b1c4d0;--v28-blue:#82caf3;--v28-line:#354652;--v28-soft:#202e37;--v28-bg:#161f25}.brand-ecloud .visual-v28 .v28-hero{background:radial-gradient(ellipse at top right,#203b4d 0,transparent 60%),#161f25}.brand-ecloud .visual-v28 .v28-cloud-panel{background:#1b272f}.brand-ecloud .v28-hero-image>img{border:1px solid #344b5a;box-shadow:0 24px 60px #0004}.brand-ecloud .v28-tab-content{background:#17232b}.brand-ecloud .visual-v28 .v28-tab-buttons button[aria-pressed=true]{background:#83cdf5;color:#12232e;border-color:#83cdf5}.brand-ecloud .cloud-overview img{width:100%;height:200px!important;object-fit:cover;border-radius:10px;margin-bottom:25px}.brand-ecloud .cloud-overview{overflow:hidden}.brand-ecloud .visual-v28 .v28-button{background:#167cb8}.brand-ecloud .visual-v28 .v28-button:hover{background:#125f8e}
/* Home photo cards retain all three official identities. */
.visual-v28 .v28-family-photo{width:calc(100% + 56px);margin:-28px -28px 25px;overflow:hidden;border-radius:15px 15px 0 0}.visual-v28 .family-card .v28-family-photo img{display:block;width:100%!important;height:180px!important;max-width:none;object-fit:cover;margin:0;filter:none;background:transparent}.visual-v28 .family-card{overflow:hidden}.visual-v28 .v28-home-banner{position:relative;margin:0 0 45px}.visual-v28 .v28-home-banner img{display:block;width:100%;height:330px;object-fit:cover;border-radius:15px}.visual-v28 .v28-home-banner figcaption{font-size:.66rem;margin-top:10px;color:inherit;opacity:.75}.visual-v28 .v28-dc-thumb{width:260px;flex-shrink:0;margin:0}.visual-v28 .v28-dc-thumb img{width:100%;height:190px;object-fit:cover;border-radius:10px}.visual-v28 .dc-home .container{flex-wrap:wrap}.visual-v28 a:focus-visible,.visual-v28 button:focus-visible,.visual-v28 summary:focus-visible{outline:3px solid #f1b527;outline-offset:5px}
@media(min-width:1500px){.v28-hero-grid{gap:60px}.v28-hero-image>img{height:530px}}
@media(max-width:1000px){.v28-hero-grid{gap:30px}.v28-hero-image>img{height:440px}.v28-panel-grid{grid-template-columns:1fr;gap:28px}.v28-editorial{gap:30px}.v28-facts{gap:20px}.v28-rack-selector{gap:40px}.v28-cta{align-items:flex-start;flex-direction:column}.v28-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.visual-v28 .v28-hero{padding:45px 0}.v28-hero-grid,.v28-editorial,.v28-two{grid-template-columns:1fr}.v28-hero-image>img{height:auto;aspect-ratio:16/10;border-radius:13px 13px 45px 13px}.visual-v28 .v28-section{padding:52px 0}.v28-tab-content{padding:25px 18px}.v28-tab-buttons{gap:8px}.visual-v28 .v28-tab-buttons button{padding:10px 16px;font-size:.8rem}.v28-facts{grid-template-columns:1fr}.v28-flow{gap:12px}.v28-flow>div{padding:17px 9px}.v28-flow>div:not(:last-child):after{right:-12px;font-size:15px}.v28-flow strong{font-size:.77rem;overflow-wrap:anywhere}.v28-flow small{font-size:.65rem}.v28-editorial>figure>img{height:300px}.v28-editorial .v28-facts{grid-template-columns:1fr}.v28-rack-selector{grid-template-columns:1fr 115px;gap:20px}.v28-rack{padding:9px 7px;border-width:5px;gap:2px}.v28-rack i{height:5px}.v28-rack-selector h2{font-size:1.7rem!important}.v28-rack-selector .v28-tab-buttons button{padding:8px 11px}.v28-rack-selector .v28-caption{font-size:.67rem}.v28-mail-body{grid-template-columns:70px 1fr}.v28-mail-body aside{font-size:.6rem}.visual-v28 .v28-home-banner img{height:220px}.visual-v28 .v28-dc-thumb{width:100%}.v28-choice{padding:25px}.v28-hero-grid h1{font-size:2.6rem!important}}
@media(prefers-reduced-motion:reduce){.visual-v28 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}