/* ==========================================================================
   comBOX - VLL technology page (/technology/vll-technology/, post 3910)
   Feature sections below "Unified WAN Bonding & Optimization".
   Scoped to .vll-feat ; loaded only on that page by mu-plugin combox-vll-page.
   ========================================================================== */
#top .vll-feat{--vf-red:#e62b1e;--vf-red-a11y:#cc1f14;--vf-red-hi:#ff4d40;--vf-ink:#0f1115;--vf-body:#475569;--vf-line:#e3e7ed;--vf-h:"Poppins",Arial,sans-serif}

/* header row: heading + illustration */
#top .vll-feat .vll-feat-headcol .av-special-heading{margin:0;padding-bottom:0}
#top .vll-feat .vll-feat-headcol .av-special-heading-tag{font-family:var(--vf-h);font-size:clamp(30px,3.1vw,46px);font-weight:800;line-height:1.14;letter-spacing:-.02em;color:var(--vf-ink)}
#top .vll-feat .vll-feat-headcol .av-special-heading-tag:after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--vf-red);margin-top:22px}
#top .vll-feat .vll-feat-headcol .special-heading-border{display:none}
#top .vll-feat .vll-feat-ill{margin:0}
#top .vll-feat .vll-feat-ill img{width:100%;max-width:360px;height:auto;filter:drop-shadow(0 26px 34px rgba(0,0,0,.22))}
#top .vll-feat .vll-feat-illcol{padding-bottom:10px}

/* cards */
#top .vll-feat .flex_column.vll-feat-card{background:#fff!important;border:1px solid var(--vf-line)!important;border-radius:16px!important;padding:34px 34px 30px!important;box-shadow:0 22px 44px -32px rgba(15,17,21,.45)!important;transition:transform .25s ease,box-shadow .25s ease}
#top .vll-feat .flex_column.vll-feat-card:hover{transform:translateY(-3px);box-shadow:0 28px 50px -30px rgba(15,17,21,.5)!important}
#top .vll-feat .vll-feat-card .iconbox{margin:0}
#top .vll-feat .vll-feat-card .iconbox_content{padding:0;background:none;box-shadow:none;border:0}
#top .vll-feat .vll-feat-card .iconbox .entry-content-header{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid var(--vf-line);position:relative}
#top .vll-feat .vll-feat-card .iconbox .entry-content-header:after{content:"";position:absolute;left:0;bottom:-1px;width:40px;height:2px;background:var(--vf-red)}
#top .vll-feat .vll-feat-card .iconbox_icon{position:static;float:none;flex:none;width:50px;height:50px;line-height:50px;margin:0;border-radius:13px;background:rgba(230,43,30,.1);color:var(--vf-red)!important;font-size:22px;text-align:center;border:0}
#top .vll-feat .vll-feat-card .iconbox_icon svg{width:22px;height:22px;vertical-align:middle}
#top .vll-feat .vll-feat-card .iconbox_icon svg path,#top .vll-feat .vll-feat-card .iconbox_icon svg{fill:currentColor}
#top .vll-feat .vll-feat-card .iconbox_content_title{margin:0;padding:0;font-family:var(--vf-h);font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.01em;text-transform:none;color:var(--vf-ink)}
#top .vll-feat .vll-feat-card .iconbox.left-content .iconbox_content_container,#top .vll-feat .vll-feat-card .iconbox_content_container{margin:0;padding:0}
#top .vll-feat .vll-feat-card blockquote{margin:0 0 18px;padding:2px 0 2px 16px;border-left:3px solid var(--vf-red);font-family:var(--vf-h);font-size:16.5px;font-weight:500;line-height:1.55;color:var(--vf-ink)}
#top .vll-feat .vll-feat-card blockquote p{margin:0;font-size:inherit;line-height:inherit;color:inherit}
#top .vll-feat .vll-feat-card .iconbox_content_container p,#top .vll-feat .vll-feat-card .iconbox_content_container li{font-size:17.5px;line-height:1.72;color:var(--vf-body)}
#top .vll-feat .vll-feat-card .iconbox_content_container p{margin:0 0 12px}
#top .vll-feat .vll-feat-card .iconbox_content_container p:last-child{margin-bottom:0}
#top .vll-feat .vll-feat-card .iconbox_content_container ol,#top .vll-feat .vll-feat-card .iconbox_content_container ul{margin:6px 0 0 20px}
#top .vll-feat .vll-feat-card .iconbox_content_container p:empty{display:none}

