.specification-page{width:100%;overflow:hidden;background:#fff}.spec-container{width:min(1440px,calc(100% - 60px));margin:0 auto}.spec-hero{position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(115deg,#06131e,#082b42 55%,#075e89)}.spec-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(83,190,235,.2),transparent 34%);z-index:1}.spec-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;-webkit-mask-image:linear-gradient(to right,transparent,black 30%,black);mask-image:linear-gradient(to right,transparent,black 30%,black);z-index:2}.spec-hero-glow{position:absolute;width:600px;height:600px;right:-120px;top:50%;transform:translateY(-50%);border-radius:50%;background:#25a9de14;filter:blur(30px);z-index:1}.spec-hero-content{padding:80px 0;text-align:center}.spec-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#65c7ed;font-size:18px;font-weight:700;letter-spacing:2.5px}.spec-hero h1{margin:22px 0;color:#fff;font-size:clamp(55px,7vw,88px);line-height:.88;letter-spacing:-4px;font-weight:800}.spec-hero h1 span{color:#65c7ed}.spec-hero-content>p{margin:0;color:#ffffffad;font-size:14px;line-height:1.85}.spec-hero-meta{display:flex;align-items:center;gap:0;margin-top:38px}.spec-hero-meta>div{min-width:105px;padding-right:25px;margin-right:25px;border-right:1px solid rgba(255,255,255,.16)}.spec-hero-meta>div:last-child{border-right:0}.spec-hero-meta strong{display:block;color:#fff;font-size:22px;line-height:1}.spec-hero-meta span{display:block;margin-top:6px;color:#ffffff73;font-size:8px;letter-spacing:1.5px}.spec-hero-side{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.spec-tech-circle{position:relative;width:330px;height:330px;border:1px solid rgba(101,199,237,.22);border-radius:50%;display:flex;align-items:center;justify-content:center}.spec-tech-circle:before{content:"";position:absolute;inset:30px;border:1px dashed rgba(101,199,237,.22);border-radius:50%}.spec-tech-circle:after{content:"";position:absolute;inset:85px;border:1px solid rgba(101,199,237,.15);border-radius:50%}.spec-circle-inner{position:relative;z-index:3;width:125px;height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#051d2ce6;border:1px solid rgba(101,199,237,.3);box-shadow:0 0 50px #2aaee321}.spec-circle-inner i{margin-bottom:9px;color:#65c7ed;font-size:25px}.spec-circle-inner strong{color:#fff;font-size:17px;letter-spacing:2px}.spec-circle-inner span{margin-top:2px;color:#65c7ed;font-size:8px;letter-spacing:3px}.spec-circle-line{position:absolute;width:7px;height:7px;border-radius:50%;background:#65c7ed;box-shadow:0 0 20px #65c7edcc}.line-one{top:17px;right:70px}.line-two{bottom:45px;left:30px;background:#087abb}.spec-hero-code{position:absolute;right:0;bottom:20px;color:#ffffff59;font-size:9px;letter-spacing:2px}.spec-hero-bottom{position:absolute;z-index:6;left:0;right:0;bottom:25px;display:flex;align-items:center;gap:12px;padding-left:max(30px,calc((100% - 1180px)/2))}.spec-hero-bottom span:first-child{color:#65c7ed;font-size:10px;font-weight:700}.spec-hero-bottom div{width:35px;height:1px;background:#65c7ed}.spec-hero-bottom span:last-child{color:#ffffff6b;font-size:8px;letter-spacing:2px}.spec-intro-section{padding:100px 0;background:#f5f7f8}.spec-intro{display:grid;grid-template-columns:.35fr 1fr auto;gap:45px;align-items:center}.spec-intro-label{display:flex;align-items:center;gap:12px}.spec-intro-label span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #087abb;color:#087abb;font-size:10px;font-weight:700}.spec-intro-label strong{color:#68737a;font-size:9px;letter-spacing:1.7px}.spec-intro-content h2{margin:0 0 18px;color:#111b20;font-size:clamp(38px,4vw,56px);line-height:.98;letter-spacing:-2.5px}.spec-intro-content h2 span{color:#087abb}.spec-intro-content p{max-width:610px;margin:0;color:#68737a;font-size:14px;line-height:1.85}.spec-intro-badge{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border-left:3px solid #087abb;box-shadow:0 12px 35px #00000012}.spec-intro-badge i{color:#087abb;font-size:22px}.spec-intro-badge span{display:flex;flex-direction:column;gap:3px;color:#7a858a;font-size:8px;letter-spacing:1.2px}.spec-intro-badge strong{color:#111;font-size:10px;letter-spacing:1px}.specifications-section{padding:80px 0;background:#fff}.spec-section-heading{display:grid;grid-template-columns:1fr .6fr;gap:60px;align-items:end;margin-bottom:20px}.spec-section-heading>div>span{color:#087abb;font-size:9px;font-weight:800;letter-spacing:2px}.spec-section-heading h2{margin:15px 0 0;color:#111b20;font-size:clamp(42px,5vw,65px);line-height:.92;letter-spacing:-3px}.spec-section-heading h2 em{color:#087abb;font-style:normal}.spec-section-heading>p{color:#717c81;font-size:17px;font-weight:700;line-height:1.8}.spec-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.spec-card{overflow:hidden;background:#fff;border:1px solid #e6eaec;box-shadow:0 12px 35px #0000000b;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.spec-card:hover{transform:translateY(-7px);border-color:#087abb4d;box-shadow:0 25px 55px #0000001c}.spec-card-header{align-items:center;gap:13px;padding:15px 18px;background:linear-gradient(135deg,#f6f9fa,#fff);border-bottom:1px solid #e8ecee}.spec-card-number{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#087abb;color:#fff;font-size:10px;font-weight:800;border-radius:50%}.spec-card-header>div:nth-child(2)>span{display:block;margin-bottom:3px;color:#8a9499;font-size:7px;font-weight:700;letter-spacing:1.5px}.spec-card-header h3{margin:0;color:#111b20;text-align:center;font-size:25px;font-weight:750}.spec-card-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eaf6fb;color:#087abb;font-size:12px}.spec-card-image{position:relative;height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafbfc}.spec-image-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,122,187,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,122,187,.035) 1px,transparent 1px);background-size:25px 25px}.spec-card-image img{position:relative;z-index:2;max-height:250px;object-fit:cover;mix-blend-mode:multiply;transition:transform .5s ease}.spec-card:hover .spec-card-image img{transform:scale(1.07)}.spec-image-label{position:absolute;z-index:4;right:12px;bottom:10px;padding:5px 8px;background:#ffffffe6;color:#8a9499;font-size:7px;font-weight:700;letter-spacing:1px}.spec-table-wrapper{overflow-x:auto}.spec-table-wrapper table{width:100%;border-collapse:collapse;min-width:350px;font-size:12px}.spec-table-wrapper th{padding:9px 6px;background:#087abb;color:#fff;font-size:15px;font-weight:700;letter-spacing:.8px;text-align:center}.spec-table-wrapper th:first-child{text-align:left;padding-left:10px}.spec-table-wrapper td{padding:7px 6px;border-bottom:1px solid #edf0f1;color:#68737a;text-align:center;white-space:nowrap}.spec-table-wrapper td:first-child{text-align:left;padding-left:10px}.spec-table-wrapper tr:hover td{background:#f5fafc}.spec-table-wrapper .size-cell{color:#111;font-weight:700}.spec-card-footer{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-top:1px solid #edf0f1;background:#fafbfc}.spec-card-footer span{color:#8b959a;font-size:7px;font-weight:700;letter-spacing:1px}.spec-card-footer span:first-child{color:#087abb}.spec-card-footer i{margin-right:5px}.spec-quality{position:relative;overflow:hidden;padding:60px 0;background:linear-gradient(120deg,#06131e,#073c5a,#087abb)}.spec-quality-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:45px 45px}.spec-quality-inner{position:relative;z-index:2;display:grid;grid-template-columns:65px 1fr .8fr;gap:25px;align-items:center}.spec-quality-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#65c7ed;font-size:21px}.spec-quality-inner>div:nth-child(2) span{color:#65c7ed;font-size:11px;font-weight:700;letter-spacing:2px}.spec-quality-inner h3{margin:6px 0 0;color:#fff;font-size:24px}.spec-quality-inner>p{margin:0;color:#ffffff9e;font-size:18px;line-height:1.7}.spec-navigation{position:relative;padding:80px 0;background:#f5f7f9;overflow:hidden}.spec-navigation:before{content:"";position:absolute;top:0;right:-180px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(8,122,187,.08)}.spec-navigation:after{content:"";position:absolute;bottom:-250px;left:-180px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(8,122,187,.07)}.spec-container{position:relative;width:min(1440px,calc(100% - 40px));margin:0 auto;z-index:2}.spec-nav-heading{text-align:center;margin-bottom:55px}.spec-nav-heading>span{display:inline-flex;align-items:center;gap:10px;color:#087abb;font-size:11px;font-weight:800;letter-spacing:2.5px;margin-bottom:12px}.spec-nav-heading>span:before,.spec-nav-heading>span:after{content:"";width:28px;height:1px;background:#087abb}.spec-nav-heading h2{margin:0;color:#111;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:700;letter-spacing:-1.5px}.spec-nav-heading h2 em{color:#087abb;font-style:normal}.spec-nav-heading p{max-width:600px;margin:15px auto 0;color:#707980;font-size:15px;line-height:1.7}.spec-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.spec-nav-card{position:relative;min-height:365px;display:flex;flex-direction:column;padding:27px 28px 25px;background:#fff;border:1px solid #e4e9ed;text-decoration:none;overflow:hidden;box-shadow:0 12px 35px #0f1e280d;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.spec-nav-card:before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:#087abb;transition:width .45s ease}.spec-nav-card:after{content:"";position:absolute;right:-100px;bottom:-100px;width:230px;height:230px;border-radius:50%;background:#087abb0d;transition:transform .5s ease}.spec-nav-card:hover{transform:translateY(-9px);border-color:#087abb4d;box-shadow:0 25px 55px #0f1e281f}.spec-nav-card:hover:before{width:100%}.spec-nav-card:hover:after{transform:scale(1.5)}.spec-nav-card.active{background:#087abb;border-color:#087abb;box-shadow:0 20px 50px #087abb40}.spec-nav-card.active:before{width:100%;background:#fff}.spec-nav-card.active:after{background:#ffffff14}.spec-nav-card.active .spec-nav-number,.spec-nav-card.active .spec-nav-content span,.spec-nav-card.active .spec-nav-content strong,.spec-nav-card.active .spec-nav-content p,.spec-nav-card.active .spec-nav-bottom{color:#fff}.spec-nav-card.active .spec-nav-line{background:#ffffff4d}.spec-nav-card.active .spec-nav-icon{background:#fff;color:#087abb}.spec-nav-card.active:hover{box-shadow:0 30px 65px #087abb52}.spec-nav-card-top{position:relative;z-index:3;display:flex;align-items:center;gap:13px;margin-bottom:28px}.spec-nav-number{color:#087abb;font-size:13px;font-weight:800;letter-spacing:1px}.spec-nav-line{flex:1;height:1px;background:#dce3e7}.spec-nav-card-top>i{color:#8b969d;font-size:12px;transition:transform .35s ease,color .35s ease}.spec-nav-card:hover .spec-nav-card-top>i{color:#087abb;transform:translate(3px,-3px)}.spec-nav-card.active .spec-nav-card-top>i{color:#fffc}.spec-nav-icon{position:relative;z-index:3;width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border-radius:14px;background:#eef8fc;color:#087abb;font-size:21px;transition:transform .4s ease,border-radius .4s ease}.spec-nav-card:hover .spec-nav-icon{transform:rotate(-4deg) scale(1.08);border-radius:18px}.spec-nav-content{position:relative;z-index:3}.spec-nav-content span{display:block;margin-bottom:9px;color:#7c878d;font-size:10px;font-weight:800;letter-spacing:1.8px}.spec-nav-content strong{display:block;color:#172027;font-size:22px;font-weight:700;line-height:1.25}.spec-nav-content p{margin:12px 0 0;max-width:280px;color:#7a858b;font-size:13px;line-height:1.7}.spec-nav-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:22px;border-top:1px solid #edf0f2;color:#087abb;font-size:10px;font-weight:800;letter-spacing:1.5px}.spec-nav-bottom i{font-size:13px;transition:transform .35s ease}.spec-nav-card:hover .spec-nav-bottom i{transform:translate(7px)}.spec-nav-card.active .spec-nav-bottom{border-color:#ffffff40}@media(max-width:991px){.spec-navigation{padding:80px 0 90px}.spec-nav-grid{grid-template-columns:1fr;max-width:600px;margin:auto}.spec-nav-card{min-height:330px}}@media(max-width:576px){.spec-navigation{padding:65px 0 70px}.spec-container{width:min(100% - 28px,500px)}.spec-nav-heading{margin-bottom:35px}.spec-nav-heading h2{font-size:32px}.spec-nav-heading p{font-size:13px}.spec-nav-card{min-height:320px;padding:23px}.spec-nav-content strong{font-size:20px}}@media(max-width:576px){.spec-container{width:calc(100% - 26px)}.spec-hero-content{padding-top:60px}.spec-hero h1{font-size:50px;letter-spacing:-2px}.spec-hero-content>p{font-size:13px}.spec-hero-meta{margin-top:30px}.spec-hero-meta>div{min-width:auto;padding-right:15px;margin-right:15px}.spec-hero-meta strong{font-size:18px}.spec-hero-meta span{font-size:7px}.spec-tech-circle{width:240px;height:240px}.spec-circle-inner{width:105px;height:105px}.spec-circle-inner i{font-size:20px}.spec-circle-inner strong{font-size:14px}.spec-intro-section,.specifications-section,.spec-navigation{padding:70px 0}.spec-intro-content h2,.spec-section-heading h2{font-size:40px;letter-spacing:-2px}.spec-card-image{height:220px}.spec-card-image img{max-height:180px}.spec-card-header{grid-template-columns:40px 1fr 34px}.spec-table-wrapper{padding-left:10px;padding-right:10px}.spec-table-wrapper table{font-size:9px}.spec-table-wrapper th{font-size:7px}.spec-table-wrapper td{padding:6px 4px}.spec-quality{padding:50px 0}.spec-quality-inner{grid-template-columns:45px 1fr;gap:14px}.spec-quality-icon{width:45px;height:45px;font-size:17px}.spec-quality-inner h3{font-size:18px}.spec-quality-inner>p{grid-column:1 / -1;padding-left:59px}}.pipe-dimension-section{width:100%;margin:0 0 70px}.pipe-dimension-header{margin-bottom:28px}.pipe-dimension-header h2{margin:0;font-size:30px;line-height:1.2;font-weight:700;color:#0878bd}.pipe-dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:start}.dimension-table-box h3{margin:0 0 12px;font-size:25px;line-height:1.2;font-weight:700;color:#0878bd}.dimension-table-wrapper{width:100%;overflow-x:auto;border-radius:0 0 2px 2px}.dimension-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-family:inherit}.dimension-table thead th{background:#0878bd;color:#fff;padding:10px 8px;text-align:center;font-size:16px;line-height:1.1;font-weight:700;border-right:2px solid #ffffff}.dimension-table thead th:last-child{border-right:none}.dimension-table thead th:first-child{border-top-left-radius:10px}.dimension-table thead th:last-child{border-top-right-radius:10px}.dimension-table tbody td{padding:7px 8px;text-align:center;font-size:16px;line-height:1.25;color:#222;border-right:2px solid #0878bd;border-bottom:1px solid #ffffff}.dimension-table tbody td:last-child{border-right:none}.dimension-table tbody tr:nth-child(odd) td{background:#fff}.dimension-table tbody tr:nth-child(2n) td{background:#dcebf7}.dimension-table tbody tr:last-child td{border-bottom:none}.dimension-table tbody td:first-child{font-weight:500}@media(max-width:900px){.pipe-dimension-grid{grid-template-columns:1fr;gap:45px}.pipe-dimension-header h2{font-size:27px}.dimension-table-box h3{font-size:23px}}@media(max-width:600px){.pipe-dimension-section{margin:40px 0 50px}.pipe-dimension-header h2{font-size:24px}.dimension-table-wrapper{overflow-x:auto}.dimension-table{min-width:620px}.dimension-table thead th{font-size:14px;padding:9px 7px}.dimension-table tbody td{font-size:14px;padding:8px 7px}}
