@font-face{font-family:Montserrat;src:url('assets/Montserrat.ttf')}.ck-demo *{box-sizing:border-box}.ck-demo{scroll-behavior:smooth}.ck-demo{margin:0;background:#fff;color:#243746;font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.65}.ck-demo button,.ck-demo a,.ck-demo input{-webkit-tap-highlight-color:transparent}.ck-demo a{color:inherit;text-decoration:none}.ck-demo button{font:inherit;cursor:pointer}.ck-demo button:focus-visible,.ck-demo a:focus-visible,.ck-demo input:focus-visible{outline:3px solid #00a6d9;outline-offset:5px}.ck-demo button:disabled{cursor:default}.ck-demo img{display:block;max-width:100%}.ck-demo .review-bar{background:#243746;color:white;padding:8px 4vw;font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between}.ck-demo header{max-width:1280px;margin:auto;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4ebee;gap:26px}.ck-demo .brand img{width:188px;height:64px;object-fit:contain}.ck-demo nav{display:flex;gap:30px;font-size:12px;font-weight:700}.ck-demo nav a:hover{color:#00a6d9}.ck-demo .outline-link{border:1px solid #d6e1e6;border-radius:30px;padding:11px 18px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:20px}.ck-demo .wrap{max-width:1240px;margin:auto;padding:0 28px}.ck-demo .intro{padding:47px 0 34px}.ck-demo .eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;color:#008eb9;margin:0 0 13px}.ck-demo h1{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-2px;margin:0 0 20px;font-weight:750}.ck-demo h1 span{color:#00a6d9}.ck-demo h2{font-size:27px;line-height:1.2;margin:0 0 14px;letter-spacing:-.6px}.ck-demo p{margin:0 0 16px;color:#637782}.ck-demo .intro>p:last-child{font-size:16px;max-width:700px}.ck-demo .process-tabs{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;margin:0 0 35px;scroll-margin-top:10px}.ck-demo .process-tabs button{border:0;border-radius:4px;background:#eff4f6;padding:19px 18px;text-align:left;font-size:14px;font-weight:700;color:#243746}.ck-demo .process-tabs button[aria-selected=true]{background:#00a6d9;color:white}.ck-demo .section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px;gap:10px}.ck-demo .section-heading h2{margin-bottom:0}.ck-demo .section-heading .eyebrow{margin-bottom:7px}.ck-demo .count{font-size:11px;color:#758994;white-space:nowrap}.ck-demo .filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.ck-demo .filters:empty{display:none}.ck-demo .filters button{border:1px solid #e0e8ec;border-radius:20px;background:#fff;color:#617581;font-size:11px;padding:8px 18px}.ck-demo .filters button[aria-pressed=true]{background:#243746;color:white;border-color:#243746}.ck-demo .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}.ck-demo .material-card{min-width:0;border-bottom:1px solid #dce5e9;padding-bottom:22px}.ck-demo .card-photo,.ck-demo .photo-missing{height:176px;width:100%;background:#f2f5f6;margin-bottom:17px;overflow:hidden}.ck-demo .card-photo img{width:100%;height:100%;object-fit:contain;background:white}.ck-demo .photo-missing{display:grid;align-content:center;justify-items:center;color:#8a9ba6;gap:8px}.ck-demo .photo-missing svg{width:35px;height:35px;stroke:#aec0c9;fill:none;stroke-width:1}.ck-demo .photo-missing span{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:12px}.ck-demo .photo-missing small{font-size:9px}.ck-demo .caption{font-size:9px;min-height:17px;color:#8b9ba3;line-height:1.45;margin-top:-9px;margin-bottom:10px}.ck-demo .material-card .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:4px}.ck-demo .material-card h3{font-size:23px;line-height:1.3;margin:0 0 10px;letter-spacing:-.5px}.ck-demo .material-card p.description{font-size:12px;line-height:1.7;min-height:42px;margin-bottom:12px}.ck-demo .material-card .material-open{border:0;background:none;padding:0;color:#008caf;font-size:11px;font-weight:750}.ck-demo .material-card .process-label{font-size:9px;color:#637782;display:block;margin-bottom:15px}.ck-demo .preview-note{font-size:11px;line-height:1.7;color:#788991;margin-top:24px;max-width:1000px}.ck-demo .help{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eff5f7;padding:34px;margin:45px 0}.ck-demo .help h2{font-size:25px}.ck-demo .help p:last-child{font-size:13px;margin:0}.ck-demo .button{display:inline-flex;white-space:nowrap;border-radius:30px;background:#00a6d9;color:white;padding:14px 23px;font-size:12px;font-weight:750}.ck-demo footer{padding:40px max(28px,calc((100vw - 1184px)/2));background:#243746;color:white}.ck-demo footer p,.ck-demo footer span{color:#c1d0d8;font-size:11px}.ck-demo footer p{margin:6px 0}.ck-demo footer span{font-size:9px}.ck-demo dialog{border:0;border-radius:8px;width:min(640px,calc(100% - 32px));max-height:90vh;padding:42px;box-shadow:0 12px 80px #18384633;color:#243746}.ck-demo dialog::backdrop{background:#142e3b88}.ck-demo .close-dialog{position:absolute;right:17px;top:10px;border:0;background:none;font-size:28px;color:#667d88}.ck-demo dialog h2{font-size:32px}.ck-demo dialog p,.ck-demo dialog dl{font-size:14px}.ck-demo dialog dt{font-weight:700;margin-top:16px}.ck-demo dialog dd{margin:5px 0;color:#647986}.ck-demo .missing-data{padding:16px;background:#f0f5f7;font-size:12px;font-family:Arial,'Microsoft YaHei',sans-serif;margin-top:20px}.ck-demo #finish-link a{display:inline-block;border-bottom:1px solid #00a6d9;font-size:13px;font-weight:700;color:#0089b2}.ck-demo .anodising-intro{padding-bottom:24px}.ck-demo .anodising-intro h1{font-size:52px}.ck-demo .compare-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ck-demo .compare-heading h2{font-size:20px;margin:0}.ck-demo .simulation-tag{font-size:10px;border:1px solid #dae5ea;color:#657d89;padding:5px 10px;border-radius:4px}.ck-demo .filter-definitions{position:absolute;width:0;height:0;overflow:hidden}.ck-demo .compare-stage{position:relative;aspect-ratio:2/1;background:#f5f7f8;overflow:hidden;isolation:isolate;touch-action:pan-y}.ck-demo .part-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ck-demo .part-layer img{height:93%;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}.ck-demo .after{clip-path:inset(0 0 0 var(--split));pointer-events:none}.ck-demo .after img{filter:url('#finish-tint')}.ck-demo .image-label{position:absolute;top:25px;display:flex;flex-direction:column;font-size:9px;letter-spacing:1.5px;color:#70858f;background:#ffffffdd;padding:8px 12px;pointer-events:none}.ck-demo .image-label b{font-size:13px;letter-spacing:0;color:#243746}.ck-demo .label-before{left:24px}.ck-demo .label-after{right:24px;text-align:right}.ck-demo .divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 12px #183c4f18;pointer-events:none}.ck-demo .divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-content:center;background:#00a6d9;color:white;font-size:24px;letter-spacing:1px;border:3px solid white;box-shadow:0 4px 12px #183c4f24}.ck-demo .stage-range{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}.ck-demo .compare-stage:focus-within{outline:3px solid #00a6d9;outline-offset:3px}.ck-demo .compare-controls{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #e1e9ed}.ck-demo .motion-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ck-demo .text-button{padding:7px 0;border:0;border-bottom:1px solid #ccdbe3;background:none;color:#243746;font-size:11px;font-weight:650}.ck-demo .control-hint{font-size:10px;color:#869aa6}.ck-demo .colour-picker{padding:0;margin:0;border:0;min-width:0;text-align:right}.ck-demo .colour-picker legend{font-size:9px;letter-spacing:1px;width:100%;margin-bottom:9px;color:#758a96}.ck-demo .colour-picker legend strong{color:#243746;letter-spacing:0;margin-left:8px;font-size:12px}.ck-demo .swatches{display:flex;gap:12px}.ck-demo .swatch{width:26px;height:26px;background:var(--swatch);border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #d4dfe4;padding:0}.ck-demo .swatch[aria-pressed=true]{box-shadow:0 0 0 2px #00a6d9;transform:scale(1.08)}.ck-demo .video-story{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;padding:65px 0 20px;align-items:center}.ck-demo .story-copy{max-width:480px}.ck-demo .story-copy h2{font-size:40px;line-height:1.15;margin-bottom:22px}.ck-demo .story-copy>p{font-size:14px}.ck-demo .story-copy .preview-note{font-size:11px}.ck-demo .video-frame{max-width:340px;justify-self:center}.ck-demo .video-frame video{width:100%;max-height:460px;background:#182e3c;border-radius:3px;display:block}.ck-demo .video-frame p{font-size:10px;margin-top:10px}.ck-demo .print-caption{display:none}@media(max-width:760px){.ck-demo header{padding:15px 20px;flex-wrap:wrap;gap:12px}.ck-demo .brand img{width:150px;height:46px}.ck-demo header>.outline-link{display:none}.ck-demo nav{gap:16px;font-size:10px}.ck-demo .wrap{padding:0 20px}.ck-demo .intro{padding-top:32px}.ck-demo .intro h1,.ck-demo .anodising-intro h1{font-size:39px}.ck-demo .intro>p:last-child{font-size:13px}.ck-demo .review-bar{font-size:8px;letter-spacing:.5px}.ck-demo .process-tabs{gap:5px;grid-template-columns:1fr 1.25fr 1fr;margin-bottom:28px}.ck-demo .process-tabs button{font-size:10px;line-height:1.5;padding:13px 9px}.ck-demo .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.ck-demo .section-heading h2{font-size:23px}.ck-demo .count{font-size:9px}.ck-demo .card-photo,.ck-demo .photo-missing{height:136px}.ck-demo .photo-missing span{font-size:10px}.ck-demo .photo-missing small{font-size:8px}.ck-demo .material-card h3{font-size:19px}.ck-demo .material-card p.description{font-size:11px;min-height:65px}.ck-demo .caption{min-height:29px;font-size:8px}.ck-demo .help{padding:25px;display:block}.ck-demo .help .button{margin-top:20px}.ck-demo .compare-stage{aspect-ratio:1/1.05}.ck-demo .image-label{top:12px;padding:6px;font-size:8px}.ck-demo .image-label b{font-size:10px}.ck-demo .label-before{left:10px}.ck-demo .label-after{right:10px}.ck-demo .compare-controls{flex-direction:column-reverse;align-items:stretch;gap:17px}.ck-demo .colour-picker{text-align:right}.ck-demo .swatches{justify-content:flex-end}.ck-demo .swatch{width:32px;height:32px}.ck-demo .colour-picker legend{margin-bottom:13px}.ck-demo .motion-controls{gap:17px}.ck-demo .control-hint{flex-basis:100%}.ck-demo .video-story{grid-template-columns:1fr;gap:26px;padding-top:42px}.ck-demo .story-copy h2{font-size:31px}.ck-demo .video-frame{width:100%;max-width:310px}.ck-demo .compare-heading h2{font-size:18px}.ck-demo .simulation-tag{font-size:8px}}@media(max-width:370px){.ck-demo .material-grid{grid-template-columns:1fr}.ck-demo .material-card p.description{min-height:0}.ck-demo .card-photo,.ck-demo .photo-missing{height:190px}.ck-demo .section-heading{align-items:start}.ck-demo .count{max-width:80px;white-space:normal}.ck-demo nav{width:100%}.ck-demo .process-tabs button{font-size:9px}}@media(prefers-reduced-motion:reduce){.ck-demo{scroll-behavior:auto}.ck-demo *{transition:none!important}}@media print{.ck-demo .review-bar,.ck-demo header,.ck-demo footer,.ck-demo .help,.ck-demo dialog{display:none!important}.ck-demo{font-size:13px}.ck-demo .wrap{max-width:1200px;padding:20px 30px}.ck-demo .intro{padding:5px 0 22px}.ck-demo .intro h1{font-size:44px}.ck-demo .intro h1 br{display:none}.ck-demo .intro h1 span:before{content:' '}.ck-demo .intro>p:last-child{font-size:13px}.ck-demo .process-tabs{margin-bottom:25px}.ck-demo .process-tabs button{padding:16px}.ck-demo .card-photo,.ck-demo .photo-missing{height:140px}.ck-demo .material-grid{gap:24px}.ck-demo .material-card{break-inside:avoid}.ck-demo .material-card h3{font-size:21px}.ck-demo .material-card p.description{min-height:38px}.ck-demo .print-caption{display:block;background:#eaf2f6;padding:14px 20px;margin-top:24px;color:#243746;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:13px}.ck-demo .preview-note{margin:18px 0;font-size:10px}}.ck-demo .swatches{flex-wrap:wrap}.ck-demo .colour-picker{max-width:280px}.ck-demo .simulation-tag{white-space:nowrap}@media(max-width:400px){.ck-demo .compare-heading{align-items:flex-start;gap:12px}.ck-demo .compare-heading h2{max-width:170px}.ck-demo .simulation-tag{font-size:8px;white-space:normal;max-width:105px;text-align:center}.ck-demo .colour-picker{max-width:100%}.ck-demo .swatches{gap:12px}}