/* KERNEX 2.0 — surface-led care system. */
.px-site{--px-blue:#0877fa;--px-ink:#0d1117;--px-line:#dce1e7;color:var(--px-ink);background:#fff;font-family:Arial,'Segoe UI',sans-serif}
.px-shell{width:min(1360px,calc(100% - 80px));margin-inline:auto}.px-section{padding:100px 0}.px-home h1,.px-home h2,.px-prose h1{font-weight:800;letter-spacing:-.055em;line-height:1.08;margin:0}.px-home h1{font-size:clamp(42px,5.5vw,84px)}.px-home h2,.px-prose h1{font-size:clamp(30px,3.5vw,54px)}.px-home h3{letter-spacing:-.025em}.px-kicker{font-size:10px!important;letter-spacing:.18em;font-weight:700;line-height:1.6;margin:0 0 26px;text-transform:uppercase}.px-muted{color:#657080;line-height:1.8}.px-lead{font-size:18px;line-height:1.65;max-width:490px}.px-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:48px}.px-heading>.px-lead{max-width:380px}.px-heading small{font-size:13px;color:#77808b}.px-actions{display:flex;gap:12px;flex-wrap:wrap}.px-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:24px;background:var(--px-blue);border:1px solid var(--px-blue);color:#fff;padding:15px 22px;font-size:11px;letter-spacing:.07em;font-weight:700;text-decoration:none;cursor:pointer;border-radius:0;transition:background .2s}.px-button:hover{background:#005ccb;color:#fff}.px-outline{background:transparent;border-color:#535b66}.px-link{display:inline-flex;gap:24px;align-items:center;min-height:44px;font-size:11px;letter-spacing:.07em;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}.px-link:hover{color:var(--px-blue)}.px-site a:focus-visible,.px-site button:focus-visible,.px-site input:focus-visible{outline:3px solid #3c97ff;outline-offset:4px}
.px-header{position:sticky;top:0;z-index:100;background:#080b10;color:#fff;border-bottom:1px solid #222833}.admin-bar .px-header{top:32px}.px-header-inner{height:80px;display:flex;align-items:center;gap:38px}.px-brand{display:block;flex-shrink:0}.px-brand img{width:154px;height:42px;object-fit:contain}.px-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.px-nav a{font-size:13px;color:#c7cdd4;white-space:nowrap}.px-nav a:hover{color:#fff}.px-tools{display:flex;align-items:center;gap:12px}.px-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;background:transparent;color:#fff;border:0;cursor:pointer}.px-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.px-menu{display:none}.px-buy{min-height:42px;padding:12px 18px}.px-search{display:flex;gap:12px;padding:20px 0}.px-search input{min-width:0;flex:1;background:#fff;color:#111;border:1px solid #ccc;padding:12px}.px-header .search-panel{position:absolute;top:100%;left:0;width:100%;background:#111821;display:none;border:0}.px-header .search-panel.is-open{display:block}.px-mobile{display:none;background:#10161e}.px-mobile.is-open{display:flex;flex-direction:column}.px-mobile a{padding:14px 24px;border-bottom:1px solid #28303a;color:#fff}
.px-hero{background:#080b10;color:#fff;overflow:hidden}.px-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;min-height:660px;align-items:center}.px-hero-copy{padding:66px 0}.px-hero-copy .px-kicker{color:#a1adbb}.px-hero-copy .px-kicker span{display:inline-block;width:7px;height:7px;background:#137fff;border-radius:50%;margin-right:10px}.px-hero .px-lead{color:#aeb7c4;margin:26px 0 32px;font-size:16px}.px-hero-foot{display:flex;gap:22px;border-top:1px solid #2a3039;margin-top:54px;padding-top:20px;font-size:9px;letter-spacing:.12em;color:#7d8795}.px-hero-art{position:relative;margin-right:-40px;align-self:stretch;display:flex;align-items:center}.px-hero-art img{width:100%;height:auto;max-height:720px;object-fit:contain}.px-art-caption{position:absolute;bottom:28px;right:40px;font-size:8px;letter-spacing:.16em;color:#a1aab7}.px-system{background:#f6f7f8}.px-map{position:relative;background:#eef0f2}.px-map>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.px-hotspot{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%);font-size:10px;font-weight:700;text-transform:uppercase}.px-hotspot i{font-style:normal;width:34px;height:34px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;background:#0877fa;color:white;box-shadow:0 0 0 6px #0877fa25}.px-hotspot span{background:#fff;color:#101720;padding:5px 10px;box-shadow:0 2px 18px #0001}.px-hotspot:hover i{background:#0b1d35;transform:scale(1.1)}.px-surface-list{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.px-surface-list a{font-size:11px;text-transform:uppercase;letter-spacing:.05em;min-height:44px;display:flex;align-items:center;gap:15px}.px-surface-list a:hover{color:var(--px-blue)}
.px-solutions{background:#fff}.px-solutions-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--px-line);border-left:1px solid var(--px-line)}.px-solution{display:flex;flex-direction:column;min-height:260px;padding:26px 22px;border-right:1px solid var(--px-line);border-bottom:1px solid var(--px-line);transition:background .2s}.px-solution:hover{background:#f0f5fc}.px-solution-number{color:#8894a3;font-size:11px}.px-solution h3{font-size:18px;margin:38px 0 12px}.px-solution p{font-size:12px;color:#657080;line-height:1.8;margin:0}.px-round-arrow{margin-top:auto;padding-top:24px;color:#0877fa;font-size:22px}.px-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.px-packshot{display:block;position:relative;background:#f8f8f8;aspect-ratio:1/1.15;overflow:hidden}.px-packshot img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.px-packshot:hover img{transform:scale(1.035)}.px-code{position:absolute;left:14px;top:14px;font-size:10px;letter-spacing:.14em;color:#66717e}.px-soon{position:absolute;bottom:12px;left:12px;font-size:8px;letter-spacing:.09em;border:1px solid #ccd3dc;background:#ffffffed;color:#475569;padding:5px 8px}.px-product h3{font-size:17px;margin:22px 0 10px}.px-product-desc{font-size:12px;color:#697482;line-height:1.7;min-height:42px}.px-product-desc p{margin:0}.px-dilution{font-size:10px;letter-spacing:.08em;color:#0672e7}.px-product .px-link{margin-top:12px;justify-content:space-between;display:flex}.px-why{background:#0b111b;color:#fff}.px-why .px-kicker{color:#729fd7}.px-system-word{font-size:64px;font-weight:800;letter-spacing:-.06em;line-height:1;color:#2a3648}.px-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:60px}.px-principles article{border-top:1px solid #35404f;padding-top:22px}.px-principles span{color:#3a91ff;font-size:12px}.px-principles h3{font-size:17px;margin:24px 0 14px}.px-principles p{color:#9ca9ba;font-size:13px;line-height:1.8}.px-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.px-guide-image{display:block;background:#f3f5f7;aspect-ratio:1.5;overflow:hidden}.px-guide-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.px-guide .px-kicker{color:#758195;margin:22px 0 10px}.px-guide h3{font-size:21px;line-height:1.45;margin:0 0 18px;max-width:360px}.px-calculator{background:#edf4fc}.px-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.px-calc-grid>.px-muted{font-size:13px}.px-calc{background:#fff;border:1px solid #d7e5f5;padding:36px}.px-calc label{font-size:10px;font-weight:700;letter-spacing:.12em}.px-input{display:flex;align-items:center;border-bottom:1px solid #c9d2de;margin:15px 0}.px-input input{min-width:0;width:100%;font-size:40px;letter-spacing:-.03em;font-weight:700;border:0;background:transparent;padding:5px 0;color:#0b1728}.px-input span{color:#7a8592}.px-presets{display:flex;gap:8px;margin:14px 0 30px}.px-presets button{border:1px solid #dce2e8;background:white;padding:8px 14px;min-height:40px;font-size:12px;cursor:pointer}.px-presets button:hover{border-color:#0877fa;color:#0877fa}.px-ratio{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e8;padding-bottom:22px}.px-ratio span{font-size:10px;letter-spacing:.12em}.px-ratio strong{font-size:24px}.px-calc-result{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0}.px-calc-result div{display:flex;flex-direction:column;gap:4px}.px-calc-result output{font-size:clamp(27px,3vw,44px);font-weight:700;letter-spacing:-.05em;color:#086bda}.px-calc-result span{font-size:12px;color:#667282}.px-calc-result b{color:#94a0ae}.px-calc>.px-button{width:100%}.px-calc-note{font-size:10px;color:#7d8794;margin:16px 0 0}.px-products-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.px-future{background:#f5f6f8}.px-future .px-packshot{aspect-ratio:1.3}.px-story-grid{display:grid;grid-template-columns:.85fr 1fr;align-items:center;gap:100px}.px-story-emblem{aspect-ratio:1.1;background:#0a0f17;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;padding:60px}.px-story-emblem img{max-width:280px;width:100%}.px-story-emblem span{color:#6a89b0;font-size:9px;letter-spacing:.3em}.px-story .px-lead{color:#667282}.px-cta{background:#080b10;color:white;padding:65px 0;overflow:hidden}.px-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.px-cta-grid>img{width:100%;max-height:440px;object-fit:cover}.px-cta .px-lead{color:#aab5c4}.px-footer{background:#080b10;color:#a4afbf;border-top:1px solid #27303c;padding:60px 0 0}.px-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px}.px-footer-logo{width:170px;height:60px;object-fit:contain;object-position:left center}.px-footer p{font-size:13px}.px-footer h2{color:white;font-size:11px;letter-spacing:.14em;margin:16px 0 24px}.px-footer nav{display:flex;flex-direction:column;gap:12px}.px-footer nav a{font-size:12px;min-height:26px;line-height:26px}.px-footer nav a:hover{color:#fff}.px-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #27303c;margin-top:52px;padding:24px 0;font-size:10px;letter-spacing:.05em}.px-prose{max-width:760px;margin:55px auto;line-height:1.85}.px-prose h1{margin-bottom:30px}.px-prose h2{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin-top:32px}.px-prose .px-button{margin-top:25px}.px-surface-filter{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.px-surface-filter a{padding:8px 14px;border:1px solid #dce2e8;font-size:13px}.px-surface-filter a[aria-current]{background:#0b1728;color:white}.px-empty{color:#657080}
@media(min-width:1101px){.px-mobile.is-open{display:none}}
@media(max-width:1100px){.px-shell{width:calc(100% - 48px)}.px-nav{gap:18px}.px-header-inner{gap:22px}.px-buy{display:none}.px-hero-grid{min-height:560px;gap:12px}.px-hero-art{margin-right:-24px}.px-hero-foot{flex-direction:column;gap:8px}.px-calc-grid,.px-story-grid{gap:48px}.px-solutions-grid{grid-template-columns:repeat(3,1fr)}.px-solution{min-height:230px}.px-solution:last-child{grid-column:span 2}.px-section{padding:76px 0}.px-footer-grid{gap:30px}.px-system-word{font-size:50px}}
@media(max-width:760px){.px-shell{width:calc(100% - 36px)}.px-section{padding:56px 0}.px-header-inner{height:62px;gap:12px}.px-brand img{width:122px;height:36px}.px-nav{display:none}.px-tools{margin-left:auto;gap:2px}.px-menu{display:inline-flex}.px-icon{width:40px;height:44px}.px-header .px-mobile{position:absolute;top:100%;left:0;width:100%;max-height:calc(100dvh - 62px);overflow:auto}.admin-bar .px-header{top:46px}.px-hero-grid{grid-template-columns:1fr;gap:0}.px-hero-copy{padding:44px 0 22px}.px-home h1{font-size:clamp(40px,9.5vw,66px)}.px-home h2,.px-prose h1{font-size:clamp(29px,7vw,42px)}.px-kicker{margin-bottom:20px;font-size:9px!important}.px-hero .px-lead{font-size:14px;margin:22px 0 26px;max-width:420px}.px-hero .px-button{font-size:9px;padding:13px 15px;min-height:46px}.px-actions{gap:8px}.px-hero-foot{display:none}.px-hero-art{margin:0 -18px;aspect-ratio:1.5;max-height:420px}.px-hero-art img{object-fit:contain;height:auto;max-height:none}.px-art-caption{font-size:7px;right:18px;bottom:12px}.px-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:30px}.px-heading>.px-lead{font-size:16px;margin:0}.px-lead{font-size:16px}.px-hotspot span{display:none}.px-hotspot i{width:25px;height:25px;box-shadow:0 0 0 4px #0877fa20}.px-hotspot{width:44px;height:44px;justify-content:center}.px-surface-list{display:grid;grid-template-columns:repeat(4,1fr);gap:3px 8px}.px-surface-list a{font-size:9px;gap:5px;justify-content:space-between}.px-solutions-grid{grid-template-columns:1fr 1fr}.px-solution{padding:20px 16px;min-height:200px}.px-solution:last-child{grid-column:span 2;min-height:155px}.px-solution h3{font-size:16px;margin:22px 0 9px}.px-solution p{font-size:11px}.px-solution:last-child h3{margin-top:14px}.px-products{grid-template-columns:1fr 1fr;gap:32px 14px}.px-packshot{aspect-ratio:1/1.25}.px-code{top:10px;left:10px;font-size:8px}.px-soon{font-size:7px;left:7px;bottom:7px;padding:4px}.px-product h3{font-size:14px;line-height:1.4;margin-top:14px}.px-product-desc{font-size:11px;min-height:52px}.px-product .px-link{font-size:9px;gap:8px}.px-principles{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.px-principles h3{font-size:14px;margin:18px 0 10px}.px-principles p{font-size:12px}.px-system-word{display:none}.px-guides{grid-template-columns:1fr;gap:34px}.px-guide{display:grid;grid-template-columns:120px 1fr;gap:0 18px}.px-guide-image{grid-row:span 3;aspect-ratio:1/1.3}.px-guide .px-kicker{font-size:8px!important;margin:0 0 8px}.px-guide h3{font-size:17px;margin:0 0 8px}.px-guide .px-link{font-size:9px;justify-self:start}.px-calc-grid{grid-template-columns:1fr;gap:28px}.px-calc{padding:24px}.px-calc-result output{font-size:34px}.px-products-three{grid-template-columns:1fr;gap:32px}.px-future .px-product{display:grid;grid-template-columns:42% 1fr;gap:0 20px}.px-future .px-packshot{grid-row:span 4;aspect-ratio:1}.px-future .px-product h3{margin-top:8px}.px-future .px-product-desc{min-height:0}.px-future .px-product .px-link{align-self:end}.px-story-grid{grid-template-columns:1fr;gap:28px}.px-story-emblem{aspect-ratio:2;padding:36px;gap:20px}.px-story-emblem img{max-width:180px}.px-story .px-link{font-size:10px}.px-cta{padding:48px 0 0}.px-cta-grid{grid-template-columns:1fr;gap:22px}.px-cta-grid>img{margin:0 -18px;max-width:calc(100% + 36px);width:calc(100% + 36px)}.px-footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.px-footer-logo{width:140px}.px-footer nav{gap:6px}.px-footer nav a{min-height:34px;line-height:1.5;font-size:12px;display:flex;align-items:center}.px-footer-bottom{gap:16px;flex-direction:column;padding-bottom:82px}.px-prose{margin-top:30px}.px-prose p{font-size:15px}.px-search{gap:8px}.px-search input{width:100px}.px-search .px-button{padding:10px}.px-guide-image img{object-fit:contain}}
@media(max-width:380px){.px-shell{width:calc(100% - 28px)}.px-hero .px-button{font-size:8px;padding:12px}.px-hero-copy .px-actions{gap:6px}.px-calc{padding:18px}.px-calc-result output{font-size:30px}.px-guide{grid-template-columns:100px 1fr}.px-surface-list a{font-size:8px}.px-brand img{width:108px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.px-site *{transition:none!important}}