:root { --sp-accent:var(--awd-color-accent); --sp-accent-hover:var(--awd-color-accent-hover); --sp-accent-ink:var(--awd-color-accent-ink); --sp-dark:var(--awd-color-bg-dark); --sp-dark-2:var(--awd-color-dark-2); --sp-rail:var(--awd-color-rail); --sp-cream:var(--awd-color-bg); --sp-warm:var(--awd-color-bg-alt); --sp-edge:var(--awd-color-border); --sp-ink:var(--awd-color-text); --sp-body:var(--awd-color-body); --sp-muted:var(--awd-color-text-muted); --sp-dim:var(--awd-color-dim); --sp-hair:var(--awd-color-hairline-dark); --sp-inv:var(--awd-color-text-inverse); --sp-card:var(--awd-color-card); --sp-pill:var(--awd-color-pill); --sp-warm-2:var(--awd-color-warm-2); --sp-clay:var(--awd-color-clay); --sp-clay-ink:var(--awd-color-clay-ink); --sp-clay-body:var(--awd-color-clay-body); --sp-clay-kicker:var(--awd-color-clay-kicker); --awd-header-h:76px; }
.page-speed { font-size:17px; line-height:1.65; }
.page-speed *, .page-speed *::before, .page-speed *::after { box-sizing:border-box; }
.page-speed h1 { max-width:13ch; margin:0 0 22px; font-size:clamp(37px,4.55vw,62px); font-weight:300; letter-spacing:-.04em; line-height:1.04; }
.page-speed h2 { margin:0 0 18px; font-size:clamp(29px,3.55vw,44px); font-weight:300; letter-spacing:-.025em; line-height:1.14; }
.page-speed h3 { margin:0 0 10px; font-size:20px; font-weight:500; letter-spacing:-.01em; line-height:1.3; }
.page-speed .sp-title-accent { color:var(--sp-accent); font-style:normal; }
.page-speed .kicker { margin:0 0 14px; color:var(--sp-accent); font-size:11.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; }
.page-speed .lede { max-width:61ch; margin:0; font-size:17.5px; line-height:1.6; }
.page-speed .btn { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:15px 29px; border:0; border-radius:8px; background:var(--sp-accent); color:var(--sp-dark-2); font:600 15px/1.4 var(--awd-font-body); text-align:center; text-decoration:none; cursor:pointer; transition:background .22s,transform .22s; }
.page-speed .btn:hover { background:var(--sp-accent-hover); transform:translateY(-2px); }
.page-speed .btn-ghost { border:1px solid color-mix(in srgb,var(--sp-accent) 50%,transparent); background:transparent; color:var(--sp-accent); }
.page-speed .btn-ghost:hover { background:color-mix(in srgb,var(--sp-accent) 12%,transparent); transform:none; }
.page-speed section[class*="ground-"] { position:relative; overflow:hidden; padding:96px 0; }
.page-speed .ground-hero { background:var(--awd-gradient-hero); color:var(--sp-inv); }
.page-speed section[class*="ground-"].ground-hero { padding-top:calc(var(--awd-header-h) + var(--wp-admin--admin-bar--height,0px) + 62px); padding-bottom:86px; }
.page-speed .ground-dark { background:var(--sp-dark); color:var(--sp-inv); }
.page-speed .ground-dark2 { background:var(--sp-dark-2); color:var(--sp-dim); }
.page-speed .ground-cream { background:var(--sp-cream); color:var(--sp-ink); }
.page-speed .ground-warm { background:var(--sp-warm); color:var(--sp-ink); }
.page-speed .ground-clay { background:var(--sp-clay); color:var(--sp-clay-body); }
.page-speed .ground-hero .lede, .page-speed .ground-dark .lede, .page-speed .ground-dark2 .lede { color:var(--sp-dim); }
.page-speed .ground-cream .lede, .page-speed .ground-warm .lede { color:var(--sp-body); }
.page-speed .ground-dark h2, .page-speed .ground-dark h3, .page-speed .ground-dark2 h2, .page-speed .ground-hero h3 { color:var(--sp-inv); }
.page-speed .ground-clay h2 { color:var(--sp-clay-ink); }
.page-speed .ground-clay .kicker { color:var(--sp-clay-kicker); }
.page-speed .ground-clay .sp-title-accent { color:var(--sp-clay-ink); }
.page-speed .ground-cream::before, .page-speed .ground-warm::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(80% 60% at 85% -10%,color-mix(in srgb,var(--sp-accent) 13%,transparent),transparent 60%); }
.page-speed .ground-warm::before { background:radial-gradient(75% 60% at 8% 0%,color-mix(in srgb,var(--sp-accent) 16%,transparent),transparent 62%); }
.page-speed .wrap { max-width:1120px; position:relative; z-index:2; padding-right:24px; padding-left:24px; }
.page-speed [hidden] { display:none !important; }
.sp-section-head { max-width:830px; }
.sp-section-head .lede { margin-top:16px; }
.sp-narrow { max-width:850px !important; }
.sp-hero { display:grid; grid-template-columns:14px minmax(0,1fr); gap:36px; align-items:stretch; }
.sp-rail { min-height:330px; position:relative; overflow:hidden; border-radius:2px; background:var(--sp-rail); }
.sp-rail::after { content:""; position:absolute; right:0; left:0; height:40%; background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--sp-accent) 68%,transparent),transparent); animation:sp-rail-travel 8s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes sp-rail-travel { 0% { top:-40%; } 100% { top:100%; } }
.sp-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:58px; align-items:center; }
.sp-hero-grid > * { min-width:0; }
.sp-cta-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.sp-waterfall { padding:25px; border:1px solid color-mix(in srgb,var(--sp-accent) 26%,transparent); border-radius:16px; background:color-mix(in srgb,var(--sp-inv) 5%,transparent); box-shadow:0 28px 70px color-mix(in srgb,var(--sp-dark) 65%,transparent); }
.sp-waterfall-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid var(--sp-rail); }
.sp-waterfall-head > span { display:flex; gap:10px; align-items:center; color:var(--sp-inv); font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.sp-waterfall-head i { width:8px; height:8px; border-radius:50%; background:var(--sp-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--sp-accent) 12%,transparent); animation:sp-pulse 2s ease-in-out infinite; }
@keyframes sp-pulse { 50% { box-shadow:0 0 0 8px transparent; } }
.sp-waterfall-head small { color:var(--sp-muted); font-size:9.5px; }
.sp-address { display:grid; grid-template-columns:38px 1fr auto; gap:11px; align-items:center; margin:17px 0 13px; padding:10px 12px; border-radius:999px; background:color-mix(in srgb,var(--sp-inv) 6%,transparent); }
.sp-address > span { display:flex; color:var(--sp-accent); }
.sp-address b { color:var(--sp-inv); font-size:11px; }
.sp-address strong { color:var(--sp-accent); font-size:8.5px; text-transform:uppercase; }
.sp-bars { display:grid; gap:8px; padding:8px 0 16px; }
.sp-bars article { display:grid; grid-template-columns:55px 1fr; gap:10px; align-items:center; }
.sp-bars span { color:var(--sp-muted); font-size:9.5px; }
.sp-bars i { height:11px; overflow:hidden; position:relative; border-radius:999px; background:color-mix(in srgb,var(--sp-inv) 6%,transparent); }
.sp-bars b { height:100%; position:absolute; left:0; border-radius:inherit; background:linear-gradient(90deg,color-mix(in srgb,var(--sp-accent) 35%,transparent),var(--sp-accent)); animation:sp-load 4.2s ease-in-out infinite; }
.sp-bars article:nth-child(1) b { width:34%; }
.sp-bars article:nth-child(2) b { width:58%; animation-delay:.25s; }
.sp-bars article:nth-child(3) b { width:82%; animation-delay:.5s; }
.sp-bars article:nth-child(4) b { width:68%; animation-delay:.75s; }
@keyframes sp-load { 0%,15% { transform:translateX(-110%); opacity:.3; } 55%,85% { transform:translateX(0); opacity:1; } 100% { transform:translateX(0); opacity:.35; } }
.sp-useful { display:grid; grid-template-columns:38px 1fr auto; gap:11px; align-items:center; padding:12px; border-top:1px solid var(--sp-rail); }
.sp-useful > span { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:color-mix(in srgb,var(--sp-accent) 14%,transparent); color:var(--sp-accent); }
.sp-useful small, .sp-useful b { display:block; }
.sp-useful small { color:var(--sp-muted); font-size:9px; }
.sp-useful b { color:var(--sp-inv); font-size:11px; }
.sp-useful strong { color:var(--sp-accent); font-size:8.5px; text-transform:uppercase; }
.page-speed section.sp-proof-strip { padding:0; }
.sp-stats { display:grid; grid-template-columns:repeat(4,1fr); padding-top:30px !important; padding-bottom:30px !important; }
.sp-stats > div { padding:4px 25px; border-left:1px solid var(--sp-hair); }
.sp-stats > div:first-child { padding-left:0; border-left:0; }
.sp-stats b { display:block; color:var(--sp-accent); font-family:var(--awd-font-display); font-size:26px; font-weight:500; line-height:1.08; }
.sp-stats small { display:block; margin-top:7px; color:var(--sp-dim); font-size:12px; line-height:1.35; }
.sp-diagnosis { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr); gap:28px; align-items:start; margin-top:40px; }
.sp-route-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sp-route { min-height:104px; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; gap:12px; align-items:center; width:100%; padding:16px; border:1px solid var(--sp-edge); border-radius:12px; background:var(--sp-card); color:var(--sp-ink); font:500 13px/1.42 var(--awd-font-body); text-align:left; cursor:pointer; transition:border-color .2s,background .2s,transform .2s,box-shadow .2s; }
.sp-route:last-child { grid-column:1/3; }
.sp-route:hover { border-color:color-mix(in srgb,var(--sp-accent) 65%,var(--sp-edge)); transform:translateY(-2px); box-shadow:0 12px 26px color-mix(in srgb,var(--sp-ink) 8%,transparent); }
.sp-route.is-selected { border-color:var(--sp-accent); background:color-mix(in srgb,var(--sp-pill) 68%,var(--sp-card)); box-shadow:inset 0 0 0 1px var(--sp-accent); }
.sp-route > span { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--sp-warm-2); color:var(--sp-accent-ink); }
.sp-route > i { color:var(--sp-accent-ink); font-size:18px; font-style:normal; transition:transform .2s; }
.sp-route:hover > i, .sp-route.is-selected > i { transform:translateX(3px); }
.sp-result { position:sticky; top:calc(var(--awd-header-h) + 22px); padding:28px; border-radius:15px; background:var(--sp-dark); color:var(--sp-inv); box-shadow:0 24px 54px color-mix(in srgb,var(--sp-ink) 17%,transparent); }
.sp-result > p { margin:0 0 7px; color:var(--sp-accent); font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.sp-result h3 { margin:0 0 10px; color:var(--sp-inv); font-size:21px; }
.sp-result > div:not(.sp-result-price) { color:var(--sp-dim); font-size:12.5px; }
.sp-result ul { display:grid; gap:7px; margin:17px 0; padding:16px 0; border-top:1px solid var(--sp-rail); border-bottom:1px solid var(--sp-rail); list-style:none; }
.sp-result li { position:relative; padding-left:17px; color:var(--sp-dim); font-size:11.5px; }
.sp-result li::before { content:""; width:5px; height:5px; position:absolute; top:.63em; left:0; border-radius:50%; background:var(--sp-accent); }
.sp-result-price { margin-bottom:17px; }
.sp-result-price small, .sp-result-price b { display:block; }
.sp-result-price small { color:var(--sp-muted); font-size:9px; text-transform:uppercase; }
.sp-result-price b { margin-top:4px; color:var(--sp-accent); font-family:var(--awd-font-display); font-size:23px; font-weight:500; }
.sp-result .btn { width:100%; }
.sp-trace-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:68px; align-items:center; }
.sp-demo-toggle { min-height:48px; display:inline-flex; gap:16px; align-items:center; margin-top:27px; padding:10px 12px 10px 18px; border:1px solid var(--sp-edge); border-radius:999px; background:var(--sp-card); color:var(--sp-ink); font:600 11.5px/1.3 var(--awd-font-body); cursor:pointer; }
.sp-demo-toggle i { width:42px; height:24px; position:relative; border-radius:999px; background:var(--sp-edge); transition:background .25s; }
.sp-demo-toggle i::after { content:""; width:18px; height:18px; position:absolute; top:3px; left:3px; border-radius:50%; background:var(--sp-card); box-shadow:0 2px 5px color-mix(in srgb,var(--sp-ink) 20%,transparent); transition:transform .25s; }
.sp-demo-toggle[aria-pressed="true"] i { background:var(--sp-accent); }
.sp-demo-toggle[aria-pressed="true"] i::after { transform:translateX(18px); }
.sp-trace-board { padding:25px; border:1px solid var(--sp-edge); border-radius:16px; background:var(--sp-card); box-shadow:0 22px 50px color-mix(in srgb,var(--sp-ink) 10%,transparent); }
.sp-trace-title { display:flex; justify-content:space-between; gap:18px; padding-bottom:16px; border-bottom:1px solid var(--sp-edge); }
.sp-trace-title span { color:var(--sp-accent-ink); font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.sp-trace-title small { color:var(--sp-muted); font-size:9.5px; text-align:right; }
.sp-trace-scale { display:grid; grid-template-columns:repeat(5,1fr); margin:15px 0 5px 94px; }
.sp-trace-scale span { color:var(--sp-muted); font-size:8.5px; }
.sp-trace-scale span:last-child { text-align:right; }
.sp-trace-rows { display:grid; gap:10px; }
.sp-trace-rows article { display:grid; grid-template-columns:84px 1fr; gap:10px; align-items:center; }
.sp-trace-rows span { color:var(--sp-body); font-size:10px; }
.sp-trace-rows i { height:18px; position:relative; border-radius:4px; background:repeating-linear-gradient(90deg,var(--sp-warm-2) 0,var(--sp-warm-2) calc(25% - 1px),var(--sp-edge) calc(25% - 1px),var(--sp-edge) 25%); }
.sp-trace-rows b { height:100%; position:absolute; left:0; border-radius:4px; background:color-mix(in srgb,var(--sp-accent) 55%,var(--sp-pill)); transition:width .6s ease; }
.sp-trace-server b { width:55%; }
.sp-trace-page b { width:84%; }
.sp-trace-image b { width:95%; }
.sp-trace-script b { width:76%; }
.sp-trace-board.is-after .sp-trace-server b { width:20%; }
.sp-trace-board.is-after .sp-trace-page b { width:38%; }
.sp-trace-board.is-after .sp-trace-image b { width:48%; }
.sp-trace-board.is-after .sp-trace-script b { width:42%; }
.sp-ready { display:flex; gap:9px; align-items:center; margin:18px 0 10px 94px; color:var(--sp-body); font-size:10px; }
.sp-ready i { width:8px; height:8px; border-radius:50%; background:var(--sp-accent); box-shadow:0 0 0 5px var(--sp-pill); }
.sp-trace-board > small { display:block; padding-top:11px; border-top:1px solid var(--sp-edge); color:var(--sp-muted); font-size:9px; }
.sp-vitals { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:42px; }
.sp-vitals article { min-height:340px; padding:25px; border:1px solid var(--sp-hair); border-radius:14px; background:var(--sp-dark-2); }
.sp-vitals article > span { color:var(--sp-accent); font-size:10px; font-weight:700; letter-spacing:.14em; }
.sp-vital-visual { height:105px; position:relative; overflow:hidden; margin:20px 0 24px; border:1px solid var(--sp-hair); border-radius:10px; background:color-mix(in srgb,var(--sp-inv) 4%,transparent); }
.sp-vital-visual i, .sp-vital-visual b { position:absolute; border-radius:5px; background:color-mix(in srgb,var(--sp-inv) 9%,transparent); }
.sp-vital-appear i { top:18px; right:18px; bottom:18px; left:18px; }
.sp-vital-appear b { top:18px; bottom:18px; left:18px; width:62%; background:color-mix(in srgb,var(--sp-accent) 45%,transparent); animation:sp-appear 4s ease-in-out infinite; }
@keyframes sp-appear { 0%,15% { width:0; opacity:0; } 55%,100% { width:62%; opacity:1; } }
.sp-vital-respond i { width:46px; height:46px; top:29px; left:calc(50% - 23px); border-radius:50%; background:color-mix(in srgb,var(--sp-accent) 18%,transparent); }
.sp-vital-respond b { width:18px; height:18px; top:43px; left:calc(50% - 9px); border-radius:50%; background:var(--sp-accent); animation:sp-tap 2.8s ease-in-out infinite; }
@keyframes sp-tap { 50% { transform:scale(.65); box-shadow:0 0 0 16px transparent; } }
.sp-vital-stay i { width:54%; height:18px; top:24px; left:23%; background:color-mix(in srgb,var(--sp-accent) 40%,transparent); }
.sp-vital-stay b { width:68%; height:35px; bottom:19px; left:16%; }
.sp-vitals h3 { color:var(--sp-inv); font-size:17px; }
.sp-vitals p { margin:0; color:var(--sp-dim); font-size:12.5px; }
.sp-layers-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:68px; align-items:center; }
.sp-layers-grid > div:first-child > p:not(.kicker) { margin:0; color:var(--sp-clay-body); }
.sp-layer-list { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.sp-layer-list article { min-height:112px; display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:15px; border:1px solid color-mix(in srgb,var(--sp-clay-ink) 18%,transparent); border-radius:10px; background:color-mix(in srgb,var(--sp-cream) 14%,transparent); }
.sp-layer-list article > span { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:color-mix(in srgb,var(--sp-cream) 35%,transparent); color:var(--sp-clay-ink); }
.sp-layer-list b, .sp-layer-list small { display:block; }
.sp-layer-list b { color:var(--sp-clay-ink); font-size:12px; }
.sp-layer-list small { margin-top:3px; color:var(--sp-clay-body); font-size:10.5px; line-height:1.4; }
.sp-journey-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:68px; align-items:center; }
.sp-journey { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; position:relative; }
.sp-journey-line { position:absolute; top:28px; right:10%; left:10%; height:2px; overflow:hidden; background:var(--sp-edge); }
.sp-journey-line i { width:25%; height:100%; display:block; background:linear-gradient(90deg,transparent,var(--sp-accent),transparent); animation:sp-journey-run 5.5s ease-in-out infinite; }
@keyframes sp-journey-run { 0%,10% { transform:translateX(-100%); } 25%,35% { transform:translateX(100%); } 50%,60% { transform:translateX(300%); } 75%,100% { transform:translateX(500%); } }
.sp-journey article { position:relative; z-index:2; text-align:center; }
.sp-journey article > span { width:56px; height:56px; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; border:1px solid var(--sp-edge); border-radius:50%; background:var(--sp-card); color:var(--sp-accent-ink); }
.sp-journey b, .sp-journey small { display:block; }
.sp-journey b { color:var(--sp-ink); font-size:11px; }
.sp-journey small { color:var(--sp-muted); font-size:9.5px; }
.sp-score-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:68px; align-items:center; }
.sp-score-card { display:grid; grid-template-columns:130px 1fr; gap:23px; align-items:center; padding:25px; border:1px solid var(--sp-edge); border-radius:15px; background:var(--sp-card); box-shadow:0 20px 48px color-mix(in srgb,var(--sp-ink) 9%,transparent); }
.sp-gauge { width:130px; height:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; border:12px solid var(--sp-warm-2); border-radius:50%; }
.sp-gauge::before { content:""; position:absolute; inset:-12px; border:12px solid transparent; border-top-color:var(--sp-accent); border-right-color:var(--sp-accent); border-radius:50%; transform:rotate(22deg); }
.sp-gauge span { color:var(--sp-muted); font-size:9px; text-transform:uppercase; }
.sp-gauge b { color:var(--sp-accent-ink); font-family:var(--awd-font-display); font-size:39px; font-weight:500; line-height:1; }
.sp-score-card .kicker { margin-bottom:6px; font-size:9px; }
.sp-score-card h3 { color:var(--sp-ink); font-size:17px; }
.sp-score-card p:last-child { margin:0; color:var(--sp-body); font-size:11.5px; }
.sp-score-grid > div:last-child ul { display:grid; gap:9px; margin:24px 0 0; padding:0; list-style:none; }
.sp-score-grid > div:last-child li { position:relative; padding-left:21px; color:var(--sp-body); font-size:12.5px; }
.sp-score-grid > div:last-child li::before { content:"✓"; position:absolute; left:0; color:var(--sp-accent-ink); }
.sp-process { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; position:relative; margin-top:44px; }
.sp-process-line { position:absolute; top:15px; right:12%; left:12%; height:2px; overflow:hidden; background:var(--sp-hair); }
.sp-process-line i { width:25%; height:100%; display:block; background:linear-gradient(90deg,transparent,var(--sp-accent),transparent); animation:sp-process-run 6s ease-in-out infinite; }
@keyframes sp-process-run { 0%,10% { transform:translateX(-100%); } 22%,32% { transform:translateX(100%); } 44%,54% { transform:translateX(300%); } 66%,76% { transform:translateX(500%); } 88%,100% { transform:translateX(700%); } }
.sp-process article { position:relative; z-index:2; padding-right:14px; }
.sp-process article > span { min-width:68px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:23px; padding:6px 10px; border:1px solid var(--sp-hair); border-radius:999px; background:var(--sp-dark-2); color:var(--sp-accent); font-size:10px; font-weight:600; }
.sp-process h3 { font-size:16px; }
.sp-process p { margin:0; color:var(--sp-dim); font-size:13px; }
.sp-price-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:68px; align-items:center; }
.sp-price-note { margin:25px 0 0; padding:14px 17px; border-left:2px solid var(--sp-accent); background:color-mix(in srgb,var(--sp-card) 72%,transparent); color:var(--sp-body); font-size:12px; }
.sp-price-card { padding:30px; border:1px solid var(--sp-accent); border-radius:16px; background:color-mix(in srgb,var(--sp-pill) 66%,var(--sp-card)); box-shadow:0 22px 50px color-mix(in srgb,var(--sp-ink) 10%,transparent); }
.sp-price-card > p { margin:0; color:var(--sp-accent-ink); font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.sp-price-card > strong { display:block; margin-top:5px; color:var(--sp-ink); font-family:var(--awd-font-display); font-size:39px; font-weight:500; line-height:1.1; }
.sp-price-card > small { color:var(--sp-muted); font-size:9.5px; }
.sp-price-card h3 { margin:20px 0 13px; padding-top:18px; border-top:1px solid var(--sp-edge); color:var(--sp-ink); font-size:19px; }
.sp-price-card ul { display:grid; grid-template-columns:1fr 1fr; gap:8px 18px; margin:0 0 22px; padding:0; list-style:none; }
.sp-price-card li { position:relative; padding-left:17px; color:var(--sp-body); font-size:11.5px; }
.sp-price-card li::before { content:""; width:5px; height:5px; position:absolute; top:.64em; left:0; border-radius:50%; background:var(--sp-accent); }
.sp-price-card .btn { width:100%; }
.sp-expect-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center; }
.sp-expect-grid ul { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.sp-expect-grid li { position:relative; padding:13px 16px 13px 42px; border:1px solid var(--sp-hair); border-radius:9px; background:color-mix(in srgb,var(--sp-inv) 4%,transparent); color:var(--sp-dim); font-size:12.5px; }
.sp-expect-grid li::before { content:"✓"; position:absolute; left:17px; color:var(--sp-accent); }
.sp-faqs { margin-top:34px; border-top:1px solid var(--sp-edge); }
.sp-faqs details { border-bottom:1px solid var(--sp-edge); }
.sp-faqs summary { position:relative; padding:20px 48px 20px 0; color:var(--sp-ink); font-size:16px; font-weight:600; list-style:none; cursor:pointer; }
.sp-faqs summary::-webkit-details-marker { display:none; }
.sp-faqs summary::after { content:"+"; position:absolute; top:17px; right:10px; color:var(--sp-accent-ink); font-size:24px; font-weight:300; }
.sp-faqs details[open] summary::after { content:"−"; }
.sp-faqs details > div { max-width:70ch; padding:0 50px 20px 0; color:var(--sp-body); font-size:15px; }
.sp-faqs details > div p { margin:0; }
.sp-request-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:68px; align-items:start; }
.sp-request-points { display:grid; gap:10px; margin:28px 0 0; padding:0; list-style:none; }
.sp-request-points li { position:relative; padding-left:20px; color:var(--sp-dim); font-size:13px; }
.sp-request-points li::before { content:""; width:7px; height:7px; position:absolute; top:.65em; left:0; border-radius:50%; background:var(--sp-accent); }
.sp-form, .sp-form-ok { display:grid; gap:17px; padding:28px; border:1px solid var(--sp-hair); border-radius:15px; background:var(--sp-dark-2); }
.sp-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sp-form label { display:grid; gap:6px; color:var(--sp-dim); font-size:11px; font-weight:600; letter-spacing:.04em; }
.sp-form input, .sp-form textarea { width:100%; border:1px solid var(--sp-hair); border-radius:8px; background:color-mix(in srgb,var(--sp-inv) 5%,transparent); color:var(--sp-inv); font:400 15px/1.5 var(--awd-font-body); outline:0; transition:border-color .2s,background .2s; }
.sp-form input { min-height:48px; padding:11px 13px; }
.sp-form textarea { min-height:150px; padding:12px 13px; resize:vertical; }
.sp-form input:focus, .sp-form textarea:focus { border-color:var(--sp-accent); background:color-mix(in srgb,var(--sp-inv) 7%,transparent); }
.sp-form input[aria-invalid="true"], .sp-form textarea[aria-invalid="true"] { border-color:var(--sp-accent); }
.sp-form-note { margin:0; padding:10px 12px; border-left:2px solid var(--sp-accent); color:var(--sp-dim); font-size:12px; }
.sp-trap { position:absolute !important; left:-10000px !important; }
.sp-form-ok h3 { color:var(--sp-inv); }
.sp-form-ok p { margin:0; color:var(--sp-dim); }

