@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#162b35;--muted:#687a82;--line:#dfe7e7;--green:#187b62;--paper:#f5f7f4;--navy:#0d242d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #58a78f;outline-offset:5px}[hidden]{display:none!important}
.topbar{max-width:1240px;margin:auto;min-height:94px;padding:20px 32px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.7px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:37px;height:40px;background:var(--ink);color:#fff;border-radius:11px 11px 17px 17px;font-size:21px}.brand em{font-style:normal;font-weight:500;color:var(--green)}nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600;color:#596a70}nav a:hover{color:var(--green)}.outline-button{background:transparent;border:1px solid #bccbca;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:700;white-space:nowrap}.outline-button:hover{background:#e5eee8}
main{max-width:1240px;margin:auto;padding:0 32px}.hero{position:relative;overflow:hidden;min-height:515px;border-radius:20px;background:var(--navy);color:#f4f8f5;display:grid;grid-template-columns:1.15fr 1fr;padding:66px 54px 34px;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 45%,#20483c77,transparent 60%);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--green)}.hero .eyebrow{color:#9fd5be}.pulse{width:6px;height:6px;background:#8ed4b4;border-radius:50%;box-shadow:0 0 0 4px #8ed4b417}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(38px,4.3vw,59px);line-height:1.13;letter-spacing:-2.9px;margin:26px 0 22px;font-weight:600}h1 span{color:#a8d7bd}.hero p{font-size:14px;line-height:1.85;color:#aebfc1;max-width:420px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:#c9e6c6;color:#143a2a;border:0;border-radius:7px;padding:15px 20px;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.primary-button:hover{background:#e0f4d6;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:12px;align-items:center}.hero .text-link{color:#d4e2df}.hero-visual{position:relative;min-width:0;display:flex;justify-content:center;align-items:center}.world{width:100%;max-width:400px;overflow:visible;animation:worldFloat 9s ease-in-out infinite}.world-grid{stroke:#88c7b7;stroke-opacity:.22;fill:none;stroke-width:.8}.world-route{fill:none;stroke:#bce4cb;stroke-width:1;stroke-dasharray:4 7;animation:routeFlow 24s linear infinite}.world-node{fill:#d1f2d5}.visual-label{position:absolute;bottom:5%;left:12%;font-size:9px;letter-spacing:2px;color:#8cafaa;display:flex;gap:8px;align-items:center}.visual-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#abd5b9}.hero-meta{position:relative;grid-column:1/-1;display:flex;gap:27px;border-top:1px solid #ffffff12;margin-top:43px;padding-top:23px;font-size:10px;letter-spacing:.3px;color:#b7c8c7}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-meta i{font-style:normal;color:#bce3c8}
.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 10px;border-bottom:1px solid var(--line);color:#73827e;font-size:11px}.intro-strip strong{font-family:Manrope;font-size:13px;color:#344c4a;font-weight:700}.platforms{display:flex;gap:25px;font-weight:600;color:#4f6561}.panel{margin-top:64px;padding:0 0 28px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}h2{font-size:31px;letter-spacing:-1.25px;line-height:1.25;font-weight:600;margin:13px 0 0}.section-caption{font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 0}.config-state{font-size:10px;color:var(--muted)!important;background:#e8eeea;border:1px solid #dce5df;padding:9px 12px;border-radius:99px;white-space:nowrap}.locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.locations .location{min-height:110px;background:#fff;border:2px solid #e1e8e5;border-radius:14px;display:flex;align-items:center;gap:15px;padding:23px 20px;text-align:left;color:var(--ink);transition:border-color .2s,box-shadow .2s;isolation:isolate}.locations .location:hover{border-color:#9cbfae;box-shadow:0 7px 24px #263c3510}.location .flag{font-size:25px;line-height:1}.location strong{font-family:Manrope;font-size:16px;font-weight:700;letter-spacing:-.4px;display:block}.location small{display:block;margin-top:6px;font-size:10px;font-weight:500;letter-spacing:1.1px;color:#81918c}.location.connected strong{color:#f3f7f6}.location.connected small{color:#adbfc9}.locations .location-connect{font-size:10px;padding:7px 10px;border-radius:6px;right:12px;top:10px;background:#187b62}.connection-bar{display:flex;align-items:center;background:#eaf0eb;border:1px solid #dbe6dd;border-radius:9px;padding:16px 19px;margin-top:24px;font-size:11px}.connection-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.connection-bar strong{font-size:11px;font-weight:600}.connection-bar small{font-size:10px;color:#748680;border-left:1px solid #c7d5cc;padding-left:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#77879c}#connectButton{display:none}#topDisconnect{font-size:11px!important;padding:11px 12px!important;background:#f3e7e7!important;color:#8e3b4b!important;border-color:#e5c6cd!important;white-space:nowrap}
.how{padding:53px 0 62px;border-top:1px solid var(--line)}.how-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.how-header p{font-size:12px;color:var(--muted);max-width:290px;line-height:1.8;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:37px}.steps article{border-top:1px solid #cbd9d1;padding:24px 0 0}.steps b{display:inline-grid;place-items:center;font-family:Manrope;font-weight:600;color:var(--green);background:#e7eee7;border:1px solid #d7e2d7;border-radius:9px;width:37px;height:37px;font-size:11px}h3{font-size:16px;font-weight:700;letter-spacing:-.4px;margin:19px 0 10px}.steps p,.content-grid p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}
.content-section{background:#e9eeea;border:1px solid #e0e7e0;border-radius:16px;padding:40px;margin-bottom:64px}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:26px}.content-grid article+article{border-left:1px solid #d0dbd2;padding-left:25px}.content-grid h3{font-size:14px;margin-top:0}.content-grid p{font-size:11px}.content-grid a{color:var(--green);font-size:10px;margin-top:19px}.content-section h2{font-size:25px}footer{border-top:1px solid var(--line);max-width:1176px;margin:auto;display:flex;justify-content:space-between;gap:24px;padding:25px 0 35px;font-size:10px;color:#6b7e75}.footer-brand{font-weight:700;color:#344d42}footer a:hover{text-decoration:underline}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#071a22aa;backdrop-filter:blur(8px)}.install-modal{position:relative;width:min(420px,100%);padding:42px;background:#fff;border-radius:18px;box-shadow:0 30px 100px #0003}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:25px;color:#5b706b}.install-icon{display:grid;place-items:center;width:55px;height:55px;background:var(--navy);color:white;border-radius:14px;margin-bottom:26px;font-family:Manrope;font-size:29px;font-weight:700}.install-modal h2{font-size:25px}.install-modal p{font-size:13px;line-height:1.8;color:var(--muted)}.install-store{margin-top:12px;width:100%;background:#d3e9cc}.modal-note{display:block;color:var(--muted);font-size:10px;margin-top:20px}.modal-open{overflow:hidden}
@keyframes worldFloat{50%{transform:translateY(-8px)}}@keyframes routeFlow{to{stroke-dashoffset:-220}}
@media(max-width:1100px){.topbar{gap:14px}nav{gap:18px}#topDisconnect{margin-left:0!important}.hero{padding:45px 35px 30px;min-height:480px}.content-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.content-grid article:nth-child(3){border:0;padding-left:0}}
@media(max-width:800px){nav{display:none}.outline-button{margin-left:auto}.hero{grid-template-columns:1fr;padding:36px 28px 24px}.hero-visual{position:absolute;right:-60px;top:50px;width:310px;opacity:.22}.hero-copy{max-width:500px}.hero-meta{margin-top:30px;flex-wrap:wrap;gap:14px}.hero h1{font-size:46px}.visual-label{display:none}.how-header{align-items:start;flex-direction:column;gap:15px}.steps{gap:24px}.intro-strip{gap:15px}.intro-strip>span{display:none}footer{margin:0 32px;flex-wrap:wrap}.config-state{white-space:normal}.section-heading{align-items:start}}
@media(max-width:560px){main{padding:0 18px}.topbar{padding:17px 18px;min-height:80px;flex-wrap:wrap;gap:12px}.brand{font-size:17px}.brand-mark{width:32px;height:35px;font-size:18px}.outline-button{font-size:10px;padding:11px 12px}.hero{border-radius:14px;padding:33px 23px 22px;min-height:435px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero p{font-size:12px}.hero-actions{gap:19px}.hero-meta{font-size:9px;gap:15px}.hero-visual{right:-140px;top:80px}.intro-strip{padding:24px 2px}.platforms{gap:14px;font-size:10px}.intro-strip strong{font-size:11px}.panel{margin-top:42px}.section-heading{flex-direction:column;gap:16px}h2{font-size:27px}.locations .location{min-height:105px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-top:18px}.how{padding:36px 0}.content-section{padding:27px 22px;margin-bottom:35px}.content-grid{grid-template-columns:1fr;gap:26px}.content-grid article+article{border-left:0;border-top:1px solid #d0dbd2;padding:23px 0 0}.content-grid article:nth-child(3){border-top:1px solid #d0dbd2;padding-top:23px}.connection-bar small{width:100%;border:0;padding-left:16px}footer{margin:0 18px;gap:15px;flex-direction:column}.install-modal{padding:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world,.world-route{animation:none}}
.ad-placement{position:relative;isolation:isolate;margin:32px 0 72px;padding:28px 0 0;border-top:1px solid var(--line);text-align:center;clear:both}
.ad-label{display:block;margin:0 0 14px;color:#738079;text-transform:uppercase;letter-spacing:1.6px;font-size:9px;line-height:1.5}
.ad-slot{min-height:250px;width:100%;max-width:970px;margin:auto}
.ad-slot ins.adsbygoogle{display:block;min-height:250px}
.ad-placement-footer{margin-top:72px;margin-bottom:72px}
.location:disabled{cursor:wait}.location:disabled .location-connect{opacity:.55!important;pointer-events:none}
#topDisconnect:disabled{opacity:.55;cursor:wait}
@media(max-width:560px){.ad-placement{margin:40px 0 64px;padding-top:24px}.ad-slot{min-height:250px}}