:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172d40;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,footer{max-width:1160px;margin:auto;padding:32px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:750;font-size:17px}.barneo-logo{display:block;width:240px;height:auto;object-fit:contain}.network{font-size:12px;color:#526a64;background:#f2f8f5;padding:9px 13px;border:1px solid #e2eee7;border-radius:30px;display:flex;align-items:center;gap:7px}.network i{width:6px;height:6px;border-radius:50%;background:#458b68}main{max-width:740px;margin:48px auto 65px;text-align:center;padding:0 28px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:750;color:#688595}h1{font-size:32px;letter-spacing:-1.1px;font-weight:650;margin:17px 0 13px}.intro{font-size:14px;color:#74828d;line-height:1.7;margin:0}.measurement{margin-top:44px}#phase{color:#68808e;font-size:13px;min-height:18px;margin:0 0 4px}.speed{display:flex;align-items:baseline;justify-content:center;gap:13px;min-height:145px}#download{font-size:clamp(72px,12vw,124px);font-weight:650;letter-spacing:-7px;line-height:1.18;font-variant-numeric:tabular-nums}.unit{font-size:22px;font-weight:500;color:#778c99}.caption{font-size:12px;color:#778c99}.progress{width:200px;height:3px;background:#edf2f5;border-radius:3px;margin:24px auto}#bar{width:0;height:100%;background:#177b86;border-radius:3px;transition:width .2s}button{font:600 14px inherit;font-family:inherit;font-size:14px;font-weight:600;background:#173f57;color:white;border:0;border-radius:50px;min-width:180px;min-height:48px;padding:14px 25px;cursor:pointer}button span{margin-left:14px;font-size:20px}button:hover{background:#24566e}button:focus-visible,a:focus-visible{outline:3px solid #20a1b3;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}.details{display:grid;grid-template-columns:repeat(3,1fr);margin:40px auto 0;padding:23px 0;border-top:1px solid #e8eef2;border-bottom:1px solid #e8eef2;max-width:510px}.details div+div{border-left:1px solid #e8eef2}.details span{display:block;font-size:12px;color:#7d8d98;margin-bottom:10px}.details strong{font-size:24px;font-weight:550;font-variant-numeric:tabular-nums}.details b{font-weight:inherit}.details small{font-size:11px;font-weight:400;color:#82929d}.message{font-size:12px;color:#7d8d98;min-height:32px;margin:22px 0;line-height:1.7}.message.error{color:#b83b3b}.note{max-width:540px;margin:26px auto 0;display:flex;gap:12px;text-align:left;background:#f7f9fa;border-radius:12px;padding:16px 18px;color:#74828d;font-size:12px;line-height:1.8}.note>span{color:#567c8e;font-size:17px}.note p{margin:0}.note strong{font-weight:600;color:#587080}footer{border-top:1px solid #edf1f4;font-size:11px;color:#92a0aa;padding-top:24px;padding-bottom:24px}footer a{color:inherit;text-decoration:none}@media(max-width:600px){header{padding:22px}.network{font-size:10px;padding:8px 10px}main{margin-top:36px;padding:0 22px}h1{font-size:26px;line-height:1.25}.intro{font-size:13px}.measurement{margin-top:34px}.speed{min-height:116px}#download{letter-spacing:-4px}.details strong{font-size:21px}footer{padding:20px 22px;gap:20px;line-height:1.6}.note{font-size:11px}}@media(prefers-reduced-motion:reduce){#bar{transition:none}}

/* Existing BarNeo identity, with the reference site's measurement layout. */
header{max-width:none;background:#07162d;padding:18px max(28px,calc((100% - 1080px)/2));border-bottom:3px solid #398aff}.barneo-logo{width:128px;height:60px;object-fit:contain}.brand{gap:16px;color:#f2f6ff}.brand-name{font-size:24px;letter-spacing:-.6px}.brand-name small{display:block;margin-top:7px;font-size:9px;letter-spacing:2.1px;color:#b7c9e4;font-weight:500}.network{background:#132b47;border-color:#2c4563;color:#dcecff}.network i{background:#75d9ab}h1{color:#15365d}button{background:#153d6f}button:hover{background:#215893}#bar{background:#398aff}.eyebrow{color:#627f9f}footer{color:#60758d}footer a:hover{text-decoration:underline}@media(max-width:600px){header{padding:14px 20px;gap:12px}.barneo-logo{width:90px;height:48px}.brand{gap:10px}.brand-name{font-size:21px}.brand-name small{font-size:8px;letter-spacing:1.1px}.network{white-space:nowrap;font-size:10px;padding:8px}main{margin-top:30px}}@media(max-width:360px){header{padding:12px}.barneo-logo{width:72px;height:40px}.brand-name{font-size:19px}.brand-name small{font-size:7px}.network{font-size:9px}}