.hero{align-items:center;background:linear-gradient(180deg,var(--off-white) 0,var(--white) 50%,var(--grey-1) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,rgba(91,126,150,.06) 0,transparent 70%);content:"";height:1200px;left:50%;pointer-events:none;position:absolute;top:-200px;transform:translateX(-50%);width:1200px}.hero-eyebrow,.hero-eyebrow>div{animation:fadeInUp .8s var(--ease-out) .2s forwards;color:var(--kx-eyebrow-color-light);font-size:.85rem;font-weight:var(--kx-font-weight-label);letter-spacing:.08em;margin-bottom:16px;opacity:0;text-transform:uppercase;transform:translateY(20px)}.hero h1{animation:fadeInUp .8s var(--ease-out) .35s forwards;color:var(--text-primary);font-size:clamp(3rem,8vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin-bottom:24px;max-width:900px;opacity:0;transform:translateY(30px)}.hero h1 .accent,.hero h1 .accent span,.hero h1 span.accent{background:linear-gradient(135deg,var(--kardex-blue) 0,var(--kardex-blue-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-sub,.hero-sub>div{animation:fadeInUp .8s var(--ease-out) .5s forwards;color:var(--text-secondary);font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:400;line-height:1.55;margin-bottom:40px;max-width:620px;opacity:0;transform:translateY(30px)}.hero-actions{animation:fadeInUp .8s var(--ease-out) .65s forwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;opacity:0;transform:translateY(30px)}.hero-visual{animation:fadeInUp 1s var(--ease-out) .8s forwards;margin-top:60px;max-width:1100px;opacity:0;position:relative;transform:translateY(50px);width:100%}.hero-visual-inner{background:linear-gradient(145deg,var(--kardex-blue-deeper) 0,var(--kardex-blue-dark) 50%,#1a2f3d 100%)}.hero-visual-image,.hero-visual-inner{border-radius:24px;overflow:hidden;position:relative}.hero-visual-image{display:block;min-height:420px;padding:0}.hero-visual-inner:before{background:radial-gradient(ellipse at 20% 50%,rgba(107,140,66,.15) 0,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(91,126,150,.2) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.hero-img{border-radius:24px;display:block;height:auto;max-height:560px;object-fit:cover;width:100%}.hero-img-overlay{background:linear-gradient(180deg,rgba(44,68,86,0) 40%,rgba(26,47,61,.75));border-radius:24px;inset:0;pointer-events:none;position:absolute;z-index:2}.hero-img-caption{align-items:center;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:var(--kx-media-badge-bg);border:1px solid var(--kx-media-badge-border);border-radius:var(--kx-radius-button);bottom:24px;box-shadow:var(--kx-media-badge-shadow);color:var(--kx-media-badge-text);display:flex;font-size:.78rem;font-weight:var(--kx-media-badge-font-weight);gap:10px;left:28px;letter-spacing:.01em;padding:10px 18px 10px 14px;position:absolute;z-index:3}.hero-caption-dot{background:var(--kx-media-badge-dot);border-radius:50%;box-shadow:var(--kx-media-badge-dot-shadow);flex-shrink:0;height:8px;width:8px}.hero-caption-text,.hero-caption-text>div{color:var(--kx-media-badge-text);font-size:.78rem;font-weight:var(--kx-media-badge-font-weight);letter-spacing:.01em}.one-kardex-section{background:var(--white);overflow:hidden;padding:120px 24px;position:relative}.one-kardex-section:before{background:radial-gradient(circle,rgba(91,126,150,.03) 0,transparent 60%);content:"";height:1400px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:1400px}.one-kardex-headline,.one-kardex-headline>div{color:var(--text-primary);font-size:clamp(2.5rem,6vw,3.8rem);font-weight:900;letter-spacing:-.04em;line-height:1.06;margin-bottom:20px}.one-kardex-sub,.one-kardex-sub>div{color:var(--text-secondary);font-size:1.12rem;line-height:1.65;margin:0 auto 64px;max-width:680px}.one-kardex-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:48px}.okx-card{background:var(--bg-light);border:1px solid var(--grey-2);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;padding:32px 28px;position:relative;transition:all .4s var(--ease-out)}.okx-card:hover{border-color:var(--grey-3);box-shadow:0 12px 48px rgba(0,0,0,.06);transform:translateY(-4px)}.okx-card:after{border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:24px;opacity:0;position:absolute;right:24px;transition:opacity .3s}.okx-card:hover:after{opacity:1}.okx-card:first-child:after{background:var(--kardex-blue)}.okx-card:nth-child(2):after{background:var(--kardex-moss)}.okx-card:nth-child(3):after{background:#4a8a8a}.okx-card:nth-child(4):after{background:var(--brown-1)}.okx-icon-wrap{border-radius:16px;height:56px;justify-content:center;width:56px}.okx-icon-wrap,.okx-logo-wrap{align-items:center;display:flex;margin-bottom:20px;transition:transform .3s var(--ease-out)}.okx-logo-wrap{height:40px}.okx-logo-wrap img{display:block;height:32px;max-width:100%;object-fit:contain;width:auto}.okx-card:hover .okx-logo-wrap{transform:scale(1.05)}.okx-card:hover .okx-icon-wrap{transform:scale(1.08)}.okx-icon-wrap.okx-blue{background:rgba(91,126,150,.12);color:var(--kardex-blue-dark)}.okx-icon-wrap.okx-green{background:rgba(107,140,66,.12);color:var(--kardex-moss-dark)}.okx-icon-wrap.okx-teal{background:rgba(74,138,138,.12);color:#3a7070}.okx-icon-wrap.okx-brown{background:rgba(160,128,96,.12);color:var(--brown-2)}.okx-title{color:var(--text-primary);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.okx-role{color:var(--kardex-blue);font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-bottom:14px;text-transform:uppercase}.okx-card:nth-child(2) .okx-role{color:var(--kardex-moss-dark)}.okx-card:nth-child(3) .okx-role{color:#3a7070}.okx-card:nth-child(4) .okx-role{color:var(--brown-2)}.okx-desc{color:var(--text-secondary);flex:1;font-size:.88rem;line-height:1.55;margin-bottom:20px}.okx-tags{display:flex;flex-wrap:wrap;gap:6px}.okx-tag{background:rgba(91,126,150,.08);border-radius:var(--kx-radius-pill);color:var(--kardex-blue-dark);font-size:.7rem;font-weight:600;letter-spacing:.01em;padding:4px 10px}.okx-connector{align-items:center;display:flex;gap:24px;margin-bottom:48px}.okx-connector-line{background:linear-gradient(90deg,transparent 0,var(--grey-3) 50%,transparent 100%);flex:1;height:1px}.okx-connector-center{flex-shrink:0}.okx-connector-badge{align-items:center;background:var(--bg-light);border:1px solid var(--grey-2);border-radius:var(--kx-radius-pill);display:flex;flex-direction:column;gap:4px;padding:16px 32px}.okx-connector-logo{color:var(--kardex-blue-dark);font-size:1.1rem;font-weight:900;letter-spacing:-.03em}.okx-connector-text{color:var(--kardex-moss);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.okx-bottom-inner{align-items:center;background:linear-gradient(145deg,var(--kardex-blue-deeper) 0,#1a2f3d 100%);border-radius:24px;display:grid;gap:56px;grid-template-columns:1.2fr 1fr;overflow:hidden;padding:56px;position:relative}.okx-bottom-inner:before{background:radial-gradient(circle,rgba(107,140,66,.1) 0,transparent 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:400px}.okx-bottom-content h3,.okx-bottom-headline,.okx-bottom-headline>div{color:var(--white);font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.okx-bottom-content p,.okx-bottom-desc,.okx-bottom-desc>div{color:hsla(0,0%,100%,.6);font-size:.95rem;line-height:1.65}.okx-bottom-highlights{display:flex;flex-direction:column;gap:16px}.okx-highlight{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;display:flex;gap:14px;padding:14px 20px;transition:all .3s var(--ease-out)}.okx-highlight:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14)}.okx-highlight-icon{align-items:center;background:hsla(0,0%,100%,.06);border-radius:10px;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.okx-highlight-text{color:hsla(0,0%,100%,.85);font-size:.88rem;font-weight:600}.solutions-grid{display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.solution-card{border-radius:20px;color:inherit;cursor:pointer;display:flex;flex-direction:column;grid-column:span 2;min-height:380px;overflow:hidden;padding:40px 32px;position:relative;text-decoration:none;transition:all .4s var(--ease-out)}.solution-card:hover{transform:translateY(-4px)}.solution-card.card-blue{background:linear-gradient(160deg,#e8eef2,#d5dee5)}.solution-card.card-green{background:linear-gradient(160deg,#e8efe0,#d5e2ca)}.solution-card.card-warm{background:linear-gradient(160deg,#f0ebe5,#e2d9cf)}.solution-card.card-dark{background:linear-gradient(160deg,var(--kardex-blue-deeper) 0,#1a2f3d 100%);color:var(--white)}.solution-card.card-dark .card-description{color:hsla(0,0%,100%,.6)}.solution-card.card-dark .card-cta{color:hsla(0,0%,100%,.8)}.solution-card.card-dark .card-cta:hover{color:var(--white)}.solution-card.card-direct{align-items:stretch;background:linear-gradient(145deg,#1e3a4c,#152c3a 40%,#0f2230);color:var(--white);flex-direction:row;grid-column:span 4;min-height:380px;overflow:hidden;padding:0;position:relative}.solution-card.card-direct:before{background:radial-gradient(circle,rgba(107,140,66,.08) 0,transparent 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-20%;top:-60%;width:500px}.card-direct-content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:44px 40px;z-index:1}.card-direct .card-category{color:var(--kardex-moss-light)}.card-direct .card-title{font-size:2rem;margin-bottom:14px}.card-direct .card-description{color:hsla(0,0%,100%,.65);font-size:.95rem;line-height:1.6;margin-bottom:20px;max-width:380px}.card-direct-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.card-direct-pill{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:100px;color:hsla(0,0%,100%,.75);display:inline-flex;font-size:.78rem;font-weight:500;gap:6px;letter-spacing:.01em;padding:6px 14px}.card-direct-pill svg{color:var(--kardex-moss-light);flex-shrink:0}.card-direct-btn{align-items:center;background:var(--kardex-moss);border-radius:100px;color:var(--white);display:inline-flex;font-size:.88rem;font-weight:600;gap:10px;letter-spacing:.01em;padding:12px 28px;transition:all .3s var(--ease-out);width:fit-content}.solution-card.card-direct:hover .card-direct-btn{background:var(--kardex-moss-light);transform:translateX(4px)}.card-direct-visual{flex-shrink:0;width:260px}.card-direct-icon-wrap,.card-direct-visual{align-items:center;display:flex;justify-content:center;position:relative}.card-direct-icon-wrap{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:28px;height:120px;transition:transform .4s var(--ease-out);width:120px;z-index:1}.solution-card.card-direct:hover .card-direct-icon-wrap{transform:scale(1.06)}.card-direct-decorative{inset:0;pointer-events:none;position:absolute}.card-direct-ring{border:1px solid hsla(0,0%,100%,.04);border-radius:50%;position:absolute}.card-direct-ring-1{height:200px;width:200px}.card-direct-ring-1,.card-direct-ring-2{left:50%;top:50%;transform:translate(-50%,-50%)}.card-direct-ring-2{height:300px;width:300px}.card-direct-dot{background:rgba(107,140,66,.4);border-radius:50%;height:4px;position:absolute;width:4px}.card-direct-dot-1{right:20%;top:25%}.card-direct-dot-2{bottom:30%;right:35%}.card-direct-dot-3{background:rgba(91,126,150,.3);height:3px;right:60%;top:40%;width:3px}.solution-card.card-platform{background:linear-gradient(160deg,#f0f4f7,#e0e8ee);border:1px solid rgba(91,126,150,.1);grid-column:span 2}.card-platform .card-category{color:var(--kardex-blue)}.card-icon-large.icon-platform{background:rgba(91,126,150,.1)}.card-category{color:var(--kardex-blue);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.card-dark .card-category{color:var(--kardex-moss-light)}.card-title{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}.card-description{color:var(--text-secondary);font-size:.92rem;line-height:1.55;margin-bottom:auto}.card-visual{align-items:center;display:flex;height:160px;justify-content:center;margin-top:24px}.card-product-img{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));max-height:150px;max-width:100%;object-fit:contain;transition:transform .4s var(--ease-out);width:auto}.solution-card:hover .card-product-img{transform:scale(1.06)}.card-green .card-product-img{max-height:120px}.card-icon-large{align-items:center;border-radius:20px;display:flex;font-size:2.4rem;height:80px;justify-content:center;transition:transform .3s var(--ease-out);width:80px}.card-icon-large svg{flex-shrink:0}.solution-card:hover .card-icon-large{transform:scale(1.08)}.card-icon-large.icon-blue{background:rgba(91,126,150,.15)}.card-icon-large.icon-green{background:rgba(107,140,66,.15)}.card-icon-large.icon-warm{background:rgba(160,128,96,.15)}.card-icon-large.icon-light{background:hsla(0,0%,100%,.1)}.features-strip{background:var(--bg-light);overflow:hidden;padding:100px 24px}.features-strip-inner{margin:0 auto;max-width:1100px;text-align:center}.features-strip .section-label,.features-strip .section-subtitle,.features-strip .section-title{max-width:none}.features-strip .section-subtitle{margin-left:auto;margin-right:auto}.features-row{display:grid;gap:40px;grid-template-columns:repeat(4,1fr);text-align:center}.feature-item{align-items:center;display:flex;flex-direction:column;gap:16px}.feature-number{background:linear-gradient(135deg,var(--kardex-blue-dark) 0,var(--kardex-blue) 100%);-webkit-background-clip:text;font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1;-webkit-text-fill-color:transparent;background-clip:text}.feature-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;line-height:1.4}.industries-section{background:var(--white)}.industries-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.industry-card{background:var(--bg-light);border:1px solid transparent;border-radius:20px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative;text-decoration:none;transition:all .3s var(--ease-out)}.industry-card:hover{border-color:var(--grey-3);box-shadow:0 8px 40px rgba(0,0,0,.04);transform:translateY(-2px)}.industry-icon{align-items:center;background:rgba(91,126,150,.1);border-radius:14px;display:flex;font-size:1.5rem;height:52px;justify-content:center;margin-bottom:20px;transition:transform .3s var(--ease-out);width:52px}.industry-icon svg{flex-shrink:0}.industry-card:nth-child(2) .industry-icon{background:rgba(107,140,66,.1)}.industry-card:nth-child(2) .industry-icon svg{stroke:var(--kardex-moss-dark)}.industry-card:nth-child(3) .industry-icon{background:rgba(74,138,138,.1)}.industry-card:nth-child(3) .industry-icon svg{stroke:#3a7070}.industry-card:nth-child(4) .industry-icon{background:rgba(160,128,96,.1)}.industry-card:nth-child(4) .industry-icon svg{stroke:var(--brown-2)}.industry-card:hover .industry-icon{transform:scale(1.05)}.industry-card h3{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.industry-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.55}.industry-card .card-cta{margin-top:16px}.showcase-section{background:linear-gradient(180deg,var(--kardex-blue-deeper) 0,#1a2f3d 100%);color:var(--white);overflow:hidden;padding:120px 24px;position:relative}.showcase-section:before{background:radial-gradient(ellipse at 10% 40%,rgba(107,140,66,.08) 0,transparent 50%),radial-gradient(ellipse at 90% 70%,rgba(91,126,150,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.showcase-inner{margin:0 auto;max-width:1100px;position:relative;z-index:1}.showcase-section .section-label{color:var(--kardex-moss-light)}.showcase-section .section-title,.showcase-section .section-title>div{color:var(--white)}.showcase-section .section-subtitle,.showcase-section .section-subtitle>div{color:hsla(0,0%,100%,.75)}.showcase-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.showcase-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;cursor:pointer;padding:36px;transition:all .3s var(--ease-out)}.showcase-card:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.14);transform:translateY(-2px)}.showcase-card-icon{align-items:center;background:rgba(107,140,66,.2);border-radius:14px;display:flex;font-size:1.3rem;height:48px;justify-content:center;margin-bottom:20px;width:48px}.showcase-card-icon svg{flex-shrink:0}.showcase-card h3{color:var(--white);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.showcase-card p{color:hsla(0,0%,100%,.72);font-size:.88rem;line-height:1.55}@media (max-width:1024px){.solutions-grid{grid-template-columns:repeat(2,1fr)}.solution-card{grid-column:span 1}.solution-card.card-direct,.solution-card.card-platform{grid-column:span 2}.card-direct-visual{width:200px}.one-kardex-grid,.showcase-grid{grid-template-columns:repeat(2,1fr)}.okx-bottom-inner{gap:40px;grid-template-columns:1fr;padding:40px}}@media (max-width:768px){.industries-grid,.showcase-grid,.solutions-grid{grid-template-columns:1fr}.solution-card,.solution-card.card-direct,.solution-card.card-platform{grid-column:span 1}.solution-card.card-direct{flex-direction:column}.card-direct-visual{height:180px;width:100%}.card-direct .card-title{font-size:1.6rem}.features-row{gap:32px;grid-template-columns:repeat(2,1fr)}.one-kardex-grid{grid-template-columns:1fr}.okx-bottom-inner{padding:32px 24px}.okx-connector{gap:12px}.okx-connector-badge{padding:12px 20px}.hero-img{max-height:360px}.hero-img-caption{bottom:16px;font-size:.72rem;left:16px;padding:8px 14px 8px 10px}}