.p65sk-refined{--ink:#13243b;--navy:#0e1d33;--blue:#2469c8;--light:#f4f7fb;--muted:#63748a;--line:#e0e7f0;--white:#fff;color:var(--ink);line-height:1.65}
.p65sk-refined h1,.p65sk-refined h2,.p65sk-refined h3,.p65sk-refined p{margin-top: 0;}
.p65sk-refined h1,.p65sk-refined h2,.p65sk-refined h3{line-height: 1.12; letter-spacing: -.045em;}
.p65sk-refined h2{font-size: clamp(34px,4.6vw,58px); margin: 14px 0 24px;}
.p65sk-refined h3{font-size: 23px;}
.p65sk-refined p{color: var(--muted);}
.p65sk-refined .wrap{width: min(1200px,90%); margin: auto;}
.p65sk-refined .eyebrow{font-size: 12px; letter-spacing: 2px; font-weight: 800; color: var(--blue); text-transform: uppercase;}
.p65sk-refined .btn{display: inline-flex; align-items: center; justify-content: center; padding: 14px 24px; min-height: 48px; border-radius: 5px; background: var(--blue); color: #fff; font-size: 14px; font-weight: 750; transition: .2s;}
.p65sk-refined .btn:hover{transform: translateY(-2px); background: #17519e;}
.p65sk-refined .btn.outline{color: var(--ink); background: #ffffffd9; border: 1px solid #bac9dc;}
.p65sk-refined .btn.white{background: #fff; color: var(--navy);}
.p65sk-refined .btn:focus-visible,.p65sk-refined .tab:focus-visible,.p65sk-refined a:focus-visible{outline: 3px solid #82b7ff; outline-offset: 3px;}
.p65sk-refined .section{padding: 105px 0;}
.p65sk-refined .soft{background: var(--light);}
.p65sk-refined header{position: sticky; top: 0; z-index: 20; background: #ffffffed; border-bottom: 1px solid var(--line); backdrop-filter: blur(14px);}
.p65sk-refined nav{height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.p65sk-refined .logo{font-size: 24px; font-weight: 900; letter-spacing: .08em;}
.p65sk-refined .navlinks{display: flex; gap: 30px; align-items: center; font-weight: 650; font-size: 13px;}
.p65sk-refined .navlinks a:hover{color: var(--blue);}
.p65sk-refined .hero{min-height: 600px; background-image: linear-gradient(90deg,rgba(246,249,253,.25),transparent 60%),url('/imgs/banners/p65sk_banner.webp'); background-size: cover; background-position: center center; display: flex; align-items: center;}
.p65sk-refined .hero-inner{padding-top: 70px; padding-bottom: 70px;}
.p65sk-refined .hero-copy{max-width: 640px;}
.p65sk-refined .hero h1{font-size: clamp(46px,5.9vw,80px); margin: 20px 0;}
.p65sk-refined .hero h1 span{color: var(--blue);}
.p65sk-refined .hero p{font-size: 18px; max-width: 520px; color: #4c5d72;}
.p65sk-refined .actions{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px;}
.p65sk-refined .facts{border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: white;}
.p65sk-refined .facts-grid{padding: 23px 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.p65sk-refined .facts strong{display: block; letter-spacing: .07em; font-size: 12px;}
.p65sk-refined .facts small{color: var(--muted);}
.p65sk-refined .intro{text-align: center; max-width: 850px; margin: auto;}
.p65sk-refined .intro p{font-size: 19px;}
.p65sk-refined .split{display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 65px;}
.p65sk-refined .product-stage{position: relative; min-height: 580px; display: grid; place-items: center; border-radius: 16px; background: radial-gradient(ellipse at 50% 52%,#dce9f8 0,#f4f7fb 58%,#fff 85%);}
.p65sk-refined .product-stage:before{content: ""; width: 74%; aspect-ratio: 1; position: absolute; border: 1px solid #d1dfef; border-radius: 50%;}
.p65sk-refined .product-stage img{position: relative; width: 100%; max-width: 610px; height: 580px; object-fit: contain; filter: drop-shadow(0 22px 18px #13243b22);}
.p65sk-refined .detail{border-left: 3px solid var(--blue); padding-left: 21px; margin: 25px 0;}
.p65sk-refined .detail strong{font-size: 17px;}
.p65sk-refined .detail p{margin: 5px 0; font-size: 14px;}
.p65sk-refined .dark{background: var(--navy); color: white;}
.p65sk-refined .dark p{color: #b3c1d4;}
.p65sk-refined .dark .eyebrow{color: #91bdff;}
.p65sk-refined .tabs{display: flex; flex-wrap: wrap; gap: 10px; margin: 35px 0 22px;}
.p65sk-refined .tab{padding: 11px 20px; border-radius: 5px; border: 1px solid #516b8a; color: #c8d7e7; background: transparent; cursor: pointer; font-size: 14px;}
.p65sk-refined .tab[aria-selected=true]{background: #fff; border-color: #fff; color: #14253c; font-weight: 700;}
.p65sk-refined .module-panel{background: #1c2f4b; border: 1px solid #355273; display: grid; grid-template-columns: 1fr .85fr; gap: 40px; padding: 35px; border-radius: 10px; align-items: center; min-height: 370px;}
.p65sk-refined .module-panel[hidden]{display: none;}
.p65sk-refined .module-panel h3{font-size: clamp(28px,3vw,41px); margin: 15px 0;}
.p65sk-refined .module-panel ul{color: #ccdaeb; padding-left: 20px;}
.p65sk-refined .module-panel li{margin: 6px 0;}
.p65sk-refined .module-visual{min-height: 290px; display: grid; place-items: center;}
.p65sk-refined .module-visual img{height: 300px; max-width: 100%; object-fit: contain; filter: drop-shadow(0 12px 18px rgba(0,0,0,.28));}
.p65sk-refined .module-visual.diagram{padding: 22px; display: flex; flex-direction: column; gap: 10px; justify-content: center; min-height: 290px; border-radius: 10px; background: linear-gradient(135deg,#1b314d,#14253b);}
.p65sk-refined .module-visual.diagram div{width: 100%; text-align: center; padding: 13px 12px; background: #ffffff12; border: 1px solid #718eaf; border-radius: 5px; font-size: 13px; font-weight: 700; color: #e8f3ff;}
.p65sk-refined .flow{display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 55px;}
.p65sk-refined .flow article{border-top: 2px solid var(--blue); padding-top: 19px;}
.p65sk-refined .flow b{font-size: 44px; color: #d0e0f2;}
.p65sk-refined .flow p{font-size: 14px;}
.p65sk-refined .cards{display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 45px;}
.p65sk-refined .card{background: #fff; border: 1px solid var(--line); padding: 32px; border-radius: 9px; min-height: 240px;}
.p65sk-refined .card small{color: var(--blue); font-weight: 800; letter-spacing: 1px;}
.p65sk-refined .card p{font-size: 14px;}
.p65sk-refined .cta{padding: 90px 0; background: linear-gradient(120deg,#183b69,#101e33); color: #fff;}
.p65sk-refined .cta p{max-width: 650px; color: #bfccde; font-size: 18px;}
.p65sk-refined footer{padding: 40px 0; background: #0a1627; color: #fff;}
.p65sk-refined .foot{display: flex; justify-content: space-between; gap: 20px;}
.p65sk-refined footer p{font-size: 13px; color: #a4b2c6;}
@media (max-width:1000px){.p65sk-refined .hero{background-position: 58% center;}
.p65sk-refined .hero-copy{max-width: 54%;}
.p65sk-refined .hero h1{font-size: clamp(42px,6vw,64px);}
.p65sk-refined .split{gap: 35px;}
.p65sk-refined .product-stage,.p65sk-refined .product-stage img{height: 480px; min-height: 480px;}
}@media (max-width:780px){.p65sk-refined .navlinks{display: none;}
.p65sk-refined .section{padding: 70px 0;}
.p65sk-refined .hero{min-height: 760px; align-items: flex-start; background-size: auto 510px; background-position: center bottom; background-repeat: no-repeat; background-color: #f4f7fb; background-image: url('/imgs/banners/p65sk_banner.webp');}
.p65sk-refined .hero-inner{padding-top: 50px; padding-bottom: 420px;}
.p65sk-refined .hero-copy{max-width: 100%;}
.p65sk-refined .hero h1{font-size: clamp(42px,9vw,64px);}
.p65sk-refined .hero p{font-size: 16px; max-width: 630px;}
.p65sk-refined .facts-grid{grid-template-columns: 1fr; gap: 15px;}
.p65sk-refined .split,.p65sk-refined .module-panel{grid-template-columns: 1fr;}
.p65sk-refined .product-stage,.p65sk-refined .product-stage img{height: 500px; min-height: 500px;}
.p65sk-refined .flow{grid-template-columns: repeat(2,1fr);}
.p65sk-refined .cards{grid-template-columns: 1fr;}
}@media (max-width:480px){.p65sk-refined nav{height: 66px;}
.p65sk-refined .logo{font-size: 21px;}
.p65sk-refined nav>.btn{font-size: 12px; padding: 10px 12px; min-height: 42px;}
.p65sk-refined .hero{min-height: 780px; background-size: auto 390px; background-position: 58% bottom;}
.p65sk-refined .hero-inner{padding-top: 40px; padding-bottom: 365px;}
.p65sk-refined .hero h1{font-size: 43px;}
.p65sk-refined .hero p{font-size: 15px;}
.p65sk-refined .actions .btn{padding: 12px 16px;}
.p65sk-refined .product-stage,.p65sk-refined .product-stage img{height: 390px; min-height: 390px;}
.p65sk-refined .module-panel{padding: 24px;}
.p65sk-refined .module-visual{min-height: 220px;}
.p65sk-refined .module-visual img{height: 230px;}
.p65sk-refined .flow{grid-template-columns: 1fr;}
.p65sk-refined .foot{flex-direction: column;}
}@media (prefers-reduced-motion:reduce){.p65sk-refined .btn{transition: none;}
}.p65sk-refined p{color: var(--muted);}
.p65sk-refined .wrap{max-width: 1200px;}
.p65sk-refined .hero .btn,.p65sk-refined .btn{border: 0;}
.p65sk-refined .btn.outline{border: 1px solid #bac9dc;}
.p65sk-refined .btn.white{background: #fff; color: var(--navy);}
.p65sk-refined .card{--bs-card-border-color: var(--line); --bs-card-border-radius: 12px;}
.p65sk-refined .tabs .tab{font-family: inherit;}
.p65sk-refined nav .btn{white-space: nowrap;}
.p65sk-refined .developer{background: #f4f7fb;}
.p65sk-refined .support-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; margin-top: 34px;}
.p65sk-refined .support-item{border: 1px solid var(--line); border-radius: 12px; padding: 30px; background: #fff;}
.p65sk-refined .support-item .support-icon{width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: #e5effe; color: var(--blue); font-size: 22px; font-weight: 800; margin-bottom: 18px;}
.p65sk-refined .support-item h3{font-size: 22px;}
.p65sk-refined .support-item p{font-size: 14px; margin-bottom: 0;}
.p65sk-refined .oem-strip{background: #e8f1fc; border: 1px solid #cbdff7; border-radius: 14px; display: flex; justify-content: space-between; align-items: center; gap: 25px; padding: 27px 32px; margin-top: 24px;}
.p65sk-refined .oem-strip p{margin: 5px 0 0;}
.p65sk-refined .application-grid{margin-top: 40px; display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px;}
.p65sk-refined .application-grid>div{width: 25%; padding: 12px; flex: 0 0 auto;}
.p65sk-refined .application-card{background: #fff; border: 1px solid var(--line); border-radius: 13px; overflow: hidden; height: 100%; box-shadow: 0 7px 28px #19385b08; transition: transform .22s,box-shadow .22s;}
.p65sk-refined .application-card:hover{transform: translateY(-4px); box-shadow: 0 15px 40px #19385b16;}
.p65sk-refined .application-media{display: block; width: 100%; height: 220px; object-fit: cover; background: #dce9f6;}
.p65sk-refined .application-content{padding: 24px 22px 26px;}
.p65sk-refined .application-content small{font-size: 11px; font-weight: 800; letter-spacing: 1.3px; color: var(--blue);}
.p65sk-refined .application-content h3{margin: 10px 0; font-size: 21px;}
.p65sk-refined .application-content p{font-size: 14px; margin: 0;}
.p65sk-refined .fineprint{font-size: 12px; color: var(--muted); margin-top: 18px;}
.p65sk-refined .integration-callout{background: #eef4fc; border-left: 4px solid var(--blue); padding: 18px 24px; border-radius: 0 8px 8px 0; margin-top: 23px;}
.p65sk-refined .integration-callout p{margin: 5px 0 0; font-size: 14px;}
.p65sk-refined .dark .integration-callout{background: #ffffff10; border-color: #8abaff;}
.p65sk-refined .dark .integration-callout p{color: #cbd8e8;}
@media (max-width:991px){.p65sk-refined .application-grid>div{width: 50%;}
}@media (max-width:850px){.p65sk-refined .support-grid{grid-template-columns: 1fr 1fr;}
.p65sk-refined .oem-strip{flex-direction: column; align-items: flex-start;}
}@media (max-width:767px){.p65sk-refined .application-grid>div{width: 100%;}
}@media (max-width:600px){.p65sk-refined .support-grid{grid-template-columns: 1fr;}
.p65sk-refined .application-media{height: 200px;}
.p65sk-refined .oem-strip{padding: 24px;}
.p65sk-refined .application-content{padding: 22px;}
}.p65sk-refined .product-module-visual{position: relative; background: transparent; border: none; overflow: visible; min-height: 320px; padding: 0; display: flex; align-items: center; justify-content: center;}
.p65sk-refined .module-product-photo{display: block; width: 100%; height: 320px; object-fit: contain; filter: drop-shadow(0 18px 22px rgba(8,18,32,.28));}
.p65sk-refined .module-image-caption{display: none;}
.p65sk-refined .crevia-module-visual{background: transparent; border: none; position: relative; overflow: visible; padding: 0; min-height: 280px; display: flex; align-items: center;}
.p65sk-refined .crevia-module-visual img{display: block; width: 100%; max-height: 330px; object-fit: contain; border-radius: 0; box-shadow: none;}
.p65sk-refined .crevia-module-visual .module-image-caption{display: none;}
.p65sk-refined .crevia-showcase{margin: 38px 0 34px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: #f5f8fd; box-shadow: 0 12px 38px rgba(14,35,66,.07);}
.p65sk-refined .crevia-showcase-head{padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.p65sk-refined .crevia-showcase-head h3{margin: 7px 0 6px; font-size: 27px;}
.p65sk-refined .crevia-showcase-head p{margin: 0; max-width: 690px; font-size: 14px;}
.p65sk-refined .crevia-showcase-head .btn{white-space: nowrap;}
.p65sk-refined .crevia-screenshot-frame{padding: 0 24px 24px;}
.p65sk-refined .crevia-screenshot-frame img{width: 100%; height: auto; display: block; box-shadow: 0 10px 30px #182c4828; border: 1px solid #dce3ef; border-radius: 7px;}
@media (max-width:767px){.p65sk-refined .crevia-showcase-head{padding: 25px; align-items: flex-start; flex-direction: column;}
.p65sk-refined .crevia-screenshot-frame{padding: 0 12px 12px;}
.p65sk-refined .module-product-photo{height: 245px;}
.p65sk-refined .product-module-visual{min-height: 270px;}
}
.p65sk-refined .application-scene{width:100%;aspect-ratio:3/2;background-image:url(/imgs/products/p65sk-application-scenes.png);background-size:200% 200%;}