.okc-page{--okc-red:#c71930}.okc-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#67202d66,transparent 55%),#111218;color:#fff;padding:32px 0 70px}.okc-hero .breadcrumb-line,.okc-hero .breadcrumb-line a{color:#bbbcc6}.okc-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;padding-top:55px}.okc-hero h1{font-size:clamp(2.25rem,4.8vw,4.8rem);line-height:1.06;letter-spacing:-.05em;margin:22px 0}.okc-hero p{color:#cbccd4;max-width:650px;font-size:1.08rem;line-height:1.85}.okc-hero-note{display:block;font-size:11px;letter-spacing:.24em;color:#aaaab7;margin-top:30px}.okc-hero-image{height:360px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#ffffff12,transparent 65%);border:1px solid #ffffff13;border-radius:36px}.okc-hero-image picture{display:contents}.okc-hero-image img{max-width:80%;height:300px;object-fit:contain;filter:drop-shadow(0 24px 22px #0007);animation:okc-float 7s ease-in-out infinite}.okc-brand-image{background:#fff}.okc-brand-image img{width:75%;height:110px;filter:none;animation:none}.okc-brand-nav{background:#fff;border-bottom:1px solid #e9e9ee}.okc-brand-track{display:flex;gap:12px;overflow-x:auto;padding:22px 0;scroll-snap-type:x proximity;scrollbar-width:thin}.okc-brand-track a{flex:0 0 140px;display:grid;place-items:center;height:76px;border:1px solid #eee;border-radius:14px;scroll-snap-align:start;transition:border-color .2s,transform .2s}.okc-brand-track a:hover,.okc-brand-track a[aria-current]{border-color:var(--okc-red);transform:translateY(-2px)}.okc-brand-track img{width:110px;height:40px;object-fit:contain}.okc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.okc-card{display:block;position:relative;border:1px solid #e6e6ed;border-radius:24px;background:linear-gradient(145deg,#fff,#f6f6f9);padding:28px;color:#18191f;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;text-decoration:none}.okc-card:hover{color:#18191f;transform:translateY(-7px);box-shadow:0 22px 50px #191a2212;border-color:#c7193060}.okc-card-number{position:absolute;right:24px;top:24px;color:#a8a9b4;font-size:12px}.okc-card-logo{height:62px;display:flex;align-items:center}.okc-card-logo img{width:130px;height:44px;object-fit:contain;object-position:left}.okc-card-device{height:230px;display:grid;place-items:center;margin:18px 0}.okc-card-device picture{display:contents}.okc-card-device img{width:90%;height:220px;object-fit:contain;transition:transform .4s}.okc-card:hover .okc-card-device img{transform:rotate(-4deg) scale(1.04)}.okc-card h3{font-size:24px;margin:18px 0 8px}.okc-card p{font-size:13px;color:#777987}.okc-card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e2e9;padding-top:18px;font-weight:700;font-size:13px;color:#bd1730}.okc-card-link svg{width:20px;height:20px}.okc-model:nth-of-type(even){background:#f6f6f8}.okc-model-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px}.okc-model-image{min-height:360px;display:grid;place-items:center;background:radial-gradient(circle,#e5e5eb,transparent 66%);border-radius:32px}.okc-model-image picture{display:contents}.okc-model-image img{width:85%;height:380px;object-fit:contain;filter:drop-shadow(0 20px 16px #0002)}.okc-model h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.04em;margin:20px 0}.okc-model p{font-size:15px;line-height:1.9;color:#626471}.okc-model .button{margin-top:16px}.okc-contact{background:radial-gradient(ellipse at 10% 80%,#7d1a2d66,transparent 65%),#14151b;color:#fff}.okc-contact h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.04em;margin:24px 0}.okc-contact p{max-width:720px;color:#bcbec9;line-height:1.8;margin-bottom:30px}.okc-page .section-heading p{max-width:500px}.okc-page a:focus-visible{outline:3px solid #c71930;outline-offset:4px}@keyframes okc-float{50%{transform:translateY(-12px) rotate(3deg)}}@media(max-width:1023px){.okc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.okc-hero-grid{gap:28px}.okc-hero-image{height:280px}.okc-hero-image img{height:240px}.okc-brand-image img{height:80px}.okc-model-grid{gap:32px}}@media(max-width:767px){.okc-hero{padding-bottom:36px}.okc-hero-grid{grid-template-columns:1fr;padding-top:22px;gap:28px}.okc-hero-image{height:220px}.okc-hero-image img{height:200px}.okc-brand-image{height:130px}.okc-brand-image img{height:65px}.okc-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px}.okc-hero .button{font-size:12px;padding:15px}.okc-cards{gap:12px}.okc-card{padding:16px;border-radius:18px}.okc-card-logo img{width:95px;height:36px}.okc-card-number{right:12px;top:12px}.okc-card-device{height:150px;margin:8px 0}.okc-card-device img{height:145px;width:100%}.okc-card h3{font-size:20px}.okc-card p,.okc-card-link{font-size:11px}.okc-model-grid{grid-template-columns:1fr;gap:22px}.okc-model-image{min-height:240px}.okc-model-image img{height:250px}.okc-brand-track a{flex-basis:120px}.okc-hero .breadcrumb-line{font-size:11px;overflow-wrap:anywhere}}@media(max-width:359px){.okc-cards{grid-template-columns:1fr}.okc-card-device{height:200px}.okc-card-device img{height:190px}}@media(prefers-reduced-motion:reduce){.okc-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ÖKC brand carousel and device presentation */
.okc-brand-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center}.okc-brand-track{position:relative;scrollbar-width:none}.okc-brand-track::-webkit-scrollbar{display:none}.okc-brand-arrow{width:44px;height:44px;border:1px solid #dedee6;background:#fff;color:#20212b;border-radius:50%;font-size:23px;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.okc-brand-arrow:hover:not(:disabled){background:#c71930;border-color:#c71930;color:#fff;transform:scale(1.08)}.okc-brand-arrow:disabled{opacity:.3;cursor:default}.okc-brand-arrow:focus-visible{outline:3px solid #c71930;outline-offset:3px}.okc-model{position:relative;overflow:hidden;padding-top:110px;padding-bottom:110px}.okc-model:nth-of-type(even){background:radial-gradient(ellipse at 10% 50%,#531d2c66,transparent 60%),#13141b;color:#fff}.okc-model:nth-of-type(even) .okc-model-grid{grid-template-columns:1.15fr 1fr}.okc-model:nth-of-type(even) .okc-model-image{order:2}.okc-model-image{position:relative;isolation:isolate;perspective:1000px;background:radial-gradient(ellipse,#c7193014,transparent 70%);min-height:460px}.okc-model-image:before,.okc-model-image:after{content:'';position:absolute;z-index:-1;width:85%;aspect-ratio:1;border:1px solid #c7193028;border-radius:50%;transform:rotateX(55deg);pointer-events:none}.okc-model-image:after{width:65%;border-style:dashed;animation:okc-orbit 32s linear infinite;animation-play-state:paused}.okc-model-image img{position:relative;z-index:1;animation:okc-device-float 6s ease-in-out infinite;animation-play-state:paused;transition:filter .4s;filter:drop-shadow(0 28px 18px #0003)}.okc-in-view .okc-model-image:after,.okc-in-view .okc-model-image img{animation-play-state:running}.okc-model:nth-of-type(even) .okc-model-image img{filter:drop-shadow(0 24px 28px #0009)}.okc-model-copy{position:relative;z-index:1}.okc-model:nth-of-type(even) p{color:#bfc0cc}.okc-integration-note{padding:20px 24px;border-left:3px solid #c71930;background:#c7193008;border-radius:0 14px 14px 0}.okc-specifications{margin:26px 0}.okc-specifications h3{font-size:14px;margin:0 0 16px;color:inherit}.okc-specifications ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.okc-specifications li{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #191a2110;background:#fff;border-radius:12px;font-size:12px;line-height:1.65;color:#626471;transition:transform .25s,border-color .25s}.okc-specifications li:hover{transform:translateY(-3px);border-color:#c7193070}.okc-specifications svg{flex:0 0 17px;width:17px;height:17px;color:#c71930;margin-top:2px}.okc-model:nth-of-type(even) .okc-specifications li{background:#ffffff05;border-color:#ffffff12;color:#d5d5df}.okc-model:nth-of-type(even) .button-dark{background:#fff;color:#191a21}.okc-model:nth-of-type(even) .red-text{color:#ff677e!important}.okc-model:nth-of-type(even) .text-link{color:#ff8293}.okc-hero:before{content:'';position:absolute;width:600px;height:600px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#a7193440,transparent 68%);right:-10%;top:-100px;animation:okc-ambient 12s ease-in-out infinite;pointer-events:none}.okc-hero>.container-xl{position:relative}.okc-hero-image{animation:okc-hero-enter 1.1s ease-out both}.okc-brand-image{box-shadow:0 20px 80px #c719301c}.okc-page [data-okc-animation="none"] .okc-model-image:after,.okc-page [data-okc-animation="none"] .okc-model-image img{animation:none}@keyframes okc-device-float{0%,100%{transform:translateY(0) rotateY(var(--okc-tilt,0deg)) rotate(-2deg)}50%{transform:translateY(-18px) rotateY(var(--okc-tilt,0deg)) rotate(2deg)}}@keyframes okc-orbit{to{transform:rotateX(55deg) rotate(360deg)}}@keyframes okc-ambient{50%{transform:translate(-60px,55px) scale(1.15)}}@keyframes okc-hero-enter{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1023px){.okc-model{padding-top:75px;padding-bottom:75px}.okc-model-image{min-height:360px}.okc-specifications ul{grid-template-columns:1fr}}@media(max-width:767px){.okc-brand-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}.okc-brand-arrow{width:38px;height:38px;font-size:20px}.okc-brand-track{padding:16px 0}.okc-model,.okc-model:nth-of-type(even){padding-top:50px;padding-bottom:50px}.okc-model:nth-of-type(even) .okc-model-grid{grid-template-columns:1fr}.okc-model:nth-of-type(even) .okc-model-image{order:0}.okc-model-image{min-height:280px}.okc-specifications ul{grid-template-columns:repeat(2,minmax(0,1fr))}.okc-specifications li{padding:11px;font-size:11px;gap:7px}.okc-integration-note{padding:16px}.okc-model-image img{height:260px}}@media(max-width:359px){.okc-specifications ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.okc-page *,.okc-page :before,.okc-page :after{animation:none!important;transition:none!important}}
/* Larger device artwork; brand logo dimensions stay independent. */
.okc-model-image{min-height:520px}.okc-model-image img{width:100%;height:480px}.okc-card-device{height:260px}.okc-card-device img{width:100%;height:250px}.okc-hero-image:not(.okc-brand-image) img{max-width:94%;height:330px}@media(max-width:1023px){.okc-model-image{min-height:430px}.okc-model-image img{height:400px}.okc-hero-image:not(.okc-brand-image) img{height:260px}}@media(max-width:767px){.okc-model-image{min-height:340px}.okc-model-image img{height:320px}.okc-card-device{height:175px}.okc-card-device img{height:170px}.okc-hero-image:not(.okc-brand-image) img{height:215px}}@media(max-width:359px){.okc-card-device{height:230px}.okc-card-device img{height:220px}}