.manual-page{background:#082536;color:#edf6fa}.manual-hero,.manual-library,.manual-help{width:min(1200px,calc(100% - 48px));margin-inline:auto}.manual-hero{padding:55px 0 30px;position:relative}.manual-hero .breadcrumb{color:#a7c8d7;font-size:14px;margin-bottom:32px}.manual-hero .eyebrow{color:#81cdda;letter-spacing:.12em;font-size:12px}.manual-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.07;letter-spacing:-.045em;margin:15px 0 22px;max-width:850px}.manual-hero h1 em{color:#ffe000;font-style:normal}.manual-hero>p:last-of-type{max-width:660px;color:#b8d1dc;line-height:1.65;font-size:18px}.manual-stats{display:flex;gap:24px;margin-top:25px;color:#a7cad9;font-size:13px}.manual-stats strong{color:#fff}.manual-library{border:1px solid #365665;border-radius:22px;padding:28px;background:linear-gradient(130deg,#103548,#092331);box-sizing:border-box;margin-bottom:28px}.manual-crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.manual-crumb{font:inherit;font-size:13px;color:#b8d4df;background:#082536;border:1px solid #40606f;border-radius:30px;padding:9px 15px;cursor:pointer}.manual-crumb:last-child{background:#ffe000;color:#082536;border-color:#ffe000}.manual-library h2{font-size:30px;letter-spacing:-.03em;margin:0 0 10px}.manual-library [data-manual-status]{color:#b4cdd8;margin:0 0 25px}.manual-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.manual-choice{font:inherit;text-align:left;display:flex;flex-direction:column;gap:13px;color:#edf6fa;background:#12394c;border:1px solid #436777;border-radius:12px;padding:22px;cursor:pointer;font-size:19px;transition:background .2s,transform .2s,border-color .2s}.manual-choice span{color:#9fbecb;font-size:12px}.manual-choice:hover{border-color:#ffe000;background:#194559;transform:translateY(-2px)}.manual-result{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid #355565}.manual-result h3{font-size:18px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.manual-result p{color:#a9c4d1;font-size:13px;margin:0}.manual-result .button{flex-shrink:0;white-space:nowrap}.manual-help{padding:8px 0 52px;color:#b5ced9;line-height:1.65;max-width:1200px}.manual-help a{color:#ffe000}.manual-page button:focus-visible,.manual-page a:focus-visible{outline:3px solid #ffe000;outline-offset:4px}.manual-library h2:focus{outline:none}.manual-library noscript a{display:block;padding:9px;color:#ffe000}.service-manual-feature{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px!important;border:1px solid #56716e;border-radius:18px;background:linear-gradient(110deg,#123e4e,#0b2a3c);margin-block:24px!important}.service-manual-feature h2{font-size:clamp(25px,3vw,36px);max-width:690px;margin:10px 0}.service-manual-feature p{color:#b7cfda;line-height:1.5}.service-manual-feature .button{flex-shrink:0}.service-manual-feature .eyebrow{color:#ffe000;font-size:12px;letter-spacing:.1em}@media(max-width:760px){.manual-hero,.manual-library,.manual-help{width:calc(100% - 28px)}.manual-hero{padding-top:30px}.manual-library{padding:20px 16px}.manual-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-choice{padding:17px 12px;font-size:16px}.manual-result,.service-manual-feature{flex-direction:column;align-items:stretch}.manual-result{gap:15px}.manual-result .button{text-align:center}.manual-stats{gap:14px}.service-manual-feature{padding:24px!important}}@media(prefers-reduced-motion:reduce){.manual-choice{transition:none}.manual-choice:hover{transform:none}}

.manual-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.manual-hero-copy{min-width:0}.manual-hero-copy h1{font-size:clamp(36px,3.7vw,53px)}
.manual-hero-copy>p:last-of-type{color:#b8d1dc;line-height:1.65;font-size:17px;max-width:560px}
.manual-hero-image{margin:0;border:1px solid #3b5a6a;border-radius:18px;overflow:hidden;background:#081723;box-shadow:0 16px 45px #00152255}
.manual-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.manual-hero .manual-stats{flex-wrap:wrap;gap:10px 20px}
@media(max-width:760px){.manual-hero-layout{grid-template-columns:1fr;gap:24px}.manual-hero-copy h1{font-size:36px}.manual-hero-image{border-radius:14px}.manual-hero-copy>p:last-of-type{font-size:16px}}

/* Technical illustration: illuminated stage, floating book and a soft reading sweep. */
.manual-hero-image{position:relative;isolation:isolate;padding:42px 14px 38px;background:radial-gradient(ellipse at 50% 55%,#165570 0%,#0a2d40 45%,#061d2d 80%);border-color:#45859b80;box-shadow:0 22px 65px #00162488,0 0 40px #2bafde0d}
.manual-hero-image::before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#32bceb33,transparent 68%);filter:blur(18px);animation:manual-glow 7s ease-in-out infinite;pointer-events:none}
.manual-tech-grid{position:absolute;inset:0;background-image:linear-gradient(#74dcff0b 1px,transparent 1px),linear-gradient(90deg,#74dcff0b 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 85%);pointer-events:none}
.manual-tech-orbit{position:absolute;inset:12% 9%;border:1px solid #5bd3ee33;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.manual-tech-orbit::before{content:'';position:absolute;inset:-13px;border:1px dashed #5bd3ee22;border-radius:50%}
.manual-tech-orbit::after{content:'';position:absolute;top:22%;left:3%;width:6px;height:6px;border-radius:50%;background:#8ee8ff;box-shadow:0 0 16px #5ad9ff}
.manual-book-stage{position:relative;z-index:1;overflow:hidden;animation:manual-float 8s ease-in-out infinite;filter:drop-shadow(0 15px 12px #00111c88)}
.manual-book-stage img{position:relative;z-index:1}
.manual-book-scan{position:absolute;z-index:2;left:3%;right:3%;top:0;height:25%;background:linear-gradient(transparent,#53cdff0d 55%,#88eaff40 96%,#c5f7ff99 99%,transparent);mix-blend-mode:screen;transform:translateY(-110%);opacity:0;animation:manual-scan 7s ease-in-out infinite;pointer-events:none}
.manual-tech-label,.manual-tech-footer{position:absolute;z-index:3;left:24px;color:#9bd8e5;font-size:9px;letter-spacing:.16em;font-weight:700;line-height:1.4;pointer-events:none}
.manual-tech-label{top:20px}.manual-tech-footer{bottom:18px;display:flex;align-items:center;gap:8px}.manual-tech-footer i{width:5px;height:5px;background:#ffe000;border-radius:50%;box-shadow:0 0 10px #ffe00055}
@keyframes manual-float{0%,100%{transform:translateY(3px) rotate(-.3deg)}50%{transform:translateY(-5px) rotate(.3deg)}}
@keyframes manual-glow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}
@keyframes manual-scan{0%,12%{transform:translateY(-110%);opacity:0}18%{opacity:.85}66%{transform:translateY(410%);opacity:.85}72%,100%{transform:translateY(410%);opacity:0}}
.manual-hero-image.is-out-of-view *,.manual-hero-image.is-out-of-view::before{animation-play-state:paused}
@media(max-width:760px){.manual-hero-image{padding:36px 10px 30px}.manual-tech-label,.manual-tech-footer{left:17px;font-size:8px}.manual-tech-label{top:15px}.manual-tech-footer{bottom:13px}}
@media(prefers-reduced-motion:reduce){.manual-book-stage,.manual-book-scan,.manual-hero-image::before{animation:none}.manual-book-scan{display:none}}

/* Open hero composition: the book is the main visual, without a enclosing card. */
.manual-hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px}
.manual-hero-image{padding:18px 0;margin:0 -18px 0 0;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.manual-hero-image::before{inset:2% -4%;background:radial-gradient(ellipse,#2ba8d52b,transparent 68%)}
.manual-tech-grid,.manual-tech-label,.manual-tech-footer{display:none}
.manual-tech-orbit{inset:7% 3%;border-color:#5bd3ee20}
.manual-tech-orbit::before{border-color:#5bd3ee14}
.manual-book-stage{filter:drop-shadow(0 20px 18px #00121f66)}
@media(max-width:760px){.manual-hero-layout{grid-template-columns:1fr;gap:16px}.manual-hero-image{margin:0;padding:10px 0}.manual-hero-image::before{inset:0}.manual-tech-orbit{inset:7% 5%}}
.manual-page main{overflow-x:clip}

.manual-help{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding:38px 40px;margin-top:32px;margin-bottom:56px;border:1px solid #4b829180;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#26758c33,transparent 65%),linear-gradient(125deg,#123e50,#0a293b);box-shadow:0 16px 40px #00142033;overflow:hidden}
.manual-help::before{content:'';position:absolute;left:0;top:32px;bottom:32px;width:3px;background:#ffe000;border-radius:3px;box-shadow:0 0 18px #ffe00033}
.manual-help-copy{max-width:680px}.manual-help .manual-help-eyebrow{font-size:11px;letter-spacing:.13em;color:#8bd9e8;font-weight:700;margin:0 0 12px}
.manual-help h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.03em;color:#f0f8fc;margin:0 0 15px}
.manual-help-copy>p:not(.manual-help-eyebrow){font-size:16px;line-height:1.65;margin:0;color:#c2d9e3}
.manual-help-note{display:block;font-size:12px;line-height:1.5;color:#95b7c6;margin-top:16px}
.manual-help-action{display:flex;flex-direction:column;align-items:center;gap:12px}
.manual-help .manual-help-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:16px 25px;border-radius:12px;color:#062536;font-weight:700;box-shadow:0 6px 22px #ffe00016;transition:transform .2s,box-shadow .2s}
.manual-help-button:hover{transform:translateY(-2px);box-shadow:0 10px 26px #ffe00030}
.manual-help-action>span{font-size:11px;color:#a8c8d6}
@media(max-width:760px){.manual-help{grid-template-columns:1fr;gap:25px;padding:28px 23px;margin-top:22px;margin-bottom:36px;border-radius:18px}.manual-help-copy>p:not(.manual-help-eyebrow){font-size:15px}.manual-help-action{align-items:stretch}.manual-help-action>span{text-align:center}.manual-help .manual-help-button{width:100%;padding:15px 16px}}
@media(prefers-reduced-motion:reduce){.manual-help .manual-help-button{transition:none}.manual-help-button:hover{transform:none}}