/* Full-width, uncropped preview of the original TITULUS interface. */
.titulus-section{padding:48px 0 58px;background:#f5f5ef;color:#18333c;border-bottom:1px solid #d8dfd8}
.titulus-heading{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:end;margin-bottom:40px}
.titulus-heading-title,.titulus-intro{min-width:0}
.titulus-signature{display:flex;align-items:center;gap:12px;margin-bottom:14px;font:700 28px Manrope,sans-serif;letter-spacing:1.1px;color:#21463e}
.titulus-signature>svg{width:38px;height:42px;padding:8px;border-radius:10px;background:#294c41;color:#f6f6ed}
.titulus-category{font-size:10px;color:#607b70;margin-bottom:16px}
.titulus-heading h2{font-size:35px;font-weight:500;line-height:1.6;letter-spacing:-.7px;max-width:560px}
.titulus-intro p{font-size:14px;line-height:2;color:#5b6d66}
.titulus-intro p+p{margin-top:14px}
.titulus-preview-link{display:inline-flex;align-items:center;gap:24px;margin-top:23px;padding-bottom:5px;border-bottom:1px solid #9bac9d;font-size:12px;color:#315c4d}
.titulus-preview-link:hover{color:#123e2f;border-color:#315c4d}
.titulus-dashboard{margin:0;overflow:hidden;border:1px solid #cbd6cd;border-radius:10px;background:#fcfcf8;box-shadow:0 20px 40px -30px #17352745;scroll-margin-top:150px}
.titulus-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 25px;border-bottom:1px solid #d7dfd6}
.titulus-dashboard-heading h3{font-size:17px;font-weight:500;line-height:1.7}
.titulus-demo{display:inline-flex;align-items:center;gap:8px;color:#786b45;font-size:10px;font-weight:500;line-height:1.7}
.titulus-demo:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#9e8750}
.titulus-screen-open{display:block;width:100%;padding:0;border:0;background:#e9ede7;cursor:zoom-in}
.titulus-screen-open img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}
.titulus-screen-open:focus-visible{outline:3px solid #426b55;outline-offset:-3px}
.titulus-dashboard-caption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 25px;border-top:1px solid #d7dfd6}
.titulus-dashboard-caption>p{font-size:11px;line-height:1.9;color:#657369}
.titulus-expand-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:5px 0;border:0;background:none;color:#365b49;font-size:11px;white-space:nowrap}
.titulus-expand-link svg{width:15px;height:15px}
.titulus-expand-link:hover{color:#103a29}
.titulus-workflow{margin-top:46px;scroll-margin-top:150px}
.titulus-workflow>h3{margin-bottom:24px;font-size:23px;font-weight:500;line-height:1.6}
.titulus-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;list-style:none;border-top:1px solid #ced9d0;border-bottom:1px solid #ced9d0}
.titulus-steps>li{min-width:0;padding:26px 25px 27px}
.titulus-steps>li:first-child{padding-inline-start:0}
.titulus-steps>li:last-child{padding-inline-end:0}
.titulus-steps>li+li{border-inline-start:1px solid #d5ddd3}
.titulus-step-number{display:block;margin-bottom:15px;font:500 11px/1.6 Manrope,sans-serif;color:#7c8d77}
.titulus-steps h4{margin:0 0 11px;font-size:17px;font-weight:500;line-height:1.8}
.titulus-steps p{font-size:12px;line-height:1.95;color:#5b6d66}
.titulus-contact{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 34px;margin-top:35px;background:#203e3e;color:#f1f4e9;border-radius:8px}
.titulus-contact .titulus-contact-title{font-size:19px;line-height:1.8;margin-bottom:8px;color:#f5f6ec}
.titulus-contact p{font-size:12px;color:#c7d4cc;line-height:1.9}
.titulus-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 18px;border:1px solid #becdb6;border-radius:4px;background:#e9eddd;color:#294837;font-size:12px;font-weight:500;flex-shrink:0}
.titulus-contact-button:hover{background:#fffef1}
.titulus-contact-button svg{width:17px;height:17px}
.titulus-contact-button:focus-visible{outline-color:#d6e3a8}
.titulus-viewer{width:min(1390px,calc(100vw - 32px));height:min(1050px,calc(100vh - 32px));height:min(1050px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #acbca9;border-radius:9px;overflow:hidden;color:#24453e;background:#f7f7f0;box-shadow:0 30px 100px #0008}
.titulus-viewer[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}
.titulus-viewer::backdrop{background:#132722eb;backdrop-filter:blur(10px)}
.titulus-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid #d0d9cb}
.titulus-viewer-header h3{margin:0;font-size:15px;font-weight:500}
.titulus-close{display:grid;place-items:center;width:40px;height:40px;padding:0;background:transparent;color:#395a4d;border:1px solid #acbea5;border-radius:50%;flex-shrink:0}
.titulus-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.titulus-close:hover{background:#e5ebde}
.titulus-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 22px;border-bottom:1px solid #d0d9cb}
.titulus-zoom{min-height:40px;border:1px solid #a6b79e;background:#e8eddf;color:#355041;border-radius:4px;padding:8px 14px;font-size:11px;white-space:nowrap}
.titulus-zoom:hover{background:#dce5d2}
.titulus-viewer-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:#e5e9e1;scroll-behavior:auto}
.titulus-viewer-stage img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;flex-shrink:0;user-select:none;-webkit-user-select:none}
.titulus-viewer-stage:focus-visible{outline:3px solid #426b55;outline-offset:-3px}
.titulus-viewer-note{margin:0;padding:12px 22px;font-size:10px;line-height:1.8;color:#61735e;border-top:1px solid #d0d9cb}
.titulus-viewer.is-zoomed .titulus-viewer-stage{display:block;cursor:grab}
.titulus-viewer.is-zoomed .titulus-viewer-stage img{width:1234px;height:1280px;max-width:none;max-height:none;margin-inline:auto;object-fit:contain}
.titulus-viewer.is-zoomed .titulus-viewer-stage.is-dragging{cursor:grabbing}
html[dir=ltr] .titulus-heading h2{font-size:36px;line-height:1.35;letter-spacing:-1.1px}
html[dir=ltr] .titulus-category{font-size:9px;letter-spacing:.8px}
html[dir=ltr] .titulus-demo{font-size:9px;letter-spacing:.5px}
html[dir=ltr] .titulus-contact-button svg{transform:rotate(180deg)}
@media(max-width:1000px){.titulus-heading{gap:38px}.titulus-heading h2,html[dir=ltr] .titulus-heading h2{font-size:31px}.titulus-intro p{font-size:13px}.titulus-steps>li{padding:23px 19px}.titulus-steps h4{font-size:16px}.titulus-contact{gap:25px;padding:27px}.titulus-contact .titulus-contact-title{font-size:17px}}
@media(max-width:800px){.titulus-heading{grid-template-columns:1fr;gap:22px}.titulus-heading-title{max-width:580px}.titulus-intro{max-width:660px}.titulus-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.titulus-steps>li,.titulus-steps>li:last-child{padding:24px}.titulus-steps>li:nth-child(odd){padding-inline-start:0;border-inline-start:0}.titulus-steps>li:nth-child(even){padding-inline-end:0}.titulus-steps>li:nth-child(n+3){border-top:1px solid #d5ddd3}.titulus-contact{flex-direction:column;align-items:flex-start;gap:22px}}
@media(max-width:600px){.titulus-section{padding:31px 0 40px}.titulus-heading{margin-bottom:28px;gap:20px}.titulus-signature{margin-bottom:12px;font-size:25px;gap:10px}.titulus-category{font-size:9px;margin-bottom:13px}.titulus-heading h2{font-size:28px;line-height:1.65}.titulus-intro p{font-size:13px}.titulus-intro p+p{margin-top:12px}.titulus-preview-link{font-size:11px;margin-top:18px}.titulus-dashboard-heading{padding:15px 17px;align-items:flex-start;flex-direction:column;gap:7px}.titulus-dashboard-heading h3{font-size:16px}.titulus-demo{font-size:9px}.titulus-dashboard-caption{padding:13px 17px;align-items:flex-start;flex-direction:column;gap:7px}.titulus-dashboard-caption>p{font-size:10px}.titulus-expand-link{font-size:11px}.titulus-workflow{margin-top:32px}.titulus-workflow>h3{font-size:20px;margin-bottom:18px}.titulus-steps{grid-template-columns:1fr}.titulus-steps>li,.titulus-steps>li:last-child{display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px 15px;padding:22px 0;border-inline-start:0}.titulus-steps>li+li{border-top:1px solid #d5ddd3}.titulus-step-number{grid-row:1/3;margin:7px 0 0}.titulus-steps h4{margin:0;font-size:17px}.titulus-steps p{grid-column:2;font-size:12px}.titulus-contact{padding:23px 21px;margin-top:25px}.titulus-contact .titulus-contact-title{font-size:17px}.titulus-contact-button{font-size:11px;min-height:44px}.titulus-viewer{width:calc(100vw - 16px);height:calc(100vh - 20px);height:calc(100dvh - 20px)}.titulus-viewer-header{padding:12px;gap:10px}.titulus-viewer-header h3{font-size:12px}.titulus-viewer-toolbar{padding:10px 12px;gap:10px}.titulus-viewer-toolbar .titulus-demo{max-width:60%;font-size:8px}.titulus-zoom{font-size:10px;min-height:40px;padding:7px 10px}.titulus-viewer-note{padding:11px 13px;font-size:10px}html[dir=ltr] .titulus-heading h2{font-size:29px;line-height:1.4;letter-spacing:-.7px}html[dir=ltr] .titulus-category{font-size:8px;letter-spacing:.45px}html[dir=ltr] .titulus-demo{font-size:8px;letter-spacing:.35px}}