:root{color-scheme:dark;--bg:#091c24;--panel:#102630;--line:#2d434c;--text:#f1f5f3;--muted:#a7bbc1;--orange:#ff812b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffbb80;outline-offset:5px}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 5vw}header img{display:block}.lab{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:30px}.lab b{color:var(--orange);margin-left:10px}.back{margin-left:auto;font-size:12px;color:#c3d1d4}main{max-width:1600px;margin:auto;padding:0 5vw}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 38px;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--orange);margin:0 0 15px}.eyebrow span{display:inline-block;width:18px;height:2px;vertical-align:middle;margin-right:10px;background:var(--orange)}h1{font-size:clamp(40px,4.5vw,70px);letter-spacing:-3px;line-height:1.04;margin:0}h1 em{font-style:normal;color:var(--orange)}.intro-copy{padding-bottom:4px;max-width:400px}.intro-copy p{color:#bdcdd0;font-size:16px;line-height:1.7;margin:0 0 18px}.demo-label{font-size:10px;letter-spacing:.3px;border:1px solid #40565d;border-radius:4px;padding:7px 10px;color:#c4d0d1}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.settings{padding:25px 23px;border-right:1px solid var(--line);background:#10232d}.panel-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:10px;letter-spacing:1px;color:#a7bcc2}.text-button{background:none;border:0;color:#b3c5ca;font-size:11px;padding:5px}.count-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ccdadc}.count-label output{font-size:34px;letter-spacing:-1px;color:#fff;font-weight:700}input[type=range]{width:100%;accent-color:var(--orange);margin:15px 0 8px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#93aab1}.expand{width:100%;margin:19px 0 27px;background:#1c343e;border:1px solid #36515a;border-radius:5px;color:#dfebed;padding:11px 8px;font-size:11px}fieldset{padding:0;margin:0 0 25px;border:0}legend{font-size:12px;font-weight:700;margin-bottom:13px}.segmented{display:flex;background:#081c25;padding:4px;border-radius:5px}.segmented label{flex:1;text-align:center;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{display:block;padding:9px 2px;font-size:11px;border-radius:3px}.segmented input:checked+span{background:#36505a;color:white}.segmented input:focus-visible+span{outline:2px solid var(--orange)}.services label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:17px 0;cursor:pointer}.services b{display:block;font-size:12px;font-weight:400}.services small{display:block;color:#89a5ae;font-size:10px;margin-top:5px}.services input{appearance:none;position:relative;width:32px;height:19px;background:#425861;border-radius:12px;cursor:pointer;flex-shrink:0;margin:0}.services input:before{content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#d8e0e1;transition:transform .2s}.services input:checked{background:var(--orange)}.services input:checked:before{transform:translateX(13px);background:#081c25}.plan-note{border-left:2px solid var(--orange);padding:0 0 0 12px;margin:28px 0}.plan-note>span{color:var(--orange);font-size:9px;letter-spacing:1px}.plan-note p{font-size:11px;line-height:1.7;color:#b4c7ce;margin:8px 0 0}.outline{display:flex;justify-content:space-between;width:100%;background:none;color:#dce8e9;border:1px solid #58717b;padding:12px;border-radius:4px;font-size:12px}.map-panel{min-width:0;background:#0c242c}.map-top{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;gap:10px}.map-top b{font-size:12px}.map-top small{display:block;padding-left:14px;font-size:10px;color:#8ca8ae;margin-top:6px}.map-top>span{font-size:10px;color:#b8cdd0;border:1px solid #355259;padding:7px 9px;border-radius:4px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff8b3b;margin-right:8px}.map-scroll{overflow-x:auto}#park{display:block;width:100%;min-width:580px}.map-node{cursor:pointer;outline:none}.map-node:hover{filter:brightness(1.3)}.map-node:focus-visible{filter:drop-shadow(0 0 5px #ff812b)}.house-active .halo{stroke:#ff9b53;stroke-width:2}.halo{fill:#102d2e;stroke:#3f6560}.fibre{fill:none;stroke:#de772f;stroke-width:2;opacity:.55}.selected-fibre{opacity:1;stroke:#ffa154;stroke-width:3}.pulse{fill:none;stroke:#fff1c4;stroke-width:4;stroke-dasharray:9 24;animation:flow 1s linear infinite;pointer-events:none}.pulse-glow{filter:url(#glow);stroke-width:10;opacity:.8}.wifi-waves{fill:none;stroke:#89c9ba;stroke-width:1.5}.tv-light{fill:#99cbbb}.map-bottom{display:flex;justify-content:space-between;gap:16px;padding:8px 25px 20px;font-size:9px;color:#91aeb5}.map-bottom>div{display:flex;align-items:center;gap:8px}.legend-line{width:20px;height:2px;background:var(--orange)}.legend-house{width:7px;height:7px;border:1px solid #c3aa81;margin-left:12px;transform:rotate(45deg)}.journey{border-top:1px solid var(--line);padding:23px 25px;background:#102730}.journey-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.journey .eyebrow{font-size:9px;margin-bottom:9px}#journey-status{margin:0;color:#d9e5e6;font-size:12px;min-height:30px;max-width:350px;line-height:1.5}.primary{border:0;border-radius:5px;background:var(--orange);color:#091c24;font-weight:700;padding:14px 19px;white-space:nowrap;font-size:12px;display:inline-block}.primary:hover{background:#ffa15c}.steps{list-style:none;display:flex;justify-content:space-between;gap:8px;padding:0;margin:23px 0 0}.steps li{color:#8fa9b0;font-size:10px;flex:1;border-top:2px solid #36525b;padding-top:10px}.steps b{margin-right:8px;font-weight:400;color:#627f89}.steps li.active{border-color:var(--orange);color:#fff}.steps li.active b{color:var(--orange)}.detail{display:grid;grid-template-columns:210px minmax(0,1fr) 240px;gap:33px;margin:28px 0 45px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#0c202a}.detail-photo{position:relative;min-height:190px;overflow:hidden;border-radius:5px}.detail-photo img{height:210px;width:100%;object-fit:cover;display:block}.detail-photo>span{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#071d27dc;color:#e3eeed;font-size:8px;letter-spacing:1px}.detail-copy{align-self:center}.detail-copy h2{font-size:26px;line-height:1.2;letter-spacing:-.8px;margin:0 0 12px}.detail-copy>p:not(.eyebrow){font-size:13px;color:#a9bfc6;line-height:1.8;margin:0;max-width:620px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.tags span{font-size:9px;padding:6px 9px;border:1px solid #37515a;border-radius:3px;color:#c7d9dc}.detail-aside{border-left:1px solid var(--line);padding-left:27px;align-self:center}.detail-aside>span{font-size:8px;color:var(--orange);letter-spacing:1px}.detail-aside p{font-size:18px;line-height:1.5;margin:13px 0}.detail-aside small{font-size:10px;line-height:1.8;color:#90acb5;display:block}footer{display:flex;justify-content:space-between;color:#78969f;font-size:9px;letter-spacing:1px;padding-bottom:30px}dialog{width:min(500px,92vw);background:#102630;color:white;border:1px solid #58717b;border-radius:12px;padding:33px}dialog::backdrop{background:#03121cde}dialog h2{font-size:28px;letter-spacing:-1px}#close-summary{position:absolute;right:15px;top:10px;background:none;color:white;border:0;font-size:28px;width:40px;height:40px}#summary-content p{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #35505b;padding-bottom:14px;line-height:1.5}#summary-content b{text-align:right;font-weight:500;color:#ffad73}.summary-note{font-size:12px;line-height:1.7;color:#b2c6cd;margin:24px 0}dialog .primary{white-space:normal}@keyframes flow{to{stroke-dashoffset:-66}}@media(min-width:1600px){main{padding:0 60px}}@media(max-width:1100px){.workspace{grid-template-columns:250px 1fr}.settings{padding:20px 18px}.detail{grid-template-columns:170px 1fr}.detail-aside{display:none}.intro-copy p{font-size:14px}.map-bottom{flex-direction:column;gap:9px}.journey-heading{align-items:start;flex-direction:column}.journey-heading .primary{align-self:stretch}.intro{padding-top:35px}h1{font-size:50px}}@media(max-width:720px){header{height:76px;padding:0 20px;gap:15px}header img{width:130px}.lab{font-size:8px;padding-left:15px;letter-spacing:1px}.back{font-size:0}.back:after{content:'↗';font-size:22px}main{padding:0 16px}.intro{display:block;padding:28px 4px}h1{font-size:46px;letter-spacing:-2px}.intro-copy{margin-top:22px}.intro-copy p{font-size:13px;margin-bottom:16px}.workspace{display:flex;flex-direction:column}.settings{border-right:0;border-bottom:1px solid var(--line);padding:23px}.panel-label{margin-bottom:12px}.services label{margin:13px 0}.settings fieldset{margin-bottom:18px}.expand{margin-bottom:20px}.plan-note{margin:20px 0}.map-top{padding:19px 16px}.map-top>span{font-size:9px}.map-bottom{padding:15px 16px}.map-scroll{position:relative}#park{min-width:580px;max-height:none}.journey{padding:20px 16px}.journey-heading{flex-direction:column;align-items:stretch}.detail{grid-template-columns:1fr;padding:16px;gap:22px}.detail-photo img{height:210px;object-position:center 40%}.detail-copy h2{font-size:24px}.detail .eyebrow{font-size:9px}.detail-copy{padding-bottom:7px}footer{line-height:1.8;gap:12px;flex-direction:column}.services{display:grid;grid-template-columns:1fr}.demo-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

.materials{margin-top:40px;padding:32px;border:1px solid #29454d;border-radius:16px;background:#102630}.materials-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.materials h2{font-size:32px;margin:10px 0}.materials p{color:#b3c7cd;line-height:1.65}.export-actions{display:flex;gap:12px;flex-shrink:0}.bom-note{padding:16px;border-left:3px solid #ff812b;background:#0a1f28}.bom-scroll{overflow-x:auto}.materials table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.materials th{color:#ff9b55;padding:16px 12px;border-bottom:1px solid #49616a}.materials td{padding:17px 12px;border-bottom:1px solid #29454d;line-height:1.5;vertical-align:top}.materials td:first-child{font-weight:600;width:30%}.materials td:nth-child(2){white-space:nowrap;color:#ffac70}.materials td:last-child{color:#b3c7cd}.bom-bottom small{color:#a9c1c9;line-height:1.6;display:block}.bom-bottom a{color:#ffac70}@media(max-width:720px){.materials{padding:20px 16px}.materials-heading{display:block}.export-actions{flex-wrap:wrap;margin:20px 0}.materials table{min-width:580px}.materials h2{font-size:27px}}@media print{@page{margin:15mm}body{background:white!important;color:#152731!important}body>header,.intro,.workspace,.detail,footer,dialog,.export-actions{display:none!important}main{max-width:none!important;padding:0!important}.materials{margin:0;padding:0;border:0;background:white}.materials *{color:#152731!important}.materials h2{font-size:24px}.materials table{min-width:0;font-size:10px}.materials td,.materials th{padding:8px 5px}.materials tr{break-inside:avoid}.bom-note{background:white}.bom-scroll{overflow:visible}.materials-heading{display:block}.materials .eyebrow:before{content:'GPON.nl / '}}