@charset "UTF-8";
.workflow-step-label{min-height:24px}
.workflow-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:24px}.workflow-step{min-width:0}.workflow-step-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#597468;font-size:10px;letter-spacing:1.3px}.workflow-step-label i{font-size:24px;line-height:1;font-style:normal;font-weight:300;color:#8ba499}.workflow-live-dot{height:7px;width:7px;border-radius:50%;background:#518371}.workflow-visual{width:100%;height:540px;border-radius:14px;background:#e8ece7;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;cursor:zoom-in}.workflow-visual img{display:block;width:100%;height:100%;object-fit:contain}.workflow-plan .workflow-visual{background:#fff;border:1px solid #dce4da;padding:10px}.workflow-step figcaption h3{font-size:16px;font-weight:550;margin-top:20px}.workflow-step figcaption p{font-size:12px;line-height:1.8;color:#6b796f;margin-top:8px}.workflow-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:24px;margin-top:28px;border-top:1px solid #d8dfd5}.workflow-outcomes b{display:block;font-size:14px;font-weight:550}.workflow-outcomes span{display:block;color:#6b796f;font-size:12px;line-height:1.8;margin-top:6px}.page-technology .tech-index{grid-template-columns:repeat(6,1fr);gap:16px}.page-technology .tech-index a{font-size:13px;gap:10px}
@media(max-width:1000px) and (min-width:761px){.workflow-grid{gap:16px}.workflow-visual{height:430px}.page-technology .tech-index{grid-template-columns:repeat(3,1fr);row-gap:18px}}
@media(max-width:760px){.workflow-grid{grid-template-columns:1fr;gap:32px}.workflow-visual{height:auto;max-height:none;aspect-ratio:1179/2200;max-width:370px;margin:auto}.workflow-plan .workflow-visual{aspect-ratio:1200/1060}.workflow-step-label{max-width:370px;margin-inline:auto}.workflow-step figcaption{max-width:370px;margin-inline:auto}.workflow-step figcaption h3{font-size:17px;margin-top:14px}.workflow-outcomes{gap:14px}.workflow-outcomes b{font-size:12px}.workflow-outcomes span{font-size:11px}.page-technology .tech-index{grid-template-columns:repeat(3,1fr);gap:18px 10px}.page-technology .tech-index a{font-size:11px;gap:7px}}
.page-technology{background:#fafaf8;--tech-ink:#20292b;--tech-muted:#68716f;--tech-line:#dddfda;--tech-accent:#117b75;color:var(--tech-ink)}
.tech-shell{max-width:1200px;margin-inline:auto;padding-inline:40px}.page-technology .eyebrow{font-size:11px;color:#657672;letter-spacing:2.2px}
.tech-hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:60px;padding-top:60px;padding-bottom:52px;min-height:580px}.tech-hero h1{font-size:clamp(45px,4.9vw,66px);font-weight:600;letter-spacing:-.055em;line-height:1.17;margin:25px 0}.hero-intro{font-size:17px;line-height:1.95;color:var(--tech-muted);max-width:470px}.tech-button{display:inline-flex;gap:28px;align-items:center;background:var(--tech-ink);color:#fff;border-radius:30px;font-size:14px;padding:12px 22px;margin-top:30px}.tech-button:hover{background:#226b63;color:#fff}
.hero-image{height:450px;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse at 50% 20%,#3d4c47,#142a27 90%)}.hero-image img{position:absolute;width:48%;height:365px;object-fit:cover;border:5px solid #ffffff1f;border-radius:15px;box-shadow:0 24px 35px #0005;object-position:center 40%}.hero-jewel{top:23px;left:7%}.hero-fashion{top:72px;right:7%}.hero-image-note{position:absolute;bottom:14px;left:26px;color:#d0dad5;font-size:11px;letter-spacing:1px}
.tech-index{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding-block:23px;border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line)}.tech-index a{display:flex;gap:14px;align-items:baseline;font-size:14px;color:#485351}.tech-index span{font-size:11px;color:#88918a}.tech-index a:hover{color:var(--tech-accent)}
.tech-section{padding-top:84px;padding-bottom:72px;scroll-margin-top:80px}.tech-section+.tech-section{border-top:1px solid var(--tech-line)}.section-lead{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:40px;align-items:end}.section-lead h2{font-size:clamp(32px,3.3vw,44px);font-weight:550;line-height:1.25;margin-top:18px}.lead-copy h3{font-size:17px;font-weight:600;margin-bottom:15px;letter-spacing:-.02em}.lead-copy p{font-size:15px;color:var(--tech-muted);line-height:1.9}
.gamut-layout{display:grid;grid-template-columns:1fr 260px;gap:36px;align-items:stretch}.gamut-figure{min-width:0;padding:23px 24px 17px;border-radius:20px;background:#132323;color:#e0eeee;overflow:hidden}.gamut-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.8px;color:#98b5b2}.gamut-top .drag-hint{letter-spacing:.2px}.gamut-canvas-wrap{height:440px;margin:8px -10px;position:relative}#gamut-canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;outline-offset:-4px;border-radius:10px}#gamut-canvas:active{cursor:grabbing}#gamut-canvas:focus-visible{outline:2px solid #71dbd0}
.gamut-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:10px}.gamut-controls fieldset{display:flex;gap:4px;border:0;padding:0;margin:0;min-width:0}.gamut-controls label{position:relative;cursor:pointer;font-size:12px;white-space:nowrap}.gamut-controls input{position:absolute;opacity:0;width:1px;height:1px}.gamut-controls label span{display:block;padding:7px 10px;border-radius:6px;color:#a7c0bc;border:1px solid transparent}.gamut-controls input:checked+span{color:#e7ffff;background:#26413f;border-color:#47635f}.gamut-controls input:focus-visible+span{outline:2px solid #78d9cf;outline-offset:2px}.gamut-controls button{color:#bfd3cc;background:transparent;font-size:11px;padding:6px 7px}.gamut-controls button:hover{color:#fff}.gamut-figure figcaption{border-top:1px solid #d5ffe31c;padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:10px;color:#a6bdb8}.gamut-legend{display:flex;align-items:center;gap:7px}.gamut-legend i{height:2px;width:12px;background:#55ddd0}.gamut-legend i:nth-of-type(2){margin-left:12px;background:#f4dbb2}.visually-hidden{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.gamut-explanation{padding:22px 0 0 0}.small-number{font-size:12px;letter-spacing:1px;color:#617772}.capture-flow{list-style:none;padding:0;margin:20px 0 24px}.capture-flow li{position:relative;padding:0 0 30px 26px;display:flex;flex-direction:column;gap:5px}.capture-flow li:before{content:"";position:absolute;top:6px;left:0;width:7px;height:7px;border-radius:50%;background:#2c8a80}.capture-flow li:not(:last-child):after{content:"";position:absolute;left:3px;top:21px;bottom:5px;width:1px;background:#cedbd5}.capture-flow b{font-size:19px;font-weight:550}.capture-flow span{font-size:13px;color:var(--tech-muted)}.gamut-explanation>p{font-size:13px;color:var(--tech-muted);line-height:1.9;border-top:1px solid var(--tech-line);padding-top:21px}
.inline-evidence{display:grid;grid-template-columns:1fr 210px 210px;gap:25px;margin-top:36px;padding:30px;background:#eeefeb;border-radius:18px;align-items:center}.evidence-copy{padding-right:30px}.evidence-copy h3{font-size:30px;line-height:1.28;font-weight:550;margin:18px 0}.evidence-copy>p:not(.eyebrow){font-size:14px;color:var(--tech-muted);max-width:310px;line-height:1.9}.evidence-note{font-size:11px;color:#718079;display:block;margin-top:25px}.proof-image{background:#e8e9e4;width:100%;padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}.proof-image img{height:390px;width:auto;max-width:100%;object-fit:contain;transition:opacity .2s}.proof-image:hover img{opacity:.88}.inline-evidence figcaption,.grading-layout figcaption{font-size:11px;color:#65716a;margin-top:12px;line-height:1.6}
.grading-layout{display:grid;grid-template-columns:1fr 260px 260px;gap:26px;align-items:start}.grading-panel{min-height:500px;background:#e9eeea;border-radius:18px;padding:29px}.grading-software{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:550}.grading-software small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;color:#667b71;margin-top:4px}.resolve-mark{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:36px;transform:rotate(-15deg)}.resolve-mark i{height:16px;border-radius:50%;background:#cfad68}.resolve-mark i:nth-child(2){background:#719ac7}.resolve-mark i:nth-child(3){background:#bd7580;grid-column:1/3;width:16px;margin:auto}.grading-panel h3{font-size:29px;line-height:1.3;font-weight:550;margin:33px 0 28px}.grading-panel dl{margin:0}.grading-panel dl>div{border-top:1px solid #ccd6cd;padding-block:12px}.grading-panel dt{font-size:13px;font-weight:600}.grading-panel dd{font-size:12px;color:#62736a;line-height:1.7;margin:4px 0 0}.quiet-note{font-size:11px;color:#687c70;line-height:1.8;margin-top:16px}.grading-layout .proof-image img{height:500px}.section-footnote{font-size:11px;color:#728078;margin-top:18px;line-height:1.8}
.platform-figure{padding:30px 35px 24px;border-radius:20px;background:#eaf0eb}.platform-source{font-size:13px;text-align:center;color:#476457;display:flex;flex-direction:column;align-items:center;gap:10px}.source-dot{height:8px;width:8px;border-radius:50%;background:#368778;box-shadow:0 0 0 7px #36877818}.source-arrow{font-size:22px;font-weight:300;color:#83a091;line-height:1}.platform-screens{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:15px}.output-frame{width:22%;min-width:0}.output-middle{width:29%}.output-wide{width:39%}.screen{border:5px solid #273c36;border-radius:13px;background:#172420;box-shadow:0 14px 20px -12px #23463d55;overflow:hidden;display:flex;justify-content:center;align-items:center;aspect-ratio:9/16}.output-middle .screen{aspect-ratio:3/4}.output-wide .screen{aspect-ratio:16/9}.screen img{height:100%;width:100%;object-fit:contain;clip-path:inset(0 0 .35% 0)}.output-frame p{font-size:13px;font-weight:550;margin-top:16px}.output-frame p span{display:block;font-size:11px;font-weight:400;color:#6a7c70;margin-top:4px}.platform-figure figcaption{font-size:11px;color:#657d6e;margin-top:26px;text-align:center}.platform-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:27px}.platform-standards>div{padding:15px 0;border-top:1px solid #ccd8cf}.platform-standards b{font-size:15px;display:block;font-weight:550}.platform-standards span{display:block;font-size:12px;color:#697c6e;margin-top:6px}
.stability-section{background:#142725;color:#eef4ed;margin-top:0;padding:76px 0;scroll-margin-top:66px}.stability-section .eyebrow{color:#92b1a5}.stability-section .lead-copy p{color:#a5bdb4}.stability-section h2{font-size:clamp(30px,3vw,40px)}.redundancy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #456157;padding-top:28px}.redundancy-grid article+article{border-left:1px solid #456157;padding-left:40px}.redundancy-number{font-size:82px;line-height:1.2;letter-spacing:-4px;font-weight:300;color:#aee0cb}.redundancy-number span{font-size:15px;letter-spacing:0;margin-left:10px;color:#a3c1b3}.redundancy-grid h3{font-size:19px;font-weight:500;margin:13px 0 22px}.redundancy-grid p{font-size:12px;color:#a7c0b5;line-height:1.7;margin-top:22px}.redundancy-lanes{display:flex;flex-direction:column;gap:9px;height:53px}.redundancy-lanes i{position:relative;height:5px;display:block;width:100%;background:linear-gradient(90deg,#7cad95,#426357);border-radius:3px}.redundancy-lanes i:after{content:"";position:absolute;right:0;top:50%;height:9px;width:9px;border-radius:50%;background:#ace0bd;transform:translateY(-50%)}.expo-evidence{position:relative;border-top:1px solid #456157;margin-top:38px;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:28px}.expo-evidence h3{font-size:22px;letter-spacing:-.02em;font-weight:500;margin:13px 0}.expo-evidence p:not(.eyebrow){font-size:12px;color:#a3bbaf}.expo-outline{display:flex;gap:5px;height:70px;align-items:end;opacity:.5}.expo-outline i{display:block;border:1px solid #8eb7a7;width:70px;height:45px;transform:skewY(-12deg)}.expo-outline i:nth-child(2){height:70px}.expo-outline i:last-child{height:55px}
.virtual-figure{max-width:100%;background:#eaf0eb;padding:24px;border-radius:20px}.virtual-compare{position:relative;aspect-ratio:8/5;max-width:900px;margin:auto;overflow:hidden;border-radius:13px}.virtual-compare>img,.virtual-before,.virtual-before img{position:absolute;inset:0;width:100%;height:100%}.virtual-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.virtual-compare img{object-fit:contain}.virtual-label{position:absolute;top:20px;padding:6px 10px;background:#153028d9;color:#edf7ed;font-size:11px;border-radius:6px}.label-before{left:20px}.label-after{right:20px}.virtual-divider{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 6px #0003}.virtual-divider b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:#fff;color:#284b3c;display:grid;place-items:center;border-radius:50%;font-size:17px;box-shadow:0 0 12px #0002}.virtual-control{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:20px}.virtual-control label{font-size:12px;color:#456352;white-space:nowrap}.virtual-control input{width:min(55%,450px);accent-color:#318576;cursor:ew-resize;height:25px}.virtual-figure figcaption{text-align:center;font-size:11px;color:#657b6d;margin-top:12px}
.tech-contact{border-top:1px solid var(--tech-line);padding-block:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.tech-contact p{font-size:17px;color:#64766c}.tech-contact .tech-button{margin:0;white-space:nowrap}.page-technology .site-footer{background:#fafaf8}
@media(max-width:1000px){.tech-hero{gap:35px}.hero-image{height:395px}.hero-image img{height:310px}.gamut-layout{grid-template-columns:1fr 220px;gap:25px}.gamut-controls{gap:6px}.gamut-controls label span{padding:6px 7px}.inline-evidence{grid-template-columns:1fr 175px 175px;padding:25px;gap:20px}.proof-image img{height:350px}.grading-layout{grid-template-columns:1fr 210px 210px;gap:20px}.grading-panel{padding:23px;min-height:460px}.grading-layout .proof-image img{height:460px}.grading-software{font-size:15px}.section-lead{gap:40px}.tech-index{gap:14px}.tech-index a{gap:8px;font-size:12px}}
@media(max-width:760px){.tech-shell{padding-inline:24px}.tech-hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:28px;min-height:0}.tech-hero h1{font-size:46px;margin:20px 0}.hero-intro{font-size:15px}.tech-button{font-size:13px;margin-top:22px}.hero-image{height:350px;max-width:480px;width:100%;margin:auto}.hero-image img{height:280px;width:43%}.hero-jewel{left:12%;top:15px}.hero-fashion{right:12%;top:49px}.tech-index{grid-template-columns:repeat(3,1fr);gap:18px 14px;padding-block:22px}.tech-index a{font-size:12px}.tech-section{padding-top:49px;padding-bottom:42px;scroll-margin-top:103px}.section-lead{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.section-lead h2{font-size:33px;line-height:1.27;margin-top:15px}.lead-copy h3{font-size:15px;margin-bottom:10px}.lead-copy p{font-size:14px;line-height:1.9}.gamut-layout{grid-template-columns:1fr;gap:26px}.gamut-figure{padding:20px 15px 14px}.gamut-canvas-wrap{height:350px;margin:6px -6px}.gamut-top{font-size:9px;letter-spacing:1px}.gamut-top .drag-hint{font-size:10px}.gamut-controls{gap:8px;justify-content:center}.gamut-controls label span{font-size:11px;padding:6px 8px}.gamut-controls button{font-size:11px}.gamut-figure figcaption{justify-content:center;text-align:center}.gamut-explanation{padding:0}.capture-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 10px}.capture-flow li{padding:0 0 14px 15px}.capture-flow li:before{width:5px;height:5px;top:9px}.capture-flow li:not(:last-child):after{display:none}.capture-flow b{font-size:16px}.capture-flow span{font-size:12px}.gamut-explanation>p{font-size:12px;padding-top:13px}.inline-evidence{grid-template-columns:1fr 1fr;padding:22px 18px;gap:18px;margin-top:25px}.evidence-copy{grid-column:1/-1;padding:0}.evidence-copy h3{font-size:26px;margin:13px 0}.evidence-copy h3 br{display:none}.evidence-copy>p:not(.eyebrow){max-width:none;font-size:13px}.evidence-note{margin-top:12px}.proof-image img{height:auto;width:100%;aspect-ratio:auto}.inline-evidence figcaption,.grading-layout figcaption{font-size:11px;margin-top:9px}.grading-layout{grid-template-columns:1fr 1fr;gap:18px}.grading-panel{grid-column:1/-1;min-height:0;padding:23px}.grading-panel h3{font-size:26px;margin:21px 0}.grading-panel h3 br{display:none}.grading-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grading-panel dt{font-size:12px}.grading-panel dd{font-size:11px}.grading-layout .proof-image img{height:auto;width:100%}.section-footnote{font-size:11px}.platform-figure{padding:23px 16px 18px}.platform-screens{gap:12px;align-items:center}.output-frame{width:27%}.output-middle{width:29%}.output-wide{width:36%}.screen{border-width:3px;border-radius:7px}.output-frame p{font-size:11px;line-height:1.6;margin-top:12px}.output-frame p span{display:none}.platform-figure figcaption{font-size:10px;margin-top:21px}.platform-standards{gap:15px;margin-top:20px}.platform-standards b{font-size:13px}.platform-standards span{font-size:11px;line-height:1.75}.stability-section{padding:48px 0;scroll-margin-top:91px}.stability-section h2{font-size:31px}.redundancy-grid{gap:18px;padding-top:23px}.redundancy-grid article+article{padding-left:18px}.redundancy-number{font-size:61px}.redundancy-number span{font-size:12px;margin-left:7px}.redundancy-grid h3{font-size:15px;margin:13px 0 20px}.redundancy-grid p{font-size:11px;margin-top:16px}.redundancy-lanes{height:46px;gap:8px}.redundancy-lanes i{height:4px}.expo-evidence{margin-top:26px;padding-top:23px}.expo-evidence h3{font-size:20px}.expo-outline{display:none}.virtual-figure{padding:13px}.virtual-label{font-size:9px;top:12px;padding:4px 6px}.label-before{left:12px}.label-after{right:12px}.virtual-divider b{height:26px;width:26px;font-size:13px}.virtual-control{gap:15px;margin-top:14px}.virtual-control label{font-size:11px}.virtual-figure figcaption{font-size:10px;margin-top:8px}.tech-contact{padding-block:30px;align-items:flex-start;flex-direction:column;gap:19px}.tech-contact p{font-size:15px}}
@media(max-width:360px){.tech-shell{padding-inline:19px}.tech-hero h1{font-size:39px}.hero-image{height:310px}.hero-image img{height:250px}.hero-image-note{font-size:10px;left:18px}.tech-index{gap:15px 9px}.tech-index a{font-size:11px;gap:7px}.gamut-canvas-wrap{height:310px}.gamut-top .drag-hint{font-size:9px}.gamut-controls label span{font-size:10px;padding:6px}.gamut-figure{padding-inline:11px}.section-lead h2{font-size:29px}.capture-flow{gap:9px}.inline-evidence{padding:19px 13px;gap:13px}.grading-panel{padding:20px}.grading-panel dl{gap:10px}.platform-standards{gap:11px}.redundancy-grid{gap:12px}.redundancy-grid article+article{padding-left:12px}.redundancy-number{font-size:54px}.redundancy-grid h3{font-size:13px}.stability-section h2{font-size:27px}.virtual-control{gap:10px}.virtual-control label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.proof-image img{transition:none}}

.redundancy-animation{margin-top:35px;border:1px solid #426057;border-radius:16px;overflow:hidden}.redundancy-animation img{width:100%;height:auto}.redundancy-animation figcaption{font-size:11px;color:#a2bfb2;padding:13px 20px;background:#10231f;text-align:center}

/* Two-dimensional gamut comparison, replacing the earlier rotating volume. */
.gamut-figure{background:#f0f2ed;color:#273b35;border:1px solid #dae1d8}.gamut-top{color:#546e63}.gamut-canvas-wrap{height:595px}.gamut-controls{justify-content:center}.gamut-controls label span{color:#466357}.gamut-controls input:checked+span{background:#244c41;border-color:#244c41;color:white}.gamut-figure figcaption{color:#5c7366;border-color:#cfdbcf}.gamut-legend i{background:#137d73}.gamut-legend i:nth-of-type(2){background:#423843}#gamut-canvas{cursor:default;touch-action:pan-y}#gamut-canvas:active{cursor:default}.gamut-explanation{display:flex;flex-direction:column;justify-content:center;padding-top:0}
@media(max-width:760px){.gamut-canvas-wrap{height:460px}.gamut-explanation{display:block}}
@media(max-width:360px){.gamut-canvas-wrap{height:410px}}

/* Matching colour and beauty appearance across live platforms. */
.virtual-real{padding:36px 48px;background:#e9eee8}.virtual-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,350px);align-items:center;gap:70px;max-width:900px;margin:auto}.virtual-guide{max-width:345px}.virtual-guide h3{font-size:38px;line-height:1.3;font-weight:550;margin:22px 0}.virtual-guide>p:not(.eyebrow){font-size:14px;color:#64766b;line-height:1.9}.virtual-guide dl{margin-top:28px}.virtual-guide dl>div{padding:14px 0;border-top:1px solid #ced7cf}.virtual-guide dt{font-size:14px;font-weight:550}.virtual-guide dd{margin:5px 0 0;font-size:12px;color:#6b7c70;line-height:1.8}.virtual-guide .virtual-gesture{margin-top:28px;color:#375f4b}.virtual-gesture span{margin-right:9px}.virtual-gesture small{font-size:10px;color:#7b8b80}.virtual-real .virtual-compare{width:100%;max-width:350px;aspect-ratio:1179/2556;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:#299a56;box-shadow:0 16px 35px #142a2722}.virtual-real .virtual-compare:focus-visible{outline:3px solid #448772;outline-offset:5px}.virtual-real .virtual-compare img{object-fit:fill;pointer-events:none}.virtual-real .virtual-label{top:10px;font-size:9px;padding:5px 7px;pointer-events:none;background:#193c32e6}.virtual-real .label-before{left:10px}.virtual-real .label-after{right:10px}.virtual-real .virtual-divider{pointer-events:none}.virtual-real .virtual-divider b{width:42px;height:42px;font-size:20px}.virtual-real figcaption{margin-top:24px;line-height:1.8}
@media(max-width:760px){.virtual-real{padding:22px 16px}.virtual-demo-layout{grid-template-columns:1fr;gap:24px}.virtual-guide{max-width:none}.virtual-guide h3{font-size:27px;margin:13px 0}.virtual-guide h3 br{display:none}.virtual-guide>p:not(.eyebrow){font-size:13px}.virtual-guide dl{display:none}.virtual-guide .virtual-gesture{margin-top:15px}.virtual-real .virtual-compare{max-width:330px}.virtual-real figcaption{margin-top:18px}}
.platform-screens{gap:45px;max-width:780px;margin:18px auto 0;align-items:flex-start}.output-frame{width:calc((100% - 90px)/3)}.screen{aspect-ratio:1179/2556}.platform-name{font-size:12px;letter-spacing:1px;color:#476457;text-align:center;margin-bottom:14px}.screen img{clip-path:none}
@media(max-width:760px){.platform-screens{gap:14px}.output-frame{width:calc((100% - 28px)/3)}.platform-name{font-size:10px;letter-spacing:0;margin-bottom:9px}}

/* Crop the header lettering out of the hero fabric image on every breakpoint. */
.hero-image .hero-fashion{position:absolute;top:72px;right:7%;width:48%;height:365px;overflow:hidden;border:5px solid #ffffff1f;border-radius:15px;box-shadow:0 24px 35px #0005}.hero-image .hero-fashion img{position:absolute;top:-25%;left:0;width:100%;height:138.889%;object-fit:cover;object-position:center 50%;border:0;border-radius:0;box-shadow:none}
@media(max-width:1000px){.hero-image .hero-fashion{height:310px}}
@media(max-width:760px){.hero-image .hero-fashion{width:43%;height:280px;right:12%;top:49px}}
@media(max-width:360px){.hero-image .hero-fashion{height:250px}}

.expo-media-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:26px;margin-top:25px;align-items:start}.expo-broadcast{grid-row:span 2}.expo-photo{display:block;width:100%;padding:0;background:none;overflow:hidden;border-radius:12px;border:1px solid #ffffff12;cursor:zoom-in}.expo-photo img{display:block;width:100%;height:auto}.expo-media-grid figcaption{font-size:12px;color:#abc5b7;margin-top:13px;line-height:1.75}.expo-media-grid figcaption b{display:block;color:#e1eee6;font-size:13px;font-weight:500}.expo-media-grid figcaption span{display:block;margin-top:3px}.expo-photo:hover{opacity:.9}.expo-photo:focus-visible{outline:2px solid #bde5d0;outline-offset:5px}.expo-crowd{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:22px;align-items:center}.expo-crowd figcaption{margin:0;max-width:240px}
@media(max-width:760px){.expo-media-grid{grid-template-columns:1fr;gap:26px}.expo-broadcast{grid-row:auto;width:min(100%,390px);justify-self:center}.expo-crowd{grid-template-columns:minmax(95px,31%) 1fr;gap:20px}.expo-media-grid figcaption{font-size:11px;margin-top:10px}.expo-media-grid figcaption b{font-size:12px}.expo-crowd figcaption{margin:0}}
/* Linked colour concept study: illustrative, never a measured gamut simulation. */
.gamut-with-preview{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:26px;align-items:stretch}.gamut-with-preview .gamut-figure{min-width:0;padding:23px 20px 17px}.gamut-with-preview .gamut-canvas-wrap{height:490px}.gamut-with-preview .gamut-top{flex-wrap:wrap;gap:7px}.gamut-with-preview .gamut-controls{min-height:54px}.gamut-color-preview{min-width:0;margin:0;padding:23px 20px 17px;border:1px solid #dae1d8;border-radius:20px;background:#f0f2ed;display:flex;flex-direction:column}.color-preview-head{min-height:52px}.color-preview-head .small-number{font-size:10px;letter-spacing:1.4px}.color-preview-head p{font-size:13px;color:#3a594b;line-height:1.65;margin:8px 0 15px}.color-study-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;flex:1;min-height:450px;background:#dce3d4}.color-study-stage>img,.color-study-muted,.color-study-muted img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.color-study-muted{clip-path:inset(0 50% 0 0);transition:clip-path .5s ease}.color-study-muted img{filter:saturate(.18) contrast(.87)}.color-study-divider{position:absolute;inset:0 auto 0 50%;width:1px;background:#ffffffb3;box-shadow:0 0 12px #263c3422;transition:opacity .25s}.color-study-labels{position:absolute;inset:auto 15px 16px;display:flex;justify-content:space-between;gap:10px}.color-study-labels span{padding:6px 8px;border-radius:5px;background:#18392acc;color:#fff;font-size:10px;line-height:1.45;backdrop-filter:blur(8px)}.gamut-color-preview figcaption{font-size:10px;line-height:1.85;color:#5c7366;margin-top:16px;padding-top:12px;border-top:1px solid #cfdbcf}.gamut-color-preview[data-mode=rec709] .color-study-muted{clip-path:inset(0 0 0 0)}.gamut-color-preview[data-mode=wide] .color-study-muted{clip-path:inset(0 100% 0 0)}.gamut-color-preview:not([data-mode=both]) .color-study-divider{opacity:0}.gamut-color-preview[data-mode=rec709] .study-label-vivid,.gamut-color-preview[data-mode=wide] .study-label-muted{visibility:hidden}.gamut-with-preview .gamut-explanation{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;gap:8px 25px;border-top:1px solid #d9e0d7;padding-top:22px}.gamut-with-preview .gamut-explanation>.small-number{padding-top:6px}.gamut-with-preview .capture-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}.gamut-with-preview .capture-flow li{padding:0 0 0 17px}.gamut-with-preview .capture-flow li:after{display:none}.gamut-with-preview .capture-flow b{font-size:17px}.gamut-with-preview .gamut-explanation>p{grid-column:2;margin:9px 0 0;padding:0;border:0;font-size:12px;line-height:1.8}
@media(max-width:1000px){.gamut-with-preview{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:19px}.gamut-with-preview .gamut-figure,.gamut-color-preview{padding:20px 15px 15px}.gamut-with-preview .gamut-canvas-wrap{height:470px}.color-study-stage{min-height:420px}.color-study-labels{inset:auto 10px 12px;gap:5px}.color-study-labels span{font-size:9px;padding:5px 6px}}
@media(max-width:760px){.gamut-with-preview{grid-template-columns:1fr;gap:20px}.gamut-with-preview .gamut-canvas-wrap{height:440px}.gamut-with-preview .gamut-figure{padding:20px 15px 14px}.gamut-color-preview{padding:20px 15px 15px}.color-study-stage{flex:auto;aspect-ratio:620/680;min-height:0}.color-preview-head{min-height:0}.color-preview-head p{margin-bottom:13px}.color-study-labels{inset:auto 13px 14px}.color-study-labels span{font-size:10px}.gamut-color-preview figcaption{font-size:10px;margin-top:13px;padding-top:11px}.gamut-with-preview .gamut-explanation{grid-template-columns:1fr;gap:16px;padding-top:20px}.gamut-with-preview .gamut-explanation>.small-number{padding:0}.gamut-with-preview .gamut-explanation>p{grid-column:1;margin:0;font-size:11px}.gamut-with-preview .capture-flow{gap:14px}.gamut-with-preview .capture-flow b{font-size:16px}.gamut-with-preview .capture-flow span{font-size:11px;line-height:1.6}}
@media(max-width:360px){.gamut-with-preview .gamut-canvas-wrap{height:390px}.gamut-with-preview .capture-flow{gap:10px}.gamut-with-preview .capture-flow li{padding-left:13px}.color-study-labels span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.color-study-muted,.color-study-divider{transition:none}}

/* An in-page chapter directory, aligned with the surrounding content. */
html.technology-scroll{scroll-padding-top:0}
.tech-nav-bar{position:static;border:0}
.page-technology .tech-nav-bar .tech-index{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-height:0;padding:8px;border:1px solid var(--tech-line);border-radius:14px;align-items:stretch}
.page-technology .tech-nav-bar .tech-index a{grid-column:auto;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;padding:10px 9px;border:0;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.5;transition:background-color .18s,color .18s}
.page-technology .tech-nav-bar .tech-index a:last-child{grid-column:auto}
.page-technology .tech-nav-bar .tech-index a:hover{background:#f0f3ef;color:var(--tech-accent)}
.page-technology .tech-nav-bar .tech-index a[aria-current=location]{background:#e7eee8;color:var(--tech-accent);font-weight:400}
.page-technology .tech-nav-bar .tech-index span{font-size:10px;font-variant-numeric:tabular-nums;color:#8b9690}
.page-technology .tech-nav-bar .tech-index a[aria-current=location] span{color:var(--tech-accent)}
.page-technology .tech-section,.page-technology .stability-section{scroll-margin-top:calc(var(--tech-header-height,66px) + 16px)}
@media(max-width:899px){.page-technology .tech-nav-bar .tech-index{grid-template-columns:repeat(4,minmax(0,1fr))}.page-technology .tech-nav-bar .tech-index a{padding-inline:12px}}
@media(max-width:600px){.page-technology .tech-nav-bar .tech-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:7px;border-radius:12px}.page-technology .tech-nav-bar .tech-index a{gap:9px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.page-technology .tech-nav-bar .tech-index a{transition:none}}
/* Wide colour-workspace visual with a compact three-part correction method. */
#tech-grading .grading-feature{overflow:hidden;border-radius:20px;background:#151d1d;color:#edf2ec}#tech-grading .grading-studio-image{margin:0;line-height:0;background:#0b0e10;overflow:hidden}#tech-grading .grading-studio-image img{display:block;width:100%;height:auto;aspect-ratio:2157/822;object-fit:cover}#tech-grading .grading-method-row{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:38px;padding:32px 36px 34px;align-items:center;border-top:1px solid #ffffff0d}#tech-grading .grading-software{font-size:15px;gap:11px}#tech-grading .grading-software small{color:#90aa9d;font-size:8px;letter-spacing:1.8px}#tech-grading .resolve-mark{width:30px;gap:2px}#tech-grading .resolve-mark i{height:14px}#tech-grading .resolve-mark i:nth-child(3){width:14px}#tech-grading .grading-feature-heading h3{font-size:29px;line-height:1.32;letter-spacing:-.035em;font-weight:550;margin:22px 0 0}#tech-grading .grading-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}#tech-grading .grading-methods>div{padding-top:15px;border-top:1px solid #5b716780}#tech-grading .grading-methods dt{font-size:14px;font-weight:550;line-height:1.6}#tech-grading .grading-methods dd{font-size:12px;line-height:1.9;margin:8px 0 0;color:#a4b7ab}#tech-grading .grading-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:540px;margin:34px auto 0}#tech-grading .grading-evidence figure{min-width:0;margin:0}#tech-grading .grading-evidence .proof-image{border-radius:12px}#tech-grading .grading-evidence .proof-image img{height:auto;width:100%;max-width:none;aspect-ratio:auto}#tech-grading .grading-evidence figcaption{font-size:11px;line-height:1.75;color:#65716a;margin-top:12px}
@media(max-width:1000px){#tech-grading .grading-method-row{grid-template-columns:minmax(190px,.8fr) minmax(0,1.7fr);gap:25px;padding:28px}#tech-grading .grading-methods{gap:18px}#tech-grading .grading-feature-heading h3{font-size:27px}}
@media(max-width:760px){#tech-grading .grading-feature{border-radius:15px}#tech-grading .grading-method-row{grid-template-columns:1fr;gap:24px;padding:24px 21px 25px}#tech-grading .grading-feature-heading h3{font-size:25px;margin-top:18px}#tech-grading .grading-feature-heading h3 br{display:none}#tech-grading .grading-software{font-size:14px}#tech-grading .grading-methods{gap:16px}#tech-grading .grading-methods>div{padding-top:12px}#tech-grading .grading-methods dt{font-size:12px}#tech-grading .grading-methods dd{font-size:11px;line-height:1.8;margin-top:6px}#tech-grading .grading-evidence{gap:18px;margin-top:24px}#tech-grading .grading-evidence figcaption{font-size:10px;margin-top:9px}}
@media(max-width:360px){#tech-grading .grading-method-row{padding:22px 17px;gap:21px}#tech-grading .grading-feature-heading h3{font-size:22px}#tech-grading .grading-methods{gap:11px}#tech-grading .grading-methods dt{font-size:11px}#tech-grading .grading-methods dd{font-size:10px}#tech-grading .grading-evidence{gap:13px}}
/* Keep the grading workspace and method row visually continuous. */
#tech-grading .grading-feature{background:#101414}
#tech-grading .grading-studio-image{position:relative;background:#101414}
#tech-grading .grading-studio-image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12%;background:linear-gradient(to bottom,transparent,#101414);pointer-events:none}
#tech-grading .grading-method-row{border-top:0}
#tech-grading .grading-evidence{max-width:620px}
@media(max-width:760px){
  #tech-grading .grading-studio-image{aspect-ratio:16/9}
  #tech-grading .grading-studio-image img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
  #tech-grading .grading-methods dd{font-size:12px;line-height:1.75}
}
@media(max-width:360px){
  #tech-grading .grading-methods{grid-template-columns:1fr;gap:0}
  #tech-grading .grading-methods>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px 0}
  #tech-grading .grading-methods>div:last-child{padding-bottom:0}
  #tech-grading .grading-methods dt{font-size:12px;line-height:1.75}
  #tech-grading .grading-methods dd{font-size:12px;line-height:1.75;margin:0}
}

/* Everyday care: a human review workflow, illustrated with one concept scene. */
.maintenance-feature{padding:30px 34px 0;background:#edf1eb;border:1px solid #dfe5dc;border-radius:20px;overflow:hidden}
.maintenance-feature-head{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#64776c;font-size:11px;letter-spacing:1px}
.maintenance-human{display:flex;align-items:center;gap:7px;letter-spacing:0;white-space:nowrap}
.maintenance-human svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}
.maintenance-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px;padding-bottom:26px;border-bottom:1px solid #d3ddd1}
.maintenance-steps button{display:flex;gap:14px;align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#68796d;padding:14px 17px;text-align:left;min-height:52px;transition:background .2s,border-color .2s,color .2s}
.maintenance-steps button>span{font-size:10px;letter-spacing:1px;color:#819184}
.maintenance-steps button b{font-size:14px;font-weight:550;letter-spacing:0}
.maintenance-steps button i{font-size:17px;font-style:normal;font-weight:400;margin-left:auto}
.maintenance-steps button:hover{background:#ffffff80;color:#264f43}
.maintenance-steps button[aria-pressed=true]{background:#fafbf8;border-color:#cbd8ca;color:#254f43}
.maintenance-steps button[aria-pressed=true]>span{color:#467761}
.maintenance-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:54px;align-items:center;padding:34px 0 30px}
.maintenance-comparison{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.maintenance-frame{min-width:0;background:#fafbf8;border-radius:12px;padding:9px;border:1px solid #ccd7c9}
.maintenance-reference{border-color:#9db6a4}
.maintenance-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 6px 12px;font-size:12px;color:#4d6657}
.maintenance-frame-dot{width:5px;height:5px;flex-shrink:0;border:1px solid #527d62;border-radius:50%}
.maintenance-reference .maintenance-frame-dot{background:#527d62}
.maintenance-room{overflow:hidden;border-radius:6px;background:#e7e8df}
.maintenance-room img{display:block;width:100%;height:auto;aspect-ratio:360/440;transition:filter .5s ease;user-select:none}
.maintenance-frame>p{font-size:10px;color:#738071;text-align:center;padding:12px 1px 4px;line-height:1.5}
.maintenance-compare-mark{text-align:center;color:#769984;font-size:22px;font-weight:300}
.maintenance-comparison-note{grid-column:1/-1;text-align:center;color:#718273;font-size:11px;line-height:1.8;margin-top:5px}
.maintenance-copy{min-width:0;padding-right:6px}
.maintenance-step-kicker{font-size:10px;letter-spacing:1.5px;color:#7d8f7f;margin-bottom:18px}
.maintenance-copy h3{font-size:27px;font-weight:550;line-height:1.4;letter-spacing:-.035em;max-width:310px;min-height:0}
.maintenance-step-description{font-size:14px;line-height:1.95;color:#627367;margin-top:16px;min-height:82px}
.maintenance-focus{border-top:1px solid #d0dacd;margin-top:25px;padding-top:17px}
.maintenance-focus h4{font-size:11px;font-weight:500;letter-spacing:1px;color:#788b7b;margin:0 0 11px}
.maintenance-focus ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.maintenance-focus li{font-size:11px;color:#4d6857;line-height:1.5;padding:5px 10px;border:1px solid #cbd8c9;border-radius:5px;background:#f7f9f480}
.maintenance-result{font-size:12px;line-height:1.8;color:#3e6d55;margin-top:24px}
.maintenance-principle{display:flex;align-items:center;justify-content:center;gap:26px;border-top:1px solid #d3ddd1;padding:19px 8px;color:#536d5c;font-size:12px}
.maintenance-principle i{font-style:normal;font-size:15px;color:#98ad98}
.maintenance-feature[data-stage=record] .maintenance-reference .maintenance-room img{filter:sepia(.27) saturate(.62) brightness(.9)}
.maintenance-feature[data-stage=followup] .maintenance-check .maintenance-room img{filter:sepia(.38) saturate(.78) brightness(.91)}
.maintenance-feature[data-stage=followup] .maintenance-check{border-color:#c1ac7f}
.maintenance-feature[data-stage=followup] .maintenance-check .maintenance-frame-dot{border-color:#ac8d54;background:#ac8d54}
@media(max-width:1000px){
 .maintenance-feature{padding:26px 26px 0}.maintenance-panel{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px}.maintenance-comparison{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}.maintenance-copy h3{font-size:24px;min-height:0}.maintenance-step-description{font-size:13px}.maintenance-frame figcaption{font-size:11px;padding-inline:2px}.maintenance-frame{padding:7px}.maintenance-principle{gap:19px;font-size:11px}
}
@media(max-width:760px){

 .maintenance-feature{padding:22px 18px 0;border-radius:15px}.maintenance-feature-head{font-size:10px;letter-spacing:.3px;gap:8px}.maintenance-human{font-size:10px;gap:5px}.maintenance-human svg{width:16px;height:16px}.maintenance-steps{gap:4px;margin-top:19px;padding-bottom:19px}.maintenance-steps button{padding:10px 7px;gap:6px;min-height:46px;border-radius:6px}.maintenance-steps button b{font-size:11px}.maintenance-steps button>span{font-size:9px;letter-spacing:0}.maintenance-steps button i{display:none}.maintenance-panel{grid-template-columns:1fr;gap:28px;padding:24px 0}.maintenance-comparison{gap:7px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);max-width:470px;width:100%;margin-inline:auto}.maintenance-frame{padding:5px;border-radius:9px}.maintenance-frame figcaption{font-size:10px;padding:5px 3px 9px}.maintenance-frame>p{font-size:9px;padding:9px 0 4px}.maintenance-compare-mark{font-size:17px}.maintenance-comparison-note{font-size:10px;margin-top:6px}.maintenance-copy{padding:0}.maintenance-step-kicker{font-size:9px;margin-bottom:10px}.maintenance-copy h3{font-size:23px;min-height:0;max-width:none}.maintenance-step-description{font-size:13px;min-height:0;margin-top:12px;line-height:1.85}.maintenance-focus{margin-top:20px;padding-top:15px}.maintenance-focus h4{margin-bottom:10px}.maintenance-focus ul{gap:6px}.maintenance-focus li{font-size:10px;padding:5px 8px}.maintenance-result{font-size:11px;margin-top:18px}.maintenance-principle{justify-content:space-between;gap:5px;padding:16px 0;font-size:11px;line-height:1.7;letter-spacing:0;white-space:normal;text-align:center}.maintenance-principle i{font-size:11px}
}
@media(max-width:360px){
 .maintenance-feature{padding-inline:13px}.maintenance-feature-head{font-size:9px}.maintenance-steps button{padding-inline:5px;gap:4px}.maintenance-steps button b{font-size:10px}.maintenance-comparison{gap:4px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)}.maintenance-frame figcaption{font-size:9px}.maintenance-frame>p{font-size:9px}.maintenance-copy h3{font-size:21px}.maintenance-principle{font-size:11px;gap:5px}.maintenance-principle i{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.maintenance-room img,.maintenance-steps button{transition:none}}





/* The grading method and its live examples share one continuous composition. */
#tech-grading .grading-story{padding:28px 36px 38px}
#tech-grading .grading-story-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;padding-bottom:30px}
#tech-grading .grading-story-intro h3{font-size:29px;line-height:1.4;letter-spacing:-.035em;margin:20px 0 0;font-weight:550}
#tech-grading .grading-story-intro>p{font-size:14px;color:#a6b8ae;line-height:1.9;margin:0 0 3px}
#tech-grading .grading-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-top:32px;border-top:1px solid #4e665958}
#tech-grading .grading-case{margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;align-items:center;padding-right:32px}
#tech-grading .grading-case+.grading-case{border-left:1px solid #4e665958;padding:0 0 0 32px}
#tech-grading .grading-case .proof-image{display:block;align-self:start;width:100%;margin:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:#202925;cursor:zoom-in}
#tech-grading .grading-case .proof-image img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain}
#tech-grading .grading-case .proof-image:focus-visible{outline:2px solid #c1dccc;outline-offset:5px}
#tech-grading .grading-case figcaption{min-width:0;color:#a6b8ae;font-size:13px;line-height:1.85}
#tech-grading .grading-case-kicker{display:block;color:#9db9a8;font-size:10px;letter-spacing:1px;line-height:1.6}
#tech-grading .grading-case h4{margin:18px 0 14px;font-size:23px;line-height:1.4;font-weight:550;letter-spacing:-.035em;color:#eff3ee}
#tech-grading .grading-case figcaption>p{margin:0}
#tech-grading .grading-case-focus{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid #4e665958;color:#c6d7ca;font-size:11px;line-height:1.65}
#tech-grading .grading-case-source{display:block;font-size:10px;color:#849d8f;margin-top:20px}
#tech-grading .grading-case-hint{display:block;color:#b4cbbb;font-size:11px;margin-top:6px}
#tech-grading .grading-case-hint i{font-style:normal;margin-left:7px}
@media(max-width:1000px){
 #tech-grading .grading-story{padding:24px 28px 30px}
 #tech-grading .grading-story-intro{gap:24px;padding-bottom:26px}
 #tech-grading .grading-story-intro h3{font-size:26px}
 #tech-grading .grading-story-intro>p{font-size:13px}
 #tech-grading .grading-case-grid{gap:0;padding-top:26px}
 #tech-grading .grading-case{gap:17px;padding-right:22px}
 #tech-grading .grading-case+.grading-case{padding-left:22px}
 #tech-grading .grading-case h4{font-size:21px;margin-top:14px}
 #tech-grading .grading-case figcaption{font-size:12px;line-height:1.85}
 #tech-grading .grading-case-focus{gap:9px;margin-top:17px;padding-top:12px}
 #tech-grading .grading-case-source{margin-top:16px}
}
@media(max-width:860px){
 #tech-grading .grading-case{grid-template-columns:1fr;gap:23px;align-items:start}
 #tech-grading .grading-case .proof-image{width:min(100%,205px);justify-self:center}
 #tech-grading .grading-case h4{font-size:23px}
 #tech-grading .grading-case h4 br{display:none}
}
@media(max-width:600px){
 #tech-grading .grading-story{padding:24px 22px 28px}
 #tech-grading .grading-story-intro{grid-template-columns:1fr;gap:16px;padding-bottom:26px}
 #tech-grading .grading-story-intro h3{font-size:24px;margin-top:18px}
 #tech-grading .grading-story-intro>p{font-size:13px;margin:0}
 #tech-grading .grading-case-grid{grid-template-columns:1fr;gap:28px;padding-top:26px}
 #tech-grading .grading-case{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:18px;align-items:center;padding:0}
 #tech-grading .grading-case+.grading-case{border-left:0;border-top:1px solid #4e665958;padding:28px 0 0}
 #tech-grading .grading-case .proof-image{width:100%;border-radius:8px}
 #tech-grading .grading-case h4{font-size:19px;margin:12px 0}
 #tech-grading .grading-case h4 br{display:block}
 #tech-grading .grading-case-kicker{font-size:9px;letter-spacing:.5px}
 #tech-grading .grading-case figcaption{font-size:12px;line-height:1.8}
 #tech-grading .grading-case-focus{font-size:10px;gap:4px 10px;margin-top:14px;padding-top:10px}
 #tech-grading .grading-case-source{font-size:9px;margin-top:14px}
 #tech-grading .grading-case-hint{font-size:10px}
}
@media(max-width:360px){
 #tech-grading .grading-story{padding:22px 18px 24px}
 #tech-grading .grading-story-intro h3{font-size:22px}
 #tech-grading .grading-case{gap:14px}
 #tech-grading .grading-case h4{font-size:18px}
}

/* Keep the longer contingency labels readable at every screen size. */
.redundancy-grid h3 span{display:block;font-size:14px;font-weight:400;line-height:1.65;margin-top:6px;color:#b4cfc2}
@media(max-width:760px){.redundancy-grid h3 span{font-size:11px;margin-top:5px}}
@media(max-width:360px){.redundancy-grid h3 span{font-size:10px}}

/* Official platform marks replace the text-only names. */
.platform-name{display:flex;align-items:center;justify-content:center;height:46px;margin-bottom:17px}
.platform-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;overflow:hidden}
.platform-logo{display:block;width:34px;height:34px;object-fit:contain}
.platform-badge-douyin{background:#111}
.platform-badge-channels{background:#fff}
.platform-badge-channels .platform-logo{width:40px;height:40px}
.platform-badge-xiaohongshu .platform-logo{width:44px;height:44px}
@media(max-width:760px){.platform-name{height:36px;margin-bottom:12px}.platform-badge{width:36px;height:36px;border-radius:9px}.platform-logo{width:28px;height:28px}.platform-badge-channels .platform-logo{width:34px;height:34px}.platform-badge-xiaohongshu .platform-logo{width:36px;height:36px}}

.tech-hero .tech-button{justify-content:center;gap:0;min-height:44px;padding:12px 22px;line-height:1.4;font-weight:400;text-align:center}

/* A held drag reveals fixed colour-study layers and the linked gamut regions. */
#gamut-color-preview{--gamut-reveal:50%}
#gamut-color-preview .color-study-stage{cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:4px}
#gamut-color-preview .color-study-stage:focus-visible{outline:2px solid #13aace}
#gamut-color-preview .color-study-stage img{pointer-events:none;-webkit-user-drag:none}
#gamut-color-preview .color-study-muted{clip-path:inset(0 calc(100% - var(--gamut-reveal)) 0 0);transition:none;pointer-events:none}
#gamut-color-preview .color-study-divider{left:var(--gamut-reveal);width:2px;transform:translateX(-1px);background:#f8fafbd9;box-shadow:0 0 10px #52636b33;transition:none;pointer-events:none}
#gamut-color-preview .color-study-handle{position:absolute;left:clamp(23px,var(--gamut-reveal),calc(100% - 23px));top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;border-radius:50%;border:1px solid #e2e8eb;background:#f9fafbf2;box-shadow:0 3px 12px #42596529;pointer-events:none}
#gamut-color-preview .color-study-handle i{display:block;width:2px;height:14px;border-radius:2px;background:#6a8991}
#gamut-color-preview .is-dragging .color-study-handle{border-color:#50b5ce;background:#fff}
#gamut-color-preview .color-study-labels{pointer-events:none}
#gamut-color-preview .gamut-drag-guide{font-size:13px;line-height:1.7;color:#727980;text-align:center;margin:14px 0 0}
@media(max-width:760px){#gamut-color-preview .gamut-drag-guide{font-size:12px;margin-top:12px}}

/* Open the complete platform captures without changing their colour or framing. */
#tech-platform button.screen{display:block;width:100%;aspect-ratio:auto;padding:0;cursor:zoom-in}
#tech-platform button.screen:focus-visible{outline:3px solid #0060fa;outline-offset:5px}
#tech-platform button.screen img{display:block;width:100%;height:auto;object-fit:contain;clip-path:none;filter:none}
#tech-platform .platform-text-name{font-size:14px;font-weight:500;letter-spacing:0;color:inherit;line-height:1.4;white-space:nowrap}
@media(max-width:760px){#tech-platform .platform-text-name{font-size:12px}}

/* The prepared paths and schematic share one continuous green surface. */
#tech-stability .section-lead .eyebrow{color:#246958}
#tech-stability .section-lead .lead-copy h3{color:#294b43}
#tech-stability .section-lead .lead-copy p{color:#536b62}
#tech-stability .stability-system{overflow:hidden;background:linear-gradient(145deg,#142c2a,#091c1e);border:1px solid #37574e;border-radius:22px;box-shadow:0 18px 35px -28px #123b2b66}
#tech-stability .redundancy-grid{border:0;gap:32px;padding:32px 32px 24px}
#tech-stability .redundancy-grid article{min-width:0}
#tech-stability .redundancy-grid article+article{border-color:#426057;padding-left:32px}
#tech-stability .redundancy-number{color:#b4ead4;font-weight:600;white-space:nowrap}
#tech-stability .redundancy-number span{color:#a8c8ba}
#tech-stability .redundancy-grid h3{color:#e2f3ea}
#tech-stability .redundancy-grid h3 span{display:block;margin-top:7px;margin-left:0;color:#a8c8ba;font-size:14px;line-height:1.6}
#tech-stability .redundancy-lanes i{background:linear-gradient(90deg,#9ed9bd,#527f6d)}
#tech-stability .redundancy-lanes i::after{background:#b4ead4;box-shadow:0 0 0 3px #b4ead415}
#tech-stability .redundancy-animation{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#tech-stability .redundancy-animation img{display:block}
#tech-stability .redundancy-animation figcaption{padding:16px 20px 21px;background:transparent;color:#a8c8ba}
@media(max-width:760px){
 #tech-stability .stability-system{border-radius:18px}
 #tech-stability .redundancy-grid{gap:12px;padding:24px 18px 18px}
 #tech-stability .redundancy-grid article+article{padding-left:12px}
 #tech-stability .redundancy-number{font-size:52px;letter-spacing:-2px}
 #tech-stability .redundancy-number span{font-size:12px;margin-left:5px}
 #tech-stability .redundancy-grid h3{font-size:15px;margin:12px 0 18px}
 #tech-stability .redundancy-grid h3 span{font-size:11px;margin-top:5px}
 #tech-stability .redundancy-animation figcaption{padding:12px 16px 16px}
}
@media(max-width:360px){
 #tech-stability .redundancy-grid{gap:10px;padding-inline:16px}
 #tech-stability .redundancy-grid article+article{padding-left:10px}
 #tech-stability .redundancy-number{font-size:46px}
 #tech-stability .redundancy-grid h3 span{font-size:10px}
}

/* Preserve the official Taobao icon at the same size as the other platform badges. */
#tech-platform .platform-badge-taobao .platform-logo{width:44px;height:44px}
@media(max-width:760px){#tech-platform .platform-badge-taobao .platform-logo{width:36px;height:36px}}