@media(max-width:1020px) {
.sp-hero-grid { gap:35px; }
.sp-diagnosis { grid-template-columns:minmax(0,1fr) 330px; }
.sp-trace-grid, .sp-score-grid { gap:40px; }
}
@media(max-width:820px) {
.page-speed section[class*="ground-"] { padding:76px 0; }
.page-speed section[class*="ground-"].ground-hero { padding-top:calc(var(--awd-header-h) + var(--wp-admin--admin-bar--height,0px) + 46px); padding-bottom:68px; }
.sp-hero { grid-template-columns:9px minmax(0,1fr); gap:24px; }
.sp-hero-grid, .sp-trace-grid, .sp-layers-grid, .sp-journey-grid, .sp-score-grid, .sp-price-layout, .sp-expect-grid, .sp-request-grid { grid-template-columns:1fr; gap:44px; }
.sp-waterfall { max-width:560px; }
.sp-stats { grid-template-columns:1fr 1fr; }
.sp-stats > div:nth-child(3) { padding-left:0; border-left:0; }
.sp-stats > div:nth-child(n+3) { margin-top:22px; }
.sp-diagnosis { grid-template-columns:1fr; }
.sp-result { position:static; }
.sp-process { grid-template-columns:1fr 1fr; gap:25px; }
.sp-process-line { display:none; }
.sp-process article { display:grid; grid-template-columns:80px 1fr; gap:0 14px; padding:0; }
.sp-process article > span { grid-row:1/3; margin:0; }
.sp-process article p { grid-column:2; }
}
@media(max-width:560px) {
.page-speed h1 { font-size:38px; }
.page-speed .wrap { padding-right:19px; padding-left:19px; }
.sp-hero { display:block; }
.sp-rail { display:none; }
.sp-cta-row .btn { width:100%; }
.sp-waterfall, .sp-result, .sp-trace-board, .sp-score-card, .sp-price-card, .sp-form { padding:21px; }
.sp-waterfall-head { align-items:flex-start; gap:12px; }
.sp-waterfall-head small { max-width:90px; text-align:right; }
.sp-stats { grid-template-columns:1fr; }
.sp-stats > div { margin-top:0 !important; padding:15px 0; border-top:1px solid var(--sp-hair); border-left:0; }
.sp-stats > div:first-child { border-top:0; }
.sp-route-grid, .sp-vitals, .sp-layer-list, .sp-process { grid-template-columns:1fr; }
.sp-route:last-child { grid-column:auto; }
.sp-route { min-height:88px; }
.sp-trace-title { display:block; }
.sp-trace-title small { display:block; margin-top:3px; text-align:left; }
.sp-trace-scale { margin-left:76px; }
.sp-trace-rows article { grid-template-columns:66px 1fr; }
.sp-ready { margin-left:76px; }
.sp-vitals article { min-height:310px; }
.sp-journey { grid-template-columns:1fr 1fr; gap:25px 8px; }
.sp-journey-line { display:none; }
.sp-score-card { grid-template-columns:1fr; text-align:center; }
.sp-gauge { margin:auto; }
.sp-price-card > strong { font-size:35px; }
.sp-price-card ul { grid-template-columns:1fr; }
.sp-process article { grid-template-columns:76px 1fr; }
.sp-form-row { grid-template-columns:1fr; }
.sp-form .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
.sp-rail::after, .sp-waterfall-head i, .sp-bars b, .sp-vital-appear b, .sp-vital-respond b, .sp-journey-line i, .sp-process-line i { animation:none; }
.sp-rail::after { top:20%; }
.sp-route, .sp-route > i, .sp-demo-toggle i, .sp-demo-toggle i::after, .sp-trace-rows b { transition:none; }
.sp-route:hover { transform:none; }
}