.speed-guide-page{--sp-bg:#f5f8fc;--sp-surface:#fff;--sp-soft:#edf5f7;--sp-text:#102238;--sp-muted:#596b7f;--sp-border:#d7e4ea;--sp-teal:#078a8f;--sp-blue:#2563eb;--sp-amber:#d97706;--blog-bg:var(--sp-bg);--blog-surface:var(--sp-surface);--blog-surface-soft:var(--sp-soft);--blog-text:var(--sp-text);--blog-muted:var(--sp-muted);--blog-border:var(--sp-border);--blog-accent:var(--sp-teal);--blog-accent-2:var(--sp-blue);background:var(--sp-bg)}
.speed-guide-page.active-dark-mode{--sp-bg:#07111e;--sp-surface:#0e1b2b;--sp-soft:#13283a;--sp-text:#edf7fb;--sp-muted:#a9bdca;--sp-border:#254157;--sp-teal:#48d9d4;--sp-blue:#7aa5ff;--sp-amber:#ffb454}
.speed-guide-page .blog-hero--article{padding:116px 0 68px;border-bottom:1px solid var(--sp-border);background:radial-gradient(circle at 88% 16%,rgba(18,184,184,.16),transparent 30%),radial-gradient(circle at 8% 88%,rgba(37,99,235,.12),transparent 27%),var(--sp-surface)}
.speed-guide-page .blog-hero--article .blog-container{display:grid;grid-template-columns:minmax(0,.94fr) minmax(390px,1.06fr);grid-template-rows:auto auto auto auto auto;column-gap:clamp(36px,5vw,72px);align-items:center}.speed-guide-page .blog-breadcrumbs{grid-column:1/-1;margin-bottom:30px}.speed-guide-page .blog-eyebrow,.speed-guide-page .blog-hero h1,.speed-guide-page .blog-hero__intro,.speed-guide-page .article-meta{grid-column:1}.speed-guide-page .blog-eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:6px 11px;border:1px solid rgba(7,138,143,.22);border-radius:999px;background:rgba(7,138,143,.08);color:var(--sp-teal);font-size:11px;letter-spacing:.08em}.speed-guide-page .blog-hero h1{max-width:700px;margin:17px 0 18px;font-size:clamp(37px,4.4vw,58px);line-height:1.04;letter-spacing:-.042em}.speed-guide-page .blog-hero__intro{max-width:650px;color:var(--sp-muted);font-size:clamp(17px,1.6vw,20px);line-height:1.62}.speed-guide-page .article-meta{gap:8px 18px;margin-top:26px;color:var(--sp-muted);font-size:14px}.speed-hero__visual{grid-column:2;grid-row:2/6;margin:0;overflow:hidden;border:1px solid #244975;border-radius:22px;background:#051225;box-shadow:0 28px 60px rgba(8,24,38,.23)}.speed-hero__visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.speed-guide-page .article-layout{width:min(1120px,calc(100% - 40px));grid-template-columns:minmax(0,780px) minmax(220px,270px);gap:clamp(38px,5vw,68px);padding:68px 0 96px}.speed-guide-page .article-content{max-width:780px;color:var(--sp-text);font-size:17px;line-height:1.77}.speed-guide-page .article-content>p:first-child{font-size:19px;line-height:1.68}.speed-guide-page .article-content h2{margin:54px 0 17px;font-size:clamp(28px,3.2vw,36px);letter-spacing:-.025em}.speed-guide-page .article-content h3{margin:31px 0 10px;font-size:clamp(21px,2.3vw,25px)}.speed-guide-page .article-content p,.speed-guide-page .article-content ul{margin-bottom:21px}.speed-guide-page .article-toc{top:98px;padding:21px;border-radius:14px;box-shadow:none}.speed-guide-page .article-toc h2{font-size:17px}.speed-guide-page .article-toc ol{font-size:13px}
.speed-loop,.delivery-path{margin:36px 0 44px;padding:clamp(20px,4vw,32px);border:1px solid var(--sp-border);border-radius:20px;background:var(--sp-surface)}.speed-loop figcaption,.delivery-path figcaption{margin-bottom:24px}.speed-loop figcaption strong,.delivery-path figcaption strong{display:block;color:var(--sp-text);font-size:clamp(21px,3vw,28px)}.speed-loop figcaption span,.delivery-path figcaption span{display:block;margin-top:5px;color:var(--sp-muted);font-size:14px;line-height:1.55}.speed-loop ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0!important;padding:0;list-style:none}.speed-loop li{position:relative;padding:16px 12px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-soft);text-align:center}.speed-loop li:not(:last-child)::after{position:absolute;z-index:2;top:50%;right:-9px;width:8px;height:8px;border-top:2px solid var(--sp-teal);border-right:2px solid var(--sp-teal);content:'';transform:translateY(-50%) rotate(45deg)}.speed-loop li span{display:grid;width:26px;height:26px;margin:0 auto 8px;place-items:center;border-radius:50%;background:#0c3346;color:#83f3ed;font-size:12px}.speed-loop li b,.speed-loop li small{display:block}.speed-loop li b{font-size:14px}.speed-loop li small{margin-top:3px;color:var(--sp-muted);font-size:11px}
.article-art{margin:36px 0 44px;overflow:hidden;border:1px solid #244975;border-radius:20px;background:#061226}.article-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-art figcaption{padding:15px 18px 17px;border-top:1px solid #244975;background:#0b1a2e;color:#b7c7da;font-size:14px;line-height:1.55}.article-art figcaption strong{color:#fff}.delivery-path>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:18px;border-radius:14px;background:#09192b;color:#dff7ff}.delivery-path>div span,.delivery-path>div strong,.delivery-path>div b{padding:10px 13px;border:1px solid #315b78;border-radius:9px;background:#102c42}.delivery-path>div b{border-color:#18a9aa;color:#84f5ef}.delivery-path>div i{color:#55e0d9;font-size:24px}.delivery-path>div small{flex-basis:100%;color:#9db8c7;text-align:center}
.vitals-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 38px}.vitals-diagram section{padding:20px;border:1px solid var(--sp-border);border-radius:14px;background:var(--sp-surface)}.vitals-diagram span{color:var(--sp-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.vitals-diagram h3{margin:6px 0 3px!important}.vitals-diagram strong{display:block;color:var(--sp-teal);font-size:22px}.vitals-diagram p{margin:8px 0 0!important;color:var(--sp-muted);font-size:13px;line-height:1.55}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:24px 0 36px}.tool-grid section{padding:19px;border:1px solid var(--sp-border);border-radius:14px;background:var(--sp-surface)}.tool-grid h3{margin:0 0 8px!important;font-size:20px!important}.tool-grid p{margin:0!important;color:var(--sp-muted);font-size:14px;line-height:1.65}.mistake-list{display:grid;gap:10px;padding:0!important;list-style:none}.mistake-list li{padding:15px 17px;border:1px solid var(--sp-border);border-left:4px solid var(--sp-amber);border-radius:10px;background:var(--sp-surface)}
.performance-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0!important;list-style:none}.performance-checklist li{position:relative;margin:0!important;padding:14px 14px 14px 43px;border:1px solid var(--sp-border);border-radius:10px;background:var(--sp-surface)}.performance-checklist li::before{position:absolute;top:13px;left:14px;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:rgba(7,138,143,.14);color:var(--sp-teal);font-size:12px;font-weight:800;content:"✓"}
.speed-cta{margin:52px 0 40px;padding:clamp(24px,5vw,40px);border:1px solid rgba(7,138,143,.34);border-radius:20px;background:linear-gradient(145deg,rgba(7,138,143,.13),rgba(37,99,235,.09))}.speed-cta>span{color:var(--sp-teal);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.speed-cta h2{margin:8px 0 12px!important}.speed-cta p{max-width:650px}.speed-cta__button{display:inline-flex;padding:11px 17px;border-radius:10px;background:#087f83;color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important}.speed-cta__button:hover{background:#066b6e;color:#fff}.faq-list details{border-color:var(--sp-border);background:var(--sp-surface)}
@media(max-width:991px){.speed-guide-page .blog-hero--article .blog-container{grid-template-columns:1fr}.speed-guide-page .blog-breadcrumbs,.speed-guide-page .blog-eyebrow,.speed-guide-page .blog-hero h1,.speed-guide-page .blog-hero__intro,.speed-guide-page .article-meta,.speed-hero__visual{grid-column:1}.speed-hero__visual{grid-row:auto;max-width:780px;margin-top:34px}.speed-guide-page .article-layout{grid-template-columns:1fr;gap:28px}.speed-guide-page .article-content{max-width:780px;margin-inline:auto}.speed-guide-page .article-toc{position:static;grid-row:1;width:min(780px,100%);max-height:none;margin-inline:auto}.speed-guide-page .article-toc ol{display:flex;gap:8px;overflow-x:auto;margin:0;padding:0 0 8px;list-style:none;scrollbar-width:thin}.speed-guide-page .article-toc li,.speed-guide-page .article-toc li+li{flex:0 0 auto;margin:0}.speed-guide-page .article-toc a{display:block;padding:7px 10px;border:1px solid var(--sp-border);border-radius:999px;background:var(--sp-soft);text-decoration:none}}
@media(max-width:767px){.speed-guide-page .blog-hero--article{padding:102px 0 46px}.speed-guide-page .blog-hero h1{font-size:clamp(31px,9.6vw,43px)}.speed-guide-page .blog-hero__intro{font-size:17px}.speed-hero__visual{margin-top:27px;border-radius:14px;box-shadow:none}.speed-guide-page .article-layout{width:min(100% - 28px,780px);padding:44px 0 74px}.speed-guide-page .article-content{font-size:16px;line-height:1.72}.speed-guide-page .article-content>p:first-child{font-size:18px}.speed-guide-page .article-content h2{margin-top:44px;font-size:clamp(26px,8vw,33px)}.speed-loop ol,.vitals-diagram,.tool-grid,.performance-checklist{grid-template-columns:1fr}.speed-loop li:not(:last-child)::after{top:auto;right:50%;bottom:-8px;transform:translateX(50%) rotate(135deg)}.delivery-path>div{justify-content:flex-start}.article-art{border-radius:14px}}
@media(max-width:420px){.speed-guide-page .blog-container{width:min(100% - 22px,1180px)}.speed-guide-page .article-layout{width:calc(100% - 22px)}.speed-loop,.delivery-path{padding:16px;border-radius:12px}.speed-cta{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.article-art img,.speed-cta__button{transition:none}}
@media print{.speed-loop,.delivery-path,.article-art,.vitals-diagram{break-inside:avoid}}