/* dark variants: crimson + graphite */
#top .vll-feat--red .vll-feat-headcol .av-special-heading-tag,#top .vll-feat--graphite .vll-feat-headcol .av-special-heading-tag{color:#fff}
#top .vll-feat--red .vll-feat-headcol .av-special-heading-tag:after{background:#fff}
#top .vll-feat--graphite .vll-feat-headcol .av-special-heading-tag:after{background:var(--vf-red-hi)}
#top .vll-feat--red .vll-feat-ill img,#top .vll-feat--graphite .vll-feat-ill img{filter:drop-shadow(0 26px 38px rgba(0,0,0,.45))}
#top .vll-feat--red .flex_column.vll-feat-card{background:rgba(24,4,8,.58)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 26px 50px -34px rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#top .vll-feat--graphite .flex_column.vll-feat-card{background:rgba(16,16,20,.74)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 26px 50px -34px rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#top .vll-feat--red .vll-feat-card .iconbox .entry-content-header,#top .vll-feat--graphite .vll-feat-card .iconbox .entry-content-header{border-bottom-color:rgba(255,255,255,.14)}
#top .vll-feat--red .vll-feat-card .iconbox .entry-content-header:after,#top .vll-feat--graphite .vll-feat-card .iconbox .entry-content-header:after{background:var(--vf-red-hi)}
#top .vll-feat--red .vll-feat-card .iconbox_icon,#top .vll-feat--graphite .vll-feat-card .iconbox_icon{background:rgba(255,77,64,.16);color:#ff6a5c!important}
#top .vll-feat--red .vll-feat-card .iconbox_content_title,#top .vll-feat--graphite .vll-feat-card .iconbox_content_title{color:#fff}
#top .vll-feat--red .vll-feat-card blockquote,#top .vll-feat--graphite .vll-feat-card blockquote{color:rgba(255,255,255,.95);border-left-color:var(--vf-red-hi)}
#top .vll-feat--red .vll-feat-card .iconbox_content_container p,#top .vll-feat--red .vll-feat-card .iconbox_content_container li,#top .vll-feat--graphite .vll-feat-card .iconbox_content_container p,#top .vll-feat--graphite .vll-feat-card .iconbox_content_container li{color:rgba(255,255,255,.8)}
#top .vll-feat--graphite .av-special-heading + *,#top .vll-feat--graphite hr{border-color:rgba(255,255,255,.12)}

/* fixed background: honour the builder's Fixed setting on non-touch devices */
html:not(.avia_mobile) #top .vll-feat.avia-bg-style-fixed{background-attachment:fixed}

@media (max-width:767px){
#top .vll-feat .vll-feat-illcol{display:none}
#top .vll-feat .flex_column.vll-feat-card{padding:26px 22px 24px!important}
#top .vll-feat .vll-feat-card .iconbox_content_title{font-size:17.5px}
}
/* long security card: full width, single column capped to a readable measure; its inner blockquotes are sub-headings */
#top .vll-feat .vll-feat-card--wide .iconbox_content_container{max-width:none}
#top .vll-feat .vll-feat-card .iconbox_content_container * + blockquote{margin-top:28px}

/* container-level text: some cards hold bare text / spans (not <p>), so style the container and let descendants inherit */
#top .vll-feat .vll-feat-card .iconbox_content_container{font-size:17.5px;line-height:1.72;color:var(--vf-body)}
#top .vll-feat .vll-feat-card .iconbox_content_container span,#top .vll-feat .vll-feat-card .iconbox_content_container div{color:inherit;font-size:inherit;line-height:inherit}
#top .vll-feat--red .vll-feat-card .iconbox_content_container,#top .vll-feat--graphite .vll-feat-card .iconbox_content_container{color:rgba(255,255,255,.8)}
#top .vll-feat .vll-feat-card .iconbox_content_container span,#top .vll-feat .vll-feat-card .iconbox_content_container div,#top .vll-feat .vll-feat-card .iconbox_content_container p{font-family:inherit!important}
/* Enfold paints the heading '&' brand red, which vanishes on the crimson section */
#top .vll-feat--red .vll-feat-headcol .special_amp{color:#ffb3ab}

/* partner kit button on graphite: the text-only tertiary link was black on dark; make it an outline button (this page only) */
#top .vll-feat--graphite .wl-cta-block .wl-btn-tertiary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7);border-radius:6px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
#top .vll-feat--graphite .wl-cta-block .wl-btn-tertiary:hover,#top .vll-feat--graphite .wl-cta-block .wl-btn-tertiary:focus-visible{background:#fff;color:#0f1115;border-color:#fff}
/* colour needs !important: combox-custom.css sets .wl-btn-tertiary{color:#000!important} site-wide (this scoped rule beats combox-custom on this page only) */
#top .vll-feat--graphite .wl-cta-block a.wl-btn-tertiary{color:#fff!important}
#top .vll-feat--graphite .wl-cta-block a.wl-btn-tertiary:hover,#top .vll-feat--graphite .wl-cta-block a.wl-btn-tertiary:focus-visible{color:#0f1115!important}

/* graphite-fallback */
#top .vll-feat--graphite{background-color:#1d1c20}


