:root{--ink:#192e43;--muted:#687d90;--soft:#8798a7;--line:#e2eaf0;--paper:#fff;--canvas:#f6f9fb;--blue:#2465d7;--blue-dark:#1a4eaa;--teal:#1b9d83;--green:#4ebd32;--shadow:0 12px 34px rgba(26,57,84,.08);--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:21px;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}a{color:inherit}.site-header{height:76px;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #edf1f4}.header-inner{height:100%;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}.brand-symbol{width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#2e78df,#144caa);display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-2deg)}.brand-symbol span{width:3px;border-radius:3px;background:#fff;transform:skew(-20deg)}.brand-symbol span:nth-child(1){height:11px}.brand-symbol span:nth-child(2){height:18px}.brand-symbol span:nth-child(3){height:13px}.brand-name{display:flex;flex-direction:column;gap:3px}.brand-name strong{font-size:19px;letter-spacing:.12em;font-weight:800}.brand-name small{font-size:13px;letter-spacing:.13em;color:#7c8d9b;font-weight:700}.site-nav{display:flex;align-items:center;gap:34px}.site-nav>a:not(.nav-cta){color:#425469;text-decoration:none;font-size:18px;font-weight:600;transition:color .15s}.site-nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid #dfe8f1;border-radius:6px;background:#fff;color:#315579;text-decoration:none;font-size:16px;font-weight:700;transition:border .15s,background .15s}.nav-cta:hover{border-color:#c7d9ef;background:#f8fbff}.nav-cta span{font-size:21px}.menu-toggle{display:none}.hero{min-height:524px;position:relative;overflow:hidden;background:#f3f6f8;display:flex;justify-content:center;align-items:flex-start;text-align:center;padding:70px 24px 39px}.hero-content{width:min(900px,100%);position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}.hero-glow-left{width:400px;height:400px;left:-210px;top:18px;background:radial-gradient(circle,#e3eef9 0,rgba(227,238,249,0) 70%)}.hero-glow-right{width:470px;height:430px;right:-220px;bottom:-170px;background:radial-gradient(circle,#e2f1ed 0,rgba(226,241,237,0) 70%)}.free-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #dce8e8;border-radius:20px;background:#f8fbfa;color:#537d72;font-size:14px;font-weight:700;letter-spacing:.105em}.free-dot{width:6px;height:6px;border-radius:50%;background:#2caa83;box-shadow:0 0 0 3px #2caa831a}.hero h1{margin:18px 0 11px;color:#172d42;font-size:clamp(38px,calc(4.6vw + 3px),55px);line-height:1.13;font-weight:600;letter-spacing:-.045em}.hero-subtitle{margin:0 auto;max-width:620px;color:#6d7e8d;font-size:21px;line-height:1.65}.test-form{display:grid;grid-template-columns:minmax(280px,1.65fr) minmax(220px,1.05fr) 158px;gap:10px;align-items:end;max-width:930px;margin:31px auto 0;text-align:left;padding:17px;background:#fff;border:1px solid #e0e7ec;border-radius:9px;box-shadow:0 9px 27px rgba(37,63,83,.08)}.url-field,.location-field{display:flex;flex-direction:column;gap:7px;min-width:0}.field-label{font-size:15px;font-weight:700;color:#536579}.url-control,.location-control{height:47px;display:flex;align-items:center;border:1px solid #dce4ea;border-radius:5px;background:#fff;transition:border .15s,box-shadow .15s}.url-control:focus-within,.location-control:focus-within{border-color:#73a1e4;box-shadow:0 0 0 3px #2465d71a}.url-prefix{margin:0 10px 0 13px;color:#6a8dc1;font-size:21px;transform:rotate(-30deg)}.url-control input{width:100%;height:100%;padding:0 12px 0 0;border:0;outline:0;background:transparent;color:#293e52;font-size:18px}.url-control input::placeholder{color:#9aa7b2}.location-control{position:relative}.pin-icon{position:absolute;left:12px;color:#4272b1;font-size:22px;pointer-events:none}.location-control select{width:100%;height:100%;padding:0 32px 0 37px;border:0;outline:0;background:transparent;color:#354b61;font-size:18px;appearance:none;cursor:pointer}.location-control:after{content:'⌄';position:absolute;right:12px;top:13px;color:#8796a4;pointer-events:none}.start-button{height:47px;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:5px;background:var(--green);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 9px #4ebd322b;transition:background .15s,transform .15s}.start-button:hover{background:#40a924;transform:translateY(-1px)}.button-arrow{font-size:21px;font-weight:400}.field-error{min-height:0;color:#c54e55;font-size:15px}.url-field.has-error .url-control{border-color:#cd6668}.url-field.has-error .field-error{min-height:12px}.hero-points{display:flex;justify-content:center;gap:24px;margin:17px 0 0;color:#788894;font-size:15px}.hero-points span{display:flex;align-items:center;gap:5px}.hero-points i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#e1f2eb;color:#248a69;font-size:14px;font-style:normal;font-weight:700}.preview-note{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;color:#8997a3;font-size:14px}.preview-note span{font-size:18px;color:#829aae}.hero-bottom-line{height:1px;position:absolute;bottom:0;left:8%;right:8%;background:linear-gradient(90deg,transparent,#dbe3e9,transparent)}.intro-section{max-width:1120px;margin:0 auto;padding:73px 30px 78px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-kicker{color:#37816e;font-size:14px;font-weight:700;letter-spacing:.14em}.section-copy h2,.sitemap-copy h2{margin:13px 0;color:#1d344a;font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.section-copy>p,.sitemap-copy>p{max-width:475px;color:#718394;font-size:19px;line-height:1.8}.text-link{display:inline-flex;gap:10px;align-items:center;margin-top:12px;color:#2864b7;text-decoration:none;font-size:16px;font-weight:700}.text-link span{font-size:21px}.region-card{padding:23px 25px 16px;border:1px solid #e4ebf0;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.region-card-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.region-card-top h3{margin:6px 0 0;color:#233a51;font-size:21px;font-weight:600}.globe-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef6f4;color:#328d77;font-size:29px}.region-row{min-height:58px;display:flex;align-items:center;gap:12px;border-top:1px solid #edf1f4}.region-pin{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:14px}.india-pin{background:#fff3e8;color:#eb8f4b}.australia-pin{background:#ecf2ff;color:#4e7dd0}.global-pin{background:#f2effa;color:#8671ba}.region-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.region-row strong{color:#3c5064;font-size:16px}.region-row small{color:#8997a4;font-size:14px}.region-status{color:#9eabb5;font-size:12px;font-weight:700;letter-spacing:.1em}.region-note{margin:10px 0 0;padding-top:11px;border-top:1px solid #edf1f4;color:#97a3ad;font-size:14px;line-height:1.55}.measure-section{padding:70px 30px 76px;background:#f6f8fa}.measure-heading{max-width:720px;margin:0 auto 30px;text-align:center}.measure-heading h2{margin:10px 0;color:#20364b;font-size:32px;line-height:1.25;font-weight:600;letter-spacing:-.035em}.measure-heading p{margin:0 auto;max-width:615px;color:#798a98;font-size:18px;line-height:1.7}.measure-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.measure-card{min-height:250px;padding:20px 20px 17px;border:1px solid #e4eaf0;border-radius:9px;background:#fff;box-shadow:0 4px 16px rgba(26,57,84,.035)}.measure-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:24px}.timing-icon{background:#edf3ff;color:#4b77c3}.content-icon{background:#eaf6f2;color:#309578}.response-icon{background:#f5f0fb;color:#876eb6}.measure-card h3{margin:14px 0 6px;color:#30465c;font-size:19px}.measure-card>p{min-height:35px;margin:0 0 13px;color:#8997a4;font-size:15px;line-height:1.6}.legend-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px;padding-top:12px;border-top:1px solid #edf1f4}.legend-list>span{display:flex;align-items:center;gap:7px;color:#748494;font-size:14px}.legend-dot{width:7px;height:7px;border-radius:50%}.dns{background:#7188d6}.ssl{background:#38a185}.connect{background:#d6ad48}.send{background:#cf806e}.wait{background:#488bd4}.receive{background:#9175c4}.blocked{background:#aab5bf}.type-chip{width:16px;height:16px;display:grid;place-items:center;border-radius:4px;font-size:12px;font-style:normal;font-weight:700}.type-chip.html{background:#fff0e6;color:#d77a45}.type-chip.js{background:#fff5d8;color:#bb9415}.type-chip.css{background:#e9f1ff;color:#557fd0}.type-chip.image{background:#e8f5ee;color:#4b9c7e}.type-chip.text{background:#f0ecfc;color:#8270bb}.type-chip.other{background:#eef1f4;color:#73818e}.response-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:13px;border-top:1px solid #edf1f4}.response-list span{display:grid;grid-template-columns:9px 1fr;align-items:center;gap:5px}.response-dot{width:7px;height:7px;border-radius:50%}.response-dot.success{background:#42a37b}.response-dot.redirect{background:#5590cd}.response-dot.client-error{background:#d99b48}.response-dot.server-error{background:#d26768}.response-list strong{color:#52667a;font-size:14px}.response-list small{grid-column:2;color:#909da9;font-size:12px}.solution-callout{max-width:1120px;margin:14px auto 0;padding:15px 17px;display:flex;align-items:center;gap:12px;border:1px solid #dcece5;border-radius:8px;background:#f1f8f5}.solution-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;background:#def0e8;color:#238a6d}.solution-callout strong{color:#3d6256;font-size:15px}.solution-callout p{margin:4px 0 0;color:#83978f;font-size:14px;line-height:1.55}.sitemap-section{max-width:1120px;min-height:247px;margin:0 auto;padding:58px 30px;display:flex;align-items:center;gap:64px}.sitemap-art{width:240px;height:130px;position:relative;flex:none;border-radius:8px;background:linear-gradient(140deg,#f1f6fb,#f5faf8)}.map-node{position:absolute;width:30px;height:23px;border:1px solid #cedceb;border-radius:5px;background:#fff;box-shadow:0 3px 7px #425c7210}.map-node:after{content:'';position:absolute;left:5px;right:5px;top:6px;height:2px;background:#9eb6d3;box-shadow:0 5px #d0dce8}.node-a{left:18px;top:54px;border-color:#a4bfdc}.node-b{left:104px;top:21px}.node-c{left:104px;top:87px}.node-d{right:18px;top:54px;border-color:#aad4c7}.map-connector{position:absolute;height:1px;background:#a9c4d5;transform-origin:left center}.connector-a{left:47px;top:64px;width:59px;transform:rotate(-22deg)}.connector-b{left:47px;top:65px;width:59px;transform:rotate(22deg)}.connector-c{left:134px;top:65px;width:60px}.sitemap-copy h2{margin:9px 0;font-size:31px}.sitemap-copy>p{margin:0 0 16px;font-size:16px;max-width:600px}.secondary-button{height:35px;padding:0 12px;border:1px solid #d5e3ef;border-radius:5px;background:#fff;color:#315f9b;font-size:15px;font-weight:700;transition:background .15s,border .15s}.secondary-button:hover{background:#f5f9ff;border-color:#bdd2e8}.secondary-button span{margin-left:8px;font-size:20px}.site-footer{background:#f7f9fa;border-top:1px solid #e9eef2}.footer-inner{max-width:1240px;min-height:81px;margin:auto;padding:15px 30px;display:flex;align-items:center;gap:25px}.footer-brand .brand-symbol{width:30px;height:30px;border-radius:7px}.footer-brand .brand-name strong{font-size:15px}.footer-brand .brand-name small{font-size:12px}.footer-inner>p{margin:0;color:#8b99a5;font-size:15px}.copyright{margin-left:auto;color:#94a0aa;font-size:14px}.toast{position:fixed;right:22px;bottom:20px;z-index:40;max-width:min(430px,calc(100vw - 32px));padding:13px 16px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#4b6074;box-shadow:0 10px 28px #142c451f;font-size:16px;line-height:1.55;opacity:0;transform:translateY(9px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.header-inner{padding:0 22px}.site-nav{gap:20px}.intro-section{gap:45px}.sitemap-section{gap:38px}.measure-grid{gap:9px}.measure-card{padding:17px 15px}.response-list{grid-template-columns:repeat(2,1fr);gap:10px}.response-list small{font-size:13px}}
@media(max-width:700px){html{scroll-padding-top:68px}.site-header{height:66px}.header-inner{padding:0 17px}.menu-toggle{width:35px;height:35px;display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid #e1e8ee;border-radius:6px;background:#fff;padding:0 8px}.menu-toggle span{height:1.5px;background:#4d6479;border-radius:2px}.site-nav{position:absolute;top:65px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:8px 17px 15px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 9px 18px #24394a0d}.site-nav.open{display:flex;flex-direction:column}.site-nav>a:not(.nav-cta){padding:12px 2px;border-bottom:1px solid #f0f3f6}.nav-cta{justify-content:center;margin-top:12px}.hero{min-height:auto;padding:54px 16px 31px}.hero h1{font-size:41px}.hero-subtitle{max-width:490px;font-size:19px}.test-form{max-width:470px;grid-template-columns:1fr 1fr;gap:10px;padding:13px;margin-top:25px}.url-field{grid-column:1/-1}.start-button{grid-column:1/-1}.hero-points{gap:12px;flex-wrap:wrap;font-size:14px}.preview-note{max-width:430px;line-height:1.5}.intro-section{padding:54px 20px;grid-template-columns:1fr;gap:29px}.section-copy h2{font-size:34px}.region-card{max-width:540px;width:100%;margin:auto}.measure-section{padding:54px 18px}.measure-heading h2{font-size:30px}.measure-grid{max-width:540px;grid-template-columns:1fr}.measure-card{min-height:0;padding:18px}.measure-card>p{min-height:0}.legend-list{max-width:400px}.response-list{grid-template-columns:repeat(4,1fr)}.solution-callout{max-width:540px}.sitemap-section{padding:47px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:23px}.sitemap-art{width:min(100%,300px);height:130px;align-self:center}.sitemap-copy h2{font-size:30px}.footer-inner{padding:16px 18px;flex-wrap:wrap;gap:12px}.footer-inner>p{display:none}.copyright{font-size:13px}}
@media(max-width:430px){.brand-symbol{width:33px;height:33px}.brand-name strong{font-size:16px}.brand-name small{font-size:12px}.hero{padding-top:45px}.hero h1{font-size:35px}.desktop-break{display:none}.hero-subtitle{font-size:18px}.test-form{grid-template-columns:1fr}.url-field,.location-field,.start-button{grid-column:1}.hero-points{gap:8px}.hero-points span{font-size:13px}.intro-section{padding:45px 17px}.measure-section{padding-right:14px;padding-left:14px}.measure-heading h2{font-size:28px}.response-list{grid-template-columns:repeat(2,1fr)}.sitemap-section{padding-right:17px;padding-left:17px}.footer-brand{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Live test layout, optional ad areas and same-page result report. */
.test-form{grid-template-columns:minmax(220px,1.45fr) minmax(190px,1fr) minmax(125px,.65fr) 175px}.device-control{height:47px;display:flex;align-items:center;border:1px solid #dce4ea;border-radius:5px;background:#fff}.device-control select{width:100%;height:100%;padding:0 12px;border:0;outline:0;background:transparent;color:#354b61;font-size:18px;cursor:pointer}.device-control:focus-within{border-color:#73a1e4;box-shadow:0 0 0 3px #2465d71a}.privacy-note-public{max-width:760px;margin:15px auto 0;color:#718394;font-size:14px;line-height:1.55}.public-layout{display:grid;gap:20px;align-items:start;margin:0 auto}.public-layout.no-side-ads{grid-template-columns:minmax(0,1120px);justify-content:center}.public-layout.has-left-ad{grid-template-columns:minmax(120px,160px) minmax(0,1120px);max-width:1480px;padding:0 18px}.public-layout.has-right-ad{grid-template-columns:minmax(0,1120px) minmax(120px,160px);max-width:1480px;padding:0 18px}.public-layout.has-both-ads{grid-template-columns:minmax(120px,160px) minmax(0,1120px) minmax(120px,160px);max-width:1660px;padding:0 18px}.public-content{min-width:0}.side-ad-slot{position:sticky;top:95px;display:flex;align-items:flex-start;justify-content:center;min-width:0;max-width:100%;padding-top:30px;overflow:hidden}.side-ad-slot>*{max-width:100%}.top-ad-slot{max-width:1200px;margin:0 auto;padding:12px 20px;text-align:center;overflow:hidden}.top-ad-slot>*{max-width:100%}.result-panel{margin-top:25px;padding:22px;text-align:left;border:1px solid #dfe7ed;border-radius:9px;background:#fff;box-shadow:0 9px 27px rgba(37,63,83,.08)}.result-panel[hidden]{display:none!important}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.result-header h2{margin:5px 0 3px;color:#1d344a;font-size:31px;font-weight:600;letter-spacing:-.03em}.result-header p{margin:0;color:#788a98;font-size:16px}.result-status{flex:none;padding:7px 10px;border-radius:15px;background:#fff5df;color:#99701e;font-size:14px;font-weight:700}.result-status.complete{background:#e8f6ef;color:#22815b}.result-status.failed{background:#fff0f0;color:#b44c4c}.result-message{margin:15px 0;color:#647a8b;font-size:16px;line-height:1.6}.progress-wrap{margin:15px 0 9px}.progress-wrap[hidden]{display:none}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#687f91;font-size:14px}.progress-meta strong{color:#337bb3;font-size:17px;font-variant-numeric:tabular-nums}.progress-meta strong.done{color:#23815b}.progress-track{height:8px;border-radius:9px;background:#e8eef3;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#3687d8,#41ad8b);transition:width .35s ease}.progress-track span.done{background:#2eaa70}.start-button.stop-button{background:#e9a643}.start-button.stop-button:hover{background:#d8922e}.result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.result-metric{padding:14px;border:1px solid #e5ebf0;border-radius:7px;background:#fbfcfd}.result-metric span{display:block;color:#778b9b;font-size:13px}.result-metric strong{display:block;margin-top:7px;color:#223b52;font-size:27px}.result-vitals{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 17px}.vital-chip{padding:7px 10px;border-radius:15px;background:#eef4fa;color:#4c6479;font-size:13px}.result-issues{display:grid;gap:8px;margin:15px 0}.issue-row{padding:12px;border:1px solid #ebeff2;border-left:4px solid #dfaa45;border-radius:6px;background:#fff}.issue-row.high{border-left-color:#d36969}.issue-row.info{border-left-color:#5e9c80}.issue-row strong{color:#42596d;font-size:15px}.issue-row p{margin:5px 0 0;color:#718394;font-size:14px;line-height:1.55}.issue-priority{float:right;color:#8997a2;font-size:12px}.result-table-wrap{margin-top:19px}.result-table-wrap h3{margin:0 0 10px;color:#31485d;font-size:19px}.result-table-scroll{overflow:auto;border:1px solid #e5ebf0;border-radius:7px}.result-table{width:100%;min-width:1050px;border-collapse:collapse;text-align:left}.result-table th,.result-table td{padding:10px 9px;border-bottom:1px solid #edf1f4;vertical-align:top;font-size:13px}.result-table th{position:sticky;top:0;background:#f7f9fb;color:#748797;font-size:12px;white-space:nowrap}.result-table td:first-child{max-width:280px;overflow-wrap:anywhere;color:#526c81}.result-table tr:last-child td{border-bottom:0}.http-code{display:inline-block;padding:4px 7px;border-radius:11px;background:#e8f6ef;color:#26805c;font-size:12px;font-weight:700}.http-code.redirect{background:#eaf3ff;color:#3972b5}.http-code.error{background:#fff0f0;color:#bd4e4e}.timing-footnote{margin:9px 0 0;color:#8595a2;font-size:12px;line-height:1.5}.result-error{padding:11px;border-radius:6px;background:#fff0f0;color:#a84646;font-size:14px}.result-no-data{padding:15px;border-radius:6px;background:#f7f9fb;color:#718394;font-size:14px}
@media(max-width:1200px){.test-form{grid-template-columns:minmax(190px,1.3fr) minmax(175px,1fr) minmax(115px,.7fr) 160px}.public-layout.has-both-ads{grid-template-columns:minmax(110px,130px) minmax(0,1fr) minmax(110px,130px);gap:13px}.public-layout.has-left-ad{grid-template-columns:minmax(110px,130px) minmax(0,1fr);gap:13px}.public-layout.has-right-ad{grid-template-columns:minmax(0,1fr) minmax(110px,130px);gap:13px}}
@media(max-width:950px){.test-form{grid-template-columns:1fr 1fr}.url-field{grid-column:1/-1}.start-button{grid-column:1/-1}.public-layout.has-both-ads,.public-layout.has-left-ad,.public-layout.has-right-ad{grid-template-columns:minmax(0,1fr);padding:0;gap:0}.side-ad-slot{position:static;padding:12px 16px;min-height:0}.left-ad-slot{order:0}.public-content{order:1}.right-ad-slot{order:2}.result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.test-form{grid-template-columns:1fr}.url-field,.location-field,.device-field,.start-button{grid-column:1}.result-panel{padding:15px;margin-top:20px}.result-header h2{font-size:27px}.result-header p,.result-message{font-size:14px}.result-status{font-size:12px;padding:6px 8px}.result-metric{padding:10px}.result-metric span{font-size:12px}.result-metric strong{font-size:23px}.result-issues{gap:7px}.issue-row p{font-size:13px}.result-table-wrap h3{font-size:17px}}
.result-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.type-chip.warning{background:#ffeded;color:#c85359}.type-chip.redirect{background:#e9f4ff;color:#4785c6}

/* Request waterfall report */
.result-table{min-width:1430px}.result-table th,.result-table td{padding:10px 9px}.request-url-cell{min-width:260px}.waterfall-cell{min-width:210px}.waterfall-track{height:13px;width:100%;min-width:0;display:flex;overflow:hidden;border-radius:3px;background:#edf1f5}.waterfall-segment{display:block;height:100%;min-width:1px}.waterfall-segment.blocked{background:#aab5bf}.waterfall-segment.dns{background:#7188d6}.waterfall-segment.ssl{background:#38a185}.waterfall-segment.connect{background:#d6ad48}.waterfall-segment.send{background:#cf806e}.waterfall-segment.wait{background:#488bd4}.waterfall-segment.receive{background:#9175c4}.waterfall-total{display:block;margin-top:4px;color:#75889a;font-size:11px}.waterfall-unavailable{padding-left:6px;color:#8a99a6;font-size:11px}

.waterfall-track{position:relative}.waterfall-bar{position:absolute;top:1px;bottom:1px;display:flex;min-width:2px;overflow:hidden;border-radius:3px}.waterfall-bar.waterfall-basic{background:#4388d3}.waterfall-segment{flex:0 0 auto}

/* Live-test animation: a calm network scan runs alongside the real progress bar. */
.test-animation{display:flex;align-items:center;gap:18px;margin:16px 0 13px;padding:15px 18px;border:1px solid #dce8ee;border-radius:9px;background:linear-gradient(105deg,#f4f9fb 0%,#f8fbfd 55%,#f2f8f7 100%);overflow:hidden}.test-animation[hidden]{display:none!important}.scan-scene{position:relative;display:grid;flex:0 0 112px;width:112px;height:112px;place-items:center}.radar-grid{position:absolute;inset:4px;border:1px solid #d7e5eb;border-radius:50%;background:radial-gradient(circle,rgba(49,142,157,.08) 0 1px,transparent 1.5px),linear-gradient(90deg,transparent 49.5%,#e1ebef 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#e1ebef 50%,transparent 50.5%);box-shadow:inset 0 0 0 10px #ffffff66}.radar-ring{position:absolute;inset:15px;border:1px solid #d7e5eb;border-radius:50%}.radar-ring.ring-two{inset:29px}.radar-ring.ring-three{inset:43px}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 71%,rgba(48,154,152,.02) 77%,rgba(48,154,152,.23) 100%);animation:radar-turn 4.2s linear infinite}.radar-sweep:after{content:"";position:absolute;left:50%;top:4px;width:1px;height:51%;background:linear-gradient(#37a398,transparent);transform-origin:bottom center;opacity:.68}.radar-node{position:absolute;z-index:2;width:7px;height:7px;border:2px solid white;border-radius:50%;background:#37a398;box-shadow:0 0 0 2px #37a39838,0 0 12px #37a39880;animation:node-pulse 1.8s ease-in-out infinite}.node-one{left:26px;top:22px}.node-two{right:17px;top:42px;animation-delay:.45s}.node-three{right:34px;bottom:15px;animation-delay:.9s}.node-four{left:16px;bottom:39px;animation-delay:1.25s}.browser-orb{position:relative;z-index:3;width:48px;height:48px;display:grid;place-items:center;border:1px solid #cde4e2;border-radius:15px;background:linear-gradient(145deg,#fff,#edf7f5);box-shadow:0 5px 15px #285c6b14;animation:orb-float 2.8s ease-in-out infinite}.browser-orb svg{width:31px;height:31px;fill:none;stroke:#337d83;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.browser-orb svg circle{fill:#37a398;stroke:none}.test-animation-copy{min-width:0;flex:1}.animation-kicker{display:block;margin-bottom:5px;color:#398c84;font-size:11px;font-weight:700;letter-spacing:.14em}.test-animation-copy>strong{display:block;color:#263f54;font-size:18px;font-weight:700}.test-animation-copy>p{margin:4px 0 10px;color:#748797;font-size:14px;line-height:1.45}.animation-steps{display:flex;align-items:center;gap:8px;color:#9aa9b4;font-size:11px;font-weight:600}.animation-steps span{display:flex;align-items:center;gap:5px;white-space:nowrap}.animation-steps i{width:6px;height:6px;border-radius:50%;background:#c8d3da}.animation-steps .step-active{color:#398c84}.animation-steps .step-active i{background:#39a495;box-shadow:0 0 0 3px #39a49520}.animation-steps b{width:20px;height:1px;background:#d9e2e7}@keyframes radar-turn{to{transform:rotate(360deg)}}@keyframes node-pulse{0%,100%{transform:scale(.82);opacity:.68}50%{transform:scale(1.3);opacity:1}}@keyframes orb-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@media(max-width:520px){.test-animation{gap:12px;padding:12px}.scan-scene{flex-basis:84px;width:84px;height:84px}.radar-grid{inset:2px}.radar-ring{inset:12px}.radar-ring.ring-two{inset:23px}.radar-ring.ring-three{inset:34px}.radar-sweep:after{height:51%}.node-one{left:18px;top:16px}.node-two{right:12px;top:31px}.node-three{right:25px;bottom:11px}.node-four{left:11px;bottom:30px}.browser-orb{width:39px;height:39px;border-radius:13px}.browser-orb svg{width:26px;height:26px}.test-animation-copy>strong{font-size:16px}.test-animation-copy>p{font-size:13px}.animation-steps{gap:5px;font-size:10px}.animation-steps b{width:9px}}
@media(prefers-reduced-motion:reduce){.radar-sweep,.radar-node,.browser-orb{animation:none!important}.radar-sweep{opacity:.55}}

/* Pingdom-style top-of-report preview, headline metrics and response codes. */
.result-overview{display:grid;grid-template-columns:minmax(230px, .82fr) minmax(0,1.65fr);gap:14px;margin:17px 0 8px;padding:13px;border:1px solid #e1e8ed;border-radius:9px;background:#fff}.result-overview[hidden]{display:none!important}.page-preview-card{min-width:0;padding:10px;border:1px solid #e2e8ec;border-radius:7px;background:#fff}.overview-card-heading{display:flex;align-items:center;justify-content:space-between;margin:1px 2px 8px}.overview-card-heading .section-kicker{font-size:11px}.preview-live-dot{width:7px;height:7px;border-radius:50%;background:#54b866;box-shadow:0 0 0 3px #54b86620}.page-preview-frame{position:relative;display:grid;min-height:150px;aspect-ratio:1.52;place-items:center;overflow:hidden;border:1px solid #e8edf0;border-radius:4px;background:linear-gradient(135deg,#f1f5f7,#e8eef2)}.page-preview-frame img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top center}.page-preview-frame img[hidden]{display:none}.page-preview-empty{max-width:230px;padding:12px;text-align:center;color:#7f909c;font-size:13px;line-height:1.5}.page-preview-empty[hidden]{display:none}.preview-page-title{margin:7px 2px 0;overflow:hidden;color:#7b8b97;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.overview-data{min-width:0}.overview-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overview-metric{min-height:74px;padding:11px 13px;border:1px solid #e3e9ed;border-radius:6px;background:#fbfcfd}.overview-metric>span{display:block;color:#758797;font-size:13px}.overview-metric>strong{display:block;margin-top:6px;color:#243b50;font-size:25px;line-height:1.08;font-variant-numeric:tabular-nums}.overview-metric.grade-metric>div{display:flex;align-items:center;gap:8px;margin-top:3px}.overview-metric.grade-metric>div>strong{display:grid;min-width:26px;height:25px;place-items:center;border-radius:4px;background:#60bb48;color:#fff;font-size:17px}.overview-metric.grade-metric>div>b{color:#243b50;font-size:24px}.grade-note{margin:6px 1px 10px;color:#8796a1;font-size:11px;line-height:1.4}.response-codes h3{margin:8px 0 5px;color:#354c60;font-size:16px}.response-code-list{border:1px solid #e4e9ed;border-radius:5px;overflow:hidden}.response-code-row{min-height:31px;display:grid;grid-template-columns:10px 50px minmax(0,1fr) 34px;align-items:center;gap:7px;padding:5px 8px;border-bottom:1px solid #ebeff2;background:#fff}.response-code-row:last-child{border-bottom:0}.response-code-row .response-dot{width:7px;height:7px}.response-code-value{color:#4b6175;font-size:12px;font-weight:700}.response-code-label{overflow:hidden;color:#53697c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.response-code-count{justify-self:end;color:#40566b;font-size:12px}.response-code-empty{margin:0;padding:9px;color:#85939e;font-size:12px}.response-code-row .response-dot.failed{background:#d26768}.response-code-row .response-dot.client-error{background:#d99b48}.response-code-row .response-dot.server-error{background:#d26768}.response-code-row .response-dot.redirect{background:#5590cd}
@media(max-width:760px){.result-overview{grid-template-columns:minmax(0,1fr)}.page-preview-card{max-width:500px;width:100%;margin:auto}.page-preview-frame{min-height:175px;max-height:260px}}
@media(max-width:520px){.result-overview{padding:9px;gap:10px}.overview-metrics{gap:7px}.overview-metric{min-height:68px;padding:9px}.overview-metric>span{font-size:12px}.overview-metric>strong{font-size:22px}.overview-metric.grade-metric>div>b{font-size:22px}.response-code-row{grid-template-columns:10px 42px minmax(0,1fr) 28px;padding:5px 6px}}

.grade-metric.grade-c>div>strong{background:#d7a53a}.grade-metric.grade-d>div>strong,.grade-metric.grade-f>div>strong{background:#d46a68}

.grade-methodology{margin:3px 0 10px;border:1px solid #e8edf0;border-radius:5px;background:#fff}.grade-methodology summary{padding:7px 9px;color:#526a7c;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.grade-methodology summary::-webkit-details-marker{display:none}.grade-methodology summary:after{content:'+';float:right;color:#778b9b;font-size:15px}.grade-methodology[open] summary:after{content:'−'}.grade-methodology p{margin:0;padding:0 9px 8px;color:#748593;font-size:11px;line-height:1.5}.performance-audit-title{margin:19px 0 9px;color:#263f54;font-size:20px;font-weight:600}.performance-audit-table{border:1px solid #dfe5e9;border-radius:5px;overflow:hidden;background:#fff}.performance-audit-head{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;padding:8px 12px;background:#f7f8f9;color:#99a6af;font-size:11px;font-weight:700}.performance-audit-row{border-top:1px solid #dfe5e9}.performance-audit-row>summary{min-height:40px;display:grid;grid-template-columns:82px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:5px 12px;cursor:pointer;list-style:none}.performance-audit-row>summary::-webkit-details-marker{display:none}.audit-grade{display:flex;align-items:center;gap:8px}.audit-grade strong{display:grid;min-width:23px;height:23px;place-items:center;border-radius:4px;background:#5fbd3d;color:#fff;font-size:13px}.audit-grade small{color:#53687a;font-size:12px}.audit-grade.audit-b strong,.audit-grade.audit-c strong{background:#d6a23b}.audit-grade.audit-d strong,.audit-grade.audit-f strong{background:#d36161}.audit-grade.audit-na strong{background:#9aa8b2}.audit-suggestion-title{color:#293f54;font-size:14px}.audit-chevron{width:24px;height:24px;display:grid;place-items:center;border:1px solid #dce3e7;border-radius:50%;color:#52677a;font-size:18px;transition:transform .15s}.performance-audit-row[open] .audit-chevron{transform:rotate(180deg)}.audit-details{padding:8px 14px 13px 106px;border-top:1px solid #edf0f2;background:#fff;color:#64798a}.audit-details p{margin:0 0 7px;font-size:13px;line-height:1.55}.audit-details p:last-child{margin-bottom:0}.audit-empty{margin:0;padding:12px;color:#728493;font-size:13px}
@media(max-width:520px){.performance-audit-head{grid-template-columns:65px minmax(0,1fr);padding:7px 8px}.performance-audit-row>summary{grid-template-columns:65px minmax(0,1fr) 24px;gap:7px;padding:5px 8px}.audit-suggestion-title{font-size:13px}.audit-grade{gap:5px}.audit-details{padding:8px 10px}.grade-methodology p{font-size:10px}}

.result-issues[hidden]{display:none!important}

/* Report layout: colored vitals and page preview appear before the final waterfall. */
.result-overview{grid-template-columns:minmax(0,1fr)}
.page-preview-card{width:min(100%,760px);margin:14px auto 0}
.result-vitals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.vital-chip{min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px 14px;border:1px solid #d9e7f4;border-radius:8px;background:#f0f7ff;color:#315f86}
.vital-chip:nth-child(odd){border-color:#d7eee2;background:#f0faf4;color:#2f7153}
.vital-label{font-size:13px;font-weight:600;line-height:1.35}
.vital-value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:700px){.result-vitals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.result-vitals{gap:7px}.vital-chip{min-height:68px;padding:10px}.vital-label{font-size:12px}.vital-value{font-size:18px}}

/* Request waterfall cards keep phase details separate without an inner scroller. */
.result-table-scroll{overflow:visible;border:0}
.result-table{width:100%;min-width:0}
.request-list{display:grid;gap:12px}
.request-card{min-width:0;padding:13px;border:1px solid #e3e9ee;border-radius:7px;background:#fff}
.request-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.request-resource{min-width:0;display:flex;flex-direction:column;gap:5px}
.request-url{overflow-wrap:anywhere;color:#425c72;font-size:13px;font-weight:600}
.request-type{color:#82919d;font-size:12px}
.request-waterfall{margin-top:12px;padding:10px 11px;border:1px solid #e6ebef;border-radius:5px;background:#fafcfd}
.request-waterfall-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#52687b;font-size:12px}
.request-waterfall-meta small{color:#75889a;font-size:11px}
.request-waterfall .waterfall-track{width:100%;min-width:0;height:15px}
.request-timing-breakdown{margin-top:9px;padding:10px 11px;border:1px solid #e2e9ee;border-radius:5px;background:#f8fafb}
.request-timing-breakdown h4{margin:0 0 8px;color:#52687b;font-size:12px;font-weight:700}
.timing-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.timing-detail{min-height:39px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px 6px;border:1px solid #e3e9ef;border-radius:4px;background:#f8fafc}
.timing-detail small{color:#748493;font-size:10px;line-height:1.1}
.timing-detail strong{color:#344a5e;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.timing-blocked{background:#f3f5f7}.timing-dns{background:#f1f3fc}.timing-ssl{background:#eff8f4}.timing-connect{background:#fbf7ea}.timing-send{background:#fcf3f0}.timing-wait{background:#eff6fc}.timing-receive{background:#f5f1fa}.timing-size{background:#eff8f4}

@media(max-width:600px){.request-card{padding:9px}.request-waterfall,.request-timing-breakdown{padding:8px}.timing-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.request-waterfall-meta{align-items:flex-start;flex-direction:column;gap:3px}}

/* Final request updates */
body{font-size:20px}
.site-nav>a:not(.nav-cta){font-size:17px}
.hero-content{width:min(1180px,100%)}
.test-form{width:min(1180px,100%);max-width:1180px;grid-template-columns:minmax(320px,1.8fr) minmax(240px,1.25fr) minmax(150px,.8fr) 180px;gap:9px;padding:15px}
.field-label{font-size:14px}
.url-control input,.location-control select,.device-control select{font-size:17px}
.result-panel{scroll-margin-top:100px}
.page-preview-link{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:pointer}
.page-preview-link[hidden]{display:none!important}
.page-preview-frame img{cursor:pointer}
.preview-page-title{display:block;color:#2864b7;text-decoration:none;cursor:pointer}
.preview-page-title:hover{text-decoration:underline}
.performance-audit-head{grid-template-columns:82px minmax(0,1fr)}
.sitemap-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.sitemap-actions .secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px}
.seo-analyzer-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 17px;border:1px solid #c9d9ed;border-radius:6px;background:linear-gradient(110deg,#edf5ff,#f0fbf7);color:#275d96;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 4px 14px rgba(42,92,135,.08);transition:transform .15s,box-shadow .15s}
.seo-analyzer-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(42,92,135,.15)}
.seo-analyzer-button span{font-size:19px}
@media(max-width:1100px) and (min-width:951px){.test-form{grid-template-columns:minmax(270px,1.6fr) minmax(220px,1.25fr) minmax(135px,.8fr) 170px}}
@media(max-width:950px){.hero-content{width:min(760px,100%)}.test-form{width:100%;grid-template-columns:1fr 1fr}.field-label{font-size:14px}}
@media(max-width:520px){body{font-size:19px}.sitemap-actions{align-items:stretch;flex-direction:column}.sitemap-actions>*{width:100%}}
.site-nav>a:not(.nav-cta){font-size:15px;font-weight:400}
.site-nav .nav-cta{font-size:14px;font-weight:400}
.free-pill{padding:8px 14px;border-color:#43a92b;border-radius:6px;background:#43a92b;color:#fff;box-shadow:0 4px 12px rgba(67,169,43,.18)}
.free-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.24)}
.hero-points{justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.hero-points span{gap:7px;padding:7px 11px;border:1px solid #d9eadd;border-radius:20px;background:#fff;color:#49675a;font-size:14px;font-weight:600;box-shadow:0 3px 10px rgba(36,82,53,.05)}
.hero-points i{width:18px;height:18px;background:#e5f4e8;color:#32933e;font-size:14px}
.hero h1{margin-top:16px;font-size:clamp(33px,calc(4.4vw + 2px),53px)}
.hero-subtitle{font-size:19px}
@media(max-width:700px){.hero h1{font-size:39px}.hero-subtitle{font-size:17px}}
@media(max-width:430px){.hero h1{font-size:33px}}
.location-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.location-status-note{color:#718596;font-size:11px;font-weight:500;letter-spacing:0;text-align:right;white-space:nowrap}
.location-control select option:disabled{color:#9ba8b3}


/* Final Test-from selector */
.location-field{min-width:0}
.location-label{align-items:center}
.location-control{position:relative;height:49px;border:1px solid #d6dee6;border-radius:5px;background:#fff;box-shadow:0 1px 2px rgba(24,43,60,.04)}
.location-control .pin-icon{color:#7a8b98}
.location-control select{height:100%;padding-right:38px;color:#30485d;font-size:17px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.location-control:focus-within{border-color:#73a1e4;box-shadow:0 0 0 3px rgba(36,101,215,.10)}
.location-status-note{color:#6e8292;font-size:11px}
@media(max-width:950px){.location-control select{font-size:16px}}


/* URL-only speed test form */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.test-form.simple-test-form{grid-template-columns:minmax(0,1fr) 180px;align-items:start}
.test-form.simple-test-form .simple-url-field{grid-column:auto}
.test-form.simple-test-form .start-button{margin-top:0}
@media(max-width:700px){.test-form.simple-test-form{grid-template-columns:1fr}.test-form.simple-test-form .simple-url-field,.test-form.simple-test-form .start-button{grid-column:1}}


/* Strict report gate: no result data is visible until the rendered page preview has loaded successfully. */
.result-panel.report-pending-preview #resultOverview,
.result-panel.report-pending-preview #resultMetrics,
.result-panel.report-pending-preview #resultVitals,
.result-panel.report-pending-preview #resultIssues,
.result-panel.report-pending-preview #resultTableWrap,
.result-panel.report-pending-preview .result-table-wrap,
.result-panel.report-pending-preview .request-table-wrap{display:none!important}

/* Strict reveal gate: preview and all report content stay hidden until screenshot is fully loaded. */
.result-panel.report-pending-preview .page-preview-card{display:none!important}
#resultSubtitle{display:none!important}