/* KLIC customer showcase: isolated layout, existing token hierarchy retained. */
body[data-page=home]{background:#fff;color:#142b49}body[data-page=home]>.sidebar,body[data-page=home] .topbar,body[data-page=home] .page-footer{display:none!important}body[data-page=home] .app-shell{margin-left:0!important;width:100%!important}body[data-page=home] main{padding:0!important;max-width:none!important;width:100%!important}body[data-page=home] #view{max-width:none;margin:0;width:100%}.hs-page{--hs-ink:var(--klic-component-showcase-color-ink,#142b49);--hs-muted:var(--klic-component-showcase-color-muted,#687b92);--hs-blue:var(--klic-component-showcase-color-accent,#245fc2);font-family:KlicPretendard,var(--klic-ui-font),sans-serif;font-size:16px;line-height:1.6;background:#fff;color:var(--hs-ink);overflow:hidden}.hs-page *{box-sizing:border-box}.hs-page a{text-decoration:none;color:inherit}.hs-page button,.hs-page input,.hs-page select{font:inherit}.hs-page button{cursor:pointer}.hs-page button:focus-visible,.hs-page a:focus-visible,.hs-page input:focus-visible,.hs-page select:focus-visible{outline:3px solid #245fc2;outline-offset:4px}.hs-page svg{width:20px;height:20px;flex:none}.hs-nav{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffed;border-bottom:1px solid #edf1f7;position:relative;z-index:2}.hs-logo{display:flex;align-items:center;gap:11px}.hs-logo>svg{width:28px;height:28px;color:#245fc2;stroke-width:1.7}.hs-logo strong{font-size:30px;letter-spacing:-1.7px;font-weight:800;line-height:1}.hs-logo strong span{color:#245fc2}.hs-logo small{font-size:9px;line-height:1.4;letter-spacing:1.6px;max-width:85px;padding-left:10px;border-left:1px solid #dce3ef}.hs-nav nav{display:flex;gap:32px;font-size:13px;font-weight:600}.hs-nav nav a:hover{color:#245fc2}.hs-nav-cta{display:flex;gap:20px;align-items:center;font-size:12px;font-weight:600;border:1px solid #d6dfec;padding:11px 16px;border-radius:7px}.hs-nav-cta svg{width:15px}.hs-hero{position:relative;min-height:710px;border-bottom:1px solid #d6e2f1;background:#edf4fc}.hs-glass-scene{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,248,253,.91) 0%,rgba(244,248,253,.72) 35%,rgba(227,238,252,.05) 72%),url('./images/hero-glass.png') center 46%/cover no-repeat;opacity:.96}.hs-hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3%;padding:94px 5% 100px;max-width:1600px;margin:auto;align-items:center}.hs-eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;display:flex;align-items:center;gap:10px;color:#5d7798}.hs-eyebrow>span{width:25px;height:2px;background:#245fc2}.hs-hero h1{font-size:clamp(38px,4.4vw,69px);letter-spacing:-3.5px;line-height:1.22;font-weight:650;margin:30px 0 26px;white-space:nowrap}.hs-hero h1 em{font-style:normal;color:#2e65b8}.hs-hero-copy>p{font-size:16px;line-height:1.9;color:#576e89;margin:0}.hs-hero-actions{display:flex;align-items:center;gap:27px;margin:34px 0 44px}.hs-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--hs-blue)!important;color:#fff!important;min-height:50px;padding:13px 21px;border:1px solid #3168c6;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 5px 14px #245fc21a;transition:transform .2s,box-shadow .2s}.hs-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #245fc22b}.hs-button svg{width:16px}.hs-text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:600}.hs-text-link svg{width:16px}.hs-hero-proof{display:flex;align-items:center;gap:16px;font:10px var(--klic-ui-mono),monospace;color:#6b7d93;letter-spacing:-.1px}.hs-hero-proof b{font-weight:600;color:#314c6d}.hs-hero-proof i{height:12px;border-left:1px solid #c4d2e4}.hs-composition{position:relative;min-height:420px;perspective:1200px;padding:30px 0 38px 12px}.hs-orbit-label{font:8px var(--klic-ui-mono),monospace;letter-spacing:1.4px;color:#4c6889;position:absolute;top:0;left:25px}.hs-floating-pill{position:absolute;right:0;top:-28px;background:#ffffff80;border:1px solid #ffffffd9;border-radius:50px;padding:12px 20px;box-shadow:0 8px 40px #3f6f9c0d;backdrop-filter:blur(14px);font-size:11px;display:flex;gap:9px;align-items:center;transform:rotate(5deg);z-index:2}.hs-floating-pill svg{width:15px;color:#386bb7}.hs-product{max-width:520px;border:1px solid #ffffffed;background:linear-gradient(140deg,#ffffffde,#ffffffad);box-shadow:0 30px 65px -25px #32578250,inset 0 1px 0 #fff;border-radius:17px;backdrop-filter:blur(22px);transform:rotate(-3deg);animation:hs-enter .9s ease-out both;position:relative}.hs-product-top{height:52px;border-bottom:1px solid #cedcec77;display:flex;align-items:center;justify-content:space-between;padding:0 21px}.hs-product-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.hs-product-brand svg{color:#336bc6;width:18px}.hs-dot-menu{letter-spacing:3px;color:#7c8fa4}.hs-product-body{display:flex}.hs-product-sidebar{width:52px;flex:none;display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:27px;border-right:1px solid #d5e0ee99;color:#73849b}.hs-product-sidebar svg{width:17px}.hs-product-sidebar svg:first-child{color:#245fc2}.hs-product-content{padding:22px 24px 25px;flex:1;min-width:0}.hs-product-greeting{display:flex;justify-content:space-between;align-items:center}.hs-product-greeting small{font-size:7px;letter-spacing:1.2px;color:#8a99af}.hs-product-greeting h2{font-size:22px;margin:5px 0 17px;letter-spacing:-.7px;font-weight:650}.hs-avatar{display:grid;place-items:center;width:30px;height:30px;background:#d9e6f7;color:#2a5ca3;border:3px solid #fff;border-radius:50%;font-size:10px}.hs-demo-tabs{display:flex;gap:18px;align-items:center;border-bottom:1px solid #d9e2ef;margin-bottom:15px}.hs-demo-tabs button{font-size:9px;color:#7e8ca2;padding-bottom:9px;border-bottom:2px solid transparent}.hs-demo-tabs button[aria-pressed=true]{color:#245fc2;border-color:#245fc2}.hs-demo-tabs>span{margin-left:auto;font-size:8px;color:#7a8b9f}.hs-metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:91px}.hs-metric-row>div{display:flex;flex-direction:column;flex:none}.hs-metric-row small{font-size:9px;color:#7b8ca0}.hs-metric-row strong{font-size:36px;letter-spacing:-1.6px;line-height:1.3;font-weight:600}.hs-metric-row strong>span{font-size:17px;color:#8a9bb0;margin-left:2px}.hs-metric-caption{font-size:8px;color:#7b8ca0}.hs-metric-row>svg{width:60%;height:80px}.hs-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.hs-mini-stats>span{display:flex;flex-direction:column;font-size:8px;color:#8290a3;padding:10px;background:#fff9;border:1px solid #e2e9f3;border-radius:7px}.hs-mini-stats b{font-size:17px;color:#354c68;line-height:1.5;font-weight:600}.hs-product-task{display:flex;align-items:center;gap:10px;background:#fff9;border:1px solid #dbe4f0;border-radius:7px;padding:10px}.hs-product-task>div{display:flex;flex-direction:column}.hs-product-task strong{font-size:9px;font-weight:600}.hs-product-task small{font-size:8px;color:#8393a9}.hs-mini-icon{background:#e8effb;border:1px solid #dae6f8;padding:5px;border-radius:5px;display:flex}.hs-mini-icon svg{width:14px;height:14px;color:#4a72b0}.hs-check{margin-left:auto;border:1px solid #ccdaec;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;color:#a2b2c7}.hs-check svg{width:12px;height:12px}.hs-check[aria-pressed=true]{background:#245fc2;color:white;border-color:#245fc2}.hs-floating-token{position:absolute;bottom:-9px;left:-38px;width:370px;padding:20px;display:flex;align-items:center;gap:15px;border:1px solid #fff;background:linear-gradient(135deg,#ffffffdc,#ffffff87);backdrop-filter:blur(24px);border-radius:13px;box-shadow:0 16px 36px #466b9924;transform:rotate(3deg);animation:hs-enter 1.2s ease-out both}.hs-token-symbol{width:52px;height:57px;background:#e5edf980;border:1px solid #d3dff0;border-radius:8px;display:grid;place-items:center;font:25px Georgia,serif;color:#355e98}.hs-floating-token>div{display:flex;flex-direction:column;flex:1;gap:4px}.hs-floating-token small{font-size:6.5px;letter-spacing:1.1px;color:#7490b2}.hs-floating-token strong{font-size:11px;font-weight:600}.hs-floating-token>svg{width:17px;color:#87a1c4}.hs-token-swatches{display:flex;align-items:center;margin-top:4px;gap:4px}.hs-token-swatches i{width:15px;height:15px;border-radius:50%;border:1px solid #fff}.hs-token-swatches i:nth-child(1){background:#18365a}.hs-token-swatches i:nth-child(2){background:#245fc2}.hs-token-swatches i:nth-child(3){background:#739bd5}.hs-token-swatches i:nth-child(4){background:#b5cdec}.hs-token-swatches i:nth-child(5){background:#e3ebf5}.hs-token-swatches b{font:7px var(--klic-ui-mono),monospace;letter-spacing:1px;margin-left:9px;color:#6d8aad}.hs-coordinate{position:absolute;right:-5px;bottom:-4px;font:7px var(--klic-ui-mono),monospace;letter-spacing:1.4px;color:#6d84a5;writing-mode:vertical-rl}.hs-hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:54px;border-top:1px solid #a6bbd43b;display:flex;align-items:center;justify-content:space-between;font:8px var(--klic-ui-mono),monospace;letter-spacing:1.4px;color:#6d829c}.hs-hero-bottom button{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:0}.hs-hero-bottom svg{width:13px}.hs-demo-tasks{height:146px;display:flex;flex-direction:column;justify-content:center;gap:15px}.hs-demo-tasks label{display:flex;gap:9px;align-items:center;font-size:10px}.hs-demo-tasks input{accent-color:#245fc2}.hs-demo-tasks small{margin-left:auto;font-size:8px;color:#7a8ca6}.hs-bridge{padding:28px 5% 32px;border-bottom:1px solid #e8edf4;text-align:center;background:#fff}.hs-bridge>p{font-size:11px;color:#8592a3;margin:0 0 20px}.hs-bridge>div{display:flex;justify-content:center;gap:50px}.hs-bridge span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#61748e}.hs-bridge svg{width:17px;color:#6887b3}.hs-section{max-width:1440px;padding:96px 5%;margin:auto}.hs-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:40px}.hs-section-heading h2{font-size:clamp(30px,3.2vw,45px);line-height:1.25;letter-spacing:-1.9px;margin:19px 0 0;font-weight:600}.hs-section-heading h2 span{color:#7c8ea7}.hs-section-heading p{font-size:13px;line-height:1.9;color:#788ba3;margin:0 0 18px}.hs-section-heading .hs-text-link{color:#315e9c}.hs-filter{display:flex;gap:8px;border-bottom:1px solid #e6edf5;padding-bottom:19px;margin-bottom:30px;align-items:center}.hs-filter button{font-size:11px;padding:7px 16px;border-radius:30px;color:#70839d;border:1px solid transparent}.hs-filter button[aria-pressed=true]{background:#183658;color:white;border-color:#183658}.hs-filter button:hover{border-color:#cad8e9}.hs-filter>span{margin-left:auto;font:8px var(--klic-ui-mono),monospace;letter-spacing:1.2px;color:#8c9ab0}.hs-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px}.hs-project-art{aspect-ratio:1.43;position:relative;overflow:hidden;border-radius:10px;background:#f4f6fa;border:1px solid #e1e7f0;transition:box-shadow .25s,border-color .25s}.hs-project-art iframe{width:1200px;height:840px;border:0;transform:scale(var(--hs-thumb-scale,.3));transform-origin:0 0;pointer-events:none;background:#fff}.hs-project:hover .hs-project-art{border-color:#96b5e3;box-shadow:0 12px 25px #234a7a12}.hs-project-open{position:absolute;right:12px;bottom:12px;background:#fff;border:1px solid #d5e0ef;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;opacity:0;transform:translateY(5px);transition:.2s}.hs-project:hover .hs-project-open,.hs-project:focus-visible .hs-project-open{opacity:1;transform:none}.hs-project-open svg{width:14px}.hs-project-meta{display:flex;justify-content:space-between;font:8px var(--klic-ui-mono),monospace;letter-spacing:.4px;color:#8a99ae;margin:17px 0 7px}.hs-project h3{font-size:17px;letter-spacing:-.35px;font-weight:550;margin:0}.hs-project p{font-size:11px;color:#8190a6;margin:5px 0 0}.hs-fineprint{font-size:10px;color:#8a98ab;margin:28px 0 0}.hs-play-section{padding:88px 5%;background:var(--klic-component-showcase-color-surface,#f4f7fb);border-top:1px solid #e9eff7;border-bottom:1px solid #e9eff7}.hs-play-section>.hs-section-heading,.hs-playground{max-width:1296px;margin-left:auto;margin-right:auto}.hs-playground{display:grid;grid-template-columns:270px 1fr;border:1px solid #dde6f3;background:white;border-radius:15px;overflow:hidden;box-shadow:0 16px 45px #263f6a06}.hs-controls{padding:31px 30px;border-right:1px solid #e1e8f2}.hs-control-number{font:11px var(--klic-ui-mono),monospace;color:#92a3b9}.hs-controls h3{font-size:23px;letter-spacing:-.8px;line-height:1.4;font-weight:550;margin:18px 0 30px}.hs-controls label{display:block;font-size:10px;color:#6f829e;margin-bottom:21px}.hs-controls select{display:block;width:100%;font-size:11px;background:#f9fbfe;border:1px solid #dbe4f1;color:#385273;border-radius:6px;padding:10px;margin-top:8px}.hs-controls input[type=range]{width:100%;accent-color:#245fc2;margin-top:13px}.hs-controls output{float:right;color:#334e72}.hs-controls .hs-text-link{font-size:11px;margin-top:11px}.hs-controls>small{font-size:9px;color:#9ba8b9;display:block;margin-top:12px}.hs-live-canvas{--hs-demo-radius:16px;--hs-demo-bg:#fff;--hs-demo-ink:#203a5c;--hs-demo-border:#dce5f1;--hs-demo-soft:#f4f7fc;--hs-demo-muted:#7a8da7;display:flex;gap:24px;align-items:center;justify-content:center;background-color:#f7f9fd;background-image:radial-gradient(#a4b9d640 .8px,transparent .8px);background-size:16px 16px;position:relative;padding:60px 35px;transition:background-color .3s;color:var(--hs-demo-ink)}.hs-live-canvas[data-appearance=dark]{--hs-demo-bg:#1a2a44;--hs-demo-ink:#e1eaf7;--hs-demo-border:#334762;--hs-demo-soft:#243650;--hs-demo-muted:#a4b4ca;background-color:#0e1d32;background-image:radial-gradient(#8398b526 .8px,transparent .8px)}.hs-canvas-label{position:absolute;top:20px;left:25px;font:8px var(--klic-ui-mono),monospace;letter-spacing:1.3px;color:var(--hs-demo-muted);display:flex;gap:8px;align-items:center}.hs-canvas-label i{width:5px;height:5px;background:#3b76cf;border-radius:50%}.hs-live-card{width:310px;background:var(--hs-demo-bg);border:1px solid var(--hs-demo-border);padding:25px;border-radius:var(--hs-demo-radius);box-shadow:0 12px 40px #2445730d;transition:background .2s,border-radius .2s,padding .2s}.hs-live-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.hs-live-icon{display:grid;place-items:center;border:1px solid var(--hs-demo-border);background:var(--hs-demo-soft);width:38px;height:38px;border-radius:calc(var(--hs-demo-radius)*.55);color:#4f80c7}.hs-live-badge{font-size:8px;border:1px solid var(--hs-demo-border);border-radius:30px;padding:4px 8px;color:var(--hs-demo-muted)}.hs-live-card h3{font-size:19px;font-weight:600;letter-spacing:-.6px;margin:0 0 7px}.hs-live-card p{font-size:10px;color:var(--hs-demo-muted);margin:0 0 25px}.hs-live-label{font-size:10px;display:block}.hs-live-label input{display:block;width:100%;border:1px solid var(--hs-demo-border);background:var(--hs-demo-bg);color:var(--hs-demo-ink);border-radius:calc(var(--hs-demo-radius)*.4);font-size:11px;padding:10px;margin-top:7px}.hs-live-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:19px 0}.hs-live-toggle-row button{width:30px;height:17px;border-radius:20px;background:#9aa9bc;padding:3px}.hs-live-toggle-row button[aria-checked=true]{background:#245fc2}.hs-live-toggle-row button>span{display:block;width:11px;height:11px;background:white;border-radius:50%;transition:transform .2s}.hs-live-toggle-row button[aria-checked=true]>span{transform:translateX(13px)}.hs-live-primary{display:flex;width:100%;justify-content:center;align-items:center;gap:16px;background:#245fc2;color:#fff;padding:10px;border-radius:calc(var(--hs-demo-radius)*.4);font-size:11px!important}.hs-live-primary svg{width:13px}.hs-live-card .hs-live-message{margin:13px 0 0;font-size:9px;min-height:27px}.hs-live-mini{width:228px;padding:23px;background:var(--hs-demo-bg);border:1px solid var(--hs-demo-border);border-radius:var(--hs-demo-radius);box-shadow:0 9px 25px #234a7510}.hs-mini-heading{display:flex;align-items:center;justify-content:space-between;font:6.5px var(--klic-ui-mono),monospace;letter-spacing:.5px;color:var(--hs-demo-muted)}.hs-mini-heading svg{width:12px}.hs-typography{display:flex;gap:20px;align-items:center;margin:19px 0}.hs-typography>span{font:57px Georgia,serif;line-height:1}.hs-typography small{font-size:9px;color:var(--hs-demo-muted)}.hs-live-tags{display:flex;gap:5px;margin:17px 0}.hs-live-tags span{font-size:8px;background:var(--hs-demo-soft);border:1px solid var(--hs-demo-border);border-radius:20px;padding:4px 8px}.hs-swatch-large{height:45px;display:flex;overflow:hidden;border-radius:6px;margin:22px 0}.hs-swatch-large i{flex:1;background:#163457}.hs-swatch-large i:nth-child(2){background:#245fc2}.hs-swatch-large i:nth-child(3){background:#8aafdf}.hs-swatch-large i:nth-child(4){background:#dde9f9}.hs-live-progress{display:flex;justify-content:space-between;font-size:8px;flex-wrap:wrap;color:var(--hs-demo-muted);gap:8px}.hs-live-progress>div{height:4px;border-radius:5px;background:#326fc9;width:100%}.hs-live-mini>a{display:flex;align-items:center;justify-content:space-between;font-size:9px;border-top:1px solid var(--hs-demo-border);margin-top:23px;padding-top:14px}.hs-live-mini>a svg{width:12px}.hs-live-canvas[data-density=compact] .hs-live-card{padding:16px}.hs-live-canvas[data-density=compact] .hs-live-card p{margin-bottom:12px}.hs-live-canvas[data-density=compact] .hs-live-toggle-row{margin:10px 0}.hs-connect-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;padding-top:10px}.hs-connect-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dbe5f3;background:#f5f8fc;border-radius:12px;color:#3d73c0}.hs-connect-copy h3{font-size:33px;font-weight:500;letter-spacing:-1.5px;line-height:1.2;margin:21px 0 16px}.hs-connect-copy>p{font-size:12px;color:#8190a6;max-width:340px;line-height:1.8;margin-bottom:25px}.hs-connect-links{display:flex;flex-direction:column;gap:14px}.hs-connect-links a{display:flex;align-items:center;font-size:11px;gap:12px;max-width:260px}.hs-connect-links a svg{width:14px;color:#5a7daa}.hs-connect-links a svg:last-child{margin-left:auto}.hs-health{display:flex;align-items:center;gap:7px;margin-top:25px;font-size:10px!important;color:#59789e}.hs-health svg{width:14px}.hs-health:disabled{opacity:.5}.hs-connect-copy>[role=status]{font-size:9px;color:#5d789c;display:block;min-height:18px;margin-top:4px}.hs-terminal{background:linear-gradient(145deg,#152b47,#0f1e33);border-radius:13px;border:1px solid #263e5e;box-shadow:0 25px 45px #17365c14;color:#c7d6ec;overflow:hidden;min-width:0}.hs-terminal-top{height:49px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3d58}.hs-terminal-top>span{display:flex;gap:5px}.hs-terminal-top i{width:6px;height:6px;background:#52667f;border-radius:50%}.hs-terminal-top small{font:7px var(--klic-ui-mono),monospace;letter-spacing:1px;color:#8b9db5}.hs-terminal-top button{display:flex;align-items:center;gap:6px;font-size:9px;color:#a1b4cd}.hs-terminal-top button svg{width:12px}.hs-client-tabs{display:flex;gap:20px;padding:19px 25px 0}.hs-client-tabs button{font-size:10px;color:#8b9eb8;padding-bottom:10px;border-bottom:1px solid transparent}.hs-client-tabs button[aria-pressed=true]{color:#e2ecf9;border-color:#6a9be4}.hs-terminal pre{padding:26px;font:11px/2 var(--klic-ui-mono),monospace;color:#c8daf4;white-space:pre-wrap;overflow-wrap:anywhere;min-height:190px;margin:0}.hs-terminal-foot{display:flex;gap:8px;margin:0 25px;padding:15px 0;border-top:1px solid #263c58;color:#8c9fb9}.hs-terminal-foot>span{font-size:7px;color:#75a4e8}.hs-terminal-foot p{font-size:9px;line-height:1.8;margin:0}.hs-terminal>a{display:flex;justify-content:space-between;align-items:center;background:#ffffff04;border-top:1px solid #263c58;padding:13px 25px;font-size:10px;color:#b3c8e4}.hs-terminal>a svg{width:13px}.hs-closing{position:relative;padding:75px 5% 85px;background:#f0f5fc;overflow:hidden;border-top:1px solid #e5edf8}.hs-closing .hs-eyebrow{position:relative}.hs-closing h2{position:relative;font-size:44px;letter-spacing:-1.8px;line-height:1.25;font-weight:550;margin:25px 0 30px}.hs-closing .hs-button{position:relative}.hs-closing-word{position:absolute;right:6%;bottom:-63px;font-size:260px;line-height:1;letter-spacing:-23px;font-weight:750;color:#c4d5ee54}.hs-closing-orb{position:absolute;inset:0;background:linear-gradient(90deg,#f0f5fc 30%,transparent),url('./images/hero-glass.png') right center/cover;opacity:.5}.hs-footer{display:flex;align-items:center;gap:30px;padding:35px 5%;background:white}.hs-footer .hs-logo strong{font-size:25px}.hs-footer p{font-size:10px;color:#8b98ab;flex:1}.hs-footer>a:not(.hs-logo){font-size:10px;color:#546c8b;display:flex;align-items:center;gap:8px}.hs-footer>a svg{width:12px}.hs-footer small{font-size:8px;color:#96a3b6}.hs-library-home{margin:10px 12px 6px;padding:9px 12px;display:flex;align-items:center;gap:10px;color:var(--klic-semantic-color-text);border:1px solid var(--klic-semantic-color-border);border-radius:6px;font-size:12px}.hs-library-home svg{width:15px}.delivery-entry{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 18px;background:var(--klic-semantic-color-panel);border:1px solid var(--klic-semantic-color-border);border-radius:8px;margin:14px 0 24px;font-size:12px}.delivery-entry code{font-size:10px;overflow-wrap:anywhere;flex:1}.delivery-entry>a{font-size:11px;color:var(--klic-semantic-color-accent);white-space:nowrap}
@keyframes hs-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.hs-hero-inner{padding-left:80px;padding-right:80px}.hs-product{max-width:550px}.hs-composition{padding-left:30px}.hs-hero{min-height:760px}}
@media(max-width:1100px){.hs-nav{padding-inline:4%;height:80px}.hs-nav nav{gap:19px;font-size:11px}.hs-logo small{display:none}.hs-hero-inner{padding:80px 4% 100px;gap:0}.hs-hero h1{font-size:44px;letter-spacing:-2px}.hs-hero-copy>p{font-size:14px}.hs-hero-actions{gap:16px}.hs-hero-actions .hs-text-link{font-size:10px;gap:8px}.hs-hero-proof{gap:10px;font-size:8px}.hs-composition{padding-left:20px}.hs-product-content{padding:18px}.hs-floating-token{left:0;width:315px;padding:15px}.hs-floating-token strong{font-size:10px}.hs-hero{min-height:650px}.hs-bridge>div{gap:28px}.hs-bridge span{font-size:11px}.hs-playground{grid-template-columns:230px 1fr}.hs-controls{padding:25px}.hs-live-canvas{padding:55px 25px;gap:17px}.hs-live-mini{width:190px;padding:18px}.hs-live-card{width:270px;padding:20px}.hs-live-card h3{font-size:17px}.hs-typography{gap:13px}.hs-typography>span{font-size:47px}.hs-typography small{font-size:8px}.hs-hero-inner{min-height:650px}.hs-section{padding-block:75px}}
@media(max-width:800px){.hs-nav nav{display:none}.hs-nav{height:72px}.hs-nav-cta{font-size:10px;padding:9px 12px}.hs-hero-inner{grid-template-columns:1fr;padding:55px 6% 90px}.hs-hero h1{font-size:clamp(38px,7vw,55px);letter-spacing:-2.1px;margin:22px 0}.hs-hero-copy>p{font-size:14px}.hs-hero-actions{margin:27px 0 28px}.hs-hero-proof{font-size:9px;gap:14px}.hs-composition{margin:65px auto 35px;width:100%;max-width:510px;padding:25px 10px 35px;min-height:400px}.hs-floating-token{left:-7px;bottom:-5px;width:330px}.hs-floating-pill{right:-7px;top:-20px}.hs-glass-scene{background-image:linear-gradient(180deg,#f3f8ffed 3%,#f3f8ffba 35%,#edf4ff20 80%),url('./images/hero-glass.png');background-position:58% center}.hs-hero-bottom{font-size:7px}.hs-bridge>div{gap:20px;flex-wrap:wrap}.hs-bridge{padding-inline:7%}.hs-bridge span{font-size:10px}.hs-bridge svg{width:14px}.hs-section-heading{align-items:flex-start;flex-direction:column;gap:20px}.hs-section-heading h2{font-size:34px;letter-spacing:-1.5px}.hs-section-heading p{font-size:12px}.hs-section{padding:60px 6%}.hs-filter{gap:3px}.hs-filter>span{display:none}.hs-filter button{font-size:10px;padding:6px 12px}.hs-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.hs-project h3{font-size:14px}.hs-project p{font-size:10px}.hs-project-meta{font-size:6.5px;margin-top:12px}.hs-play-section{padding:55px 6%}.hs-playground{grid-template-columns:1fr}.hs-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;border-right:0;border-bottom:1px solid #e1e8f2;padding:23px}.hs-controls h3{font-size:20px;margin:0}.hs-control-number{display:none}.hs-controls label{margin:0}.hs-controls .hs-text-link{margin:0}.hs-controls>small{margin:0;align-self:center}.hs-controls>label:last-of-type{grid-column:1/-1}.hs-live-canvas{padding:60px 20px 40px}.hs-live-card{max-width:310px;flex:1}.hs-live-mini{width:200px}.hs-connect-grid{grid-template-columns:1fr;gap:35px}.hs-connect-copy h3{font-size:30px}.hs-connect-copy>p{max-width:none}.hs-connect-links{flex-direction:row;flex-wrap:wrap;gap:20px}.hs-connect-links a{font-size:10px}.hs-terminal pre{min-height:150px}.hs-footer{flex-wrap:wrap;gap:20px}.hs-footer p{font-size:9px}.hs-footer small{width:100%;margin-left:0}.hs-closing{padding:55px 6% 65px}.hs-closing h2{font-size:35px}.hs-closing-word{font-size:190px;bottom:-45px;right:4%;letter-spacing:-16px}}
@media(max-width:480px){.hs-nav{padding:0 6%}.hs-logo strong{font-size:27px}.hs-logo>svg{width:23px}.hs-nav-cta{gap:8px;font-size:9px}.hs-hero-copy>p{font-size:13px}.hs-eyebrow{font-size:8px;letter-spacing:1.6px}.hs-hero h1{font-size:38px;letter-spacing:-2px}.hs-button{font-size:11px;padding:11px 15px;min-height:45px;gap:15px}.hs-hero-actions{gap:16px}.hs-hero-proof{font-size:7.5px;gap:8px}.hs-composition{margin-top:58px;min-height:350px;padding:20px 3px 28px}.hs-product-sidebar{width:36px;gap:21px}.hs-product-sidebar svg{width:14px}.hs-product-top{height:43px;padding:0 14px}.hs-product-content{padding:15px}.hs-product-greeting h2{font-size:19px}.hs-product-greeting small{font-size:6px}.hs-product-brand{font-size:10px}.hs-metric-row strong{font-size:30px}.hs-mini-stats{gap:6px;margin:10px 0}.hs-mini-stats>span{font-size:6px;padding:7px}.hs-mini-stats b{font-size:15px}.hs-product-task{padding:8px;gap:6px}.hs-product-task strong{font-size:8px}.hs-product-task small{font-size:6px}.hs-floating-token{width:270px;padding:13px;gap:11px;bottom:-10px}.hs-token-symbol{width:43px;height:48px;font-size:23px}.hs-floating-token strong{font-size:9px}.hs-floating-token small{font-size:5.5px}.hs-floating-token>svg{display:none}.hs-floating-pill{font-size:9px;padding:9px 14px}.hs-orbit-label{font-size:6px;left:15px;top:-4px}.hs-hero-bottom{font-size:5.5px}.hs-hero-bottom button{font-size:8px}.hs-bridge>div{gap:14px 20px}.hs-bridge span{font-size:9px}.hs-section-heading h2{font-size:30px}.hs-projects{grid-template-columns:1fr;gap:30px}.hs-project h3{font-size:17px}.hs-project p{font-size:11px}.hs-project-meta{font-size:8px}.hs-project-open{opacity:1;transform:none}.hs-live-mini{display:none}.hs-live-canvas{padding:55px 25px 35px}.hs-live-card{max-width:320px;padding:25px}.hs-live-card h3{font-size:20px}.hs-live-card p{font-size:11px}.hs-controls h3{font-size:18px}.hs-controls select{font-size:10px}.hs-controls .hs-text-link{font-size:10px}.hs-client-tabs{gap:20px;padding-inline:20px}.hs-client-tabs button{font-size:9px}.hs-terminal pre{font-size:10px;padding:23px;min-height:150px}.hs-connect-copy h3{font-size:30px}.hs-footer{gap:15px}.hs-footer p{font-size:8px}.hs-footer>a:not(.hs-logo){font-size:9px}.hs-footer small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hs-page *, .hs-page *::before,.hs-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The public directory remains available with and without JavaScript. */
.seo-directory details{border-top:1px solid var(--klic-semantic-color-border,#dce2ec);padding:16px 0}
.seo-directory summary{cursor:pointer;font-weight:600}
.seo-directory ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px 24px;padding:20px 0;list-style:none}
.seo-directory a{color:var(--klic-semantic-color-text,#142a48);text-underline-offset:4px}
.seo-directory a:hover,.seo-directory a:focus-visible{color:#245FC2;text-decoration:underline}
/* Closing chapter: concentric glass-metal rings with no video dependency. */
.hs-closing{isolation:isolate;min-height:460px;padding:95px 6% 100px;background:#0a1428!important;border-top:1px solid #243858!important;color:#eff5ff}
.hs-closing h2{color:#eff5ff!important;max-width:600px;font-size:clamp(36px,4.2vw,58px);line-height:1.23;z-index:2}
.hs-closing .hs-eyebrow{color:#a0bde6;z-index:2;letter-spacing:.2em}.hs-closing .hs-button{z-index:2;background:#f6f9ff;color:#173d78;border-color:#dae8ff;box-shadow:0 5px 24px #0002}.hs-closing .hs-button:hover{background:#e0edff;color:#173d78}
.hs-closing .hs-closing-orb{opacity:1!important;pointer-events:none;background:radial-gradient(ellipse at 76% 50%,#1b3f7633,transparent 66%);z-index:-1}
.hs-closing-orb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a1428 3%,#0a1428ee 26%,#0a142844 53%,transparent 76%)}
.hs-orbit-stage{position:absolute;width:720px;height:720px;right:2%;top:50%;transform:translateY(-50%) rotate(-20deg) scaleX(.89);filter:drop-shadow(0 0 20px #2865cb33)}
.hs-orbit{position:absolute;display:block;border-radius:50%;background:conic-gradient(from 10deg,#17305b 0deg,#2f68b7 45deg,#b5d7ff 67deg,#3c80da 92deg,#0d1c36 125deg,#0d1c3600 135deg 157deg,#193564 159deg,#669ee5 210deg,#d2e6ff 228deg,#2e5fa8 253deg,#142a4d 285deg,#142a4d00 296deg 310deg,#4a8bd3 316deg,#19345c 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 calc(100% - 12px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 13px),#000 calc(100% - 12px));animation:hs-orbit-turn 54s linear infinite;animation-play-state:paused}
.hs-orbit::after{content:"";position:absolute;inset:1px;border-radius:50%;border:1px solid #a9ccff66;box-shadow:inset 0 0 8px #a9ccff77}
.hs-orbit-one{inset:8%;animation-delay:-4s}.hs-orbit-two{inset:16%;animation-duration:67s;animation-direction:reverse;opacity:.85;animation-delay:-22s}.hs-orbit-three{inset:24%;animation-duration:43s;opacity:.85;animation-delay:-28s}.hs-orbit-four{inset:32%;animation-duration:80s;animation-direction:reverse;opacity:.65;animation-delay:-63s}
.hs-closing[data-ring-active=true]:not([data-motion-paused=true]) .hs-orbit{animation-play-state:running}
.hs-closing .hs-closing-word{font-size:170px;bottom:-35px;color:#96bfff0a!important;z-index:-1}
.hs-motion-control{position:absolute;right:6%;bottom:24px;border:1px solid #91b7ed44;border-radius:20px;background:#0a142866;color:#b8ccec;padding:8px 13px;font-size:11px!important;line-height:16px;backdrop-filter:blur(8px);z-index:2}.hs-motion-control:hover{background:#203959}.hs-motion-control[aria-pressed=true]{color:#fff}
@keyframes hs-orbit-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:760px){.hs-closing{padding:70px 6% 86px;min-height:400px}.hs-orbit-stage{width:560px;height:560px;right:-245px;opacity:.65}.hs-closing-orb::after{background:linear-gradient(90deg,#0a1428 0%,#0a1428b0 48%,#0a142833)}.hs-closing h2{font-size:36px;max-width:80%}.hs-closing .hs-closing-word{font-size:130px;letter-spacing:-12px}.hs-motion-control{bottom:18px}}
@media(prefers-reduced-motion:reduce){.hs-orbit{animation:none!important}.hs-motion-control{display:none}}
/* Quiet icon-only ring motion control; the accessible action remains localized. */
.hs-motion-control{width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:50%;border-color:#b6d3ff33;background:#0a142866;box-shadow:inset 0 1px 1px #fff1,inset 0 -1px 2px #0003}.hs-motion-glyph{display:block;width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}.hs-motion-control[aria-pressed=true] .hs-motion-glyph{width:10px;height:12px;border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(1px)}
@media(prefers-reduced-motion:reduce){.hs-motion-control{display:none}}

/* Four explicit surface contexts share one layout and a neutral blue backdrop. */
.km-section{max-width:1320px;margin:0 auto;padding:88px 48px;color:#132c46}.km-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.km-heading h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;margin:12px 0}.km-heading p{font-size:14px;line-height:1.7;color:#52657b;max-width:620px}.km-heading .btn{flex-shrink:0}.km-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.km-option{min-width:0}.km-option>header{display:flex;gap:8px;align-items:center;min-height:44px}.km-option h3{font-size:15px;letter-spacing:-.025em;margin:0}.km-option>header>span{font-size:10px;color:#245fc2;background:#eaf0fb;border:1px solid #c8d7f0;border-radius:20px;padding:3px 7px}.km-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;padding:34px 16px;background:radial-gradient(ellipse at 13% 90%,#ceddf7,transparent 72%),linear-gradient(135deg,#f2f5fb,#e8eef8);border:1px solid #dfe5ee}.km-orb{position:absolute;z-index:-1;width:125px;height:125px;border-radius:50%;background:linear-gradient(135deg,#94b8f1,#245fc2);right:-24px;top:25px}.km-card{position:relative;padding:18px;border:1px solid;border-radius:16px;min-height:239px;color:#132c46}.km-card-top{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.08em;font-weight:600}.km-card-top>span:last-child{margin-left:auto;font-size:16px}.km-logo{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#245fc2;border-radius:7px;font-size:14px}.km-card>p{font-size:11px;margin:24px 0 5px;color:#52657b}.km-card>strong{font-size:42px;font-weight:600;letter-spacing:-.055em;line-height:1.1}.km-card>strong>span{font-size:22px;margin-left:3px}.km-progress{height:5px;border-radius:10px;background:#dfe5ee;margin:15px 0 9px;overflow:hidden}.km-progress i{display:block;width:78%;height:100%;background:#245fc2;border-radius:inherit}.km-card-foot{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#52657b}.km-card-foot b{color:#245fc2}.km-status{margin-top:19px;border:1px solid;border-radius:7px;padding:8px;display:flex;justify-content:space-between;font-size:8px;gap:4px}.km-status>span:first-child{color:#245fc2;font-weight:600}.km-caption{font-size:11px;line-height:1.6;color:#52657b;padding:0 2px}.km-note{font-size:11px;line-height:1.7;color:#52657b;margin-top:22px;border-top:1px solid #dfe5ee;padding-top:16px}@media(max-width:1050px){.km-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-heading{align-items:start;flex-direction:column}}@media(max-width:600px){.km-section{padding:56px 20px}.km-grid{grid-template-columns:1fr}.km-stage{padding:30px}.km-card{max-width:320px;margin:auto}}

.km-card{background:#fff;border-color:#dfe5ee}.km-status{background:#fff;border-color:#dfe5ee}
/* The page follows selected semantic colors in both modes. Raster previews/CI art can retain their intentional light showcase palette. */
:root body[data-page=home],:root .hs-page,:root[data-theme] .hs-page{--hs-ink:var(--klic-semantic-color-text,#132c46);--hs-muted:var(--klic-semantic-color-muted,#52657b);--hs-blue:var(--klic-semantic-color-accent,#245fc2);--hs-canvas:var(--klic-semantic-color-surface,#fbfcfe);--hs-panel:var(--klic-semantic-color-panel,#fff);--hs-soft:var(--klic-semantic-color-surface-soft,#f5f7fb);--hs-border:var(--klic-semantic-color-border,#dfe5ee);background:var(--hs-canvas);color:var(--hs-ink)}
:root[data-theme] .hs-nav,:root[data-theme] .hs-bridge,:root[data-theme] .hs-section,:root[data-theme] .hs-footer{background:var(--hs-canvas);color:var(--hs-ink);border-color:var(--hs-border)}
:root[data-theme] .hs-hero{background:var(--hs-soft);border-color:var(--hs-border)}
:root[data-theme] .hs-glass-scene{background-image:linear-gradient(90deg,color-mix(in srgb,var(--hs-canvas) 96%,transparent),color-mix(in srgb,var(--hs-canvas) 78%,transparent) 38%,color-mix(in srgb,var(--hs-soft) 18%,transparent)),url('./images/hero-glass.png')}
:root[data-theme] .hs-hero h1,:root[data-theme] .hs-section-heading h2,:root[data-theme] .hs-connect-copy h3,:root[data-theme] .hs-closing h2{color:var(--hs-ink)}
:root[data-theme] .hs-hero h1 em,:root[data-theme] .hs-section-heading h2 span{color:var(--hs-blue)}
:root[data-theme] .hs-hero-copy>p,:root[data-theme] .hs-hero-proof,:root[data-theme] .hs-section-heading>p,:root[data-theme] .hs-connect-copy>p,:root[data-theme] .hs-project p,:root[data-theme] .hs-eyebrow,:root[data-theme] .hs-bridge p,:root[data-theme] .hs-bridge span,:root[data-theme] .hs-project-meta,:root[data-theme] .hs-footer p,:root[data-theme] .hs-footer>a:not(.hs-logo),:root[data-theme] .hs-footer small{color:var(--hs-muted)}
:root[data-theme] .hs-hero-bottom{color:var(--hs-muted);border-color:var(--hs-border)}
:root[data-theme] .hs-play-section,:root[data-theme] .hs-project-art{background:var(--hs-soft);border-color:var(--hs-border)}
:root[data-theme] .hs-playground,:root[data-theme] .hs-controls{background:var(--hs-panel);color:var(--hs-ink);border-color:var(--hs-border)}
:root[data-theme] .hs-controls select{background:var(--hs-canvas);color:var(--hs-ink);border-color:var(--hs-border)}
:root[data-theme] .hs-controls label,:root[data-theme] .hs-controls>small,:root[data-theme] .hs-filter button{color:var(--hs-muted)}
:root[data-theme] .hs-filter button[aria-pressed=true]{background:var(--klic-semantic-color-surface-selected,#e4ecfc);color:var(--hs-blue)}
:root[data-theme] .hs-connect-symbol{background:var(--hs-soft);color:var(--hs-blue);border-color:var(--hs-border)}
:root[data-theme] .hs-closing{background:var(--hs-soft);border-color:var(--hs-border)}
/* Live product chrome follows the page; exact screenshots, terminal and closing artwork remain self-contained. */
:root[data-theme] .hs-product,:root[data-theme] .hs-floating-token,:root[data-theme] .hs-floating-pill{background:color-mix(in srgb,var(--hs-panel) 90%,transparent);color:var(--hs-ink);border-color:var(--hs-border)}
:root[data-theme] .hs-product-top,:root[data-theme] .hs-product-sidebar,:root[data-theme] .hs-demo-tabs{border-color:var(--hs-border)}
:root[data-theme] .hs-product-greeting small,:root[data-theme] .hs-demo-tabs button,:root[data-theme] .hs-demo-tabs>span,:root[data-theme] .hs-metric-row small,:root[data-theme] .hs-product-task small,:root[data-theme] .hs-floating-token small,:root[data-theme] .hs-token-swatches b{color:var(--hs-muted)}
:root[data-theme] .hs-mini-stats>span,:root[data-theme] .hs-product-task{background:var(--hs-soft);color:var(--hs-muted);border-color:var(--hs-border)}
:root[data-theme] .hs-mini-stats b{color:var(--hs-ink)}
:root[data-theme] .hs-demo-tabs button[aria-pressed=true],:root[data-theme] .hs-floating-pill svg{color:var(--hs-blue);border-color:var(--hs-blue)}
:root[data-theme] .hs-button{color:var(--klic-semantic-color-on-accent,#fff)!important;border-color:var(--hs-blue)}

/* Closing artwork keeps an explicit paired foreground/background in every mode. */
:root[data-theme] .hs-closing a.hs-button{background:#f6f9ff!important;color:#173d78!important;border-color:#dae8ff!important}
:root[data-theme] .hs-closing a.hs-button:hover{background:#dfebff!important;color:#173d78!important}
/* Surrounding comparison copy follows the page; material specimens retain their light context. */
:root[data-theme] .km-section{color:var(--hs-ink)}
:root[data-theme] .km-heading p,:root[data-theme] .km-caption,:root[data-theme] .km-note{color:var(--hs-muted)}
:root[data-theme] .km-note{border-color:var(--hs-border)}
:root[data-theme] .km-option>header>span{color:var(--hs-blue);background:var(--hs-soft);border-color:var(--hs-border)}
/* Complete theme roles for the home chrome and its small supporting labels. */
:root[data-theme] .hs-page :is(button,a,input,select):focus-visible{outline-color:var(--hs-blue)}
:root[data-theme] .hs-hero-proof b,:root[data-theme] .hs-controls output{color:var(--hs-ink)}
:root[data-theme] .hs-orbit-label,:root[data-theme] .hs-coordinate,:root[data-theme] .hs-dot-menu,:root[data-theme] .hs-product-sidebar,:root[data-theme] .hs-metric-row strong>span,:root[data-theme] .hs-metric-caption,:root[data-theme] .hs-demo-tasks small,:root[data-theme] .hs-fineprint,:root[data-theme] .hs-filter>span,:root[data-theme] .hs-control-number,:root[data-theme] .hs-connect-copy>[role=status]{color:var(--hs-muted)}
:root[data-theme] .hs-hero-proof i,:root[data-theme] .hs-logo small,:root[data-theme] .hs-nav-cta,:root[data-theme] .hs-filter,:root[data-theme] .hs-token-swatches i{border-color:var(--hs-border)}
:root[data-theme] .hs-eyebrow>span{background:var(--hs-blue)}
:root[data-theme] .hs-product-brand svg,:root[data-theme] .hs-product-sidebar svg:first-child,:root[data-theme] .hs-floating-token>svg,:root[data-theme] .hs-bridge svg,:root[data-theme] .hs-connect-links a svg,:root[data-theme] .hs-section-heading .hs-text-link,:root[data-theme] .hs-health{color:var(--hs-blue)}
:root[data-theme] .hs-product{box-shadow:0 30px 65px -25px color-mix(in srgb,var(--hs-ink) 22%,transparent),inset 0 1px 0 color-mix(in srgb,var(--hs-ink) 12%,transparent)}
:root[data-theme] .hs-mini-icon,:root[data-theme] .hs-token-symbol,:root[data-theme] .hs-avatar{background:var(--hs-soft);color:var(--hs-blue);border-color:var(--hs-border)}
:root[data-theme] .hs-mini-icon svg{color:var(--hs-blue)}
:root[data-theme] .hs-check{color:var(--hs-muted);border-color:var(--hs-border)}
:root[data-theme] .hs-check[aria-pressed=true]{background:var(--hs-blue);border-color:var(--hs-blue);color:var(--klic-semantic-color-on-accent,#fff)}
:root[data-theme] .hs-filter button[aria-pressed=true],:root[data-theme] .hs-filter button:hover,:root[data-theme] .hs-project:hover .hs-project-art{border-color:var(--hs-blue)}
:root[data-theme] .hs-project-open{background:var(--hs-panel);border-color:var(--hs-border);color:var(--hs-blue)}
:root[data-theme] .hs-controls input[type=range],:root[data-theme] .hs-demo-tasks input{accent-color:var(--hs-blue)}
:root[data-theme=dark] .hs-glass-scene{background-image:linear-gradient(90deg,color-mix(in srgb,var(--hs-canvas) 97%,transparent),color-mix(in srgb,var(--hs-canvas) 90%,transparent) 38%,color-mix(in srgb,var(--hs-soft) 78%,transparent)),url('./images/hero-glass.png')}
/* Auto previews inherit live token values, so a page toggle does not reset local form state. */
.hs-live-canvas[data-appearance=auto]{--hs-demo-bg:var(--hs-panel);--hs-demo-ink:var(--hs-ink);--hs-demo-border:var(--hs-border);--hs-demo-soft:var(--hs-soft);--hs-demo-muted:var(--hs-muted);background-color:var(--hs-soft);background-image:radial-gradient(color-mix(in srgb,var(--hs-border) 70%,transparent) .8px,transparent .8px)}
.hs-live-canvas[data-appearance=light]{color-scheme:light}
.hs-live-canvas[data-appearance=dark]{color-scheme:dark}
.hs-live-canvas[data-appearance=auto] .hs-live-primary,.hs-live-canvas[data-appearance=auto] .hs-live-toggle-row button[aria-checked=true]{background:var(--hs-blue);color:var(--klic-semantic-color-on-accent,#fff)}
.hs-live-canvas[data-appearance=auto] .hs-live-icon{color:var(--hs-blue)}
.hs-live-canvas[data-appearance=auto] .hs-canvas-label i,.hs-live-canvas[data-appearance=auto] .hs-live-progress>div{background:var(--hs-blue)}
/* Fixed closing artwork carries its own readable supporting foreground. */
:root[data-theme] .hs-closing .hs-eyebrow{color:#a0bde6}
.hs-live-canvas[data-appearance=auto] .hs-live-toggle-row button[aria-checked=true]>span{background:var(--klic-semantic-color-on-accent,#fff)}

/* Public reference scope and direct radius entry. */
.hs-scope-note{max-width:52ch;font-size:14px;line-height:1.65;color:var(--klic-component-showcase-color-muted);margin-top:18px}.hs-scope-note a{color:var(--klic-semantic-color-accent);white-space:nowrap}.hs-hero-proof{flex-wrap:wrap}.hs-controls .hs-radius-input{display:flex;align-items:center;gap:8px}.hs-controls .hs-radius-input input{width:76px;min-height:36px;padding:6px 8px;border:1px solid var(--klic-semantic-color-control-border);border-radius:6px;background:var(--klic-semantic-color-panel);color:var(--klic-semantic-color-text);font:inherit}.hs-controls .hs-radius-input input:focus-visible{outline:2px solid var(--klic-semantic-color-focus);outline-offset:2px}

.block-install{margin:32px 0;color:var(--klic-semantic-color-text,#15243b)}
.block-install h2{margin:0 0 16px;font-size:20px;font-weight:650}
.block-install-options{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:12px}
.block-install-options strong{padding:8px 12px;background:var(--klic-semantic-color-surface-soft,#f4f6fa);border-radius:7px;font-weight:600}
.block-install-options a,.block-install-source{color:var(--klic-semantic-color-muted,#62718a);text-decoration:none}
.block-install-options a:hover,.block-install-source:hover{color:var(--klic-semantic-color-accent,#245fc2)}
.block-install-box{border:1px solid var(--klic-semantic-color-border,#dce3ed);border-radius:9px;overflow:hidden;background:var(--klic-semantic-color-panel,#fff)}
.block-install-tabs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--klic-semantic-color-border,#dce3ed)}
.block-install-tabs button{border:0;border-radius:5px;background:transparent;color:var(--klic-semantic-color-muted,#62718a);font:inherit;font-size:12px;padding:6px 9px;cursor:pointer}
.block-install-tabs button[aria-pressed=true]{background:var(--klic-semantic-color-surface-soft,#f4f6fa);color:var(--klic-semantic-color-text,#15243b)}
.block-install-tabs button:focus-visible,.block-install a:focus-visible{outline:2px solid var(--klic-semantic-color-focus,#245fc2);outline-offset:2px}
.block-install-code{display:flex;align-items:flex-start;gap:8px;padding:14px 12px 14px 16px}
.block-install-code code{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:var(--klic-semantic-color-text,#15243b)}
.block-install-code .icon-button{flex:none}
.block-install p{margin:10px 0 4px;color:var(--klic-semantic-color-muted,#62718a);font-size:12px;line-height:1.6}
.block-install-source{font-size:12px}

/* Compact resource shortcuts and package installation. */
.hs-resource-links{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--klic-semantic-color-muted,#62718a)}
.hs-resource-links>span{margin-right:4px;font-size:12px;font-weight:600}
.hs-resource-link{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--klic-semantic-color-border,#dce3ed);border-radius:8px;background:var(--klic-semantic-color-panel,#fff);color:var(--klic-semantic-color-text,#15243b);text-decoration:none}
.hs-resource-link:hover{border-color:var(--klic-semantic-color-accent,#245fc2);color:var(--klic-semantic-color-accent,#245fc2)}
.hs-resource-link svg{width:16px;height:16px}
.hs-install-panel{min-width:0;align-self:start;color:var(--klic-semantic-color-text,#15243b)}
.hs-install-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}
.hs-install-heading span{font-size:10px;letter-spacing:.12em;color:var(--klic-semantic-color-muted,#62718a)}
.hs-install-heading h3{font-size:20px;margin:8px 0}
.hs-install-heading p,.hs-install-unpublished{font-size:13px;line-height:1.6;color:var(--klic-semantic-color-muted,#62718a);margin:0}
.hs-install-heading>a{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px;color:var(--klic-semantic-color-accent,#245fc2);text-decoration:none}
.hs-install-heading>a svg{width:14px}
.hs-install-unpublished{margin-bottom:12px}
.hs-install-box{border:1px solid var(--klic-semantic-color-border,#dce3ed);border-radius:10px;background:var(--klic-semantic-color-panel,#fff);overflow:hidden}
.hs-install-tabs{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--klic-semantic-color-border,#dce3ed)}
.hs-install-tabs button,.hs-example-actions button{border:0;border-radius:6px;background:transparent;color:var(--klic-semantic-color-muted,#62718a);font:inherit;font-size:12px;padding:7px 10px;cursor:pointer}
.hs-install-tabs button[aria-pressed=true]{background:var(--klic-semantic-color-surface-soft,#f4f6fa);color:var(--klic-semantic-color-text,#15243b)}
.hs-install-tabs .hs-install-copy{display:flex;align-items:center;gap:5px;margin-left:auto}
.hs-install-copy svg,.hs-example-actions svg{width:14px;height:14px}
.hs-install-box pre,.hs-integration-examples pre{margin:0;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--klic-ui-mono),monospace;color:var(--klic-semantic-color-text,#15243b)}
.hs-integration-examples{margin-top:14px;border:1px solid var(--klic-semantic-color-border,#dce3ed);border-radius:10px;padding:14px 16px;background:var(--klic-semantic-color-panel,#fff)}
.hs-integration-examples summary{font-size:13px;font-weight:600;cursor:pointer}
.hs-integration-examples .hs-client-tabs{flex-wrap:wrap;gap:12px;padding:16px 0 0}
.hs-integration-examples .hs-client-tabs button{color:var(--klic-semantic-color-muted,#62718a);font-size:12px;cursor:pointer}
.hs-integration-examples .hs-client-tabs button[aria-pressed=true]{color:var(--klic-semantic-color-accent,#245fc2);border-color:var(--klic-semantic-color-accent,#245fc2)}
.hs-integration-examples pre{padding:14px 0}
.hs-integration-examples p{font-size:12px;line-height:1.6;color:var(--klic-semantic-color-muted,#62718a)}
.hs-example-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hs-example-actions button,.hs-example-actions a{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--klic-semantic-color-accent,#245fc2)}
.hs-resource-link:focus-visible,.hs-install-panel button:focus-visible,.hs-install-panel a:focus-visible,.hs-integration-examples summary:focus-visible{outline:2px solid var(--klic-semantic-color-focus,#245fc2);outline-offset:2px}
.hs-install-products{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.hs-install-products button{border:0;border-radius:6px;background:transparent;color:var(--klic-semantic-color-muted,#62718a);font:inherit;font-size:12px;font-weight:600;padding:8px 11px;cursor:pointer}
.hs-install-products button[aria-pressed=true]{background:var(--klic-semantic-color-surface-soft,#f4f6fa);color:var(--klic-semantic-color-text,#15243b)}
.hs-install-unpublished[hidden]{display:none}

/* Keep the connection terminal visible beside installation choices. */
.hs-connect-tools{display:grid;gap:20px;min-width:0}
.hs-terminal .hs-client-tabs{gap:20px;padding:19px 25px 0}
.hs-terminal .hs-client-tabs button{color:#8b9eb8;font-size:10px}
.hs-terminal .hs-client-tabs button[aria-pressed=true]{color:#e2ecf9;border-color:#6a9be4}
.hs-terminal .hs-window-lights{display:flex;gap:6px}
.hs-terminal .hs-window-lights i{width:10px;height:10px}
.hs-terminal .hs-window-lights i:nth-child(1){background:#ff5f57}
.hs-terminal .hs-window-lights i:nth-child(2){background:#febc2e}
.hs-terminal .hs-window-lights i:nth-child(3){background:#547db8}
.hs-terminal .hs-terminal-path{display:flex;align-items:center;gap:6px}
.hs-terminal .hs-terminal-path svg{width:12px;height:12px}
@media(max-width:600px){.hs-terminal .hs-client-tabs{flex-wrap:wrap;gap:12px;padding:16px 20px 0}}