*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html{overflow-x:clip;overscroll-behavior-x:none}:root{--color-bg: #0a0e1a;--color-bg-secondary: #13182b;--color-border: #2a3244;--color-text-primary: #e6edf3;--color-text-secondary: #9ba3af;--color-text-tertiary: #6b7280;--color-accent: #4f9eff;--color-accent-bright: #70b8ff;--color-success: #2dd4bf;--color-success-dim: #14b8a6;--color-warning: #fbbf24;--color-danger: #f87171;--color-card-bg: #0f1624;--color-card-border: #1e2a42;--color-hover: #1a2333;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #4f9eff 0%, #2dd4bf 100%);--gradient-card: linear-gradient(145deg, rgba(19, 24, 43, .8) 0%, rgba(15, 22, 36, .9) 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0a0e1a,#1a1f2e,#0f1521);color:var(--color-text-primary);line-height:1.6;min-height:100vh;padding:0;margin:0;position:relative}body:before{content:"";position:fixed;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(79,158,255,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(45,212,191,.06) 0%,transparent 50%);animation:rotate 40s linear infinite;pointer-events:none;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:32px;position:relative;z-index:1}header{margin-bottom:40px;text-align:center;animation:fadeIn .8s ease-out}h1{font-size:40px;font-weight:700;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-.5px}.subtitle{font-size:16px;color:var(--color-text-secondary)}.progress-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;margin-bottom:24px;box-shadow:0 2px 10px #0003}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#7bb3ff 100%);transition:width .3s ease;border-radius:4px;position:relative}.progress-text{margin-top:8px;font-size:14px;color:var(--color-text-secondary)}.main-layout{display:grid;grid-template-columns:400px 1fr;gap:24px;margin-bottom:32px;align-items:start}.main-layout.three-column{overflow:visible;grid-template-columns:minmax(320px,2fr) minmax(360px,2fr) minmax(500px,4fr);gap:20px;align-items:start}.main-layout.two-column{overflow:visible;grid-template-columns:minmax(360px,.8fr) minmax(400px,1.2fr);gap:24px;align-items:start}.layout-column-right{display:flex;flex-direction:column;gap:20px;min-width:0}.layout-map-banner{width:100vw;max-width:100vw;margin-top:-16px;margin-bottom:0;margin-left:0;padding:0;overflow:hidden;background:transparent;border:none;scroll-margin-top:80px;display:flex;flex-direction:column;align-items:center;transition:margin-top .3s ease}.map-banner-title{text-align:center;font-size:40px;font-weight:700;background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0 32px;letter-spacing:-.5px;white-space:nowrap;scroll-margin-top:16px}.layout-map-banner .world-map-wrapper{min-height:600px;max-height:none;display:flex;justify-content:center}@media (max-width: 768px){.layout-map-banner{margin-top:16px;margin-left:0;padding:0;width:100%}.map-banner-title{font-size:24px;margin:0 0 8px;padding:0;width:100%}.layout-map-banner .world-map-wrapper{min-height:auto;width:100%;padding:0;margin:0}.layout-map-banner .world-map-container{width:100%;padding:0;margin:0}}.layout-column-map{overflow:visible;display:flex;align-items:flex-start;justify-content:center}.layout-column-map .world-map-container{margin:0;max-width:100%}.layout-column-map .world-map-wrapper{min-height:300px;max-width:100%}.layout-column-score{min-width:0}.layout-column-score .score-section{position:relative;top:0}.layout-column-tests{min-width:0}.layout-column-tests .section{max-height:none;overflow:hidden;position:relative}.layout-column-tests .section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:.8;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.sidebar-content{display:flex;flex-direction:column;gap:24px;width:100%}.dashboard-content{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.score-section{background:var(--gradient-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:0;box-shadow:var(--shadow-lg);position:sticky;top:20px;overflow:hidden;backdrop-filter:blur(10px)}.score-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:.8}.score-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(79,158,255,.05) 0%,transparent 60%);pointer-events:none}.score-display{display:flex;flex-direction:column;gap:20px}.score-left,.score-right{width:100%}.ip-display{display:flex;flex-direction:column;gap:8px}.ip-display-item{background:#13182b80;border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ip-display-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.ip-display-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translate(2px)}.ip-display-item:hover:before{opacity:1}.ip-display-label{font-size:10px;font-weight:700;color:var(--color-text-tertiary);letter-spacing:.5px;margin-bottom:6px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ip-address-row{display:flex;align-items:center;gap:8px}.ip-display-value{font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:13px;color:var(--color-accent-bright);word-break:break-all;font-weight:500;flex:1}.copy-btn{flex-shrink:0;width:24px;height:24px;padding:4px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.5}.copy-btn:hover{opacity:.8;background:#4f9eff14;border-color:#4f9eff26;color:var(--color-accent);transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{background:#2dd4bf14;border-color:#2dd4bf26;color:var(--color-success-dim);opacity:.7}.copy-btn svg{width:13px;height:13px}.world-map-link{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background:transparent;border:1px solid var(--color-card-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.world-map-link:hover{background:#4f9eff14;border-color:#4f9eff4d;color:var(--color-accent)}.world-map-link svg{transition:transform .2s ease}.world-map-link:hover svg{transform:translateY(3px)}.world-map-link.score-excellent{background:#2dd4bf1a;border-color:#2dd4bf66;color:var(--color-success)}.world-map-link.score-excellent:hover{background:#2dd4bf26;border-color:#2dd4bf99}.world-map-link.score-good{background:#4f9eff1a;border-color:#4f9eff66;color:var(--color-accent)}.world-map-link.score-good:hover{background:#4f9eff26;border-color:#4f9eff99}.world-map-link.score-partial{background:#fbbf241a;border-color:#fbbf2466;color:var(--color-warning)}.world-map-link.score-partial:hover{background:#fbbf2426;border-color:#fbbf2499}.world-map-link.score-poor{background:#f871711a;border-color:#f8717166;color:var(--color-danger)}.world-map-link.score-poor:hover{background:#f8717126;border-color:#f8717199}.score-number{font-size:72px;font-weight:800;line-height:1;margin-bottom:12px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.score-number.updating{animation:popIn .3s ease-out}.score-label{font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--color-text-secondary);margin-bottom:8px}.score-text{font-size:15px;color:var(--color-text-secondary);line-height:1.4}.readiness-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;animation:slideUp .5s ease-out;height:32px}.readiness-badge.hidden{visibility:hidden;opacity:0;animation:none}.badge-button-container{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:nowrap}.badge-button-container .readiness-badge,.badge-button-container .button{flex:1}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.badge-excellent{background:linear-gradient(135deg,#3fb95033,#3fb9501a);color:var(--color-success);border:1px solid rgba(63,185,80,.3)}.badge-good{background:linear-gradient(135deg,#58a6ff33,#58a6ff1a);color:var(--color-accent);border:1px solid rgba(88,166,255,.3)}.badge-warning{background:linear-gradient(135deg,#d2992233,#d299221a);color:var(--color-warning);border:1px solid rgba(210,153,34,.3)}.badge-poor{background:linear-gradient(135deg,#f8514933,#f851491a);color:var(--color-danger);border:1px solid rgba(248,81,73,.3)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all .3s ease;box-shadow:0 2px 8px #0003}.summary-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.summary-subtext{font-size:11px;color:var(--color-text-tertiary)}.summary-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.summary-value{font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%}.status-success{background:var(--color-success)}.status-warning{background:var(--color-warning)}.status-failed{background:var(--color-danger)}.status-pending{background:var(--color-text-tertiary)}.section{background:var(--gradient-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);margin-bottom:0;overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s ease;backdrop-filter:blur(10px)}.section:hover{box-shadow:0 12px 32px #0009;transform:translateY(-2px)}.section-header{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;transition:background .2s}.section-header:hover{background:var(--color-hover)}.section-title{font-size:14px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.collapse-icon{width:14px;height:14px;transition:transform .3s;color:var(--color-text-secondary)}.collapse-icon.expanded{transform:rotate(90deg)}.section-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.section-content.expanded{max-height:1500px}.section-body{padding:20px}.ip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.ip-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.ip-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.ip-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ip-value{font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:14px;color:var(--color-text-primary);word-break:break-all}.test-list{display:flex;flex-direction:column;gap:6px}.test-item{background:#13182b66;border:1px solid var(--color-card-border);border-radius:var(--radius-md);padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.test-item-header{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;position:relative}.test-expand-icon{position:absolute;right:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--color-text-tertiary);background:#6b728014;border:1px solid rgba(107,114,128,.2);border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;will-change:transform}.test-expand-icon.expanded{transform:rotate(90deg);background:#4f9eff1f;border-color:#4f9eff4d}.test-item:hover .test-expand-icon{color:var(--color-accent);background:#4f9eff1f;border-color:#4f9eff4d}.test-item-details{height:0;overflow:hidden;transition:height .2s cubic-bezier(.4,0,.2,1),margin-top .2s cubic-bezier(.4,0,.2,1);margin-top:0;will-change:height}.test-item-details.expanded{margin-top:8px}.test-item-details-content{padding:8px 0 0 26px;border-top:1px solid var(--color-border);margin-top:8px}.test-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.test-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translate(4px)}.test-item:hover:before{opacity:1}.test-item.running{border-color:var(--color-accent);background:#4f9eff1a;box-shadow:0 0 20px #4f9eff33}.test-item.running:before{opacity:1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.test-status-icon{flex-shrink:0;width:16px;height:16px}.test-info{flex:1;min-width:0}.test-name{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.test-conclusion{font-size:13px;font-weight:500;line-height:1.3;color:var(--color-text-primary)}.test-description{font-size:11px;color:var(--color-text-secondary);line-height:1.4}.test-outcome{margin-top:10px;font-size:13px;line-height:1.5;color:var(--color-text-primary)}.test-short-message{font-size:11px;color:var(--color-text-tertiary);line-height:1.4}.hidden{display:none!important}.test-result{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-right:32px}.test-latency{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;color:var(--color-text-secondary)}.test-badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;white-space:nowrap;letter-spacing:0;min-width:28px;display:inline-flex;align-items:center;justify-content:center}.badge-success{background:#2dd4bf26;color:var(--color-success);border:1px solid rgba(45,212,191,.4);box-shadow:0 0 10px #2dd4bf1a}.badge-failed{background:#f8717126;color:var(--color-danger);border:1px solid rgba(248,113,113,.4);box-shadow:0 0 10px #f871711a}.badge-warning{background:#fbbf2426;color:var(--color-warning);border:1px solid rgba(251,191,36,.4);box-shadow:0 0 10px #fbbf241a}.badge-pending{background:#6b728026;color:var(--color-text-secondary);border:1px solid rgba(107,114,128,.3)}.badge-running{background:#4f9eff26;color:var(--color-accent-bright);border:1px solid rgba(79,158,255,.4);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #4f9eff33}50%{box-shadow:0 0 20px #4f9eff66}}.spinner{border:2px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.test-item{animation:slideIn .15s ease-out forwards;opacity:1}.test-item.visible{opacity:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;background:var(--gradient-primary);color:#fff;border:1px solid rgba(79,158,255,.3);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4f9eff4d;position:relative;overflow:hidden;letter-spacing:0;white-space:nowrap;height:32px}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.button:hover:not(:disabled):before{left:100%}.button:hover:not(:disabled){box-shadow:0 6px 24px #4f9eff66;transform:translateY(-2px);border-color:#70b8ff80}.button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #4f9eff4d}.button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.button-icon{width:14px;height:14px}footer{text-align:center;padding:48px 0 32px;color:var(--color-text-secondary);font-size:14px;border-top:1px solid var(--color-border);margin-top:32px}footer p{display:flex;align-items:center;justify-content:center;gap:8px}footer p:before,footer p:after{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}footer a{color:var(--color-accent);text-decoration:none;transition:color .2s}footer a:hover{color:#7bb3ff;text-decoration:underline}.ad-container{margin:24px 0;text-align:center;min-height:100px}.ad-container.top{margin-top:0;margin-bottom:24px}.ad-container.bottom{margin-top:32px;margin-bottom:24px}.nav-bar{z-index:1000;background:var(--gradient-card);border:none;border-bottom:1px solid var(--color-card-border);border-radius:0;padding:16px 32px;margin:0;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);position:sticky;top:0;left:0;right:0;z-index:100;width:100%;box-sizing:border-box}.nav-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.3}.nav-brand{font-size:19px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px;margin:0;line-height:1}.nav-links{display:flex;gap:6px;align-items:center;position:relative}.nav-link{text-decoration:none;font-size:16px;font-weight:700;transition:all .3s ease;position:relative;padding:10px 8px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:6px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(79,158,255,.3))}.nav-link-start,.nav-link-end{padding:10px 16px}.nav-link:hover{transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(79,158,255,.5))}.nav-link.active{text-decoration:none!important;position:relative;cursor:default;pointer-events:none}.nav-link.active:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:var(--radius-md);background:linear-gradient(var(--color-bg-primary),var(--color-bg-primary)) padding-box,linear-gradient(135deg,#4fc8ff,#70e6b4e6) border-box;z-index:-1}.nav-link.active:after{content:"";position:absolute;inset:2px;background:linear-gradient(135deg,#4fc8ff40,#70e6b433);border-radius:calc(var(--radius-md) - 2px);z-index:-1}.nav-link.active:hover{transform:none!important}.nav-link-cta{background:var(--gradient-primary)!important;color:#fff!important;border:1px solid rgba(79,158,255,.4);box-shadow:0 4px 16px #4f9eff40;font-weight:700;overflow:hidden;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;-webkit-text-fill-color:white!important;text-decoration:none!important;filter:none!important;padding:10px 24px!important;margin-right:12px}.nav-link-cta:after{display:none}.nav-link-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.nav-link-cta:hover{color:#fff;box-shadow:0 6px 24px #4f9eff66;transform:translateY(-2px);border-color:#70b8ff99;background:var(--gradient-primary)}.nav-link-cta:hover:before{left:100%}.nav-link-extension{background:#4f9eff14!important;color:var(--color-accent-bright)!important;border:1px solid rgba(79,158,255,.35);box-shadow:0 2px 8px #4f9eff1a;font-weight:600;position:relative;overflow:hidden;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;-webkit-text-fill-color:var(--color-accent-bright)!important;text-decoration:none!important;filter:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.nav-link-extension:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,158,255,.12),transparent);transition:left .6s ease}.nav-link-extension:hover:before{left:100%}.nav-link-extension:hover{transform:translateY(-2px);background:#4f9eff26!important;box-shadow:0 4px 16px #4f9eff33;border-color:#4f9eff80;-webkit-text-fill-color:#7bb3ff!important}.nav-link-extension:active{transform:translateY(0);box-shadow:0 2px 8px #4f9eff26}.extension-icon{width:17px;height:17px;color:currentColor}.icon{display:inline-block;width:16px;height:16px;vertical-align:middle}.how-it-works-panel{background:var(--gradient-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:1.25rem;margin-top:1.5rem;box-shadow:var(--shadow-md)}.how-it-works-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.how-it-works-icon{width:36px;height:36px;border-radius:var(--radius-md);background:#4f9eff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent-bright)}.how-it-works-header h3{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.how-it-works-header p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.how-it-works-pill{margin-left:auto;padding:.25rem .75rem;background:#2dd4bf1a;border:1px solid rgba(45,212,191,.25);border-radius:999px;font-size:.6875rem;font-weight:600;color:var(--color-success);white-space:nowrap;flex-shrink:0}.how-it-works-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.how-it-works-step{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;background:#13182b4d;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.how-it-works-step-number{display:none}.how-it-works-item{flex:1;display:flex;align-items:flex-start;gap:.5rem}.how-it-works-item-icon{width:24px;height:24px;border-radius:var(--radius-sm);background:#2dd4bf1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-success)}.how-it-works-item-icon svg{width:14px;height:14px}.how-it-works-item-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.0625rem}.how-it-works-item-desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}@media (max-width: 768px){body{padding:0;margin:0}body:before{animation:rotate 60s linear infinite}.container{padding:16px}.nav-bar{flex-direction:column;gap:12px;padding:16px 20px}.nav-brand{font-size:17px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px}.nav-link{padding:7px 16px;font-size:13px}.nav-link-start,.nav-link-end{padding:7px 16px}.nav-link-cta{padding:8px 18px}.nav-link-extension{padding:7px 14px!important;font-size:13px}.extension-icon{width:16px!important;height:16px!important;stroke-width:2.2}header{margin-bottom:24px}h1{font-size:28px;line-height:1.2}.subtitle{font-size:14px}.main-layout{grid-template-columns:1fr 360px}.layout-column-map{overflow:visible;order:1}.layout-column-score{order:2}.layout-column-tests{grid-column:1 / -1;order:3}}@media (max-width: 900px){.main-layout.three-column{overflow:visible;grid-template-columns:1fr;gap:16px}.main-layout.two-column{grid-template-columns:1fr;gap:16px}.layout-column-map{overflow:visible;order:1}.layout-column-score{order:1}.layout-column-tests,.layout-column-right{order:2}}@media (max-width: 480px){.score-display{flex-direction:column;gap:20px}.score-label{font-size:13px}.score-number{font-size:56px}.score-text{font-size:15px}.ip-display-item{padding:10px 12px}.ip-display-label{font-size:10px}.ip-display-value{font-size:12px}.copy-btn{width:22px;height:22px;padding:4px}.copy-btn svg{width:11px;height:11px}.readiness-badge{font-size:13px;padding:7px 14px}.badge-button-container{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.button{padding:9px 18px;font-size:13px}.section{margin-bottom:16px}.section-body{padding:16px}.test-item{padding:12px 14px;gap:10px}.test-name{font-size:13px}.test-description{font-size:11px}.test-badge{font-size:13px;padding:4px 8px;min-width:26px}.test-latency{font-size:11px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-card{padding:16px}.summary-label{font-size:12px}.summary-value{font-size:18px}.ip-grid{grid-template-columns:1fr}footer{padding:32px 0 24px;font-size:13px}footer p:before,footer p:after{width:30px}}@media (max-width: 480px){body{padding:12px}h1{font-size:24px}.subtitle{font-size:13px}.nav-bar{padding:14px 16px}.nav-brand{font-size:16px}.nav-link{padding:7px 14px;font-size:12px}.nav-link-start,.nav-link-end{padding:7px 14px}.nav-link-extension{padding:7px 12px!important;font-size:12px}.extension-icon{width:15px!important;height:15px!important;stroke-width:2.3}.score-section{padding:16px}.score-label{font-size:12px}.score-number{font-size:44px}.score-text{font-size:14px}.ip-display-item{padding:8px 10px}.copy-btn{width:20px;height:20px;padding:3px}.copy-btn svg{width:10px;height:10px}.readiness-badge{font-size:12px;padding:6px 12px}.badge-button-container{width:100%}.button{padding:10px 16px;font-size:13px;width:100%;justify-content:center}.section-body{padding:12px}.test-item{padding:10px 12px}.test-name{font-size:13px}.test-description{font-size:11px}.summary-grid{grid-template-columns:1fr;gap:10px}.summary-card{padding:14px}footer{padding:28px 0 20px;font-size:12px}footer p{flex-direction:column;gap:12px}footer p:before,footer p:after{display:none}}