.insulation-types{--it-blue:#0b3a68;--it-red:#c9344b;--it-ink:#17324c;--it-muted:#60758a;position:relative;padding:clamp(4rem,7vw,7rem) 0;background:#fff;overflow:hidden}
.insulation-types::before{content:"";position:absolute;inset:auto -12rem -13rem auto;width:32rem;height:32rem;border-radius:50%;background:radial-gradient(circle,rgba(201,52,75,.07),transparent 70%);pointer-events:none}
.insulation-types .container{position:relative;z-index:1}
.insulation-types-header{max-width:760px;margin:0 auto 2.4rem;text-align:center}
.insulation-types-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.8rem;color:var(--it-red);font-size:.9rem;font-weight:800}
.insulation-types-eyebrow::before,.insulation-types-eyebrow::after{content:"";width:1.7rem;height:2px;border-radius:4px;background:currentColor}
.insulation-types h2{margin:0;color:var(--it-blue);font-size:clamp(1.7rem,3vw,2.45rem);font-weight:900;line-height:1.5;letter-spacing:-.035em}
.insulation-types-header p{max-width:650px;margin:.75rem auto 0;color:var(--it-muted);font-size:.96rem;line-height:2}
.insulation-types-layout{display:flex;direction:rtl;align-items:stretch;gap:1.25rem;max-width:1180px;margin:0 auto;padding:1rem;border:1px solid rgba(11,58,104,.09);border-radius:28px;background:linear-gradient(145deg,#f8fafc,#fff);box-shadow:0 22px 55px rgba(16,52,84,.1)}
.insulation-detail-panel{flex:1 1 68%;min-width:0;border:1px solid rgba(11,58,104,.08);border-radius:22px;background:#fff;overflow:hidden}
.insulation-detail-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:center;min-height:490px;padding:clamp(1.5rem,3vw,2.6rem);gap:2rem}
.insulation-detail-copy{min-width:0}
.insulation-detail-copy .tab-content{min-height:330px}
.insulation-detail-copy .tab-pane{outline:none}
.insulation-detail-copy .tab-pane.active{animation:insulation-copy-in .42s cubic-bezier(.2,.75,.3,1) both}
.insulation-detail-label{display:inline-flex;margin-bottom:.85rem;padding:.35rem .75rem;border-radius:999px;color:var(--it-red);background:rgba(201,52,75,.08);font-size:.78rem;font-weight:800}
.insulation-detail-copy h3{margin:0 0 1rem;color:var(--it-blue);font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:900;line-height:1.65;letter-spacing:-.025em}
.insulation-detail-copy p{margin:0;color:var(--it-muted);font-size:.94rem;line-height:2.15;text-align:justify}
.insulation-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.4rem}
.insulation-detail-meta span,.insulation-detail-meta a{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:.45rem .75rem;border-radius:11px;font-size:.78rem;font-weight:800;text-decoration:none}
.insulation-detail-meta span{color:var(--it-blue);background:#eef4f9}
.insulation-detail-meta a{color:#fff;background:var(--it-red);transition:transform .2s ease,box-shadow .2s ease}
.insulation-detail-meta a:hover,.insulation-detail-meta a:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 9px 22px rgba(201,52,75,.22)}
.insulation-visual{position:relative;display:grid;place-items:center;width:min(100%,270px);aspect-ratio:1;margin:auto;isolation:isolate}
.insulation-image-shell{position:relative;display:grid;place-items:center;width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#edf3f8);box-shadow:0 18px 45px rgba(11,58,104,.18),inset 0 0 0 1px rgba(11,58,104,.08);z-index:3;animation:insulation-float 4.8s ease-in-out infinite}
.insulation-image-shell::after{content:"";position:absolute;inset:8%;border:1px solid rgba(201,52,75,.15);border-radius:50%}
.insulation-image-shell img{width:78%;height:78%;object-fit:contain;border-radius:50%;mix-blend-mode:multiply;filter:drop-shadow(0 12px 12px rgba(11,58,104,.13))}
.insulation-orbit{position:absolute;inset:5%;border:1px solid rgba(11,58,104,.14);border-radius:50%;z-index:1}
.insulation-orbit::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from 20deg,transparent 0 56%,rgba(201,52,75,.55) 63%,transparent 70%);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}
.insulation-orbit span{position:absolute;display:block;border-radius:50%;background:var(--it-red);box-shadow:0 0 0 6px rgba(201,52,75,.1)}
.insulation-orbit-outer{animation:insulation-orbit 13s linear infinite}
.insulation-orbit-outer span:first-child{width:9px;height:9px;top:13%;right:13%}
.insulation-orbit-outer span:last-child{width:6px;height:6px;bottom:16%;left:10%;background:var(--it-blue);box-shadow:0 0 0 5px rgba(11,58,104,.08)}
.insulation-orbit-inner{inset:16%;border-style:dashed;animation:insulation-orbit-reverse 10s linear infinite}
.insulation-orbit-inner span{width:7px;height:7px;top:48%;left:-4px;background:var(--it-blue);box-shadow:0 0 0 5px rgba(11,58,104,.08)}
.insulation-visual-index{position:absolute;right:2%;bottom:7%;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:var(--it-blue);font:800 .78rem/1 Arial,sans-serif;box-shadow:0 10px 25px rgba(11,58,104,.2);z-index:4;transition:transform .3s ease}
.insulation-visual.is-changing .insulation-image-shell{animation:insulation-image-change .48s ease both}
.insulation-visual.is-changing .insulation-visual-index{transform:scale(.85) rotate(-8deg)}
.insulation-tabs-panel{display:flex;flex:0 0 330px;min-width:0;flex-direction:column;padding:.3rem}
.insulation-tab-list{display:flex;flex:1;flex-direction:column;gap:.55rem}
.insulation-tab-list .insulation-tab{position:relative;display:grid;width:100%;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:.65rem;padding:.75rem;border:1px solid transparent;border-radius:14px;color:var(--it-ink);background:transparent;text-align:right;overflow:hidden;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.insulation-tab-list .insulation-tab::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:4px;background:var(--it-red);transform:scaleY(0);transition:transform .22s ease}
.insulation-tab-list .insulation-tab:hover{color:var(--it-blue);background:#fff;border-color:rgba(11,58,104,.08);transform:translateX(-2px)}
.insulation-tab-list .insulation-tab.active{color:var(--it-blue);background:#fff;border-color:rgba(11,58,104,.11);box-shadow:0 10px 28px rgba(16,52,84,.09)}
.insulation-tab-list .insulation-tab.active::before{transform:scaleY(1)}
.insulation-tab-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--it-blue);background:#eaf1f7;font:800 .7rem/1 Arial,sans-serif;transition:color .22s ease,background-color .22s ease}
.insulation-tab.active .insulation-tab-number{color:#fff;background:var(--it-red)}
.insulation-tab-copy{display:flex;min-width:0;flex-direction:column;gap:.18rem}
.insulation-tab-copy strong{font-size:.87rem;font-weight:900;line-height:1.5;white-space:normal}
.insulation-tab-copy small{color:var(--it-muted);font-size:.7rem;font-weight:600}
.insulation-tab>i{color:#9aabba;font-size:.7rem;transition:transform .22s ease,color .22s ease}
.insulation-tab.active>i{color:var(--it-red);transform:translateX(-3px)}
.insulation-services-link{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:46px;margin-top:.8rem;border-radius:13px;color:#fff;background:var(--it-blue);font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.insulation-services-link:hover,.insulation-services-link:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 10px 25px rgba(11,58,104,.18)}
@keyframes insulation-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes insulation-orbit{to{transform:rotate(360deg)}}
@keyframes insulation-orbit-reverse{to{transform:rotate(-360deg)}}
@keyframes insulation-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes insulation-image-change{0%{opacity:.55;transform:scale(.9) rotate(-3deg)}100%{opacity:1;transform:none}}
@media(max-width:991.98px){.insulation-types-layout{flex-direction:column}.insulation-tabs-panel{order:-1;flex-basis:auto}.insulation-tab-list{flex-direction:row;flex-wrap:nowrap;gap:.65rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none;padding:.2rem .1rem .75rem}.insulation-tab-list::-webkit-scrollbar{display:none}.insulation-tab-list .insulation-tab{flex:0 0 210px;scroll-snap-align:start}.insulation-services-link{display:none}.insulation-detail-main{min-height:440px}}
@media(max-width:767.98px){.insulation-types{padding:3.5rem 0}.insulation-types-header{margin-bottom:1.5rem}.insulation-types-header p{font-size:.9rem}.insulation-types-layout{padding:.65rem;border-radius:21px}.insulation-detail-panel{border-radius:17px}.insulation-detail-main{display:flex;min-height:0;flex-direction:column;padding:1.25rem;gap:1.2rem}.insulation-visual{order:-1;width:210px}.insulation-detail-copy .tab-content{min-height:360px}.insulation-detail-copy h3{font-size:1.25rem}.insulation-detail-copy p{font-size:.88rem;line-height:2.05}.insulation-detail-meta{align-items:stretch;flex-direction:column}.insulation-detail-meta span,.insulation-detail-meta a{justify-content:center}.insulation-tab-list .insulation-tab{flex-basis:190px;padding:.65rem}.insulation-tab-copy strong{font-size:.82rem}.insulation-visual-index{width:40px;height:40px;border-radius:12px}.insulation-types-eyebrow::before,.insulation-types-eyebrow::after{width:1rem}}
@media(max-width:380px){.insulation-detail-copy .tab-content{min-height:410px}.insulation-visual{width:185px}}
@media(prefers-reduced-motion:reduce){.insulation-detail-copy .tab-pane.active,.insulation-image-shell,.insulation-orbit-outer,.insulation-orbit-inner,.insulation-visual.is-changing .insulation-image-shell{animation:none!important}.insulation-tab,.insulation-tab::before,.insulation-visual-index{transition:none!important}}