/* September 2026: real imagery, editorial content and restrained motion. */
.hero-photo{margin:0;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#102e41;align-self:stretch;min-height:460px;box-shadow:0 24px 60px #102e4115}
.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.hero-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#071b2beb);z-index:1;pointer-events:none}
.hero-photo figcaption{position:absolute;bottom:26px;left:28px;right:22px;color:white;z-index:2}
.hero-photo figcaption>span{font-size:11px;letter-spacing:.16em;font-weight:650}.hero-photo strong{display:block;font:600 27px/1.25 Manrope,Arial,sans-serif;margin:8px 0}.hero-photo small{font-size:11px;color:#d0dee7}
.header{background:#fff}.header nav{gap:23px}.nav-contact:hover,.nav-contact:focus-visible{background:#087da9;color:#fff}
.button,.nav-contact{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.button>span,.text-link>span,.feature-link>span{display:inline-block;transition:transform .2s ease}.button:active{transform:translateY(0)}.button:focus-visible{box-shadow:0 5px 20px #087da925}
@media(hover:hover){.button:hover{box-shadow:0 6px 18px #102e411c}.button:hover>span,.text-link:hover>span,.feature-link:hover>span{transform:translate(3px,-2px)}}
.feature-link{font-size:15px;display:inline-block;margin-top:10px;color:#aee6fc;text-decoration:underline;text-underline-offset:4px}
.connectivity{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-bottom:1px solid var(--line)}.connectivity-copy>p:not(.eyebrow):not(.large-copy){color:var(--muted);font-size:18px}.connectivity .button{margin-top:28px}.connectivity-uses{border:1px solid var(--line);border-radius:14px;padding:8px 30px;background:var(--paper)}.connectivity-uses>div{padding:22px 0;border-bottom:1px solid var(--line);position:relative;padding-left:44px}.connectivity-uses>div>span{position:absolute;left:0;top:24px;font-size:12px;color:var(--blue);font-weight:700}.connectivity-uses h3{font-size:21px}.connectivity-uses p{font-size:16px;color:var(--muted);margin-top:9px}.connectivity-uses .coverage-note{padding:17px 0 20px;margin:0;font-size:13px}
.security{grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.security-label{border:0!important;min-width:0}.security-label>.avast-brand{display:none}.security-photo{margin:22px 0 0}.security-photo img{width:100%;height:auto;border-radius:12px}.security-label .eyebrow{font-size:12px!important}
.news-section{background:#f6f8fa;border-block:1px solid var(--line)}.news-section .section-head{align-items:end}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s ease,transform .2s ease}.news-card:hover{box-shadow:0 10px 30px #102e4110}.news-card:focus-within{outline:2px solid var(--blue);outline-offset:3px}.news-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.post-category{font-size:11px;font-weight:700;letter-spacing:.12em;color:#08749c;text-transform:uppercase}.news-card h3{font-size:22px;line-height:1.3;margin:12px 0}.news-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.news-card p{color:var(--muted);font-size:16px;line-height:1.65}.news-meta{font-size:12px;color:var(--muted);margin-bottom:14px}.news-card .read-more{display:flex;justify-content:space-between;font-size:15px;color:var(--blue);font-weight:650;margin-top:auto;padding-top:24px}.news-card-accent{height:5px;background:#169bd2}.news-card:nth-child(2) .news-card-accent{background:#eb7b2e}.news-card:nth-child(3) .news-card-accent{background:#102e41}
.editorial-top{padding:52px 0 36px}.breadcrumbs{font-size:14px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.editorial-top h1{max-width:900px;font-size:clamp(35px,4.5vw,58px);letter-spacing:-.045em;line-height:1.12}.editorial-top .intro{max-width:760px;color:var(--muted)}.news-index{padding-bottom:80px}.article-shell{width:min(850px,calc(100% - 48px));margin:auto}.article-header{padding-top:44px}.article-header h1{font-size:clamp(34px,4.5vw,54px);line-height:1.15;letter-spacing:-.045em;margin:14px 0 22px}.article-header .intro{font-size:21px;margin-bottom:24px}.article-meta{font-size:14px;color:var(--muted);margin:20px 0 30px}.article-cover{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:12px}.article-body{padding:16px 0 35px;font-size:18px;line-height:1.85}.article-body h2{font-size:29px;margin:38px 0 17px;letter-spacing:-.025em}.article-body h3{font-size:22px;margin:24px 0 12px}.article-body a{color:#08749c;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.article-body li{margin:10px 0}.article-body ul,.article-body ol{padding-left:24px}.article-body .article-source{font-size:14px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;color:var(--muted)}.article-cta{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:45px}.article-cta p{margin:14px 0 22px}.article-related{padding:34px 0 65px;border-top:1px solid var(--line)}.article-related h2{font-size:24px;margin-bottom:20px}.article-related a{display:block;padding:14px 0;color:var(--blue);border-bottom:1px solid var(--line)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--bright);z-index:50;transform:scaleX(0);transform-origin:left;pointer-events:none}
/* Content is visible by default; JS opts only off-screen elements into a one-time reveal. */
.reveal-pending{opacity:0;transform:translateY(18px)}.reveal-enter{animation:go-reveal .6s cubic-bezier(.2,.7,.2,1) both}@keyframes go-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header nav{gap:16px;font-size:14px}.connectivity{gap:35px}.security{gap:30px}.news-grid{gap:16px}.news-card-body{padding:21px}.news-card h3{font-size:20px}}
@media(max-width:900px){.news-grid{grid-template-columns:1fr}.news-card-body{padding:26px}.news-card h3{font-size:24px}.news-card .read-more{padding-top:20px}.hero-photo{min-height:420px}.security{grid-template-columns:1fr}.security-photo{max-width:680px}.security-label{display:block!important}.connectivity{gap:28px}}
@media(max-width:760px){.hero-photo{min-height:0;aspect-ratio:1.2;width:100%;align-self:auto}.hero-photo figcaption{left:22px;bottom:22px}.hero-photo strong{font-size:25px}.hero-photo small{font-size:10px}.connectivity{grid-template-columns:1fr}.connectivity-copy>p:not(.eyebrow):not(.large-copy){font-size:17px}.connectivity-uses{padding:5px 22px}.security-photo{margin-top:18px}.news-section .section-head .button{margin-top:24px}.news-card h3{font-size:22px}.news-card-body{padding:24px}.article-header{padding-top:28px}.article-body{font-size:17px}.article-body h2{font-size:26px}.article-header .intro{font-size:19px}.article-cta{padding:22px}.article-cta .button{width:100%}.editorial-top{padding-top:32px}.breadcrumbs{font-size:13px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending,.reveal-enter{opacity:1!important;transform:none!important}}
@media print{.header,.reading-progress,.article-cta,.article-related{display:none}.reveal-pending{opacity:1;transform:none}.article-shell{width:100%}.article-body{font-size:12pt}a{color:#000!important}}
.header nav a[aria-current="location"],.header nav a[aria-current="page"]{color:var(--blue)}
.header nav a[aria-current="location"]:after,.header nav a[aria-current="page"]:after{content:'';height:2px;background:var(--bright);position:absolute;bottom:4px;left:0;right:0}
.header nav .nav-contact[aria-current="location"]{color:white;background:var(--blue)}
@media(max-width:760px){.header nav a[aria-current]:after{display:none}.header nav a[aria-current]{background:#eaf5fb;border-radius:5px}}
.service-area{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,130px);align-items:start;border-top:1px solid var(--line)}
.service-area .large-copy{margin-bottom:18px}.service-area .text-link{display:inline-flex;margin-top:24px}
.article-body blockquote{margin:38px 0;padding:22px 26px;border-left:3px solid var(--blue);background:#f1f7fa;color:var(--muted)}.article-body blockquote p{margin:0}
@media(max-width:760px){.service-area{grid-template-columns:1fr;gap:24px}}
.support.shell{margin-top:0;margin-bottom:105px;padding:clamp(34px,5vw,58px);border:0;border-radius:18px;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(35px,7vw,100px);box-shadow:0 24px 55px #102e4120;position:relative;overflow:hidden}
.support.shell:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff16;border-radius:50%;right:-145px;top:-170px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05;pointer-events:none}
.support-copy{display:block!important;position:relative;z-index:1}.support-label{display:block;color:#86d5f4;font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:18px}.support h2{font-size:clamp(30px,3.5vw,46px);color:#fff}.support p{font-size:17px;color:#c6d8e2;max-width:620px;line-height:1.65;margin-top:18px}.support-actions{display:grid!important;gap:12px!important;position:relative;z-index:1}.support .button{width:100%;min-height:56px;justify-content:space-between;font-size:16px}.support-primary{background:#fff;color:var(--navy)}.support-primary:hover{background:#eaf6fb}.support-download{border-color:#6f8b9b;color:#fff;background:#ffffff08}.support-download:hover{background:#ffffff14}
@media(max-width:760px){.support.shell{grid-template-columns:1fr;margin-bottom:64px;padding:30px 24px;gap:28px;border-radius:14px}.support p{font-size:16px}.support-actions{width:100%}.support .button{font-size:15px;min-height:53px}.support.shell:after{right:-220px}}
/* Distinct product pages: technical Proxmox, editorial Lenovo. */
.product-hero{padding:72px 0 88px}.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,110px);align-items:center}.product-hero h1{font-size:clamp(45px,5.4vw,76px);letter-spacing:-.06em;line-height:1.03}.product-hero .intro{max-width:610px}.product-hero .breadcrumbs{margin-bottom:50px}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px)}.product-intro .large-copy{margin-top:0}.product-cta{padding:90px 0}.product-cta h2{font-size:clamp(34px,4vw,54px);margin-bottom:30px}.product-light{background:#fff;color:#102e41}.product-text-link{display:inline-flex;align-items:center;gap:18px;color:#b8d1df;font-weight:650;font-size:15px}
.proxmox-hero{background:#102e41;color:#fff}.proxmox-hero .eyebrow{color:#f28c28}.proxmox-hero .intro{color:#c5d4dd}.proxmox-console{background:#0a202e;border:1px solid #3e5c6d;border-radius:12px;padding:24px;box-shadow:0 30px 70px #0004}.console-head{display:flex;align-items:center;gap:7px;color:#88a6b7;font:700 10px/1.2 monospace;letter-spacing:.1em;border-bottom:1px solid #294655;padding-bottom:18px}.console-head span{margin-right:auto}.console-head i{width:7px;height:7px;border-radius:50%;background:#f28c28}.console-head i+ i{background:#7594a5}.console-status{padding:30px 0}.console-status span{display:block;color:#8da7b5;font:10px monospace;letter-spacing:.1em}.console-status strong{display:block;font:600 25px Manrope;margin-top:8px}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#294655}.console-grid div{background:#102e41;padding:20px}.console-grid span{color:#f28c28;font:11px monospace}.console-grid b,.console-grid small{display:block}.console-grid b{font-size:15px;margin:14px 0 4px}.console-grid small{color:#91a9b6}.proxmox-capabilities{background:#eef2f4;padding:0 0 90px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ccd9df}.capability-grid article{background:#fff;padding:34px 28px;border-right:1px solid #ccd9df}.capability-grid article:last-child{border:0}.capability-grid span{font:12px monospace;color:#df6c16}.capability-grid h3{margin:45px 0 15px}.capability-grid p,.process-line p{color:var(--muted);font-size:15px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-line span{font:12px monospace;color:#df6c16}.process-line h3{margin:15px 0 10px}.proxmox-cta{background:#e87322;color:#fff}.proxmox-cta .eyebrow{color:#fff}
.lenovo-hero{background:#f5f1eb}.lenovo-hero .eyebrow{color:#d71920}.lenovo-hero h1 em{font-style:normal;color:#d71920}.lenovo-composition{min-height:490px;position:relative;background:linear-gradient(145deg,#e4ded4,#fff);display:grid;place-items:center;overflow:hidden}.device-screen{width:72%;aspect-ratio:1.35;background:#161616;color:white;padding:32px;box-shadow:0 28px 55px #12121230;border:10px solid #282828}.device-screen span{font-size:10px;letter-spacing:.16em;color:#bbb}.device-screen strong{display:block;font:700 clamp(32px,4vw,55px)/.95 Manrope;margin:60px 0 18px}.device-screen small{color:#bdbdbd}.device-base{width:78%;height:16px;background:#949494;transform:perspective(250px) rotateX(55deg);margin-top:-58px}.lenovo-stamp{position:absolute;right:0;top:0;background:#d71920;color:white;padding:24px 18px;font:700 20px/1 Manrope;writing-mode:vertical-rl;height:160px}.lenovo-stamp small{font-size:9px;letter-spacing:.15em}.lenovo-statement{text-align:center}.lenovo-statement>p{font-size:12px;letter-spacing:.18em;color:#d71920;margin-bottom:28px}.lenovo-solutions{background:#121212;color:#fff;padding:85px 0}.lenovo-solutions-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.lenovo-feature{background:#222;padding:34px;min-height:240px}.lenovo-feature:first-child{grid-row:span 2;min-height:498px;background:#d71920;display:flex;flex-direction:column;justify-content:end}.lenovo-feature span{font-size:11px;letter-spacing:.14em;color:#aaa}.lenovo-feature:first-child span{color:#fff}.lenovo-feature h3{font-size:clamp(26px,3vw,42px);margin:20px 0}.lenovo-feature p{color:#c6c6c6;max-width:500px}.lenovo-feature:first-child p{color:#fff}.lenovo-service{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lenovo-checks{display:grid;grid-template-columns:1fr 1fr;gap:30px}.lenovo-checks div{border-top:3px solid #d71920;padding-top:18px}.lenovo-checks p{font-size:15px;color:var(--muted);margin-top:8px}.lenovo-cta{background:#d71920;color:white}.lenovo-cta>div>span{font-size:11px;letter-spacing:.16em}.lenovo-cta h2{margin-top:20px}.lenovo-dark{background:#151515;color:#fff}
@media(max-width:760px){.product-hero{padding:38px 0 58px}.product-hero-grid,.product-intro,.lenovo-service{grid-template-columns:1fr}.product-hero-grid{gap:42px}.product-hero h1{font-size:43px}.product-hero .breadcrumbs{margin-bottom:28px}.proxmox-console{padding:16px}.console-grid div{padding:16px 12px}.console-grid b{font-size:13px}.capability-grid,.process-line{grid-template-columns:1fr}.capability-grid article{border-right:0;border-bottom:1px solid #ccd9df}.capability-grid article:last-child{border-bottom:0}.capability-grid h3{margin-top:22px}.process-line{gap:28px}.product-cta{padding:64px 0}.lenovo-composition{min-height:340px}.device-screen{width:82%;padding:20px}.device-screen strong{margin:35px 0 15px}.lenovo-stamp{height:130px;padding:18px 12px}.lenovo-solutions{padding:60px 0}.lenovo-solutions-grid{grid-template-columns:1fr}.lenovo-feature:first-child{grid-row:auto;min-height:330px}.lenovo-feature{min-height:220px}.lenovo-checks{grid-template-columns:1fr}.lenovo-service{gap:38px}}
.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:transparent;color:inherit;font:inherit;font-weight:600;padding:12px 0;cursor:pointer;display:flex;align-items:center;gap:7px}.nav-dropdown>button span{font-size:16px;transition:transform .2s}.nav-dropdown.open>button span{transform:rotate(180deg)}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);min-width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 45px #102e4120}.nav-dropdown.open .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{padding:11px 13px!important;border-radius:5px}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#edf6fa;color:var(--blue)}
@media(hover:hover) and (min-width:761px){.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}}
@media(max-width:760px){.nav-dropdown>button{width:100%;justify-content:space-between;padding:13px!important}.nav-dropdown-menu{position:static;transform:none;box-shadow:none;border:0;border-left:2px solid var(--line);border-radius:0;margin:0 0 5px 13px;padding:0 0 0 10px}.nav-dropdown-menu a{font-size:14px;padding:10px 12px!important}}
.header nav{gap:6px!important}.header nav>a:not(.nav-contact),.nav-dropdown>button{padding:9px 13px!important;border-radius:999px;line-height:1}.header nav>a[aria-current],.nav-dropdown>button.current{background:#eaf4f8;color:var(--blue)}.header nav>a[aria-current]:after{display:none}.nav-dropdown-menu{top:calc(100% + 12px);border-radius:12px;padding:6px;box-shadow:0 15px 40px #102e4117}.nav-dropdown-menu a{font-weight:500}
.service{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.service .icon{transition:transform .3s ease,stroke .25s ease}.service:hover{background:#f5fafc;transform:translateY(-6px);box-shadow:0 18px 36px #102e410f;z-index:2}.service:hover .icon{transform:scale(1.12) rotate(-4deg);stroke:var(--bright)}.service h3{font-size:25px}.service p{font-size:17px;min-height:56px}
.zyxel-products{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.zyxel-products article{background:#102e41;border:1px solid #456273;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.zyxel-products .product-symbol{color:#80d34a;font-size:30px}.zyxel-products h3{font-size:18px;margin:7px 0}.zyxel-products p{font-size:12px!important;line-height:1.45}.compact-product{background:#102e41;color:white;padding:52px 0}.compact-product .breadcrumbs{margin-bottom:34px;color:#adc3cf}.compact-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.compact-product h1{font-size:clamp(36px,4.5vw,60px);line-height:1.05}.compact-product p{color:#bed0da;font-size:18px}.compact-product .button{margin-top:22px}
.nis2-link{margin-left:25px}
@media(max-width:900px){.zyxel-grid{grid-template-columns:1fr;gap:45px}.zyxel-panel{min-width:0}}
@media(max-width:760px){.header nav>a:not(.nav-contact),.nav-dropdown>button{border-radius:6px!important}.service:hover{transform:none}.zyxel-products{grid-template-columns:1fr 1fr;gap:9px}.zyxel-products article{padding:14px}.zyxel-products h3{font-size:15px}.zyxel-products p{font-size:10px!important}.compact-product-grid{grid-template-columns:1fr;gap:25px}.compact-product{padding:35px 0}.nis2-link{margin:16px 0 0}}
@media(max-width:390px){.zyxel-products{grid-template-columns:1fr}.zyxel-products article{width:min(230px,100%);margin:auto}.zyxel-products p{font-size:11px!important}}

/* October 2026: quieter navigation and compact Zyxel overview. */
.header nav{gap:20px!important}
.header nav>a:not(.nav-contact),.nav-dropdown>button{position:relative;padding:13px 2px 11px!important;border-radius:0!important;background:transparent!important;line-height:1.2;color:var(--navy)}
.header nav>a:not(.nav-contact):after,.nav-dropdown>button:after{content:"";display:block!important;position:absolute;left:2px;right:2px;bottom:3px;height:2px;background:var(--bright);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.header nav>a[aria-current]:after,.nav-dropdown>button.current:after{transform:scaleX(1)}
.header nav>a[aria-current],.nav-dropdown>button.current{color:var(--blue)}
.nav-dropdown-menu{top:100%;min-width:176px;padding:8px 5px 5px;border-radius:0 0 7px 7px;box-shadow:0 14px 34px #102e4115}
.nav-dropdown-menu a{border-radius:3px;padding:10px 12px!important}
.nav-dropdown-menu a[aria-current]{background:#eaf4f8;color:var(--blue);font-weight:700}
.nav-dropdown-menu a[aria-current]:after{display:none!important}
.zyxel-panel .feature{padding:17px 0}
.zyxel-panel .feature:first-child{padding-top:0}
.zyxel-panel .feature:last-child{padding-bottom:0}
.zyxel-panel .feature h3{font-size:19px;margin-bottom:6px}
.zyxel-panel .feature p{font-size:15px;line-height:1.55}
@media(max-width:760px){
  .header nav{gap:0!important}
  .header nav>a:not(.nav-contact),.nav-dropdown>button{padding:13px!important}
  .header nav>a:not(.nav-contact):after,.nav-dropdown>button:after{left:0;right:auto;top:10px;bottom:10px;width:2px;height:auto;transform:scaleY(0)}
  .header nav>a[aria-current]:after,.nav-dropdown>button.current:after{transform:scaleY(1)}
  .nav-dropdown-menu{margin-left:13px}
}
