.pr-tech-slider {position:relative; width:100%; max-width:var(--pr-tech-max-width,1440px); margin:0 auto; padding:0; color:var(--text-main)}
.pr-tech-slider * {box-sizing:border-box}
.pr-tech-slider__viewport {position:relative; overflow:hidden; height:min(var(--pr-tech-height-desktop,680px),390px); border-radius:10px; background:var(--bg-card); box-shadow:var(--shadow-lg); border:1px solid var(--border-color)}
.pr-tech-slider__track {width:100%; height:100%; display:flex; transition:transform var(--pr-tech-speed,600ms) cubic-bezier(.22,.61,.36,1); will-change:transform}
.pr-tech-slider.is-vertical .pr-tech-slider__track {flex-direction:column}
.pr-tech-slider__slide {position:relative; flex:0 0 100%; width:100%; height:100%; overflow:hidden; background:var(--bg-card)}
.pr-tech-slider.is-fade .pr-tech-slider__track {display:block; position:relative}
.pr-tech-slider.is-fade .pr-tech-slider__slide {position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity var(--pr-tech-speed,600ms) ease,visibility var(--pr-tech-speed,600ms) ease,transform var(--pr-tech-speed,600ms) ease; transform:scale(1.02)}
.pr-tech-slider.is-fade .pr-tech-slider__slide.is-active {opacity:1; visibility:visible; transform:scale(1); z-index:2}
.pr-tech-slider__banner-link,.pr-tech-slider__template-bg,.pr-tech-slider__overlay,.pr-tech-slider__grid-glow,.pr-tech-slider__content-wrap {position:absolute; inset:0}
.pr-tech-slider__banner-link {display:flex; align-items:center; justify-content:center; width:100%; height:100%}
.pr-tech-slider__banner-ratio {position:relative; width:100%; max-width:100%; aspect-ratio:4 / 3; overflow:hidden; border-radius:8px}
.pr-tech-slider__banner-image {display:block; width:100%; height:100%; object-fit:cover}
.pr-tech-slider__template-bg {width:100%; height:100%}
.pr-tech-slider__kenburns {animation:prTechKenBurns 14s ease-in-out infinite alternate}
@keyframes prTechKenBurns {from {transform:scale(1) translate3d(0,0,0)}
    to {transform:scale(1.05) translate3d(-1%,-1%,0)}
}
.pr-tech-slider__overlay {background:linear-gradient(115deg,rgb(255 255 255 / 0.10) 0,rgb(255 255 255 / 0.04) 36%,rgb(255 255 255 / 0.00) 100%); pointer-events:none}
.dark .pr-tech-slider__overlay {background:linear-gradient(115deg,rgb(15 23 42 / 0.32) 0,rgb(15 23 42 / 0.18) 36%,rgb(15 23 42 / 0.05) 100%)}
.pr-tech-slider__grid-glow {background:radial-gradient(circle at 82% 18%,rgb(59 130 246 / 0.10),transparent 22%),radial-gradient(circle at 72% 76%,rgb(56 189 248 / 0.08),transparent 24%),linear-gradient(rgb(255 255 255 / 0.05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 0.05) 1px,transparent 1px); background-size:auto,auto,28px 28px,28px 28px; pointer-events:none; opacity:.7}
.dark .pr-tech-slider__grid-glow {background:radial-gradient(circle at 82% 18%,rgb(59 130 246 / 0.16),transparent 22%),radial-gradient(circle at 72% 76%,rgb(56 189 248 / 0.10),transparent 24%),linear-gradient(rgb(255 255 255 / 0.035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 0.035) 1px,transparent 1px); background-size:auto,auto,28px 28px,28px 28px}
.pr-tech-slider__content-wrap {display:flex; align-items:center; padding:42px}
.pr-tech-slider__content-wrap.is-left {justify-content:flex-start}
.pr-tech-slider__content-wrap.is-center {justify-content:center}
.pr-tech-slider__content-wrap.is-right {justify-content:flex-end}
.pr-tech-slider__content-card {position:relative; z-index:3; width:min(760px,100%); padding:34px 34px 30px; border-radius:10px; background:rgb(255 255 255 / 0.78); border:1px solid var(--border-color); backdrop-filter:blur(14px); box-shadow:var(--shadow)}
.dark .pr-tech-slider__content-card {background:rgb(15 23 42 / 0.62); border-color:var(--border-color)}
.pr-tech-slider__content-wrap.is-center .pr-tech-slider__content-card {text-align:center}
.pr-tech-slider__content-wrap.is-right .pr-tech-slider__content-card {text-align:right}
.pr-tech-slider__eyebrow {display:inline-flex; align-items:center; gap:10px; min-height:34px; padding:0 14px; margin-bottom:16px; border-radius:999px; background:var(--bg-card-soft); border:1px solid var(--border-color); color:var(--text-soft); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em}
.pr-tech-slider__eyebrow-dot {width:8px; height:8px; border-radius:999px; background:var(--primary); box-shadow:0 0 12px rgb(59 130 246 / 0.45); flex:0 0 auto}
.pr-tech-slider__title {margin:0 0 16px; line-height:1.02; letter-spacing:-.05em; font-weight:800; text-wrap:balance; animation:prTechContentUp .8s ease both}
.pr-tech-slider__text {line-height:1.65; color:var(--text-soft); animation:prTechContentUp .95s ease both}
.pr-tech-slider__actions {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:26px; animation:prTechContentUp 1.05s ease both}
.pr-tech-slider__content-wrap.is-center .pr-tech-slider__actions {justify-content:center}
.pr-tech-slider__content-wrap.is-right .pr-tech-slider__actions {justify-content:flex-end}
@keyframes prTechContentUp {from {opacity:0; transform:translate3d(0,18px,0)}
    to {opacity:1; transform:translate3d(0,0,0)}
}
.pr-tech-slider__button {display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 22px; font-weight:700; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease,filter .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
.pr-tech-slider__button:hover {transform:translateY(-2px); text-decoration:none}
.pr-tech-slider__button--primary {box-shadow:var(--shadow-soft)}
.pr-tech-slider__button--primary:hover {filter:brightness(1.03)}
.pr-tech-slider__button--ghost {border-radius:12px; border:1px solid var(--border-color); background:var(--bg-card-soft); color:var(--text-main); backdrop-filter:blur(8px)}
.pr-tech-slider__button--ghost:hover {background:var(--bg-card-base); color:var(--text-main)}
.pr-tech-slider__button-arrow {display:inline-block; transition:transform .25s ease}
.pr-tech-slider__button:hover .pr-tech-slider__button-arrow {transform:translateX(3px)}
.pr-tech-slider__nav {position:absolute; top:50%; z-index:8; width:48px; height:48px; margin-top:-28px; border:1px solid var(--border-gray); border-radius:10px; background:rgb(245 245 245 / 0.7); color:var(--text-main); cursor:pointer; backdrop-filter:blur(14px); box-shadow:var(--shadow); transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}
.dark .pr-tech-slider__nav {background:rgb(15 23 42 / 0.72); color:var(--text-main)}
.pr-tech-slider__nav:hover {transform:scale(1.05); border-color:var(--border-strong)}
.pr-tech-slider__nav:disabled {opacity:.4; cursor:not-allowed}
.pr-tech-slider__nav--prev {left:18px}
.pr-tech-slider__nav--next {right:18px}
.pr-tech-slider__nav span {font-size:24px; line-height:1}
.pr-tech-slider__hud {position:absolute; left:18px; right:18px; bottom:16px; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:18px}
.pr-tech-slider__counter {display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 14px; border-radius:999px; background:rgb(255 255 255 / 0.72); border:1px solid var(--border-color); backdrop-filter:blur(12px); color:var(--text-main); font-weight:700; letter-spacing:.08em}
.dark .pr-tech-slider__counter {background:rgb(15 23 42 / 0.68)}
.pr-tech-slider__divider {opacity:.55}
.pr-tech-slider__progress {position:relative; flex:1 1 auto; height:6px; border-radius:999px; background:rgb(148 163 184 / 0.22); overflow:hidden}
.pr-tech-slider__progress-bar {display:block; width:0; height:100%; background:linear-gradient(90deg,var(--primary),var(--primary-hover)); border-radius:inherit; transition:width var(--pr-tech-speed,600ms) ease}
.pr-tech-slider__thumbbar {background-color:var(--bg-card); position:relative; margin:12px 0; padding:10px 48px; border:1px solid var(--border-strong); border-radius:10px}
.pr-tech-slider__thumbs-viewport {overflow:hidden; width:100%}
.pr-tech-slider__thumbs-track {display:flex; align-items:center; gap:10px; transition:transform .35s ease; will-change:transform}
.pr-tech-slider__thumb {position:relative; flex:0 0 auto; width:108px; aspect-ratio:4 / 3; padding:0; border:1px solid var(--border-color); border-radius:8px; background:var(--bg-card); overflow:hidden; cursor:pointer; box-shadow:var(--shadow-soft); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}
.pr-tech-slider__thumb:hover {transform:translateY(-2px); border-color:var(--border-strong)}
.pr-tech-slider__thumb.is-active {border-color:var(--primary); box-shadow:0 0 0 2px rgb(59 130 246 / 0.16)}
.dark .pr-tech-slider__thumb.is-active {box-shadow:0 0 0 2px rgb(96 165 250 / 0.20)}
.pr-tech-slider__thumb::after {content:''; position:absolute; inset:auto 0 0 0; height:3px; background:linear-gradient(90deg,var(--primary),var(--primary-hover)); transform:scaleX(0); transform-origin:left center; transition:transform .3s ease}
.pr-tech-slider__thumb.is-active::after {transform:scaleX(1)}
.pr-tech-slider__thumb-image {display:block; width:100%; height:100%; object-fit:cover}
.pr-tech-slider__thumb-placeholder {display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:var(--text-soft); font-weight:700}
.pr-tech-slider__thumb-progress {position:absolute; left:0; right:0; bottom:0; height:3px; background:rgb(255 255 255 / 0.18); overflow:hidden}
.pr-tech-slider__thumb-progress-bar {display:block; width:0; height:100%; background:linear-gradient(90deg,var(--primary),var(--primary-hover))}
.pr-tech-slider__thumb.is-active .pr-tech-slider__thumb-progress-bar.is-animating {animation-name:prTechThumbProgress; animation-timing-function:linear; animation-fill-mode:forwards}
@keyframes prTechThumbProgress {from {width:0}
    to {width:100%}
}
.pr-tech-slider__thumbnav {position:absolute; top:50%; z-index:3; width:36px; height:36px; margin-top:-18px; border:1px solid var(--border-gray); border-radius:7px; background:var(--bg-card-soft); color:var(--text-main); cursor:pointer; opacity:1; pointer-events:auto; box-shadow:var(--shadow-soft); transition:transform .2s ease,background .2s ease}
.dark .pr-tech-slider__thumbnav {background:var(--bg-panel)}
.pr-tech-slider__thumbnav:hover {transform:scale(1.06); background:var(--bg-card-soft)}
.pr-tech-slider__thumbnav--prev {left:3px}
.pr-tech-slider__thumbnav--next {right:3px}
.pr-tech-slider__html {width:100%; height:100%}
.pr-tech-slider__html > * {height:100%}
@media (max-width:1200px) {.pr-tech-slider__viewport {border-radius:10px}
    .pr-tech-slider__content-wrap {padding:30px}
    .pr-tech-slider__content-card {width:min(680px,100%); padding:26px 26px 24px}
}
@media (max-width:992px) {.pr-tech-slider {padding:0 8px}
    .pr-tech-slider__viewport {border-radius:10px}
    .pr-tech-slider__content-wrap {align-items:flex-end; padding:20px}
    .pr-tech-slider__content-card {width:100%; padding:20px 18px 18px; border-radius:10px}
    .pr-tech-slider__title {font-size:clamp(30px,5vw,46px) !important}
    .pr-tech-slider__text {font-size:clamp(15px,2.1vw,20px) !important}
    .pr-tech-slider__thumb {width:96px}
}
@media (max-width:768px) {.pr-tech-slider {padding:0}
    .pr-tech-slider__viewport {border-radius:8px; min-height:260px}
    .pr-tech-slider__content-wrap {padding:14px}
    .pr-tech-slider__content-card {padding:16px 14px 14px; border-radius:8px; width:100%}
    .pr-tech-slider__eyebrow {min-height:30px; padding:0 12px; font-size:10px}
    .pr-tech-slider__title {margin-bottom:10px; font-size:clamp(22px,7vw,30px) !important; line-height:1.04}
    .pr-tech-slider__text {font-size:14px !important; line-height:1.5}
    .pr-tech-slider__actions {margin-top:16px; flex-direction:column; align-items:stretch}
    .pr-tech-slider__button {width:100%; min-height:44px; padding:0 16px; font-size:15px !important}
    .pr-tech-slider__nav {display:none}
    .pr-tech-slider__hud {left:12px; right:12px; bottom:10px; gap:10px}
    .pr-tech-slider__counter {min-height:40px; font-size:12px; padding:0 12px}
    .pr-tech-slider__thumbbar {margin-top:10px; padding:0 36px}
    .pr-tech-slider__thumbs-track {gap:8px}
    .pr-tech-slider__thumb {width:84px; border-radius:6px}
    .pr-tech-slider__thumbnav {width:30px; height:30px; margin-top:-15px}
}
@media (max-width:480px) {.pr-tech-slider__viewport {min-height:220px}
    .pr-tech-slider__content-wrap {padding:10px}
    .pr-tech-slider__content-card {padding:14px 12px 12px}
    .pr-tech-slider__title {font-size:clamp(20px,7vw,26px) !important}
    .pr-tech-slider__text {font-size:13px !important}
    .pr-tech-slider__thumb {width:72px}
    .pr-tech-slider__thumbbar {padding:0 30px}
}
