.tshp-speed-hero { background: radial-gradient(circle at 88% 12%,rgba(50,193,241,.2),transparent 32%),linear-gradient(180deg,#f5fbff 0%,#fff 100%); }
.tshp-speed .tshp-flow-hero-grid { min-height: 630px; }
.tshp-speed .tshp-flow-hero h1 { max-width: 650px; }
.tshp-speed .tshp-flow-hero h1 em { display: block; margin-top: 16px; font-size: .48em; line-height: 1.45; font-style: normal; font-weight: 650; letter-spacing: .01em; color: #154d78; }
.tshp-speed-hero-visual { overflow: hidden; }
.tshp-speed-hero-visual::before { display: none; }
.tshp-speed-hero-visual img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; background: #eaf5fb; }
.tshp-speed-visual-key { position: absolute; left: 22px; bottom: 20px; display: flex; gap: 18px; flex-wrap: wrap; padding: 10px 14px; color: #dff7ff; background: rgba(4,36,68,.84); border: 1px solid rgba(85,204,242,.35); border-radius: 10px; backdrop-filter: blur(9px); font-size: .7rem; font-weight: 700; }
.tshp-speed-visual-key span { display: flex; align-items: center; gap: 7px; }
.tshp-speed-dot { width: 9px; height: 9px; border-radius: 50%; background: #22d8f4; box-shadow: 0 0 0 4px rgba(34,216,244,.16); }
.tshp-speed-line { width: 23px; height: 2px; background: #ff9d2e; }
.tshp-speed-hero-visual .tshp-flow-visual-note { left: auto; right: 16px; top: 16px; bottom: auto; background: rgba(4,36,68,.78); backdrop-filter: blur(7px); }
.tshp-speed-workflow { background: #fff; }
.tshp-speed-process { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 45px; }
.tshp-speed-process article { position: relative; min-height: 245px; padding: 28px 25px; border: 1px solid #d9e9f5; border-radius: 18px; background: linear-gradient(145deg,#fff,#f5faff); }
.tshp-speed-process article:not(:last-child)::after { content: '→'; position: absolute; z-index: 2; top: 50%; right: -22px; width: 28px; height: 28px; display: grid; place-items: center; color: #188bda; background: #fff; border: 1px solid #d7e9f6; border-radius: 50%; transform: translateY(-50%); }
.tshp-speed-process article > span { color: #1186d7; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.tshp-speed-process-icon { width: 58px; height: 58px; display: grid; place-items: center; margin: 22px 0 18px; color: #0e82d3; background: #e8f6ff; border: 1px solid #bfe4fa; border-radius: 15px; font-size: 1.65rem; font-weight: 800; }
.tshp-speed-process h3 { margin: 0 0 9px; color: #0b3156; font-size: 1.12rem; }
.tshp-speed-process p { margin: 0; color: #657c91; font-size: .78rem; }
.tshp-speed-data { background: #f3f9fd; }
.tshp-speed-data-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 44px; }
.tshp-speed-data-grid article { padding: 34px 32px; color: #dcefff; background: linear-gradient(145deg,#082d54,#0a4672); border: 1px solid rgba(52,192,239,.3); border-radius: 20px; box-shadow: 0 20px 45px rgba(8,52,90,.12); }
.tshp-speed-data-grid small { color: #46d6f6; font-weight: 800; letter-spacing: .14em; }
.tshp-speed-data-grid h3 { margin: 14px 0 19px; color: #fff; font-size: 1.25rem; }
.tshp-speed-data-grid ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.tshp-speed-data-grid li { position: relative; padding-left: 17px; color: #bad6e9; font-size: .78rem; }
.tshp-speed-data-grid li::before { content: ''; position: absolute; left: 0; top: .63em; width: 6px; height: 6px; border-radius: 50%; background: #28c7ed; }
.tshp-speed-scenes { background: #fff; }
.tshp-speed-product { background: linear-gradient(120deg,#eef8fd,#fff); }
.tshp-speed-product-grid { display: grid; grid-template-columns: minmax(260px,420px) 1fr; gap: clamp(45px,7vw,95px); align-items: center; }
.tshp-speed-product-image { min-height: 360px; display: grid; place-items: center; padding: 35px; background: #fff; border: 1px solid #d8e9f5; border-radius: 24px; box-shadow: 0 24px 60px rgba(19,73,112,.12); }
.tshp-speed-product-image img { width: min(100%,330px); height: 290px; object-fit: contain; }
.tshp-speed-product h2 { margin: 13px 0 20px; color: #0b3156; font-size: clamp(2rem,3.5vw,3.35rem); line-height: 1.12; }
.tshp-speed-product p:not(.tshp-eyebrow) { max-width: 690px; color: #60788e; }
.tshp-speed-product-tags { display: flex; flex-wrap: wrap; gap: 9px; margin: 25px 0 29px; }
.tshp-speed-product-tags span { padding: 9px 13px; color: #0b72bd; background: #e9f6ff; border: 1px solid #c8e8fa; border-radius: 999px; font-size: .72rem; font-weight: 750; }
.tshp-speed-protocol { margin-top: 24px; color: #466b8b; text-align: right; }
@media (max-width: 980px) {
	.tshp-speed-process { grid-template-columns: 1fr 1fr; }
	.tshp-speed-process article:nth-child(2)::after { display: none; }
	.tshp-speed-data-grid { grid-template-columns: 1fr; }
	.tshp-speed-product-grid { grid-template-columns: 1fr; }
	.tshp-speed-product-image { min-height: 300px; }
}
@media (max-width: 680px) {
	.tshp-speed .tshp-flow-hero-grid { min-height: auto; }
	.tshp-speed .tshp-flow-hero h1 em { font-size: .55em; }
	.tshp-speed-visual-key { position: static; margin: 12px; color: #16496e; background: #f0f9ff; }
	.tshp-speed-process { grid-template-columns: 1fr; }
	.tshp-speed-process article { min-height: auto; }
	.tshp-speed-process article::after { display: none !important; }
	.tshp-speed-product-image img { height: 230px; }
	.tshp-speed-protocol { text-align: left; }
}