/* GPON.nl — Next Level Connectiviteit. Shared brand and responsive 3.0 layout. */
:root{--gpon-deep:#06141f;--gpon-panel:#0c1e2a;--gpon-border:#243744;--gpon-accent:#ff781c;--gpon-muted:#b2c2cd}
.gpon-v3{--orange:#ff781c;--orange-ink:#a84200}
.gpon-v3 .container{width:min(1410px,92%)}
.gpon-v3 .utility-bar{display:none}
.gpon-v3 .header{height:84px;background:#07151ff5;color:#fff;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}
.gpon-v3 .header-inner{gap:25px}.brand-logo{width:180px;height:48px;display:block}.gpon-v3 .desktop-nav{margin-left:auto;gap:24px}.gpon-v3 .desktop-nav a{font-size:13px;color:#edf3f6}.gpon-v3 .desktop-nav a:hover,.gpon-v3 .desktop-nav a[aria-current=page]{color:var(--orange)}
.gpon-v3 .header-cta{font-size:13px;min-height:42px;padding:12px 19px;color:#07151f}.gpon-v3 .request-counter{font-size:0;color:white}.gpon-v3 .request-counter span{font-size:13px;background:#1a2d38;color:white}.gpon-v3 .menu-toggle span{background:white}.gpon-v3 .mobile-nav{background:#0a1c28;color:white;border-color:#273c49}.gpon-v3 .mobile-nav a{color:white;border-color:#273c49}.gpon-v3 .button{background:var(--orange);color:#07151f;font-weight:750;border-radius:5px;transition:background .18s,transform .18s}.gpon-v3 .button:hover{background:#ff974e;transform:translateY(-2px)}
.next-home{background:var(--gpon-deep);color:#f5f8fa}.next-home h1,.next-home h2,.next-home h3{color:#f5f8fa}.next-home .eyebrow{color:var(--orange)}.next-home .section{padding:72px 0}.next-home .section-description,.next-home .intro{color:var(--gpon-muted)}
.nl-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--gpon-deep)}.nl-hero-photo{position:absolute;inset:0 0 0 auto;width:63%;height:100%;object-fit:cover;object-position:center 44%;z-index:-2}.nl-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06141f 23%,#06141ff0 35%,#06141f55 54%,transparent 72%),linear-gradient(0deg,#06141f,transparent 38%)}
.nl-hero-content{padding-top:64px;padding-bottom:54px;min-height:560px}.nl-hero-content .eyebrow{font-size:12px;line-height:1.65;max-width:420px;letter-spacing:.09em;margin:0 0 20px}.nl-hero h1{font-size:clamp(3.2rem,5.1vw,5.1rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:0 0 23px}.nl-hero h1 em{color:var(--orange);display:block;font-style:normal}.nl-hero-intro{font-size:18px;line-height:1.65;max-width:450px;color:#d8e1e7;margin:0 0 27px}.nl-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nl-outline{display:inline-flex;padding:13px 24px;align-items:center;justify-content:center;gap:15px;min-height:52px;border:1px solid #a5b6c2;border-radius:5px;font-size:14px;font-weight:650;color:white}.nl-outline:hover{border-color:var(--orange);color:var(--orange)}.nl-actions .button{gap:25px}.nl-arrow{display:inline-block;font-size:21px;line-height:1}
.nl-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 0 28px}.nl-benefits>div{display:flex;align-items:center;gap:14px;font-size:13px;line-height:1.5}.nl-benefits .icon{width:42px;height:42px;color:var(--orange);padding:9px;border:1px solid var(--orange);border-radius:50%;flex:none}
.nl-services{padding:12px 0 35px}.nl-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.nl-service{border:1px solid var(--gpon-border);background:#091a25;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.nl-service:hover{transform:translateY(-4px);border-color:#c75a18}.nl-service>img{width:100%;height:150px;object-fit:cover;display:block}.nl-service:nth-child(3)>img{object-position:50% 30%}.nl-service>div{padding:18px;position:relative}.nl-service h2{font-size:17px!important;line-height:1.4;letter-spacing:-.02em!important;margin:0 30px 8px 0}.nl-service p{font-size:14px;line-height:1.6;margin:0;color:var(--gpon-muted);max-width:260px}.nl-service .nl-circle{position:absolute;right:16px;top:19px}.nl-circle{width:29px;height:29px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:20px}
.nl-work{border-block:1px solid var(--gpon-border);padding:34px 0 40px}.nl-work-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:35px}.nl-block-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.nl-block-heading h2{font-size:23px!important;margin:0 0 6px;letter-spacing:-.03em!important}.nl-block-heading p{font-size:14px;margin:0;color:var(--gpon-muted)}.nl-block-heading h2:before{content:'';display:inline-block;width:27px;height:3px;background:var(--orange);vertical-align:middle;margin-right:10px}.nl-mini-link{font-size:12px;white-space:nowrap;border:1px solid #ff781c99;padding:8px 12px;border-radius:4px}
.nl-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.nl-project{display:flex;flex-direction:column;min-width:0;border:1px solid var(--gpon-border);border-radius:7px;overflow:hidden;background:#0a1c28;transition:border-color .2s}.nl-project:hover{border-color:var(--orange)}.nl-project-photo{height:113px;width:100%;object-fit:cover;object-position:center 35%}.nl-project-graphic{height:113px;background:repeating-linear-gradient(135deg,transparent 0 25px,#ffffff05 25px 26px),#122a34;display:flex;align-items:center;justify-content:center;gap:13px;color:#ff944b}.nl-project-graphic .icon{width:41px;height:41px;stroke-width:1}.nl-project-graphic b{font:700 38px var(--heading)}.nl-project>div:last-child{padding:14px;flex:1;display:flex;flex-direction:column}.nl-project h3{font-size:16px;margin:0 0 7px;letter-spacing:-.03em}.nl-project p{color:var(--gpon-muted);font-size:12px;line-height:1.65;margin-bottom:15px}.nl-project-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d6e0e7}.nl-project-foot strong{font-size:21px;color:white;display:block;line-height:1.1}
.nl-control{min-width:0;border-left:1px solid var(--gpon-border);padding-left:32px}.nl-control-body{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:18px}.nl-control ul{list-style:none;margin:0 0 20px;padding:0;font-size:13px}.nl-control li{margin:0 0 13px;padding-left:23px;position:relative}.nl-control li:before{content:'✓';position:absolute;left:0;color:var(--orange)}.nl-control .button{min-height:42px;padding:10px 18px;font-size:13px}.nl-demo-shot{display:block;border:1px solid var(--gpon-border);background:#0c1e2a;border-radius:7px;overflow:hidden}.nl-demo-shot img{width:100%;height:190px;object-fit:cover;object-position:left top}.nl-demo-shot span{display:block;font-size:10px;color:#ffb781;padding:8px 10px;border-top:1px solid var(--gpon-border)}.nl-customer-link{font-size:12px;color:#d4e3ed;display:inline-block;margin-top:15px;text-decoration:underline;text-underline-offset:4px}
.next-home .clients-section{background:#fff;color:#172a35;padding:31px 0}.next-home .clients-section h2{color:#172a35;font-size:21px}.next-home .clients-heading .eyebrow{color:#687b87}.next-home .clients-heading h2{font-size:21px}.next-home .client-group a{height:113px}.next-home .client-group img{height:48px}.next-home .client-group>li{width:200px}
.next-home .solutions{background:#0a1c28}.next-home .solution-grid{border-color:var(--gpon-border)}.next-home .solution-card{border-color:var(--gpon-border)}.next-home .solution-card>p,.next-home .service-detail p{color:var(--gpon-muted)}.next-home .service-detail{border-color:var(--gpon-border)}.next-home .service-detail>a{color:#ff994f}.next-home .icon-tile{background:#ff781c15;color:var(--orange)}.next-home .check-list .icon{color:var(--orange)}.next-home .audiences{border-color:var(--gpon-border);color:#e4edf3}.next-home .audiences>span{color:var(--gpon-muted)}
.next-home .case3{background:#06141f}.next-home .case3-copy>p{color:var(--gpon-muted)}.next-home .case3-copy h2 em{color:var(--orange)}.next-home .case3-topics{border-color:var(--gpon-border)}.next-home .case3-topics span{background:#142834;color:#dae6ed;border-color:#344752}.next-home .case3-image{max-height:480px}.next-home .case3-layout{gap:60px}
.next-home .route-guide{background:#0c202c}.next-home .route-button{background:#102936;color:#d6e2ea;border-color:#314752}.next-home .route-button[aria-pressed=true]{background:#ff781c;color:#06141f}.next-home .guide-result{background:#061722;border-color:#344754}.next-home .guide-result p{color:var(--gpon-muted)}.next-home .guide-label{color:var(--orange)}.next-home .guide-result .text-link{color:#f0f5f7}
.next-home .shop3{background:#071722}.next-home .shop3-layout>div>p{color:var(--gpon-muted)}.next-home .shop3-categories>a{border-color:#32434f;background:#10242f;color:white}.next-home .shop3-categories small{color:var(--gpon-muted)}.next-home .shop3-categories span{color:#ff994f}
.next-home .project-process{background:#0d202c}.next-home .journey{border-color:var(--gpon-border)}.next-home .journey li{border-color:var(--gpon-border)}.next-home .journey p{color:var(--gpon-muted)}.next-home .home-questions{background:#081722}.next-home .faq-list details{border-color:#30424e}.next-home .faq-list details p{color:var(--gpon-muted)}.next-home .personal{background:#10232d}.next-home .personal .intro,.next-home .personal p{color:#c6d3db}.next-home .contact{background:#06141f}.next-home .contact-form-wrap{color:#172a35}.next-home .contact-form-wrap h3{color:#172a35}.next-home .contact-copy>p{color:var(--gpon-muted)}.next-home .contact-copy h2{color:#fff}.next-home .contact-line{color:#fff}.gpon-v3 .footer{background:#041019;color:#bed0db}.gpon-v3 .footer .brand-logo{width:180px}
.project-feature{background:var(--gpon-deep);color:white;padding:65px 0 70px}.project-feature .eyebrow{color:var(--orange)}.project-feature h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.045em;max-width:900px;margin:20px 0}.project-feature h1 em{color:var(--orange)}.project-feature p{color:#bdcdd8;max-width:660px;font-size:18px}.project-feature .breadcrumb{font-size:13px;color:#bdcdd8}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #2b414f;margin-top:35px}.project-facts>div{padding:22px 24px 22px 0}.project-facts strong{display:block;font:700 24px var(--heading);color:#ff9145}.project-facts span{font-size:13px;color:#c6d3dc}.project-story{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:start}.project-story p{line-height:1.9}.project-story aside{background:#edf2f4;padding:30px;border-radius:8px}.project-story h2{font-size:30px!important}.project-story h3{font-size:20px}.project-story .story-diagram{display:grid;gap:12px}.story-diagram>div{padding:14px 18px;background:white;border:1px solid #cad6dd;border-left:3px solid #ff781c;border-radius:4px}.story-diagram small{display:block;color:#5b6e7a}.project-other{display:flex;gap:20px;flex-wrap:wrap;margin-top:40px}.project-other a{padding:16px 20px;border:1px solid #bdcbd4;border-radius:5px}.project-other a:hover{border-color:var(--orange)}
.gpon-v3 :focus-visible{outline:3px solid #ff974e;outline-offset:5px}.nl-reveal{animation:nl-enter .6s ease both}@keyframes nl-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1250px){.gpon-v3 .desktop-nav{display:flex}.gpon-v3 .menu-toggle{display:none}}
@media(max-width:1249px){.gpon-v3 .desktop-nav{display:none}.gpon-v3 .menu-toggle{display:block}.gpon-v3 .request-counter{margin-left:auto}.gpon-v3 .header-cta{margin-left:0}.nl-hero h1{font-size:clamp(3rem,5.6vw,4.6rem)}.nl-hero-photo{width:64%}.nl-hero-content{min-height:515px}.nl-work-grid{grid-template-columns:1fr}.nl-control{border-left:0;padding-left:0;border-top:1px solid var(--gpon-border);padding-top:30px}.nl-control-body{grid-template-columns:1fr 1.4fr}.nl-demo-shot img{height:210px}.nl-services-grid{gap:12px}.nl-service>div{padding:15px}.nl-service p{font-size:13px}.nl-service h2{font-size:15px!important}.nl-benefits{gap:15px}}
@media(max-width:760px){.gpon-v3 .header{height:72px}.gpon-v3 .header-inner{gap:15px}.brand-logo{width:140px;height:40px}.gpon-v3 .header-cta{min-height:38px;padding:9px 12px;font-size:12px}.gpon-v3 .menu-toggle{width:37px;margin-right:0}.gpon-v3 .container{width:90%}.next-home .section{padding:54px 0}.nl-hero-photo{position:relative;width:100%;height:320px;object-position:50% 38%;z-index:0;display:block;order:2;mask-image:linear-gradient(0deg,#000 75%,transparent)}.nl-hero{display:flex;flex-direction:column}.nl-hero:after{display:none}.nl-hero-content{order:1;padding:37px 0 20px;min-height:0}.nl-hero h1{font-size:clamp(2.3rem,8.7vw,4rem);letter-spacing:-.05em}.nl-hero-content .eyebrow{font-size:10px;margin-bottom:18px}.nl-hero-intro{font-size:16px;line-height:1.65;max-width:440px}.nl-hero .nl-actions{gap:10px}.nl-hero .button,.nl-hero .nl-outline{font-size:13px;padding:12px 16px;min-height:46px}.nl-benefits{grid-template-columns:1fr 1fr;padding:25px 0 14px;gap:18px}.nl-benefits>div{font-size:11px;gap:10px}.nl-benefits .icon{height:36px;width:36px;padding:8px}.nl-services{padding:12px 0 30px}.nl-services-grid{grid-template-columns:1fr 1fr;gap:12px}.nl-service>img{height:110px}.nl-service>div{padding:14px}.nl-service h2{font-size:15px!important;margin-right:0}.nl-service .nl-circle{display:none}.nl-service p{font-size:12px}.nl-work{padding:28px 0}.nl-block-heading h2{font-size:20px!important}.nl-projects{grid-template-columns:1fr}.nl-project{display:grid;grid-template-columns:110px 1fr}.nl-project-photo,.nl-project-graphic{height:100%;min-height:160px}.nl-project>div:last-child{padding:17px}.nl-project h3{font-size:18px}.nl-project-foot{align-items:end}.nl-project-foot strong{display:inline;margin-right:5px}.nl-control-body{grid-template-columns:1fr}.nl-demo-shot img{height:auto}.nl-control ul{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.next-home .clients-heading>div:first-child{display:block}.next-home .clients-heading h2{margin-top:5px}.next-home .clients-heading .eyebrow{font-size:10px}.next-home .client-controls>.text-link{display:none}.next-home .case3-layout{gap:30px}.next-home .case3-image{max-height:430px}.project-feature{padding:35px 0 40px}.project-facts{grid-template-columns:1fr}.project-facts>div+div{border-top:1px solid #2b414f}.project-facts>div{padding:15px 0}.project-facts strong{font-size:21px}.project-story{grid-template-columns:1fr;gap:30px}.project-feature p{font-size:16px}}
.next-home .contact-copy{background:#102632;color:#f2f6f9}.next-home .contact-copy>p,.next-home .contact-copy .address{color:#c4d3dd}.next-home .contact-copy a,.next-home .contact-copy h2{color:#f6f9fb}.next-home .contact-copy a small{color:#adbfcc}.next-home .contact-form-wrap{background:#f5f8fa;color:#172a35}.next-home .contact-form-wrap h3{color:#172a35}.next-home .contact-form-wrap>p,.next-home .contact-form-wrap .form-note{color:#536873}.next-home .contact-form-wrap label{color:#223945}.next-home .contact-form-wrap .form-status{overflow-wrap:anywhere}.next-home .contact-grid{border-color:#2d4351}
@media(min-width:761px) and (max-width:1000px){.nl-services-grid{grid-template-columns:1fr 1fr}.nl-service>img{height:155px}.nl-service h2{font-size:17px!important}.nl-benefits{gap:13px}.nl-benefits>div{font-size:11px;gap:9px}.nl-hero:after{background:linear-gradient(90deg,#06141f 15%,#06141fe0 35%,#06141f55 70%,transparent),linear-gradient(0deg,#06141f,transparent 45%)}}
.gpon-v3 .request-counter{display:inline-flex;gap:7px;align-items:center}.cart-icon{width:20px;height:20px;flex:none}.next-home .journey li>span{color:#ff944b}.next-home .personal .text-link{color:#f1f6fa}.next-home .contact-options>a{border-color:#3c5361}.next-home .contact-options>a>.icon{color:#ff9146}.next-home .faq-list summary::after{color:#ff9146}
@media(max-width:420px){.gpon-v3 .header-inner{gap:10px}.brand-logo{width:130px}.cart-icon{width:16px}.gpon-v3 .request-counter{gap:4px}}
@media(prefers-reduced-motion:reduce){.nl-reveal{animation:none}.gpon-v3 *{scroll-behavior:auto!important;transition:none!important}}