/* 2026-10-08: 3D glossy icons (homepage icon style) replace the tinted font-icon tiles on this page and on Supported Connections. Each icon box carries class "vll-ico vll-ico-<key>"; the images live next to this file (vll-ico-<key>.webp). */
#top .vll-feat .vll-feat-card .vll-ico .iconbox_icon{width:64px;height:64px;line-height:0;flex:none;border-radius:0;background-color:transparent!important;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;color:transparent!important;filter:drop-shadow(0 9px 8px rgba(0,0,0,.28))}
#top .vll-feat .vll-feat-card .vll-ico .iconbox_icon>*,#top .vll-feat .vll-feat-card .vll-ico .iconbox_icon:before,#top .vll-feat .vll-feat-card .vll-ico .iconbox_icon:after{display:none!important}
#top .vll-feat--light .vll-feat-card .vll-ico .iconbox_icon{filter:drop-shadow(0 8px 7px rgba(15,17,21,.2))}
#top .vll-feat .vll-feat-card .vll-ico .entry-content-header{gap:18px}
#top .vll-feat .vll-feat-card .vll-ico-failover .iconbox_icon{background-image:url(vll-ico-failover.webp)}
#top .vll-feat .vll-feat-card .vll-ico-cluster .iconbox_icon{background-image:url(vll-ico-cluster.webp)}
#top .vll-feat .vll-feat-card .vll-ico-loadbal .iconbox_icon{background-image:url(vll-ico-loadbal.webp)}
#top .vll-feat .vll-feat-card .vll-ico-fec .iconbox_icon{background-image:url(vll-ico-fec.webp)}
#top .vll-feat .vll-feat-card .vll-ico-latency .iconbox_icon{background-image:url(vll-ico-latency.webp)}
#top .vll-feat .vll-feat-card .vll-ico-qos .iconbox_icon{background-image:url(vll-ico-qos.webp)}
#top .vll-feat .vll-feat-card .vll-ico-compress .iconbox_icon{background-image:url(vll-ico-compress.webp)}
#top .vll-feat .vll-feat-card .vll-ico-jumbo .iconbox_icon{background-image:url(vll-ico-jumbo.webp)}
#top .vll-feat .vll-feat-card .vll-ico-legs .iconbox_icon{background-image:url(vll-ico-legs.webp)}
#top .vll-feat .vll-feat-card .vll-ico-policy .iconbox_icon{background-image:url(vll-ico-policy.webp)}
#top .vll-feat .vll-feat-card .vll-ico-transparent .iconbox_icon{background-image:url(vll-ico-transparent.webp)}
#top .vll-feat .vll-feat-card .vll-ico-security .iconbox_icon{background-image:url(vll-ico-security.webp)}
#top .vll-feat .vll-feat-card .vll-ico-management .iconbox_icon{background-image:url(vll-ico-management.webp)}
#top .vll-feat .vll-feat-card .vll-ico-ftth .iconbox_icon{background-image:url(vll-ico-ftth.webp)}
#top .vll-feat .vll-feat-card .vll-ico-leasedline .iconbox_icon{background-image:url(vll-ico-leasedline.webp)}
#top .vll-feat .vll-feat-card .vll-ico-vdsl .iconbox_icon{background-image:url(vll-ico-vdsl.webp)}
#top .vll-feat .vll-feat-card .vll-ico-5g .iconbox_icon{background-image:url(vll-ico-5g.webp)}
#top .vll-feat .vll-feat-card .vll-ico-4g .iconbox_icon{background-image:url(vll-ico-4g.webp)}
#top .vll-feat .vll-feat-card .vll-ico-starlink .iconbox_icon{background-image:url(vll-ico-starlink-2.webp)}
#top .vll-feat .vll-feat-card .vll-ico-microwave .iconbox_icon{background-image:url(vll-ico-microwave.webp)}
#top .vll-feat .vll-feat-card .vll-ico-vsat .iconbox_icon{background-image:url(vll-ico-vsat.webp)}
#top .vll-feat .vll-feat-card .vll-ico-wifi .iconbox_icon{background-image:url(vll-ico-wifi.webp)}
@media (max-width:767px){#top .vll-feat .vll-feat-card .vll-ico .iconbox_icon{width:56px;height:56px}}

/* graphite-crimson 2026-10-26: Routing section uses the crimson bg (att 15743) as a fixed, parallax-style layer on desktop */
#top .vll-feat--graphite{background-color:#7a0d14;background-image:url(/wp-content/uploads/2026/09/combox-vll-bg-crimson.webp)!important}
html:not(.avia_mobile) #top .vll-feat--graphite{background-attachment:fixed!important}
#top .vll-feat--graphite .vll-feat-headcol .av-special-heading-tag:after{background:#fff}
#top .vll-feat--graphite .vll-feat-headcol .special_amp{color:#ffb3ab}
#top .vll-feat--graphite .flex_column.vll-feat-card{background:rgba(24,4,8,.58)!important;border-color:rgba(255,255,255,.14)!important}