@font-face{font-family:DM;src:url('catalog/dm-sans.ttf');font-display:swap}
@font-face{font-family:DM;src:url('catalog/dm-sans-bold.ttf');font-weight:700;font-display:swap}
:root{font-family:DM,Arial,sans-serif;color:#29252e;background:#eeecef;--accent:#695080;--muted:#7b7481;--line:#d4cfd8;--turn-duration:820ms}
*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;min-height:400px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#faf9fa 0,#eeecef 65%,#e5e1e8 100%)}a{color:inherit;text-decoration:none}button,select,summary{font:inherit}button{cursor:pointer;color:inherit}a,button,summary{touch-action:manipulation}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #9977b5;outline-offset:4px}h1,h2,p{margin:0}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:15px}
.edition-header{min-height:82px;display:flex;align-items:center;gap:45px;margin:0 4%;border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:flex;align-items:baseline;gap:8px}.brand b{font-size:34px;line-height:1;letter-spacing:-2px}.brand span{font-size:7px;letter-spacing:.09em}.edition-title{display:flex;flex-direction:column;gap:5px;letter-spacing:.1em;font-size:9px}.edition-title small{font-size:7px;color:var(--muted);letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:32px;margin-left:auto;font-size:11px}.pdf-download{display:flex;gap:5px;align-items:center;padding:12px 0}.pdf-download>span:last-child{margin-left:9px;font-size:18px;color:var(--accent)}summary{list-style:none;cursor:pointer;padding:13px 0}summary::-webkit-details-marker{display:none}summary>span{margin-left:12px;color:var(--accent);font-size:16px}#contents-menu{position:relative;z-index:30}.contents-panel{position:absolute;right:0;top:48px;width:280px;max-height:calc(100dvh - 100px);overflow:auto;background:#faf9fb;padding:24px;box-shadow:0 20px 70px #26163522;border:1px solid #d8d2de;border-radius:3px}.contents-panel>p{font-size:8px;letter-spacing:.14em;color:var(--accent);margin-bottom:13px}.contents-panel>button{display:flex;align-items:center;gap:18px;width:100%;background:none;border:0;border-bottom:1px solid #e3dfe7;padding:13px 0;text-align:left;font-size:12px}.contents-panel>button:hover,.contents-panel>button[aria-current=page]{color:var(--accent)}.contents-panel>button span{font-size:9px;color:var(--muted)}.text-edition{display:block;padding-top:22px;font-size:10px;color:var(--accent)}
main{min-height:0;flex:1;display:flex;flex-direction:column}.reading-hint{display:flex;justify-content:center;align-items:center;gap:13px;font-size:10px;letter-spacing:.025em;color:#706876;height:46px;flex-shrink:0}.scroll-mark{color:var(--accent);font-size:17px}.hint-divider{color:#b2aab9}.hint-secondary{font-size:9px;color:#928b98}.book-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;perspective:2400px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;padding:24px 30px 25px}.book{position:relative;width:var(--book-width,760px);height:var(--page-height,538px);transform:translateX(-25%);transform-style:preserve-3d;transition:transform var(--turn-duration) cubic-bezier(.3,.12,.2,1)}.book[data-position=middle]{transform:translateX(0)}.book[data-position=end]{transform:translateX(25%)}.page-slot{position:absolute;top:0;width:50%;height:100%;box-shadow:0 10px 32px #21172a29,0 2px 4px #21172a20;background:#e8e3eb;transform-style:preserve-3d}.page-slot:empty{background:transparent;box-shadow:none}.left-slot{left:0}.right-slot{right:0}.page-slot:not(:empty):before{content:"";position:absolute;inset:2px -3px -4px;background:repeating-linear-gradient(to bottom,#d4cfd6 0,#d4cfd6 1px,#f6f4f7 1px,#f6f4f7 2px);border-radius:0 1px 2px 2px;z-index:-1;box-shadow:0 2px 2px #34293d12}.paper{position:relative;width:100%;height:100%;background:white;overflow:hidden}.paper>img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}.page-slot .paper:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;transition:opacity var(--turn-duration)}.book[data-position=middle] .left-slot .paper:after{opacity:1;background:linear-gradient(to right,transparent 90%,#48384e05 95%,#38263e19 100%)}.book[data-position=middle] .right-slot .paper:after{opacity:1;background:linear-gradient(to left,transparent 90%,#48384e05 95%,#38263e13 100%)}.spine{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#4c3c5338;z-index:3;pointer-events:none;opacity:0;transition:opacity var(--turn-duration)}.book[data-position=middle] .spine{opacity:1}.page-hotspot{position:absolute;z-index:5;background:transparent;border:0;padding:0;cursor:pointer;transition:box-shadow .15s,background .15s}.page-hotspot:hover{box-shadow:inset 0 0 0 2px #a281bb;background:#8f6dac12}.page-hotspot:focus-visible{outline:3px solid #b38acb;outline-offset:2px;background:#79578e22}
.turn-leaf{position:absolute;top:0;width:50%;height:100%;z-index:10;transform-style:preserve-3d;pointer-events:none;will-change:transform;transition:transform var(--turn-duration) cubic-bezier(.38,.08,.2,1)}.turn-leaf.forward{left:50%;transform-origin:left center;transform:rotateY(0)}.turn-leaf.backward{left:0;transform-origin:right center;transform:rotateY(0)}.turn-leaf.forward.is-turning{transform:rotateY(-180deg)}.turn-leaf.backward.is-turning{transform:rotateY(180deg)}.leaf-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#f4f1f6;overflow:hidden;box-shadow:0 7px 20px #24172e1f}.leaf-front{transform:translateZ(.35px)}.leaf-back{transform:rotateY(180deg) translateZ(.35px)}.leaf-face:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#28133055,transparent 40%,#251a3422);opacity:0}.is-turning .leaf-face:after{animation:paper-shade var(--turn-duration) ease-in-out both}@keyframes paper-shade{0%,100%{opacity:0}48%{opacity:1}}
.page-context{height:60px;display:flex;align-items:center;justify-content:center;gap:26px;flex-shrink:0;padding:0 4%}.page-context>span{font-size:10px;letter-spacing:.025em;color:var(--muted)}#sample-actions{display:flex;align-items:center;gap:12px}#sample-actions:empty{display:none}.sample-action{display:flex;align-items:center;gap:8px;border:1px solid #b7a7c4;background:#f7f4fa;padding:9px 14px;border-radius:30px;color:var(--accent);font-size:10px;min-height:36px}.sample-action:hover{background:#e9e1f0}.sample-action>span{font-size:9px}.zoom-button{display:flex;align-items:center;gap:7px;border:0;border-left:1px solid #cbc3d2;background:none;padding:8px 0 8px 22px;font-size:10px;color:#5d4c69}.zoom-button svg{width:17px;height:17px}.book-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 4%;border-top:1px solid var(--line);min-height:93px;padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0}.control-note,.footer-end{font-size:7px;letter-spacing:.1em;color:#746b7c;line-height:1.9;min-width:165px}.control-note span,.footer-end span{display:block;font-size:8px;color:#413548}.footer-end{text-align:right}.pagination{display:flex;align-items:center;gap:27px}.turn-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #bfb5c9;border-radius:50%;background:#f8f6fa;transition:background .15s,transform .15s}.turn-button:not(:disabled):hover{background:#e1d7e9;transform:translateX(2px)}.turn-button:first-child:not(:disabled):hover{transform:translateX(-2px)}.page-position{position:relative;text-align:center;min-width:130px;padding:11px 0 12px}#page-count{font-size:12px;letter-spacing:.09em;font-variant-numeric:tabular-nums}.page-position select{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.page-position:focus-within{outline:2px solid #9977b5;outline-offset:3px;border-radius:2px}.position-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d5cedc;pointer-events:none}.position-line>span{display:block;width:12.5%;height:100%;background:var(--accent);transition:width .5s ease}
dialog{border:1px solid #55465e;padding:0;color:#faf7fc;background:#221b29;box-shadow:0 30px 90px #160d2480;max-width:96vw;max-height:94dvh}dialog::backdrop{background:#17111fe6;backdrop-filter:blur(8px)}#preview-dialog{width:980px}.dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#221b29;z-index:2}.dialog-top p,.zoom-header p{font-size:7px;letter-spacing:.12em;color:#bbabc8;margin-bottom:7px}.dialog-top h2,.zoom-header h2{font-size:15px;font-weight:400}.dialog-top button,.zoom-tools button{display:grid;place-items:center;width:38px;height:38px;font-size:25px;border:1px solid #766383;background:none;color:white;border-radius:50%;flex-shrink:0}#preview-video{display:block;width:100%;max-height:calc(94dvh - 150px);object-fit:contain;background:#16111b}.dialog-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 22px;font-size:10px;color:#c5b9ce;flex-wrap:wrap}.dialog-bottom a{text-decoration:underline;text-underline-offset:4px}#zoom-dialog{width:1200px;height:94dvh;max-height:94dvh;overflow:hidden}#zoom-dialog[open]{display:flex;flex-direction:column}.zoom-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;flex-shrink:0}.zoom-tools{display:flex;align-items:center;gap:12px}.zoom-tools button{font-size:21px;width:34px;height:34px}.zoom-tools button:last-child{margin-left:12px}.zoom-tools>span{font-size:10px;min-width:34px;text-align:center}.zoom-scroll{background:#d8d2dd;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;touch-action:pan-x pan-y;scrollbar-gutter:stable}.zoom-scroll #zoom-pages{width:100%;margin:auto}.zoom-scroll .paper{width:100%;height:auto;aspect-ratio:595.276/841.89;box-shadow:0 4px 25px #26183330}.zoom-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:12px 22px;flex-shrink:0;border:0}.zoom-footer button{background:none;border:1px solid #756580;border-radius:3px;color:#eee5f5;padding:9px 15px;font-size:11px}.no-script{position:fixed;inset:150px 30px;display:grid;place-content:center;background:#fff;padding:30px;z-index:50}.no-script a{color:var(--accent);text-decoration:underline}
body.single-page .book{transform:translateX(0)!important}.single-page .page-slot{width:100%}.single-page .left-slot,.single-page .spine{display:none}.single-page .page-slot .paper:after{display:none}.single-page .turn-leaf{width:100%;left:0}.single-page .turn-leaf.is-turning{animation:mobile-leaf var(--turn-duration) linear both}@keyframes mobile-leaf{0%,42%{opacity:1}65%,100%{opacity:0}}
@media(max-width:900px){.edition-header{min-height:68px;gap:25px;margin:0 5%}.edition-title{display:none}.brand b{font-size:29px}.header-actions{gap:22px;font-size:10px}.desktop-label{display:none}.reading-hint{height:39px;font-size:10px}.hint-secondary,.hint-divider{display:none}.book-stage{padding:16px 18px 20px}.page-context{height:75px;gap:15px;flex-wrap:wrap;align-content:center;row-gap:7px}.page-context>span{flex-basis:100%;text-align:center;font-size:9px}#sample-actions{gap:7px}.sample-action{font-size:10px;min-height:32px;padding:7px 12px}.zoom-button{font-size:10px;padding-left:15px}.book-controls{min-height:80px;margin:0 5%;justify-content:center}.control-note,.footer-end{display:none}.pagination{gap:28px;width:100%;max-width:350px;justify-content:center}.page-position{flex:1;max-width:170px;min-width:100px}.turn-button{width:43px;height:43px}.contents-panel{right:-65px;width:min(290px,90vw)}.dialog-top h2{font-size:12px}.dialog-top{padding:14px}.dialog-top button{width:33px;height:33px}.dialog-bottom{font-size:9px;padding:14px}#zoom-dialog{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;border:0}.zoom-header{padding:15px}.zoom-header h2{font-size:12px}.zoom-tools{gap:8px}.zoom-tools button{width:32px;height:32px}.zoom-tools button:last-child{margin-left:3px}.zoom-tools>span{font-size:8px;min-width:29px}.zoom-header p{font-size:6px}.zoom-scroll{padding:10px}.zoom-footer{padding:12px 15px calc(12px + env(safe-area-inset-bottom,0px))}}
@media(max-height:650px) and (min-width:901px){.edition-header{min-height:60px}.reading-hint{height:30px}.page-context{height:46px}.book-controls{min-height:70px}.book-stage{padding-top:12px;padding-bottom:12px}}
@media(max-height:550px) and (max-width:900px){.edition-header{min-height:48px}.reading-hint{display:none}.page-context{height:44px;flex-wrap:nowrap}.page-context>span{flex-basis:auto}.book-controls{min-height:55px}.book-stage{padding:8px 20px}.turn-button{width:36px;height:36px}.pagination{gap:20px}}
@media(prefers-reduced-motion:reduce){:root{--turn-duration:0ms}*,*:before,*:after{transition:none!important;animation:none!important}}

/* The selected reference's editorial structure in ZXP's plum, lilac and ivory palette. */
@font-face{font-family:Raleway;src:url('catalog/raleway-regular.ttf');font-display:swap}
@font-face{font-family:Raleway;src:url('catalog/raleway-heavy.ttf');font-weight:800;font-display:swap}
:root{color:#211c2c;background:#eee8f4;--accent:#5c3f8f;--muted:#655970;--line:#d3cbdc}
body{background:radial-gradient(ellipse at 48% 40%,#f7f7f3 0,#eee8f4 68%,#e3dcea 100%)}.edition-header{border-color:#d3cbdc}.brand{color:#211c2c}.brand b{font-family:Raleway,Arial,sans-serif;font-weight:800}.edition-title{font-family:Raleway,Arial,sans-serif;font-weight:800;letter-spacing:.07em}.edition-title small{font-weight:400;color:#655970}.pdf-download{color:#211c2c}.reading-hint{color:#655970;font-size:10px}.hint-divider{color:#a497b7}.hint-secondary{color:#655970}
.contents-panel{background:#f7f7f3;color:#211c2c;border:0;box-shadow:0 20px 60px #211c2c35;border-radius:0}.contents-panel>p,.text-edition{color:#5c3f8f}.contents-panel>button{border-color:#d3cbdc}.contents-panel>button span{color:#655970}.contents-panel>button:hover{color:#5c3f8f}.contents-panel>button[aria-current=page]{color:#5c3f8f;font-weight:700}
.page-slot{box-shadow:0 16px 35px #211c2c35,0 2px 6px #211c2c25}.page-slot:empty{box-shadow:none}.page-context>span{font-family:Raleway,Arial,sans-serif;font-size:11px;color:#211c2c;font-weight:800;letter-spacing:.02em}.sample-action{background:#211c2c;color:#f7f7f3;border:1px solid #211c2c;border-radius:0;padding:10px 17px;font-size:10px}.sample-action:hover{background:#5c3f8f;border-color:#5c3f8f}.zoom-button{color:#211c2c;border-color:#a497b7}
.turn-button{border-radius:0;background:#211c2c;border-color:#211c2c;color:#f7f7f3}.turn-button:not(:disabled):hover{background:#5c3f8f;border-color:#5c3f8f}.position-line{background:#d3cbdc}.position-line>span{background:#5c3f8f}.control-note,.footer-end{color:#655970;letter-spacing:.08em}.control-note span,.footer-end span{color:#211c2c}.page-position select{color:#211c2c}.page-position{min-width:130px}#page-count{font-size:11px;font-weight:700}.no-script{color:#211c2c}.no-script a{color:#5c3f8f}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline-color:#5c3f8f}.page-hotspot:hover{box-shadow:inset 0 0 0 2px #8d70b3;background:#8d70b315}.page-hotspot:focus-visible{outline-color:#5c3f8f;background:#8d70b320}.page-position:focus-within{outline-color:#5c3f8f}.skip{color:#211c2c}
dialog{background:#211c2c;border-color:#a497b7}dialog::backdrop{background:#14111ce8}.dialog-top{background:#211c2c}.dialog-top p,.zoom-header p,.dialog-bottom{color:#d8d3fa}.dialog-top button,.zoom-tools button,.zoom-footer button{border-color:#a497b7;border-radius:0}.zoom-scroll{background:#eee8f4}.zoom-footer button{border-radius:0}
@media(max-width:900px){.page-context>span{font-size:10px}.sample-action{font-size:9px;padding:8px 12px}.reading-hint{font-size:9px}.zoom-button{font-size:9px}}

/* The general edition places all three approved samples on the package spread. */
.sample-action[data-preview="business"]{background:#5c3f8f;border-color:#5c3f8f}
@media(max-width:900px){.page-context.has-samples{height:116px;display:grid;grid-template-columns:1fr;gap:7px;justify-items:center;padding:8px 4%}.page-context.has-samples>span{grid-row:1}.page-context.has-samples #sample-actions{grid-row:2;gap:6px;max-width:100%}.page-context.has-samples .sample-action{padding:7px 9px;gap:5px;font-size:9px;white-space:nowrap}.page-context.has-samples .zoom-button{grid-row:3;border:0;padding:3px 0}}