
:root{color-scheme:dark;--green:#9cf875;--bg:#09151c;--muted:#a4b4ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 "Segoe UI Variable","Segoe UI",Arial,sans-serif;color:#f4f8f5;background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:32px;line-height:1.2}h3{font-size:18px}p{line-height:1.6}[hidden]{display:none!important}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:none;box-shadow:0 0 0 3px #9cf87588;border-radius:8px}svg{display:block}.brand{font-size:28px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.brand span{color:var(--green)}
.topline{display:flex;justify-content:center;align-items:center;gap:10px;padding:9px 20px;flex-wrap:wrap;font-size:13px;min-height:45px}.topline a{text-decoration:underline;text-underline-offset:4px}.connection-icon{display:inline-flex}.connection-icon svg{width:18px;height:18px}.topline.protected{color:#82e8a2}.topline.unprotected{color:#ff996c}.head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:30}.head nav{display:flex;align-items:center;gap:24px}.head nav>a,.head summary{font-weight:600;font-size:14px;white-space:nowrap;transition:color .18s}.head nav>a:hover,.head nav>a[aria-current=page],.head .resources[open]>summary{color:var(--green)}.actions{display:flex;align-items:center;gap:9px}.cta,.outline,.login{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;min-height:46px;border:1px solid #38535f;border-radius:9px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s,border-color .18s}.cta{background:var(--green);color:#172618;border-color:var(--green)}.cta:hover{background:#b3ff92;border-color:#b3ff92}.outline{background:#203741;color:#e0ebed}.outline:hover{background:#2b4650;border-color:#759788}.login{background:#edf4f1;border-color:#edf4f1;color:#182b30}
.resources,.language{position:relative}.resources summary,.language summary{list-style:none;display:flex;align-items:center;gap:7px;border-radius:8px}.resources summary::-webkit-details-marker,.language summary::-webkit-details-marker{display:none}.resources summary:after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .22s,margin .22s}.resources[open] summary:after{transform:rotate(225deg);margin-top:3px}.resource-menu{position:absolute;left:0;top:38px;min-width:230px;padding:7px;background:#142932;border:1px solid #3b5860;border-radius:12px;box-shadow:0 18px 45px #0008;z-index:40}.resource-menu a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:7px;font-size:13px;white-space:nowrap;color:#dae6e8}.resource-menu a:hover{background:#29433e;color:var(--green)}.resource-menu span{width:20px;height:20px;display:grid;place-items:center}.resource-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language summary{width:36px;height:36px;display:grid;place-items:center;border-radius:9px}.language summary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.language summary>span{display:none}.language-menu{position:absolute;right:0;top:45px;width:100px;padding:6px;background:#152a34;border:1px solid #3a5560;border-radius:9px;box-shadow:0 14px 35px #0008}.language-menu button{display:block;width:100%;border:0;border-radius:6px;background:none;text-align:left;padding:10px;font-size:13px}.language-menu button.selected{background:#2b4542;color:var(--green)}
main{display:block}main>section{margin-inline:auto}.hero{display:grid;align-items:center}.hero-copy{min-width:0}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.device-grid,.feature-grid,.price-grid{display:grid}.device-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #29414b;min-width:0}.device-card .platform-icon svg{fill:none;stroke:currentColor;stroke-width:1.7}.feature-grid article{border:1px solid #29414b}.price-card{position:relative;display:flex;flex-direction:column;border:1px solid #29414b;min-width:0}.price-card.featured .price-title{padding-right:57px}.eyebrow{display:inline-block;color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.2px}.prices-page{width:min(1420px,calc(100% - 56px));margin:auto}.prices-page>section{width:100%}.prices-intro{padding:60px 0 35px!important;text-align:center}.prices-intro h1{font-size:54px;line-height:1.1;margin:15px 0 20px;letter-spacing:-1.6px!important}.prices-intro p{color:#b4c6cd;font-size:17px;max-width:690px;margin:auto}.prices-page>.price-grid{margin:5px 0 0}.site-footer{width:min(1420px,calc(100% - 56px));margin:40px auto 0;padding:30px 0 25px;border-top:1px solid #273d47}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.footer-actions{display:flex;gap:10px}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.footer-links>div{display:flex;flex-direction:column;gap:11px}.footer-links a{font-size:12px;color:#9eb1bc;transition:color .18s}.footer-links a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #273d47;margin-top:35px;padding-top:23px;color:#88a1b0;font-size:12px}.footer-social{width:30px;height:30px;display:grid;place-items:center;background:#e8f0eb;color:#152b25;border-radius:50%}.footer-social svg{width:17px;height:17px}
@media(max-width:1000px){.head{gap:12px}.hero-copy{max-width:740px}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){main>section,.prices-page{width:calc(100% - 32px)!important}.head{gap:9px}.hero-art{overflow:clip!important}.head .resources .resource-menu{position:static;margin-top:7px;width:100%;box-shadow:none;border:0;background:#0f2029}.resource-menu a{font-size:13px}.prices-intro h1{font-size:38px}.prices-intro p{font-size:15px}.footer-top{align-items:flex-start;flex-direction:column}.footer-actions{width:100%}.footer-actions a{flex:1;padding:10px 8px;font-size:12px;min-height:40px}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px 15px}.site-footer{margin-top:30px}.footer-bottom{font-size:11px}.topline #connection-place{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* Reference redesign: deep blue-green panels, controlled neon accent, compact rhythm. */
.reference-site{--bg:#09151c;--ink:#f4f8f5;--panel:#11222b;--panel2:#172b34;--line:#29434e;--muted:#a4b4ba;--green:#9cf875;--green2:#55d67b;background:radial-gradient(900px 500px at 73% 16%,#15392c 0%,transparent 64%),linear-gradient(180deg,#0c1820,#09141a 75%);color:var(--ink)}
.reference-site:before{background:linear-gradient(#84f37308 1px,transparent 1px),linear-gradient(90deg,#84f37308 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 80%)}
.reference-site .topline{min-height:48px;background:#0e191f;border-bottom:1px solid #20333d;color:#b8c7ca;font-size:14px}.reference-site .topline .connection-icon{color:var(--green)}
.reference-site .head{width:min(1420px,calc(100% - 56px));min-height:76px;margin:10px auto 0;padding:0 24px;border:1px solid #294853;border-radius:17px;background:#10222aee;box-shadow:0 16px 45px #0005,inset 0 1px #b8ff9720}.reference-site .head:after{content:"";position:absolute;inset:auto 20px 0;height:1px;background:linear-gradient(90deg,transparent,#9cf8757a,transparent)}
.reference-site .head .brand{font-size:26px}.reference-site .head nav{gap:27px;font-size:14px}.reference-site .head nav>a,.reference-site .head nav>details>summary{font-size:14px}.reference-site .head .actions{gap:9px}.reference-site .head .actions>a{min-height:42px;border-radius:10px;padding:9px 16px;font-size:13px}.reference-site .head .actions .cta{box-shadow:0 0 22px #9cf87528}.reference-site .language summary{background:#1a2b33;border:1px solid #38515b}
.reference-site main>section{width:min(1420px,calc(100% - 56px));}.reference-site h1,.reference-site h2,.reference-site h3,.reference-site p{letter-spacing:normal}.reference-site .hero{min-height:650px;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:12px;padding:66px 0 75px;border:0}.reference-site .hero-copy{padding-left:20px}.reference-site .service-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#172b31;border:1px solid #2b4750;color:#ccdcdb;font-size:13px}.reference-site .service-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #9cf8751f}.reference-site .hero h1{font-size:clamp(44px,4.5vw,64px);line-height:1.04;max-width:640px;margin:27px 0 24px;letter-spacing:-2.7px}.reference-site .hero h1 span,.reference-site .prices-intro h1 span{color:var(--green)}.reference-site .hero-copy>p{max-width:500px;color:#d4e0df;font-size:18px;line-height:1.5}.reference-site .hero-buttons{margin-top:28px}.reference-site .hero-buttons a{min-height:48px;border-radius:9px;font-size:14px;padding:11px 17px;gap:10px}.reference-site .hero-buttons svg,.reference-site .outline svg,.reference-site .cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reference-site .hero-buttons .cta>svg:first-child{fill:none}.reference-site .hero-benefits{display:flex;gap:23px;margin-top:40px}.reference-site .hero-benefits>span{display:flex;align-items:center;gap:7px;color:#d5e1dc;font-size:12px;line-height:1.25}.reference-site .hero-benefits svg{width:22px;height:22px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reference-site .hero-benefits>span:first-child svg{fill:none}
.reference-site .hero-art{height:540px;min-width:0;position:relative;overflow:visible;isolation:isolate}.reference-site .network-globe{position:absolute;right:2%;top:25px;width:600px;height:600px;opacity:.78;z-index:-2;filter:drop-shadow(0 0 28px #64ed8e22)}.network-orbit{position:absolute;border:1px solid #65e88a44;border-radius:50%;transform:rotate(-20deg);z-index:-1}.orbit-one{width:445px;height:175px;right:11%;top:94px}.orbit-two{width:520px;height:220px;right:3%;top:170px;transform:rotate(35deg);border-color:#3fa77942}.orbit-three{width:360px;height:120px;right:20%;top:245px;transform:rotate(70deg);border-color:#8ffb7259}.reference-site .product-window{position:absolute;background:#101e25eF;border:1px solid #3a545e;border-radius:14px;box-shadow:0 24px 44px #0009,inset 0 1px #e1fff329;backdrop-filter:blur(7px)}.reference-site .connect-window{width:268px;height:432px;left:10%;top:45px;z-index:3;padding:15px}.reference-site .location-window{width:278px;height:374px;right:3%;top:112px;z-index:4;padding:13px}.reference-site .window-top{display:flex;align-items:center;justify-content:space-between;color:#e9f4ed;font-size:15px;margin-bottom:13px}.reference-site .window-top .brand{font-size:18px}.reference-site .window-top .brand span{color:var(--green)}.reference-site .best-location,.reference-site .demo-location{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;border:1px solid #2b4650;background:#182a31}.reference-site .best-location{border-color:#456650;background:linear-gradient(110deg,#1b302b,#17272e)}.reference-site .best-location>div,.reference-site .demo-location>div{min-width:0;flex:1}.reference-site .best-location b,.reference-site .demo-location b{display:block;font-size:13px}.reference-site .best-location small,.reference-site .demo-location small{display:block;color:#98aeb1;font-size:10px;margin-top:2px}.reference-site .app-f{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#17341e;color:var(--green);font-weight:900;font-size:22px;font-style:italic}.reference-site .signal{color:#5ce89b;font-weight:800;font-size:12px;letter-spacing:-3px;white-space:nowrap}.reference-site .location-search{height:30px;margin-bottom:8px;border-radius:8px;background:#13232a;color:#789198;font-size:10px;padding:7px}.reference-site .demo-location{margin-top:8px;padding:10px}.reference-site .flag{display:block;width:25px;height:18px;border-radius:3px;background:#c72e3b;position:relative;overflow:hidden}.reference-site .flag.nl{background:linear-gradient(#ae2f3c 0 33%,#f4f4ef 33% 66%,#244f9f 66%)}.reference-site .flag.de{background:linear-gradient(#1d1d1d 0 33%,#b32a30 33% 66%,#e6bd42 66%)}.reference-site .power-ring{margin:28px auto 13px;width:148px;height:148px;padding:9px;border-radius:50%;background:conic-gradient(var(--green),#26865d,var(--green));box-shadow:0 0 35px #72ef8833}.reference-site .power-ring>div{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#101c21;border:1px solid #6cd69a}.reference-site .power-ring svg{width:55px;height:55px;fill:none;stroke:#d9ede0;stroke-width:2;stroke-linecap:round}.reference-site .connected{display:flex;justify-content:center;align-items:center;gap:7px;color:#9cf875;font-size:14px;font-weight:700}.reference-site .connected i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #9cf87519}.reference-site .connection-time{display:block;text-align:center;color:#8fa8a7;font-size:10px;margin-top:5px}.reference-site .mini-locations{margin-top:19px;padding-top:14px;border-top:1px solid #29424a}.reference-site .mini-locations>span{color:#d1dddc;font-size:11px}.reference-site .mini-locations>div{display:flex;justify-content:space-between;margin-top:10px;text-align:center}.reference-site .mini-locations>div>div{display:grid;justify-items:center;gap:4px}.reference-site .mini-locations small{font-size:9px;color:#91a6a6}.reference-site .more-locations{width:25px;height:18px;display:grid;place-items:center;border-radius:5px;background:#304c42;color:var(--green)}.reference-site .location-caption{margin:14px 5px;color:#9aafae;font-size:11px;line-height:1.4;text-align:center}
.reference-site section:not(.hero){padding:70px 0 0}.reference-site section:not(.hero)>h2{font-size:34px;line-height:1.15;letter-spacing:-.8px}.reference-site .section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.reference-site .section-heading h2{font-size:34px;line-height:1.15;margin:0}.reference-site .section-heading p{margin:7px 0 0;color:var(--muted);font-size:16px}.reference-site .subtle-label{padding:7px 12px;color:#8da8ac;border:1px solid #2a4750;border-radius:999px;font-size:11px;letter-spacing:.7px;white-space:nowrap}.reference-site .device-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:0}.reference-site .device-card{min-height:166px;padding:20px 12px 14px;border-radius:12px;background:linear-gradient(145deg,#142933,#11232c);border-color:#29414b;gap:6px;transition:transform .2s,border-color .2s,background .2s}.reference-site .device-card:hover{transform:translateY(-4px);border-color:var(--green);background:#183139}.reference-site .device-card .platform-icon{height:40px;display:grid;place-items:center;color:#85d6f3}.reference-site .device-card .platform-icon svg,.reference-site .device-card .platform-icon img{width:34px;height:34px;object-fit:contain}.reference-site .device-card h3{font-size:15px;margin:4px 0 0}.reference-site .device-card p{font-size:11px;color:#9db0b3;line-height:1.3;min-height:29px;margin:0}.reference-site .device-action{width:100%;padding:7px 4px;border:1px solid #395461;border-radius:7px;color:#d7e4e0;font-size:11px;margin-top:auto;text-align:center}.reference-site .device-card:first-child .device-action,.reference-site .device-card:nth-child(3) .device-action{background:#2c903e;color:#f1fff0;border-color:#5acb6a}
.reference-site .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.reference-site .feature-grid article{min-height:145px;padding:20px;border-radius:12px;background:linear-gradient(145deg,#132832,#102129);border-color:#29424c;display:block}.reference-site .feature-grid article>svg{width:26px;height:26px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.reference-site .feature-grid h3{font-size:16px;margin:12px 0 5px}.reference-site .feature-grid p{color:#a1b1b5;font-size:13px;line-height:1.45;margin:0}.reference-site .price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reference-site .price-card{min-height:210px;padding:21px;border-radius:12px;background:linear-gradient(145deg,#142832,#10232c);border-color:#29434e}.reference-site .price-card .price-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.reference-site .price-card h3{font-size:15px;margin:0}.reference-site .price-card strong{font-size:30px;line-height:1.1;margin:17px 0 2px}.reference-site .price-card p{font-size:12px;color:#a4b5b6;margin:0 0 15px}.reference-site .price-card .outline,.reference-site .price-card .cta{min-height:38px;padding:8px 10px;border-radius:7px;font-size:12px;gap:7px;margin-top:auto}.reference-site .price-card .outline{background:#223a44;border-color:#3b5962}.reference-site .price-card.featured{border-color:var(--green);box-shadow:0 0 28px #8cf87318}.reference-site .discount,.reference-site .best-value{padding:3px 6px;border-radius:5px;background:#72de75;color:#102318;font-size:10px;font-weight:700}.reference-site .best-value{position:absolute;right:15px;top:14px}.reference-site .checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px;color:#c0ceca;font-size:12px}.reference-site .checks span{display:flex;align-items:center;gap:7px}.reference-site .checks span:before{content:'✓';display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--green);color:#152515;font-weight:900}.reference-site .payment-section{padding-top:78px!important}.reference-site .payment-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-site .payment-tiles article{min-height:160px;padding:22px;border-radius:12px;background:linear-gradient(145deg,#142932,#10232b);border:1px solid #29434e}.reference-site .payment-logo{width:54px;height:42px;display:grid;place-items:center;border-radius:9px;background:#def4e2;color:#123621}.reference-site .payment-logo img{width:44px;height:28px;object-fit:contain}.reference-site .payment-logo svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.reference-site .payment-tiles h3{font-size:16px;margin:15px 0 5px}.reference-site .payment-tiles p{font-size:12px;color:#9fb1b4;margin:0}.reference-site .start-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 34px!important;border:1px solid #355746;border-radius:16px;background:linear-gradient(105deg,#173d2b,#172d28)!important;margin-top:70px}.reference-site .start-banner h2{font-size:24px;margin:8px 0 4px}.reference-site .start-banner p{font-size:14px;color:#b9cabe;margin:0}.reference-site .start-banner .cta{min-height:44px;padding:11px 18px;font-size:13px;gap:9px}.reference-site .faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-bottom:75px!important}.reference-site .faq-section h2{font-size:34px;margin:10px 0 7px}.reference-site .faq-section>div>p{color:#a3b3b5;font-size:15px;margin:0 0 22px}.reference-site .faq-list{border-top:1px solid #2a444c}.reference-site .faq-list details{padding:15px 0;border-bottom:1px solid #2a444c}.reference-site .faq-list summary{list-style:none;cursor:pointer;font-size:15px;font-weight:650;display:flex;justify-content:space-between}.reference-site .faq-list summary::-webkit-details-marker{display:none}.reference-site .faq-list summary:after{content:'+';color:var(--green);font-size:20px;line-height:1}.reference-site .faq-list details[open] summary:after{content:'−'}.reference-site .faq-list p{color:#9fb0b2;font-size:13px;line-height:1.6;max-width:650px}.reference-site .simple-support{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:70px!important}.reference-site .simple-support h2{font-size:28px;margin:0 0 7px}.reference-site .simple-support p{margin:0;color:#a6b4b6;font-size:15px}.reference-site .nav-toggle{display:none}
@media(max-width:1000px){.reference-site .head nav{gap:14px}.reference-site .head nav>a,.reference-site .head nav>details>summary{font-size:12px}.reference-site .head .actions>a{padding-inline:10px;font-size:12px}.reference-site .hero{grid-template-columns:1fr;min-height:auto;padding-top:48px}.reference-site .hero-copy{padding-left:0}.reference-site .hero-art{height:500px}.reference-site .device-grid{grid-template-columns:repeat(3,1fr)}.reference-site .price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.reference-site .topline{font-size:12px;min-height:40px;padding:8px 13px;gap:7px}.reference-site .head{width:calc(100% - 24px);min-height:65px;padding:0 15px;border-radius:13px}.reference-site .head nav{display:none}.reference-site .head .actions{margin-left:auto}.reference-site .head .actions .language,.reference-site .head .actions .login{display:none}.reference-site .head .actions .cta{font-size:11px;min-height:37px;padding:8px 11px}.reference-site .nav-toggle{display:flex;width:36px;height:36px;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#172a32;border:1px solid #38525b;border-radius:8px;color:var(--green)}.reference-site .nav-toggle span{width:16px;height:1px;background:currentColor}.reference-site .head:has(.nav-toggle[aria-expanded=true]) #public-nav{display:flex;position:absolute;left:12px;right:12px;top:76px;z-index:20;flex-direction:column;align-items:stretch;gap:2px;padding:10px;border:1px solid #3b5660;border-radius:13px;background:#14262f;box-shadow:0 20px 40px #0009}.reference-site .head:has(.nav-toggle[aria-expanded=true]) #public-nav>a,.reference-site .head:has(.nav-toggle[aria-expanded=true]) #public-nav>details>summary{padding:12px;font-size:14px}.reference-site .hero{padding-top:37px}.reference-site .hero h1{font-size:43px;letter-spacing:-1.7px}.reference-site .hero-copy>p{font-size:16px}.reference-site .hero-buttons{flex-direction:column;align-items:stretch}.reference-site .hero-buttons a{width:100%}.reference-site .hero-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}.reference-site .hero-art{height:390px;margin-top:10px}.reference-site .network-globe{width:400px;height:400px;right:-3%;top:5px}.orbit-one{width:300px;height:120px;right:8%;top:70px}.orbit-two{width:350px;height:145px;right:0;top:130px}.orbit-three{width:260px;height:90px;right:14%;top:180px}.reference-site .connect-window{width:206px;height:330px;left:0;top:29px;padding:10px}.reference-site .location-window{width:210px;height:293px;right:0;top:78px;padding:10px}.reference-site .window-top{font-size:11px;margin-bottom:8px}.reference-site .window-top .brand{font-size:14px}.reference-site .best-location,.reference-site .demo-location{padding:7px;gap:6px}.reference-site .best-location b,.reference-site .demo-location b{font-size:10px}.reference-site .best-location small,.reference-site .demo-location small,.reference-site .location-search,.reference-site .location-caption,.reference-site .connection-time{font-size:8px}.reference-site .app-f{width:22px;height:22px;font-size:16px}.reference-site .signal{font-size:9px}.reference-site .power-ring{width:103px;height:103px;margin:20px auto 9px}.reference-site .power-ring svg{width:40px;height:40px}.reference-site .connected{font-size:11px}.reference-site .mini-locations{margin-top:12px;padding-top:9px}.reference-site .mini-locations small{font-size:7px}.reference-site .flag,.reference-site .more-locations{width:19px;height:13px}.reference-site section:not(.hero){padding-top:50px}.reference-site section:not(.hero)>h2,.reference-site .section-heading h2{font-size:27px}.reference-site .section-heading{display:block}.reference-site .subtle-label{display:inline-flex;margin-top:15px;font-size:9px}.reference-site .device-grid{grid-template-columns:repeat(2,1fr);gap:9px}.reference-site .device-card{min-height:158px;padding:17px 9px}.reference-site .feature-grid,.reference-site .payment-tiles{grid-template-columns:1fr;gap:9px}.reference-site .feature-grid article{min-height:0}.reference-site .price-grid{grid-template-columns:1fr;gap:9px}.reference-site .price-card{min-height:190px}.reference-site .checks{grid-template-columns:repeat(2,1fr);gap:10px;font-size:11px}.reference-site .start-banner,.reference-site .simple-support{display:block}.reference-site .start-banner .cta,.reference-site .simple-support .outline{width:100%;margin-top:18px}.reference-site .faq-section{grid-template-columns:1fr;gap:30px}.reference-site .faq-section h2{font-size:28px}.reference-site .site-footer{width:calc(100% - 32px)} }

.reference-site .hero{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);min-height:625px;padding:58px 0 38px}.reference-site .hero-copy{padding-left:0}.reference-site .hero h1{font-size:clamp(44px,4.15vw,60px);max-width:690px;line-height:1.1}.reference-site .connect-window{left:3%;top:45px}.reference-site .location-window{right:1%;top:112px}.reference-site .hero-art{overflow:clip;min-height:530px}.reference-site .network-globe{width:570px;height:570px}.reference-site .payment-tiles article{text-align:center;display:flex;flex-direction:column;align-items:center;min-height:175px;justify-content:center}.reference-site .payment-logo{width:92px;height:49px;border-radius:6px}.reference-site .payment-logo img{width:68px;height:35px}.reference-site .payment-tiles h3{font-size:17px;font-weight:500}.reference-site .best-value{top:-10px}.reference-site .price-card.featured .price-title{padding-right:0}.reference-site .platform-icon.windows{color:#65c4f7}.reference-site .device-card .platform-icon svg{fill:currentColor;stroke:none}@media(max-width:1000px){.reference-site .hero{grid-template-columns:1fr;gap:0}.reference-site .hero-art{width:min(660px,100%);margin:20px auto 0;min-height:480px}.reference-site .hero h1{font-size:56px;max-width:700px}.reference-site .connect-window{left:6%}.reference-site .location-window{right:3%}}@media(max-width:720px){.reference-site .hero{padding-top:32px;padding-bottom:0}.reference-site .hero h1{font-size:40px;line-height:1.12;letter-spacing:-1.5px}.reference-site .hero-art{min-height:395px;width:100%;margin-top:20px}.reference-site .connect-window{left:0}.reference-site .location-window{right:0}.reference-site .payment-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .payment-tiles article{min-height:155px;padding:18px 10px}.reference-site .payment-tiles article:last-child{grid-column:1/-1}.reference-site .payment-tiles h3{font-size:14px}.reference-site .payment-tiles p{font-size:11px}.reference-site .hero-buttons{gap:9px}.reference-site .checks{font-size:11px}}
/* Final small-screen and interaction refinements. */
.reference-site .topline[data-state=yes] #connection-label,.reference-site .topline[data-state=yes] #connection-icon{color:#80e8a0}
.reference-site .topline[data-state=no] #connection-label,.reference-site .topline[data-state=no] #connection-icon{color:#ff9569}
.reference-site #connection-place{display:inline-flex;align-items:center;gap:8px}.reference-site #connection-place small{font-size:10px;color:#a5c1c6}
.reference-site .connect-window{height:455px}.reference-site .head .mobile-account{display:none}
.reference-site .service-pill:hover{border-color:#609473}.reference-site .head .resources>summary{padding:8px 0}.reference-site .resources[open]>.resource-menu{animation:resource-in .16s ease-out}
@keyframes resource-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:721px){.reference-site .resource-menu{top:42px}}
@media(max-width:720px){.reference-site .connect-window{height:345px}.reference-site .head .mobile-account{display:block!important;color:#b8edaa;border-top:1px solid #2d4651;border-radius:0;margin-top:5px}.reference-site .head .actions .language{display:block}.reference-site .head .actions .language summary{width:30px;height:30px}.reference-site .head .actions .cta{font-size:10px;padding-inline:9px}.reference-site .head .actions{gap:6px}.reference-site .head .brand{font-size:23px}.reference-site .resource-menu{animation:none!important}.reference-site .resources[open] summary{color:var(--green)}}
@media(min-width:360px) and (max-width:720px){.reference-site .price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-site .price-card{min-height:195px;padding:16px 13px}.reference-site .price-card h3{font-size:13px}.reference-site .price-card strong{font-size:26px;margin-top:18px}.reference-site .price-card .price-title{display:block}.reference-site .price-card .discount{display:inline-block;margin-top:7px;font-size:9px}.reference-site .price-card .best-value{right:9px;top:-8px;font-size:9px}.reference-site .price-card .cta,.reference-site .price-card .outline{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reference-site .resources[open]>.resource-menu{animation:none}}

/* Product artwork uses one composition rather than overlapping demo windows. */
.reference-site .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:36px;min-height:570px}
.reference-site .hero-art{display:grid;place-items:center;min-height:0;height:auto;overflow:visible}
.reference-site .hero-product{display:block;width:100%;height:auto;max-width:760px;object-fit:contain}
.reference-site .hero h1{font-size:clamp(42px,4vw,58px);line-height:1.12;letter-spacing:-1.8px}
.reference-site .hero-copy>p{max-width:540px;font-size:18px;line-height:1.65}
@media(max-width:1000px){.reference-site .hero{grid-template-columns:1fr;gap:24px;padding-top:42px}.reference-site .hero-art{width:min(640px,100%);margin:0 auto}.reference-site .hero-copy{max-width:680px}}
@media(max-width:720px){.reference-site .hero{gap:16px;padding-top:32px}.reference-site .hero h1{font-size:38px;letter-spacing:-1.1px}.reference-site .hero-copy>p{font-size:16px}.reference-site .hero-art{min-height:0;margin:0 auto}.reference-site .hero-product{width:100%;height:auto}}
