*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:#00162b;color:#f6f8fc;font-family:Arial,Helvetica,sans-serif}nav{position:sticky;top:0;z-index:20;background:#051d30f5;border-bottom:1px solid #276278;min-height:60px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;backdrop-filter:blur(16px)}nav a{color:white;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:2px;white-space:nowrap}nav a span{color:#59d1ee}.controls{display:flex;align-items:center;gap:7px}button,select{font:inherit;color:#c8e6f1;background:#0d2e46;border:1px solid #28576b;border-radius:5px;padding:8px 12px;font-size:12px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#116482;color:white}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #7feaff;outline-offset:3px}select{max-width:300px}.sheet{position:relative;overflow:hidden;border-bottom:10px solid #001326;scroll-margin-top:1px;height:calc(100vw * .5625);container-type:inline-size}.canvas{position:relative;width:1920px;height:1080px;transform-origin:top left;transform:scale(var(--scale,1));background-size:1920px 1080px;background-repeat:no-repeat}.canvas>div,.txt{position:absolute;margin:0}.txt em{font-style:normal;color:#69d6f2}.txt strong{color:#51d6ed}.mask{background:linear-gradient(115deg,#031e39 0%,#062744 70%,#103954 100%)}.canvas>.mask:first-child{background:linear-gradient(115deg,#041e38 0%,#062540 77%,#0b304b 100%)}.brand img{width:100%;height:100%;object-fit:fill}.rule{background:#44d8ef}.icon{color:#9beaff;padding:4px}.icon svg{width:100%;height:100%}.ring{border:2px solid #4dd6f7;border-radius:50%;padding:22px}.panel{border:2px solid #357c9c;border-radius:13px;background:linear-gradient(135deg,#06233deb,#143d5feb)}.crop{overflow:hidden}.crop img{position:absolute;max-width:none;object-fit:fill}.caption{background:white;color:#111;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;font-size:17px}.notice{display:block;text-align:center;font-size:22px;line-height:40px}.notice b{color:#60d9ed}.number{border:2px solid #46d9ee;border-radius:50%;color:#63dcec;text-align:center;line-height:42px;font-size:25px}.original{display:none;width:100%;height:auto}.compare .canvas{display:none}.compare .original{display:block}.reading .sheet{height:auto!important;padding:30px 20px;border-bottom:1px solid #32617b}.reading .canvas{width:auto;height:auto;transform:none;background-image:none!important;display:flex;flex-direction:column;gap:16px}.reading .canvas>.mask,.reading .canvas>.rule,.reading .canvas>.brand,.reading .canvas>.icon,.reading .canvas>.number{display:none}.reading .canvas>.txt,.reading .canvas>.panel,.reading .canvas>.caption{position:static!important;width:auto!important;height:auto!important;font-size:18px!important;line-height:1.6!important}.reading .canvas>h2{font-size:32px!important}.reading .canvas>.panel:empty{display:none}.reading .canvas>.crop{position:relative!important;left:0!important;top:0!important;max-width:100%;width:600px!important;height:330px!important}.reading .notice{font-size:16px;line-height:1.6;padding:15px}.reading .canvas>p:last-child{display:none}.reading .canvas>p:nth-last-child(2){font-size:12px!important;color:#7aadc7!important}dialog{width:95vw;max-width:1300px;border:1px solid #31758e;background:#05243c;padding:40px;color:white}dialog::backdrop{background:#00101fe8}dialog img{width:100%;max-height:85vh;object-fit:contain}#close{position:absolute;right:8px;top:8px}@media(max-width:900px){nav{flex-wrap:wrap;padding:10px;gap:8px}.controls{width:100%;justify-content:center}nav .home{margin:auto}select{max-width:42vw}button,select{padding:7px;font-size:11px}html{scroll-padding-top:95px}}@media print{nav{display:none}.sheet{page-break-after:always;border:none}.canvas{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.product-photo{background:white;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.reading .canvas>.product-photo{position:relative!important;left:0!important;top:0!important;width:100%!important;max-width:650px;height:360px!important}
/* Revision 2: photographic repair plates replace rectangular colour masks. */
.background-repair{background-repeat:no-repeat;pointer-events:none}.background-repair:first-child{mask-image:linear-gradient(to right,#000 calc(100% - 22px),transparent)}
#page-1 .canvas,#page-14 .canvas{background-size:1920px 1080px}
.criteria-card{padding:20px 18px 18px;display:flex;flex-direction:column;gap:13px}.criteria-icon{width:88px;height:88px;border:2px solid #4dd6f7;border-radius:50%;padding:17px;color:#9beaff;align-self:center;flex:none}.criteria-icon svg{width:100%;height:100%}.criteria-title{position:static;margin:0;font-size:24px;line-height:1.18;font-weight:700;min-height:57px}.criteria-copy{position:static;margin:0;font-size:20px;line-height:1.24;font-weight:400}.criteria-rule{height:3px;background:#44d8ef;width:100px;margin-top:auto;flex:none}#page-count{color:#8de3f5;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 5px}
.reading .canvas>.background-repair{display:none}.reading .criteria-card{padding:22px}.reading .criteria-title{min-height:0}.reading .criteria-copy{font-size:18px}.reading .canvas>.robot-caption{display:none}
/* Revision 3: targeted visibility and readability fixes. */
.d150-header-background{mask-image:linear-gradient(to right,#000 calc(100% - 55px),transparent)}
#page-13 .canvas{background:#061f38!important}
.role-product-art{left:1000px;top:0;width:920px;height:795px;background:url(assets/tpt-controls-clean-background.jpg) -680px 0 / 1600px 900px no-repeat;mask-image:linear-gradient(to right,transparent,#000 90px)}
.role-solid-band{left:0;top:795px;width:1920px;height:195px;background:#061f38;border-top:1px solid #2c6982}

.reading .canvas>.role-product-art,.reading .canvas>.role-solid-band,.reading .canvas>.role-robot-label{display:none}
/* Revision 4: native headers have no background overlays. */
.retained-product-art{background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,#000 35px);pointer-events:none}
.about-platform{left:925px;top:260px;width:940px;height:705px;background:#08283f;border:1px solid #38728d;border-radius:18px;padding:34px 38px;box-shadow:0 18px 70px #00132655}
.platform-eyebrow{margin:0 0 17px;color:#71d7ee;font-size:18px;letter-spacing:3px}.about-platform h3{margin:0 0 26px;font-size:49px;line-height:1.07;color:#f5faff;font-weight:700}.platform-layer{display:flex;align-items:center;gap:24px;background:#10374f;border:1px solid #2d607b;border-radius:10px;padding:18px 20px;min-height:99px}.platform-index{width:49px;height:49px;display:grid;place-items:center;border:1px solid #65d8ef;border-radius:50%;font-size:23px;color:#82e1f5;flex:none}.platform-layer h4{font-size:30px;color:#72daf1;margin:0 0 9px}.platform-layer p{font-size:22px;line-height:1.25;margin:0;color:#e2edf4}.platform-type{margin-left:auto;font-size:15px;line-height:1.45;letter-spacing:1px;color:#a6c3d3;text-align:right;flex:none}.platform-connector{height:28px;line-height:28px;font-size:24px;color:#6ed5ef;text-align:center}.platform-sectors{margin-top:24px;font-size:16px;line-height:1.8;letter-spacing:.7px;color:#b4cedd}.platform-source{display:inline-block;margin-top:14px;font-size:17px;color:#78dbef;text-decoration:none}.platform-source:hover{text-decoration:underline}button:disabled{opacity:.4;cursor:default}
.about-platform{padding:28px 32px}.about-platform h3{font-size:42px;line-height:1.15;letter-spacing:-1px;margin-bottom:25px}.platform-eyebrow{margin-bottom:15px}.platform-sectors{font-size:15px;margin-top:22px}
/* Revision 5: one consolidated product catalogue page. */
.lineup-copy{left:60px;top:235px;width:660px}.lineup-copy h2{font-size:94px;line-height:1.02;margin:0 0 22px;letter-spacing:-2px}.lineup-copy em{font-style:normal;color:#69d6f2}.lineup-copy h3{font-size:32px;line-height:1.25;margin:0 0 20px;font-weight:650}.lineup-rule{width:110px;height:4px;background:#44d8ef;margin-bottom:22px}.lineup-copy p{font-size:23px;line-height:1.3;margin:0 0 22px;color:#e9f2f7}
.lineup-panel{left:760px;top:300px;width:1128px;height:655px;background:#08283f;border:1px solid #38728d;border-radius:14px;padding:22px}.lineup-panel>h3{font-size:29px;margin:0 0 21px}.lineup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}.lineup-grid figure{margin:0;background:white;border-radius:4px;overflow:hidden}.lineup-photo{height:184px;background-repeat:no-repeat;background-color:white}.lineup-grid figcaption{height:45px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;font-size:16px;line-height:1.2;color:#132534}.lineup-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid #326780}.lineup-capabilities span{font-size:18px;line-height:1.3;color:#a2e6f5;border-left:2px solid #4bc8e7;padding-left:10px}
.lineup-panel{height:675px}

.advantage-grid{left:64px;top:400px;width:1792px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.advantage-card{height:234px;background:#08283f;border:1px solid #36718c;border-radius:14px;padding:28px 30px;position:relative}.advantage-number{color:#64daef;font-size:22px;letter-spacing:3px}.advantage-card h3{font-size:31px;line-height:1.2;margin:14px 0 12px;color:#f6f8fc}.advantage-card p{font-size:25px;line-height:1.35;margin:0;color:#c7deea}.advantage-source{position:absolute;left:64px;top:956px;color:#91c9dc;font-size:17px;text-decoration:none}

.demo-player{left:64px;top:388px;width:1040px;height:585px;background:#000;border:1px solid #39748c;border-radius:12px;overflow:hidden}.demo-player video{display:block;width:100%;height:100%;object-fit:contain}.demo-notes{position:absolute;left:1170px;top:412px;width:660px}.demo-eyebrow{font-size:20px;letter-spacing:3px;color:#69d6f2;margin:0 0 24px}.demo-notes h3{font-size:66px;line-height:1;margin:0 0 22px;color:#69d6f2}.demo-notes p:not(.demo-eyebrow){font-size:29px;line-height:1.45;margin:0 0 28px;color:#d4e5ef}.demo-divider{height:2px;background:#36718c;margin:32px 0}.demo-notes p.demo-footnote{font-size:23px;color:#a9c8da}.demo-notes a{font-size:24px;color:#6bdcf2;text-decoration:none}