.hts-section{position:relative;padding:76px 0;overflow:hidden}.hts-heading{max-width:820px;margin:0 auto 34px}.hts-heading .section-badge{display:inline-flex;align-items:center;gap:.45rem}.hts-heading h2{margin:12px 0 10px;color:#0f172a;font-size:clamp(28px,4vw,42px);font-weight:850;letter-spacing:-.035em}.hts-heading p{margin:0;color:#64748b;font-size:17px;line-height:1.7}.hts-calculator{background:linear-gradient(180deg,#fff 0%,#f5f8ff 100%)}.hts-calculator:before{content:"";position:absolute;right:-150px;top:80px;width:340px;height:340px;border-radius:50%;background:rgba(37,99,235,.07);pointer-events:none}.hts-calculator .duc-card{position:relative;border:1px solid #dbeafe;box-shadow:0 22px 60px rgba(15,23,42,.1)}.hts-calculator .duc-result{top:92px}.hts-calculator .duc-activity{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.hts-calculator .duc-activity:focus-within,.hts-calculator .duc-activity:hover{border-color:#93c5fd;box-shadow:0 9px 22px rgba(37,99,235,.08);transform:translateY(-1px)}
.hts-install{background:#fff}.hts-before{display:flex;align-items:flex-start;gap:14px;max-width:1020px;margin:0 auto 22px;padding:17px 20px;border:1px solid #fde68a;border-radius:16px;background:#fffbeb;color:#78350f}.hts-before>i{font-size:24px;color:#d97706}.hts-before strong{display:block;margin-bottom:3px}.hts-before p{margin:0;color:#92400e;line-height:1.6}.hts-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.hts-device-card{display:grid;grid-template-columns:230px 1fr;column-gap:22px;align-content:start;padding:24px;border:1px solid #e2e8f0;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 14px 35px rgba(15,23,42,.07)}.hts-device-top{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-bottom:18px}.hts-device-top small{display:block;color:#64748b;font-weight:700}.hts-device-top h3{margin:1px 0 0;color:#172554;font-size:23px;font-weight:820}.hts-os{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;font-size:23px}.hts-ios{background:linear-gradient(135deg,#111827,#475569)}.hts-android{background:linear-gradient(135deg,#16a34a,#059669)}.hts-guide-image{position:relative;display:block;height:330px;overflow:hidden;border:1px solid #dbeafe;border-radius:17px;background:#eff6ff}.hts-guide-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}.hts-guide-landscape img{object-position:left top}.hts-guide-image span{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 11px;border-radius:10px;color:#fff;background:rgba(15,23,42,.82);font-size:13px;font-weight:750;text-align:center;backdrop-filter:blur(6px)}.hts-guide-image:hover img{transform:scale(1.025)}.hts-steps{display:grid;gap:13px;margin:0;padding:0;list-style:none}.hts-steps li{display:grid;grid-template-columns:31px 1fr;gap:10px;color:#475569;line-height:1.58}.hts-steps li>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e0e7ff;color:#3730a3;font-size:13px;font-weight:850}.hts-steps strong{color:#1e293b}.hts-install-footer{display:flex;align-items:center;gap:11px;margin-top:22px;padding:17px 20px;border:1px solid #bbf7d0;border-radius:15px;background:#f0fdf4;color:#166534}.hts-install-footer>i{font-size:21px}.hts-install-footer span{flex:1}.hts-install-footer a{color:#166534;font-weight:800;text-decoration:none;white-space:nowrap}
.hts-troubleshoot{background:linear-gradient(145deg,#eef2ff 0%,#f8fafc 48%,#eff6ff 100%)}.hts-trouble-shell{max-width:1040px;margin:auto;padding:38px;border:1px solid #c7d2fe;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 24px 65px rgba(49,46,129,.1)}.hts-fix-picker{max-width:760px;margin:0 auto 23px}.hts-fix-picker label{display:block;margin-bottom:8px;color:#1e293b;font-weight:800}.hts-select-wrap{position:relative}.hts-select-wrap>i{position:absolute;left:17px;top:50%;z-index:2;transform:translateY(-50%);color:#4f46e5;font-size:20px}.hts-select-wrap select{min-height:58px;padding-left:50px;border:1px solid #a5b4fc;border-radius:14px;color:#1e293b;font-weight:650;box-shadow:none}.hts-select-wrap select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.13)}.hts-fix-placeholder{display:grid;place-items:center;min-height:180px;padding:25px;border:2px dashed #c7d2fe;border-radius:18px;color:#64748b;text-align:center;background:#f8faff}.hts-fix-placeholder i{font-size:34px;color:#818cf8}.hts-fix-placeholder p{margin:7px 0 0}.hts-fix-results article{padding:25px;border:1px solid #c7d2fe;border-radius:18px;background:#fff;animation:htsReveal .28s ease both}.hts-fix-results h3{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;color:#312e81;font-size:21px;font-weight:820}.hts-fix-results h3 i{color:#4f46e5}.hts-fix-results p,.hts-fix-results li{color:#475569;line-height:1.7}.hts-fix-results ol{margin:12px 0 0;padding-left:21px}.hts-fix-results li+li{margin-top:6px}.hts-support{display:flex;align-items:center;gap:15px;margin-top:20px;padding:18px 20px;border-radius:17px;background:#172554;color:#fff}.hts-support>i{font-size:30px;color:#93c5fd}.hts-support>div{flex:1}.hts-support strong{display:block}.hts-support p{margin:2px 0 0;color:#dbeafe;font-size:14px}.hts-support .btn{flex:0 0 auto;border-radius:11px;padding:11px 17px;font-weight:750}@keyframes htsReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1199.98px){.hts-device-card{grid-template-columns:190px 1fr}.hts-guide-image{height:300px}}
@media(max-width:991.98px){.hts-device-grid{grid-template-columns:1fr}.hts-device-card{grid-template-columns:240px 1fr}.hts-install-footer{align-items:flex-start;flex-wrap:wrap}.hts-install-footer a{margin-left:32px}.hts-calculator .duc-result{position:static}}
@media(max-width:767.98px){.hts-section{padding:48px 0}.hts-heading{margin-bottom:25px}.hts-heading p{font-size:15px}.hts-device-card{grid-template-columns:1fr;padding:18px}.hts-guide-image{height:250px;margin-bottom:19px}.hts-device-top{grid-column:auto}.hts-install-footer a{margin-left:0;white-space:normal}.hts-trouble-shell{padding:25px 17px;border-radius:20px}.hts-support{align-items:flex-start;flex-wrap:wrap}.hts-support .btn{width:100%}.hts-calculator .card-body{padding:17px!important}.hts-calculator .row.g-5{--bs-gutter-y:1.75rem}}
@media(prefers-reduced-motion:reduce){.hts-guide-image img,.hts-calculator .duc-activity{transition:none}.hts-fix-results article{animation:none}}
