@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#eff7ff;background:#090d1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #2ce8c1;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}::selection{background:#18cda891;color:#fff}.app-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse at 52% 5%,#121c33 0%,transparent 43%),#090d1b}.bg-grid{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#31405911 1px,transparent 1px),linear-gradient(90deg,#31405911 1px,transparent 1px);background-size:47px 47px;-webkit-mask-image:linear-gradient(to bottom,#0009,transparent 87%);mask-image:linear-gradient(to bottom,#0009,transparent 87%)}.bg-blur{position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.11}.bg-blur--one{background:#126ab8;top:100px;left:-270px}.bg-blur--two{background:#03b69b;top:400px;right:-310px}.layout-container{width:min(1130px,calc(100% - 64px));margin:0 auto;padding-bottom:36px}.topbar{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;color:inherit;padding:0}.brand-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #25cba04e;background:linear-gradient(145deg,#143d46,#0d2033);border-radius:13px;color:#30efcf;box-shadow:0 0 25px #0adfb312}.brand-type{display:flex;flex-direction:column;gap:1px}.brand-name{font-size:20px;font-weight:800;letter-spacing:.5px;line-height:1.2}.brand-name>span{color:#2de2c1}.brand-name i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#38e9c7;margin:0 0 3px 3px}.brand-caption{color:#62738d;font-size:9px;font-weight:800;letter-spacing:2.4px}.header-controls{display:flex;align-items:center;gap:21px}.header-demo{display:flex;gap:8px;align-items:center;color:#74849f;font-size:10px;font-weight:800;letter-spacing:1.7px}.header-demo>span{width:5px;height:5px;border-radius:50%;background:#26e6ba;box-shadow:0 0 9px #2eecbe}.top-connection{display:flex;align-items:center;gap:9px;padding:9px 13px;color:#59e8bb;background:#18c99412;border:1px solid #25e6a837;border-radius:50px;font-size:12px;font-weight:700}.top-connection.disconnected{color:#ff9b8d;border-color:#fb8b7d44;background:#fb8b7d11}.online-dot,.connected-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#2be8b5;box-shadow:0 0 0 4px #2be8b519,0 0 9px #2be8b58d}.disconnected .online-dot{background:#ff8677;box-shadow:none}.icon-button{width:40px;height:40px;display:grid;place-items:center;color:#f4f7ff;background:#ffffff08;border:1px solid #ffffff18;border-radius:12px}.hero-heading{text-align:center;margin:43px auto 31px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;color:#43c9bf;font-size:10px;letter-spacing:2.7px;font-weight:800}.eyebrow-line{width:29px;height:1px;background:linear-gradient(90deg,transparent,#2ce6c385)}.eyebrow-line:last-child{transform:scaleX(-1)}.hero-heading h1,.subpage-heading h1{margin:15px 0 7px;font-size:clamp(29px,3.6vw,41px);font-weight:800;letter-spacing:-1.7px}.hero-heading h1 span{background:linear-gradient(110deg,#27ecc2,#48bafa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-heading p,.subpage-heading p{margin:0;color:#8592ab;font-size:13px;letter-spacing:.6px}.main-grid{display:grid;grid-template-columns:minmax(0,1.67fr) minmax(290px,1fr);gap:22px;align-items:start}.dashboard-card{position:relative;overflow:hidden;background:linear-gradient(147deg,#1a2037,#151a30,#12182d);border:1px solid #ffffff16;border-radius:22px;min-width:0;min-height:662px;box-shadow:0 12px 55px #00000039,0 2px 10px #0002}.dashboard-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 45% 46%,#173e6c29,transparent 61%)}.dashboard-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:25px 29px 0}.section-label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;color:#d5deec}.label-glyph{display:grid;place-items:center;color:#31e7c9}.demo-flag{display:flex;align-items:center;gap:7px;border:1px solid #ffffff1b;border-radius:30px;padding:6px 9px;font-size:10px;color:#7f8ca9;letter-spacing:.3px}.small-dot{width:5px;height:5px;background:#64738c;border-radius:50%}.dashboard-bottom-border{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#14a7ff 0%,#20d2ef 45%,#27e7a9 85%,transparent 100%)}.state-screen{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:608px;padding:17px 25px 30px}.orb-scene{position:relative;width:min(320px,100%);height:320px;display:grid;place-items:center;margin-top:4px;margin-bottom:19px}.orb-halo{position:absolute;width:236px;height:236px;border:1px solid #3be7d820;border-radius:50%;background:radial-gradient(circle,#1ac0b91e,transparent 67%);box-shadow:0 0 76px #0fbca01c}.orb-halo--second{width:290px;height:290px;border-color:#21b9e315;background:none;box-shadow:none}.orbit-ring{position:absolute;width:256px;height:256px;border:2px solid transparent;border-top-color:#26e9c4;border-right-color:#29baf6;border-radius:50%;animation:spin 1.3s linear infinite;filter:drop-shadow(0 0 7px #25e8cf42)}.orbit-ring--outer{width:300px;height:300px;border-width:1px;border-right-color:#3fc5ed44;border-top-color:#19eea830;animation-duration:4s;animation-direction:reverse}.orbit-ring--inner{width:216px;height:216px;border-left-color:#19d5cd30;border-top-color:#25e8cd55;border-bottom-color:#22c8f322;animation-duration:2.5s;animation-direction:reverse}.orbit-center{width:162px;height:162px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#133e51,#111b36 70%);border:1px solid #3be8d72b;display:grid;place-items:center;box-shadow:inset 0 0 26px #12bda012,0 0 40px #12baa017}.center-icon{color:#54ffe0;filter:drop-shadow(0 0 16px #24e9cb57)}.center-glow{position:absolute;width:70px;height:3px;bottom:125px;border-radius:100%;background:#22d5ca;filter:blur(11px)}.orbit-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#36f3ce;top:27px;left:76px;box-shadow:0 0 13px #26e7c5}.orbit-particle--two{width:5px;height:5px;top:auto;left:auto;right:45px;bottom:42px;background:#31c4ff}.state-overline{display:flex;align-items:center;gap:9px;color:#49c8ca;letter-spacing:2px;font-size:10px;font-weight:750}.pulsing-dot{width:5px;height:5px;background:#21eac8;box-shadow:0 0 0 4px #20eac21a;border-radius:50%;animation:pulse 1.5s infinite}.state-screen h2{font-size:27px;letter-spacing:-.5px;margin:13px 0 8px;font-weight:800}.state-screen>p{font-size:13px;color:#8492ad;margin:0}.loading-ellipsis{display:inline-block;width:25px;text-align:left}.loading-progress{width:192px;height:4px;border-radius:30px;overflow:hidden;margin:30px auto 14px;background:#ffffff16}.loading-progress span{display:block;height:100%;width:46%;border-radius:30px;background:linear-gradient(90deg,#20adf3,#27ecc6);animation:loadbar 1.7s ease-in-out infinite}.fine-print{font-size:11px;color:#596a86}.ready-state{padding-top:40px}.connection-chip{display:flex;align-items:center;gap:9px;color:#49ebbc;padding:9px 15px;background:#27d8a412;border:1px solid #27d8a12d;border-radius:25px;font-size:12px;font-weight:750}.connection-chip span{opacity:.35}.ready-orb-wrap{width:336px;max-width:100%;height:337px;display:grid;place-items:center;position:relative;margin:16px auto 5px}.ready-glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#1bdeab16;filter:blur(28px);animation:breath 3s ease-in-out infinite}.ready-orb{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:278px;height:278px;border-radius:50%;border:3px solid #24dfae;background:radial-gradient(circle at 50% 35%,#1c3841,#111e30,#10192c 80%);box-shadow:0 0 0 10px #21e6ae09,0 0 45px #20e6b125,inset 0 0 35px #16b7aa12;color:#fff;transition:transform .25s,box-shadow .25s;overflow:hidden}.ready-orb:hover{transform:scale(1.025);box-shadow:0 0 0 14px #21e6ae0b,0 0 65px #20e6b13c,inset 0 0 35px #16b7aa19}.ready-orb:active{transform:scale(.985)}.ready-orb-reflection{position:absolute;top:0;left:15%;right:15%;height:40%;border-radius:50%;background:radial-gradient(ellipse at 50% 5%,#a8f5e90e,transparent 80%);pointer-events:none}.ready-zap{width:64px;height:64px;border:1px solid #26e6bd30;background:#2ce6c31a;border-radius:21px;display:grid;place-items:center;color:#40ffcf;filter:drop-shadow(0 0 16px #15dcb05b)}.ready-orb strong{font-size:31px;font-weight:800;letter-spacing:1px}.ready-tap{display:flex;align-items:center;gap:7px;color:#4bdfbd;font-size:10px;font-weight:750;letter-spacing:1.3px}.connected-status{display:flex;align-items:center;gap:11px;color:#49eabb;font-size:15px;font-weight:750;margin-top:1px}.ready-tip{margin-top:10px!important}.ready-checks{display:flex;justify-content:center;gap:22px;margin-top:30px;color:#7988a3;font-size:11px}.ready-checks>span{display:flex;align-items:center;gap:5px}.ready-checks svg{color:#2ddbaf}.offline-orb{color:#f7a18e;border-color:#e78d7b;gap:15px;box-shadow:0 0 45px #f6a18e15;background:#282137;pointer-events:none}.offline-orb strong{font-size:26px}.offline-orb span{font-size:13px;color:#a1aabe}.state-h2{margin-top:26px!important}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:12px;padding:14px 22px;color:#061526;background:linear-gradient(110deg,#31e7bd,#27c8ed);font-size:14px;font-weight:850;box-shadow:0 10px 24px #0ecaae25;margin-top:28px;transition:transform .2s,filter .2s}.action-button:hover{transform:translateY(-2px);filter:brightness(1.09)}.meter-screen{position:relative;z-index:1;padding:18px 27px 25px}.meter-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.running-badge{display:inline-flex;align-items:center;gap:9px;color:#3cecc1;font-weight:750;font-size:12px}.running-badge.scanning{color:#47c6fa}.running-beacon{display:inline-block;width:7px;height:7px;background:#31ecc2;border-radius:50%;box-shadow:0 0 0 5px #26e4bb1e;animation:pulse 1.6s infinite}.running-badge.scanning .running-beacon{background:#25c2f5;box-shadow:0 0 0 5px #25c2f51a}.boost-time{display:flex;align-items:center;gap:6px;color:#8794aa;font-size:12px;font-variant-numeric:tabular-nums}.metric-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.metric-card{min-width:0;border:1px solid #5d708f77;background:#11172a4d;border-radius:13px;padding:15px 17px 12px}.metric-title{display:flex;align-items:center;gap:7px;color:#28d8f0;font-size:12px;font-weight:700}.metric-title span{margin-left:auto;font-size:8px;letter-spacing:1.1px;color:#66738b}.metric-up{color:#33e8c0}.metric-number{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;margin-top:7px;font-size:32px;color:#fff;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric-number small{font-size:11px;color:#8592a9;font-weight:600;letter-spacing:0}.latency-strip{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:8px;margin:21px 0 20px;font-size:10px;color:#8995aa}.latency-strip>span{display:flex;align-items:center;gap:6px}.latency-strip i{width:6px;height:6px;background:#47c3fc;border-radius:50%}.latency-strip>span:nth-child(2) i{background:#f4cb76}.latency-strip>span:nth-child(3) i{background:#2ce6b3}.latency-strip b{color:#e4edfc;font-size:13px;font-variant-numeric:tabular-nums}.latency-strip small{font-size:10px}.mint-text{color:#33eac1!important}.quality-strip{display:flex;justify-content:space-around;margin:0 20px}.quality-strip>div{display:flex;align-items:center;flex-direction:column;gap:7px;color:#6f809d}.quality-strip svg{stroke-width:1.6}.quality-strip small{font-size:10px}.mini-bars{display:flex;gap:3px}.mini-bars i{width:5px;height:5px;border-radius:50%;background:#455069;transition:background .2s}.mini-bars i.lit{background:#30dcba;box-shadow:0 0 5px #29dcba45}.gauge-wrap{position:relative;max-width:450px;width:100%;margin:6px auto -20px}.gauge-ambient{position:absolute;width:66%;height:59%;top:24%;left:17%;border-radius:50%;background:#1179c211;filter:blur(31px)}.gauge-svg{position:relative;display:block;width:100%;height:auto;overflow:visible}.meter-readout{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.meter-speed{font-size:clamp(40px,5vw,58px);font-weight:500;line-height:1.17;letter-spacing:-2px;font-variant-numeric:tabular-nums}.meter-unit{display:flex;align-items:center;justify-content:center;gap:6px;color:#38e0ca;font-size:13px}.meter-unit span{color:#7a8da9;font-size:10px}.meter-bottom{position:relative;z-index:1;margin-top:-13px}.progress-line{display:flex;justify-content:space-between;font-size:12px;color:#9cadc5}.progress-line strong{color:#35e0c3}.progress-track{width:100%;height:6px;margin-top:12px;background:#29304c;border-radius:20px;overflow:hidden}.progress-track>div{height:100%;border-radius:20px;background:linear-gradient(90deg,#14a7ff,#24d4da,#2af1bc);box-shadow:0 0 12px #26c5f399;transition:width .08s linear}.meter-bottom p{margin:13px 0 0;color:#6f809a;font-size:11px;text-align:center}.success-status{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#19be8f19,#14b5a909);border:1px solid #36e6b641;padding:13px 14px;border-radius:13px}.success-check{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;background:#32e9b9;border-radius:50%;color:#10342e}.success-status>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.success-status strong{font-size:14px;color:#a9ffe0}.success-status span{font-size:11px;color:#7dbaac}.success-status>svg{color:#29dcaf;flex-shrink:0}.active-actions{display:flex;gap:10px;justify-content:space-between;margin-top:12px}.outline-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #51607d;background:#ffffff05;color:#ccd8e8;border-radius:10px;padding:12px 14px;font-size:12px;font-weight:750}.outline-action:hover{background:#fff1}.active-actions .outline-action{width:50%}.accent-action{color:#3de6c5;border-color:#29c9b363}.success-pop{position:absolute;z-index:4;top:61px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:90%;padding:11px 16px;border-radius:12px;background:#153c37ed;border:1px solid #3beec78f;box-shadow:0 20px 50px #0006,0 0 30px #1ee5bb3b;color:#50edbd;animation:popIn .48s ease both;pointer-events:none}.success-pop>div{display:flex;flex-direction:column;gap:2px}.success-pop strong{font-size:13px}.success-pop small{font-size:10px;color:#b5d6d1}.sidebar{display:flex;flex-direction:column;gap:19px}.info-card{background:linear-gradient(150deg,#151d32,#11182b);border:1px solid #ffffff15;border-radius:19px;padding:25px;box-shadow:0 12px 40px #00000013}.card-kicker{display:flex;justify-content:space-between;align-items:center;color:#6d809d;font-size:10px;font-weight:800;letter-spacing:1.8px}.card-kicker svg{color:#4caab6}.info-card h3{font-size:19px;margin:10px 0 25px}.network-identity{display:flex;align-items:center;gap:13px}.network-icon{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;color:#32ebc5;background:#1d4b4a60;border:1px solid #3bd9be3e;border-radius:14px}.network-names{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.network-names strong{font-size:14px}.network-names small{color:#7788a2;font-size:10px;line-height:1.4}.network-check{width:25px;height:25px;border-radius:50%;background:#2ddba821;color:#42e8b9;display:grid;place-items:center}.network-divider{height:1px;background:#ffffff14;margin:22px 0 17px}.property-row{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#7788a3;margin-top:17px}.property-row>span:last-child{color:#cfdbeb;text-align:right;font-size:11px}.property-row>span.green-text{color:#3ee4b6}.network-detail-link{width:100%;margin-top:26px;padding:14px 0 0;color:#2ce2c2;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-top:1px solid #ffffff12;font-size:12px;font-weight:750}.step-card h3{margin-bottom:22px}.steps{display:flex;flex-direction:column;gap:0}.step{display:flex;align-items:flex-start;gap:13px;position:relative;min-height:64px}.step:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;width:1px;height:37px;background:#ffffff1f}.step-indicator{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;color:#94a1b9;background:#232c44;border:1px solid #3d4d68;border-radius:50%;font-size:10px;font-weight:750}.step.finished .step-indicator{border-color:#26c6a59c;background:#1bbf9a38;color:#40ebbe}.step.current .step-indicator{border-color:#3cbdf3;color:#54d9f7;box-shadow:0 0 15px #3cbdf32a}.step>div:last-child{display:flex;flex-direction:column;gap:5px;padding-top:2px}.step strong{font-size:12px;font-weight:750;color:#dce6f3}.step small{font-size:10px;color:#6f7e99}.tip-card{display:flex;align-items:flex-start;gap:13px;background:linear-gradient(110deg,#12343a88,#1323389e);border:1px solid #29c5ab2c;padding:19px 21px;border-radius:17px}.tip-symbol{color:#3ce6c2;padding-top:1px}.tip-card strong{font-size:12px}.tip-card p{line-height:1.7;color:#8799aa;font-size:11px;margin:7px 0 0}.foot-disclaimer{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;color:#5a6883;font-size:10px;margin-top:23px;line-height:1.6}.bottom-nav{display:none}.subpage-heading{text-align:center;margin:53px 0 30px}.small-eyebrow{color:#52d9c4}.subpage-card{margin:0 auto;max-width:780px;min-height:520px;background:linear-gradient(135deg,#191f36,#131a2e);border:1px solid #ffffff18;border-radius:21px;padding:34px}.subpage-card-top{display:flex;align-items:center;gap:15px;border-bottom:1px solid #ffffff15;padding-bottom:25px}.subpage-icon{display:grid;place-items:center;width:50px;height:50px;background:#1e6a6852;color:#34dfc0;border-radius:14px}.subpage-card h2{margin:0 0 7px;font-size:21px}.subpage-card-top p{margin:0;font-size:12px;color:#8494ad;line-height:1.5}.diagnostic-summary{display:flex;align-items:center;gap:26px;padding:37px 17px}.diagnostic-ring{width:108px;height:108px;border-radius:50%;border:2px solid #31e3c0;display:grid;place-items:center;flex-shrink:0;color:#38eac5;background:#14cbae0c;box-shadow:0 0 40px #17d8b81c}.diagnostic-ring.offline{border-color:#f19685;color:#f19685}.diagnostic-summary span{font-size:10px;letter-spacing:2px;font-weight:800;color:#48d2c6}.diagnostic-summary h3{font-size:25px;margin:9px 0}.diagnostic-summary p{font-size:12px;color:#8394af;margin:0}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.diagnostic-grid>div{border:1px solid #ffffff15;background:#0d152951;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:9px}.diagnostic-grid small{font-size:11px;color:#8592a9}.diagnostic-grid strong{font-size:15px}.diagnose-note{display:flex;gap:10px;color:#94a3b9;font-size:12px;line-height:1.7;margin-top:23px}.diagnose-note svg{flex-shrink:0;color:#41d0c6;margin-top:2px}.subpage-button{margin-top:27px}.history-summary{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;background:#0f263457;border:1px solid #26b9aa31;border-radius:14px;padding:22px;margin-top:28px}.history-summary span{font-size:12px;color:#8093ac}.history-summary strong{color:#51edc3;font-size:30px}.history-summary strong small{font-size:13px}.history-summary>span:last-child{margin-left:auto}.history-list{padding-top:20px}.history-row{display:flex;align-items:center;gap:12px;padding:17px 4px;border-bottom:1px solid #ffffff10}.history-bolt{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#37efc5;background:#1dd4b522;flex-shrink:0}.history-row>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.history-row strong{font-size:12px}.history-row small{font-size:11px;color:#73849e}.history-value{font-size:18px;color:#38e6bf;font-weight:750;white-space:nowrap}.history-value small{margin-left:4px;font-size:10px}.empty-history{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:240px;color:#7c90ad;gap:13px;text-align:center}.empty-history svg{color:#32cfb8}.empty-history strong{color:#dbe8fa;font-size:14px}.empty-history p{font-size:12px;margin:0}.history-clear{margin:25px 0 0 12px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding:22px 0;border-bottom:1px solid #ffffff15}.settings-row>div{display:flex;flex-direction:column;gap:7px}.settings-row strong{font-size:15px}.settings-row small{font-size:12px;color:#8496b1}.switch{width:49px;height:27px;border-radius:20px;border:1px solid #ffffff29;background:#39425a;padding:3px;display:flex;align-items:center;transition:background .2s;flex-shrink:0}.switch i{width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .2s}.switch.enabled{background:#21c5a0}.switch.enabled i{transform:translate(21px)}.settings-info{display:flex;align-items:flex-start;gap:15px;background:#101a2e;margin-top:26px;padding:19px;border-radius:13px;border:1px solid #ffffff12}.settings-info>svg{color:#3fddc3;flex-shrink:0}.settings-info strong{font-size:14px}.settings-info p{font-size:12px;color:#899cb6;line-height:1.85;margin:7px 0 0}.drawer-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drawer{height:100%;width:min(355px,88vw);background:#151c2f;border-left:1px solid #ffffff22;padding:25px;box-shadow:-24px 0 60px #0007;animation:drawerIn .25s both}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #ffffff16;margin-bottom:18px}.drawer-head>span{display:flex;gap:9px;align-items:center;font-size:17px;font-weight:800}.drawer-head>span svg{color:#38ecc6}.drawer>button:not(.icon-button){width:100%;display:flex;align-items:center;gap:16px;background:transparent;border:0;color:#d7e4f4;padding:17px 4px;text-align:left;font-size:13px;border-bottom:1px solid #ffffff0e}.drawer>button:not(.icon-button)>svg:first-child{color:#33d5bc}.drawer>button:not(.icon-button)>svg:last-child{margin-left:auto;color:#576b88}.drawer-note{display:flex;align-items:flex-start;gap:9px;color:#7489a4;font-size:11px;line-height:1.8;margin-top:28px}.drawer-note svg{flex-shrink:0;color:#39ddba}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.72)}}@keyframes breath{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.1);opacity:1}}@keyframes loadbar{0%{transform:translate(-125%)}to{transform:translate(350%)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-13px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.reduced-motion .orb-halo,.reduced-motion .ready-glow,.reduced-motion .orbit-ring,.reduced-motion .pulsing-dot,.reduced-motion .running-beacon{animation:none!important}.reduced-motion .orbit-ring{border-color:#27d9c960}.reduced-motion .loading-progress span{animation:none;width:100%}@media(max-width:950px){.main-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);gap:15px}.layout-container{width:min(100% - 40px,1080px)}.info-card{padding:20px}.dashboard-card{min-height:655px}.meter-screen{padding-left:18px;padding-right:18px}.dashboard-top{padding-left:21px;padding-right:21px}.quality-strip{margin:0 6px}.metric-card{padding:12px 10px}.metric-number{font-size:26px}.metric-title span{display:none}.latency-strip{font-size:9px}}@media(max-width:720px){.app-shell{background:radial-gradient(ellipse at 50% 18%,#141e37,transparent 74%),#090d1b}.layout-container{width:100%;padding:0 14px 18px}.topbar{height:75px;margin:0 -1px;border-bottom:none}.brand-icon{width:39px;height:39px;border-radius:12px}.brand-name{font-size:18px}.brand-caption{font-size:8px;letter-spacing:1.9px}.header-controls{gap:9px}.header-demo{display:none}.top-connection{font-size:10px;padding:7px 9px}.header-menu{width:35px;height:35px;border:0;background:transparent}.hero-heading{margin:20px 0 21px}.eyebrow{font-size:8px;letter-spacing:1.7px;gap:7px}.eyebrow-line{width:17px}.hero-heading h1{font-size:28px;letter-spacing:-1px;margin-top:11px}.hero-heading p{font-size:11px}.main-grid{display:block}.dashboard-card{min-height:605px;border-radius:19px}.dashboard-top{padding:20px 17px 0}.section-label{font-size:12px}.demo-flag{font-size:9px}.state-screen{min-height:560px}.ready-orb-wrap{height:330px}.sidebar{gap:13px;margin-top:16px}.info-card{border-radius:17px}.step-card{display:block}.tip-card{display:none}.network-overview{padding:22px}.network-overview h3{margin-bottom:20px}.network-identity{margin-bottom:5px}.network-divider{margin-top:20px}.foot-disclaimer{margin-top:22px;font-size:10px;padding:0 5px 5px}.bottom-nav{display:flex;position:sticky;bottom:0;z-index:20;width:100%;background:#0a0e1bf5;border-top:1px solid #ffffff15;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 10px calc(11px + env(safe-area-inset-bottom));justify-content:space-around;gap:5px}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0;border:0;background:transparent;color:#67738e;font-size:10px;padding:5px 0}.bottom-nav button.selected{color:#36e7c2}.bottom-nav button.selected svg{filter:drop-shadow(0 0 9px #2dd6bd5a)}.bottom-nav button span{white-space:nowrap}.meter-screen{padding:15px 14px 20px}.meter-headline{margin-bottom:14px}.metric-cards{gap:10px}.metric-card{border-radius:11px;padding:13px 11px 10px}.metric-title{font-size:11px}.metric-number{font-size:28px}.latency-strip{margin:18px 0 17px;justify-content:space-between}.latency-strip b{font-size:12px}.quality-strip{margin:0 10px}.gauge-wrap{max-width:430px;margin-top:-2px;margin-bottom:-17px}.meter-speed{font-size:clamp(37px,12vw,53px)}.meter-bottom{margin-top:-17px}.success-status{padding:12px}.success-status strong{font-size:12px}.success-status span{font-size:10px}.active-actions .outline-action{padding:11px 9px}.subpage-heading{margin:27px 0 22px}.subpage-heading h1{font-size:27px}.subpage-card{padding:22px 20px;min-height:500px;border-radius:18px}.subpage-card h2{font-size:18px}.subpage-card-top p{font-size:11px}.diagnostic-summary{padding:32px 5px;gap:17px}.diagnostic-ring{width:85px;height:85px}.diagnostic-summary h3{font-size:20px}.diagnostic-grid>div{padding:15px}.history-summary>span:last-child{margin-left:0;width:100%}}@media(max-width:390px){.layout-container{padding-left:10px;padding-right:10px}.top-connection{font-size:9px}.brand{gap:8px}.brand-name{font-size:16px}.brand-caption{letter-spacing:1.2px}.hero-heading h1{font-size:26px}.ready-orb-wrap{height:315px}.ready-orb{width:252px;height:252px}.ready-orb strong{font-size:28px}.state-screen{min-height:548px}.dashboard-card{min-height:593px}.meter-screen{padding-left:10px;padding-right:10px}.dashboard-top{padding-left:13px;padding-right:13px}.metric-number{font-size:25px}.quality-strip{margin:0}.latency-strip{gap:3px}.latency-strip>span{gap:4px}.gauge-wrap{margin-bottom:-20px}.meter-bottom{margin-top:-21px}}@media(min-width:721px){.layout-container{padding-bottom:65px}}@media(prefers-reduced-motion:reduce){.orbit-ring,.orb-halo,.ready-glow,.pulsing-dot,.running-beacon{animation:none!important}}.language-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:80px;height:37px;padding:0 11px;border-radius:11px;border:1px solid #2bd4ba42;background:linear-gradient(130deg,#173b4a85,#172540c9);color:#bdf5ec;font-size:12px;font-weight:800;white-space:nowrap;transition:border-color .2s,box-shadow .2s}.language-picker:hover,.language-picker:focus-within{border-color:#32ead2;box-shadow:0 0 20px #27dfbc1b}.language-picker>svg{flex-shrink:0;color:#39edc9}.language-picker>select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.language-picker>select:focus-visible{outline:2px solid #2ce8c1;outline-offset:3px;opacity:.01}.settings-language-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:30px;padding:22px 0;border-bottom:1px solid #ffffff15}.settings-language-row>div{display:flex;flex-direction:column;gap:7px;min-width:0}.settings-language-row strong{display:flex;gap:8px;align-items:center;font-size:15px;color:#e8f8ff}.settings-language-row strong svg{color:#39e8c5}.settings-language-row small{font-size:12px;color:#8496b1;line-height:1.65}.settings-language-select{flex-shrink:0;max-width:100%;width:195px;min-height:42px;border:1px solid #2ce8c147;border-radius:11px;color:#e2fff8;background:#1d3046;padding:0 12px;font-size:13px;font-weight:700;cursor:pointer}.settings-language-select:focus-visible{outline:2px solid #2ce8c1;outline-offset:2px}.settings-language-note{margin:12px 0 4px;font-size:11px;line-height:1.6;color:#6d819d}.dashboard-top{gap:10px}.section-label{min-width:0;line-height:1.4}.section-label span:last-child{overflow-wrap:anywhere}.demo-flag{flex-shrink:0}.hero-heading h1{line-height:1.25}.hero-heading h1 span{display:inline-block;margin-left:.18em}.ready-orb strong{max-width:88%;text-align:center;line-height:1.22;font-size:clamp(21px,2.6vw,31px);overflow-wrap:anywhere}.ready-tap{max-width:88%;text-align:center;justify-content:center;line-height:1.45}.state-overline{max-width:95%;text-align:center;line-height:1.5}.ready-checks{flex-wrap:wrap;row-gap:10px}.metric-title{min-width:0}.metric-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter-headline{gap:12px}.meter-headline .running-badge{min-width:0;line-height:1.4}.latency-strip>span{min-width:0}.latency-strip>span:last-child{overflow-wrap:anywhere}.success-status{min-width:0}.success-status>div:nth-child(2){min-width:0}.success-status strong,.success-status span{line-height:1.45;overflow-wrap:anywhere}.active-actions.outline-action{min-width:0;white-space:normal;text-align:center}.property-row>span:last-child{max-width:55%;text-align:right;overflow-wrap:anywhere}.network-names{min-width:0;overflow-wrap:anywhere}.bottom-nav button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.header-controls{gap:6px}.top-connection{display:none}.language-picker{height:34px;min-width:70px;padding:0 8px;gap:5px;font-size:11px}.language-picker>svg:first-child{width:15px;height:15px}.ready-orb strong{font-size:clamp(21px,5.3vw,30px)}.settings-language-row{align-items:stretch;flex-direction:column;gap:15px}.settings-language-select{width:100%}.meter-headline .running-badge{font-size:11px}.demo-flag{font-size:8px;padding:6px}}@media(max-width:390px){.brand-caption{letter-spacing:1px;font-size:7px;max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-name{font-size:16px}.language-picker{min-width:61px;padding:0 6px;gap:3px}.language-picker>svg:last-of-type{width:11px}.header-menu{width:30px}.latency-strip{flex-wrap:wrap;row-gap:7px}.metric-title,.section-label{font-size:10px}}.ip-section-divider{margin:18px 0 8px;opacity:.7}.property-row.ip-property-row{margin-top:12px;align-items:flex-start}.ip-property-row>span:first-child{flex-shrink:0}.ip-property-row .ip-value,.ip-value{color:#dcefff;letter-spacing:.1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}.ip-property-row .ip-country{color:#35e9c8;overflow-wrap:anywhere;word-break:break-word;text-align:right}.ip-property-row .ip-muted{color:#8796ae}.ip-note{display:flex;align-items:flex-start;gap:7px;color:#71839d;font-size:10px;line-height:1.6;margin-top:15px}.ip-note>svg{flex-shrink:0;margin-top:1px;color:#6d83a0}.ip-note>span{flex:1;min-width:0}.ip-refresh-button{flex-shrink:0;margin:-6px -5px -6px 0;width:30px;height:30px;display:grid;place-items:center;color:#37dec6;background:#36e5c514;border:1px solid #3bd8c12b;border-radius:9px}.ip-refresh-button:hover{border-color:#36e5c5}.ip-refresh-button:disabled{opacity:.55;cursor:default}.ip-refresh-button.rotating svg{animation:spin 1.2s linear infinite}.diagnostic-grid .ip-value{font-size:clamp(11px,1.2vw,14px);line-height:1.6}@media(max-width:720px){.sidebar .step-card{display:block;padding:21px 22px}.step-card h3{margin-bottom:19px}.steps .step{min-height:65px}.step-card .step:last-child{min-height:40px}.ip-section-divider{margin-top:17px}.ip-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.ip-refresh-button.rotating svg{animation:none}}