/* Optimatiza — claridad empresarial, septiembre 2026. */
:root{--op-navy:#0b202c;--op-mint:#a6eddc;--op-teal:#09685f;--op-line:#dbe6e8;--op-surface:#f3f7f7;--maxw:1248px;--cv-forest:#0c403f;--cv-mint:#bcecdf;--cv-paper:#f3f7f7;--cv-edge:#dbe6e8}
.wrap{max-width:1248px;padding-inline:32px}
html{scroll-padding-top:100px}
.op-hero{background:var(--op-navy);color:#d2e1e7;padding:74px 0 0;overflow:hidden}
.op-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.op-eyebrow{display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:600;letter-spacing:.1em;line-height:1.6;color:var(--op-teal);margin:0 0 22px}
.op-hero .op-eyebrow{color:var(--op-mint)}
.op-eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.op-hero h1{font:700 clamp(2.65rem,4.4vw,4.25rem)/1.06 var(--ffd);letter-spacing:-.055em;color:#fff;margin:0 0 26px;max-width:14ch}
.op-hero h1 em{font-style:normal;color:var(--op-mint)}
.op-lead{font-size:1.0625rem;line-height:1.8;max-width:55ch;margin:0 0 28px}
.op-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.op-primary,.op-secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:12px 20px;font-size:.9375rem;font-weight:600;border-radius:8px;line-height:1.5;text-align:center;transition:background .18s,transform .18s;border:1px solid transparent;cursor:pointer}
.op-primary{background:var(--op-teal);color:white}.op-primary:hover{background:#08594f;transform:translateY(-2px)}
.op-secondary{background:transparent;border-color:#b4cacc;color:var(--op-teal)}.op-secondary:hover{background:#e5f1ee}
.op-hero .op-primary,.op-close .op-primary{background:var(--op-mint);color:#103a37}.op-hero .op-primary:hover,.op-close .op-primary:hover{background:#c1f6e8}
.op-hero .op-secondary{color:#fff;border-color:#66828c}.op-hero .op-secondary:hover{background:#153441}
.op-small{font-size:.8125rem;line-height:1.7;margin-top:16px;color:#b4ccd3}
.op-film{position:relative;margin:0;overflow:hidden;background:#061724;border-radius:16px;isolation:isolate}
.op-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#051420}
.op-film figcaption{font-size:.75rem;line-height:1.5;padding:10px 14px;color:#bcd3db;background:#102a37}
.op-hero-film{border:1px solid #31515f;box-shadow:0 24px 65px #0003}
.op-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:.875rem;line-height:1.7}
.op-hero-foot strong{font-weight:500;color:white}.op-hero .motion-toggle{border:1px solid #66828c;border-radius:7px;color:white;background:transparent;min-height:44px;padding:8px 12px;font:500 .8125rem/1.4 var(--ff);cursor:pointer;max-width:160px}
.op-hero-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #314752;margin-top:56px;padding-block:22px;font-size:.8125rem;color:#b4ccd3}
.op-hero-bottom a{color:#e2f2f1;text-decoration:underline;text-underline-offset:5px}
.op-hero :focus-visible,.op-close :focus-visible{outline-color:var(--op-mint)}
@media(max-width:1000px){.op-hero-grid{gap:28px}.op-hero h1{font-size:clamp(2.5rem,5vw,3.6rem)}.op-hero-foot{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:720px){.wrap{padding-inline:22px}.op-hero{padding-top:44px}.op-hero-grid{grid-template-columns:1fr;gap:34px}.op-hero h1{font-size:clamp(2.65rem,8.7vw,4rem);max-width:16ch}.op-lead{font-size:1rem}.op-hero-foot{flex-direction:row}.op-hero-bottom{margin-top:16px;flex-direction:column;gap:8px;padding-block:20px}.op-eyebrow{font-size:.75rem;letter-spacing:.075em}.op-hero-visual{min-width:0}.op-actions>a{flex:1 1 auto}.op-small{font-size:.8125rem}}
@media(max-width:360px){.wrap{padding-inline:18px}.op-hero h1{font-size:2.45rem}.op-hero-foot{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}

/* Navigation is a native disclosure: usable with keyboard, touch and without JS. */
.op-header .cnav{min-height:78px;height:auto;padding-block:14px;gap:30px}
.op-header .brand{font-size:1.3rem;gap:10px;white-space:nowrap}.op-header .brand img{width:36px;height:36px}
.op-header .cnav-links{gap:28px;font-size:.875rem}.op-header .cnav-links>a{min-height:44px}
.op-header .cta-nav{background:var(--op-teal);box-shadow:none;border-radius:8px;gap:16px;padding:12px 18px;font-size:.875rem}
.op-header .cnav-links a[aria-current=page],.op-header .mnav-panel a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;color:var(--op-teal)}
.op-header .cta-nav,.op-header .cta-nav[aria-current=page]{color:#fff}
.op-menu{position:relative}.op-menu summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:9px;font-weight:500}.op-menu summary::after{content:'⌄';font-size:1rem}.op-menu summary::-webkit-details-marker{display:none}
.op-menu-panel{position:absolute;top:calc(100% + 16px);left:-20px;min-width:300px;padding:12px;background:white;box-shadow:0 20px 45px #0b202c1a;border:1px solid var(--op-line);border-radius:12px;display:flex;flex-direction:column;z-index:80}
.op-menu-panel a{padding:12px;border-radius:6px;min-height:44px;white-space:normal}.op-menu-panel a:hover{background:var(--op-surface);color:var(--op-teal)}
.op-header .mnav-panel{right:22px;top:calc(100% + 6px)}
.op-motion-footer{display:block;margin-top:18px;min-height:44px;border:1px solid #9ab5b3;border-radius:7px;background:white;color:var(--op-teal);padding:8px 14px;cursor:pointer;font:500 .875rem var(--ff)}
.op-section{padding:90px 0}.op-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.op-heading h2,.op-close h2{font:700 clamp(2rem,3.1vw,3rem)/1.12 var(--ffd);letter-spacing:-.045em;color:var(--ink);margin:0;max-width:25ch}.op-heading .op-eyebrow{margin-bottom:18px}.op-heading>p,.op-heading>div>p:not(.op-eyebrow){font-size:1rem;line-height:1.8;max-width:52ch;margin:0}
.op-heading .op-link{margin-top:20px}.op-proof{border-bottom:1px solid var(--op-line);background:white}.op-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:27px;gap:35px}.op-proof-grid>div+div{border-left:1px solid var(--op-line);padding-left:35px}.op-proof b{font-size:.9375rem;color:var(--ink);font-weight:600;display:block;margin-bottom:5px}.op-proof a{font-size:.8125rem;color:var(--body);display:inline-block;padding-block:4px}.op-proof a:hover{text-decoration:underline;text-underline-offset:4px}
.op-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.op-service{border:1px solid var(--op-line);border-radius:16px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.op-service:hover{box-shadow:0 16px 38px #0b202c0c;transform:translateY(-4px)}.op-service .op-film{border-radius:0}.op-service .op-film figcaption{background:var(--op-surface);color:#4d646c;font-size:.75rem;padding:8px 18px}.op-service-body{padding:26px;display:flex;flex:1;flex-direction:column}.op-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--op-teal);margin:0 0 14px}.op-service h3{font:700 1.5rem/1.2 var(--ffd);letter-spacing:-.035em;color:var(--ink);margin:0 0 17px}.op-service-body>p:not(.op-label){font-size:.9375rem;line-height:1.8;margin:0 0 20px}.op-service-body .op-outcome{font-weight:500;color:var(--ink);border-top:1px solid var(--op-line);padding-top:18px;font-size:.875rem!important;margin-top:auto!important}.op-link{font-size:.9375rem;font-weight:600;color:var(--op-teal);display:inline-flex;gap:14px;align-items:center;min-height:44px;line-height:1.5}.op-link:hover{text-decoration:underline;text-underline-offset:5px}.op-demo-link{font-size:.8125rem;color:var(--body);display:block;padding:10px 0 0;text-decoration:underline;text-underline-offset:4px}
.op-related{display:flex;align-items:center;flex-wrap:wrap;gap:14px 25px;border-top:1px solid var(--op-line);margin-top:32px;padding-top:22px;font-size:.875rem}.op-related span{color:var(--dim)}.op-related a{color:var(--op-teal);padding-block:8px}
.op-platform{background:var(--op-surface);border-block:1px solid var(--op-line)}.op-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.op-product{background:white;border:1px solid var(--op-line);border-radius:12px;padding:25px 22px;position:relative;transition:border-color .2s,transform .2s}.op-product:hover{border-color:#6a9c95;transform:translateY(-3px)}.op-product-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;font:700 .875rem var(--ffd);margin-bottom:22px}.op-product-icon.blue{background:#eaf0ff;color:#2859a8}.op-product-icon.purple{background:#f2e9f6;color:#823e88}.op-product-icon.gold{background:#fff1c6;color:#775915}.op-product-icon.teal{background:#dff3ee;color:#236356}.op-product-name{font-size:.9375rem;font-weight:600;color:var(--ink);display:block;margin-bottom:12px}.op-product h3{font:500 1.125rem/1.4 var(--ffd);color:var(--ink);margin:0 0 12px}.op-product p{font-size:.875rem;line-height:1.75;margin:0}.op-product-arrow{position:absolute;right:20px;top:27px;font-size:1.25rem;color:var(--op-teal)}.op-platform-base{display:grid;grid-template-columns:180px 1fr;gap:12px 30px;border-top:1px solid #cbdcdd;margin-top:30px;padding-top:23px;font-size:.875rem;line-height:1.8}.op-platform-base b{color:var(--ink)}.op-platform-base p{margin:0}.op-platform-base a{grid-column:2;color:var(--op-teal);text-decoration:underline;text-underline-offset:4px}
.op-evidence{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;padding:38px;border:1px solid var(--op-line);border-radius:18px;background:var(--op-surface);align-items:center}.op-evidence figure{margin:0;min-width:0}.op-evidence video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#071c26}.op-evidence figcaption{font-size:.8125rem;line-height:1.7;padding-top:13px;color:var(--dim)}.op-tag{display:inline-flex;border:1px solid #bdd6cf;border-radius:5px;padding:6px 9px;font-size:.6875rem;letter-spacing:.04em;color:var(--op-teal);background:#e6f4ef;font-weight:600;margin-bottom:20px}.op-evidence-copy h3{font:700 1.75rem/1.2 var(--ffd);letter-spacing:-.035em;margin:0 0 20px;color:var(--ink)}.op-evidence-copy>p{font-size:.9375rem;line-height:1.75;margin-bottom:20px}.op-flow-list{padding:0;list-style:none;margin:0 0 16px}.op-flow-list li{display:flex;align-items:center;gap:12px;font-size:.875rem;padding:10px 0;border-bottom:1px solid var(--op-line)}.op-flow-list span{color:var(--op-teal);font-size:.75rem;font-weight:600}.op-demo-more{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:25px}
.op-process-details{margin-top:32px;border-block:1px solid var(--op-line)}.op-process-details>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px;font-size:.9375rem;font-weight:500;color:var(--ink);list-style:none;padding-block:15px}.op-process-details>summary::-webkit-details-marker{display:none}.op-process-details>summary span{font-size:1.4rem}.op-process-content{padding-top:15px}.op-process-content>.flowin{max-width:620px;margin:25px auto}.op-process-content>p{font-size:.875rem}.op-process-content section{padding-block:30px}.op-process-content h2{font-size:1.7rem}.op-process-content .wrap{padding:0}.op-process-content .flowin .fres{font-size:.875rem}
.op-home .tst-home{background:var(--op-surface);border-block:1px solid var(--op-line)}.op-home .tst-home h2{font:700 clamp(2rem,3vw,2.8rem)/1.15 var(--ffd);letter-spacing:-.04em}.op-home .tst-home .sec-sub{margin:16px 0 30px}.op-home .tst-home .tst-track{animation:none}.op-home .tst-home .tst-c{box-shadow:none;border:1px solid var(--op-line);border-radius:12px;background:white}.op-home .tst-home .tst-mas{margin-top:12px}.op-home .tst-home .tst-mas a{font-size:.9375rem}.op-home .tst-home .sec-k{color:var(--op-teal);font-size:.8125rem;letter-spacing:.1em}
.op-founder{padding:34px 0;border-bottom:1px solid var(--op-line)}.op-founder .fund{background:none;border:0;box-shadow:none;padding:0;max-width:920px;margin:0 auto}.op-founder .fund img{width:80px;height:80px;border-radius:50%}.op-founder .fund p{font-size:.9375rem;line-height:1.7}.op-founder .rol{font-size:.8125rem}
.op-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0 0 26px}.op-steps article{border-top:1px solid #abc4c7;padding-top:22px}.op-steps article>span{font:500 1.6rem var(--ffd);color:#44867e;display:block;margin-bottom:24px}.op-steps h3{font:700 1.125rem/1.35 var(--ffd);color:var(--ink);margin:0 0 12px}.op-steps p{font-size:.9375rem;line-height:1.75;margin:0 0 17px}.op-steps b{font-size:.8125rem;font-weight:500;color:var(--op-teal)}.op-governance{margin-top:35px;background:var(--op-surface);border:1px solid var(--op-line);border-radius:12px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:18px 45px;align-items:center}.op-governance h3{font:700 1.5rem/1.3 var(--ffd);letter-spacing:-.03em;color:var(--ink);margin:0;grid-row:span 2}.op-governance p{font-size:.9375rem;line-height:1.7;margin:0}
.op-industries{padding:35px 0;background:var(--op-navy);color:white}.op-industries>.wrap{display:flex;justify-content:space-between;align-items:center;gap:26px}.op-industries h2{font:500 1.375rem var(--ffd);color:white;margin:0}.op-industries .wrap>div{display:flex;gap:22px;flex-wrap:wrap}.op-industries a{font-size:.875rem;color:var(--op-mint);padding-block:10px}.op-home #faq{padding-bottom:0}.op-home #faq .cv-faq{max-width:none}.op-home #faq .cv-heading h2{max-width:none}.cv-faq summary{min-height:44px;display:list-item;align-content:center;font-size:1rem}.cv-faq p{font-size:1rem;line-height:1.8}.op-close{background:var(--op-navy);border-radius:20px;padding:48px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;color:#c4dbe0}.op-close .op-eyebrow{color:var(--op-mint);margin-bottom:20px}.op-close h2{color:white;margin-bottom:22px}.op-close p:not(.op-eyebrow):not(.op-small){font-size:1rem;line-height:1.8;max-width:50ch}.op-close .op-primary{width:100%;font-size:1rem}.op-contact-wa{display:block;color:#d7eceb;font-size:.9375rem;text-align:center;text-decoration:underline;text-underline-offset:4px;padding:20px 0 6px}.op-close .op-small{text-align:center;margin-bottom:0}
.cfoot{background:#f3f7f7;border-top:1px solid var(--op-line);padding-top:50px}.cfoot .fbrand{font-size:1.2rem}.cfoot .fg{gap:35px}.cfoot .fg a{font-size:.875rem;line-height:1.6;padding-block:5px}.cfoot .fg p{font-size:.875rem}.cfoot .copy{font-size:.8125rem;padding-bottom:24px}
/* Existing service surfaces share the new typography and rhythm. */
.hero-c h1,.cv-hero h1{letter-spacing:-.045em}.hero-c{background:linear-gradient(130deg,#fff 40%,#edf6f3);border-bottom:1px solid var(--op-line)}
.cv-primary{background:var(--op-teal);border-color:var(--op-teal)}.cv-secondary{color:var(--op-teal)}
.op-pp-hero{background:var(--op-navy);color:#cbdee4}.op-pp-hero h1{font:700 clamp(2.6rem,5vw,4.5rem)/1.08 var(--ffd);letter-spacing:-.05em;color:white;max-width:23ch;margin:20px 0 25px}.op-pp-hero h1 em{font-style:normal;color:var(--op-mint)}.op-pp-hero .op-eyebrow{color:var(--op-mint)}.op-pp-hero .op-lead{max-width:65ch}.op-pp-hero .op-primary{background:var(--op-mint);color:var(--op-navy)}.op-pp-hero .op-secondary{color:white}.op-pp-hero .op-secondary:hover{background:#1b3945}.op-breadcrumb{display:flex;gap:10px;font-size:.875rem;margin:0 0 36px;color:#ccdcdf}.op-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.op-deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.op-deliverables article{border:1px solid var(--op-line);border-radius:12px;padding:28px}.op-deliverables article>span{font-size:.875rem;color:var(--op-teal)}.op-deliverables h3{font:700 1.375rem var(--ffd);margin:12px 0;color:var(--ink)}.op-deliverables p{font-size:1rem;line-height:1.8}.op-journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:journey}.op-journey li{padding:24px;border-top:2px solid var(--op-teal);background:white}.op-journey b{display:block;color:var(--ink);margin-bottom:12px}.op-journey span{font-size:.9375rem}.op-caption{font-size:.875rem;margin-top:25px}
@media(max-width:1120px){.op-header .cnav{gap:20px}.op-header .cnav-links{display:none}.op-header .mnav{display:block;position:static}}
@media(max-width:1000px){.op-heading{gap:35px}.op-products{grid-template-columns:repeat(2,minmax(0,1fr))}.op-service-body{padding:20px}.op-service h3{font-size:1.3rem}.op-evidence{padding:26px;gap:28px}.op-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.op-industries>.wrap{display:block}.op-industries h2{margin-bottom:15px}.op-close{padding:35px;gap:30px}.op-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.op-header .cnav{gap:14px;min-height:70px;padding-block:11px}.op-header .brand{font-size:1.05rem;gap:6px}.op-header .brand img{width:30px;height:30px}.op-header .cta-nav{font-size:.75rem;padding:10px 12px;gap:8px}.op-header .sp{display:none}.op-header .brand{margin-right:auto}.op-header .mnav summary{min-height:44px;min-width:44px;padding:8px;font-size:1.2rem}.op-section{padding:56px 0}.op-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.op-heading h2{font-size:2.15rem}.op-heading>p{font-size:1rem}.op-proof-grid{grid-template-columns:1fr;gap:17px;padding-block:24px}.op-proof-grid>div+div{border-left:0;border-top:1px solid var(--op-line);padding-left:0;padding-top:16px}.op-proof-grid b{font-size:.9375rem}.op-proof-grid a{font-size:.875rem}.op-services{grid-template-columns:1fr;gap:25px}.op-service-body{padding:24px}.op-service h3{font-size:1.5rem}.op-service-body>p:not(.op-label){font-size:1rem}.op-service .op-demo-link{padding-top:10px;font-size:.875rem}.op-related{align-items:flex-start;flex-direction:column;gap:5px;font-size:.9375rem}.op-products{gap:12px}.op-product{padding:20px 17px}.op-product-name{font-size:.875rem}.op-product h3{font-size:1rem}.op-product p{font-size:.875rem}.op-platform-base{grid-template-columns:1fr;gap:8px}.op-platform-base a{grid-column:1}.op-evidence{grid-template-columns:1fr;padding:23px;gap:26px}.op-evidence-copy h3{font-size:1.65rem}.op-evidence figcaption{font-size:.8125rem}.op-demo-more{gap:14px}.op-demo-more>.op-secondary{width:100%}.op-process-content .demo-grid{grid-template-columns:1fr}.op-home .tst-home h2{font-size:2rem}.op-founder .fund{align-items:flex-start;gap:18px}.op-founder .fund img{width:65px;height:65px}.op-governance{grid-template-columns:1fr;padding:24px;gap:18px}.op-governance h3{grid-row:auto}.op-steps{gap:25px 20px}.op-steps p{font-size:.9375rem}.op-industries .wrap>div{gap:6px;flex-direction:column}.op-close{grid-template-columns:1fr;padding:28px;gap:26px}.op-close h2{font-size:2rem}.op-close .op-eyebrow{font-size:.75rem}.op-close .op-small{font-size:.8125rem}.op-deliverables{grid-template-columns:1fr;gap:18px}.op-pp-hero h1{font-size:2.8rem}.cfoot .fg{gap:28px}.op-process-details summary{font-size:.9375rem}}
@media(max-width:380px){.op-header .cnav{gap:9px}.op-header .cta-nav{max-width:112px;white-space:normal;text-align:center;font-size:.75rem;padding:8px}.op-header .cta-nav span{display:none}.op-products{grid-template-columns:1fr}.op-steps,.op-journey{grid-template-columns:1fr}.op-founder .fund{flex-direction:column}.op-header .brand{font-size:1rem}}
@media(max-width:440px){.op-header .brand>span{display:inline}.op-header .cta-nav{display:none}.op-header .cnav{justify-content:space-between}.op-header .brand{font-size:1.1rem}}
@media(max-width:720px){.op-header .brand span{display:inline}}
.op-service-body>p:not(.op-label),.op-product p,.op-evidence-copy>p,.op-steps p,.op-governance p,.op-journey span{font-size:1rem}
/* Switch the navigation by available space, including enlarged text. */
.op-header{container-name:opnav;container-type:inline-size}.op-header .cnav{flex-wrap:wrap}
@container opnav (max-width:70rem){.op-header .cnav-links{display:none}.op-header .mnav{display:block;position:static}.op-header .mnav-panel{right:22px;left:auto;top:calc(100% + 6px);width:min(360px,calc(100vw - 44px));min-width:0}}
.op-hero-grid>*,.op-heading>*,.op-close>*,.op-proof-grid>*,.op-platform-base>*,.op-governance>*,.fg>*{min-width:0;overflow-wrap:anywhere}
.op-hero h1,.op-heading h2,.op-close h2,.op-product,.op-service,.op-steps article{overflow-wrap:anywhere;hyphens:auto}
.op-hero-foot>span{min-width:0}.op-hero-foot{flex-wrap:wrap}.cfoot .fg a{overflow-wrap:anywhere}
.op-home,.op-practice{overflow-wrap:anywhere}
.op-hero h1,.op-heading h2,.op-close h2{hyphens:none;overflow-wrap:break-word}

/* Readable light surfaces: explicitly replace the former dark testimonial theme. */
.op-home .tst-home{color:#334c60}
.op-home .tst-home h2,.op-home .tst-home .tst blockquote p,.op-home .tst-home .tst figcaption b{color:#0b202c}
.op-home .tst-home .sec-sub,.op-home .tst-home .tst figcaption span{color:#42566b}
.op-home .tst-home .sec-k{background:none;color:#09685f}
.op-home .tst-home .tst figcaption{border-top-color:#dbe6e8}
.op-home .tst-home .tst-mas a{color:#09685f;text-decoration:underline;text-underline-offset:4px}
.op-home .tst-home .tst-mq{mask-image:none;-webkit-mask-image:none;scrollbar-color:#62887f #e0eae7;padding:4px 2px 16px}
.op-home .tst-home .tst-nav button{background:#fff;color:#09685f;border-color:#62887f}
.op-home .tst-home .tst-nav button:hover{background:#09685f;color:#fff;border-color:#09685f}
.op-home .tst-home .tst{padding:26px;gap:24px}
.op-home .tst-home .tst blockquote p{font-size:1.25rem;line-height:1.5;font-weight:500}

/* Technology artwork is part of the service offering, always visible. */
.op-product-icon{width:48px;height:48px;background:transparent}
.op-product-icon svg{display:block;width:44px;height:44px}
.op-technologies{border-bottom:1px solid var(--op-line)}
.op-technologies .ars-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.op-technologies .ars-tool{opacity:1;transform:none;min-width:0;background:#fff;border:1px solid #dbe6e8;border-radius:12px;padding:22px 12px;box-shadow:none}
.op-technologies .ars-ic{width:58px;height:58px;background:#f3f7f7;border:0;margin:0 auto 14px}
.op-technologies .ars-ic svg{width:42px;height:42px;animation:none!important;filter:none}
.op-technologies .ars-n{font-size:1rem;color:#0b202c;line-height:1.45;overflow-wrap:anywhere}
.op-technologies .ars-t{font-size:.875rem;color:#42566b;line-height:1.5;letter-spacing:0;text-transform:none;margin-top:4px}
.op-tech-note{font-size:1rem;color:#42566b;line-height:1.8;margin-top:24px;max-width:75ch}

/* The live workflow and connector diagram are a full, visible section. */
.op-live{background:#f3f7f7;border-bottom:1px solid var(--op-line)}
.op-live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px}
.op-live-grid>*{min-width:0}
.op-live .flowin{padding:14px;border-radius:18px;box-shadow:none}
.op-live .fwin{border-radius:12px}
.op-live .fw-h{flex-wrap:wrap;gap:8px 12px;padding:14px}
.op-live .fw-title{white-space:normal;overflow:visible;text-overflow:clip;flex:1 1 220px;color:#334c60;font-size:.875rem}
.op-live .fw-live{font-size:.75rem;color:#09685f}
.op-live .fw-b{padding:16px}
.op-live .fnode{opacity:1;background:#fff;padding:13px 12px}
.op-live .fnode>div{min-width:0}
.op-live .fnode b{font-size:1rem;line-height:1.45;color:#0b202c}
.op-live .fnode .fst{font-size:.875rem;line-height:1.5;color:#42566b;margin-top:4px}
.op-live .fnode.run{background:#edf9f4;border-color:#09685f;transform:none}
.op-live .fnode.run .fst{color:#09685f}
.op-live .fnode.done .fst{color:#126834}
.op-live .fres{font-size:.9375rem;color:#0b202c}
.op-live .fw-note{font-size:.875rem;line-height:1.6;color:#42566b}
.op-live .fbtn{font-size:.875rem}
.op-connections h3,.op-invoice-example h3{font:700 1.5rem/1.3 var(--ffd);letter-spacing:-.03em;color:#0b202c;margin:0 0 10px}
.op-connections h3{text-align:center}
.op-connections .tv-hub{max-width:520px;margin:auto}
.op-connections .tv-lab{font-size:15px;fill:#334c60}
.op-connections .tv-note,.op-connections .tv-mq-t{font-size:.9375rem;line-height:1.7;color:#42566b}
.op-connections .tv-mq{mask-image:none;-webkit-mask-image:none;overflow-x:auto;scrollbar-color:#62887f #e0eae7;padding-bottom:8px}
.op-connections .tv-chip{font-size:.875rem;color:#0b202c}
.op-connections .tv-track:focus-within{animation-play-state:paused}
.op-connections .tv-mq:focus-within .tv-track{animation-play-state:paused}
.op-motion-control{display:inline-flex;align-items:center;min-height:44px;border:1px solid #62887f;border-radius:7px;background:#fff;color:#09685f;padding:9px 15px;font:600 .875rem var(--ff);cursor:pointer;margin-top:20px}
.op-motion-control:hover{background:#e7f3ef}
.op-motion-control:disabled{cursor:default;color:#42566b;border-color:#a4bab5}
.op-invoice-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:48px;padding-top:36px;border-top:1px solid #c7d9d9}
.op-invoice-example>div{min-width:0}
.op-invoice-example>div>p:not(.op-eyebrow){font-size:1rem;line-height:1.8;color:#42566b}
.op-invoice-example .proc summary{font-size:1rem;line-height:1.5}
.op-invoice-example .proc p{font-size:1rem;line-height:1.7}
.op-invoice-example .demo-cta{flex-wrap:wrap}
.motion-paused .op-connections .tv-track{animation:none;transform:none}
.motion-paused .op-connections .tv-mq{overflow-x:auto}
.motion-paused .op-connections .tv-chip[aria-hidden=true]{display:none}
.op-live :focus-visible,.op-technologies :focus-visible,.tst-home :focus-visible{outline-color:#09685f}
@media(max-width:1100px){.op-technologies .ars-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.op-live-grid{gap:24px}}
@media(max-width:800px){.op-live-grid,.op-invoice-example{grid-template-columns:1fr;gap:34px}.op-live .flowin{max-width:620px;width:100%;margin:auto}.op-connections{max-width:620px;width:100%;margin:auto}.op-technologies .ars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.op-technologies .ars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-technologies .ars-tool{padding:18px 10px}.op-technologies .ars-n{font-size:.9375rem}.op-live .flowin{padding:7px}.op-live .fw-b{padding:10px}.op-live .fw-dots{display:none}.op-live .fnode{padding:12px 9px;gap:8px}.op-live .fnode .fic{width:30px;height:30px}.op-live .fnode .fic svg,.op-live .fnode .fic img{width:23px;height:23px}.op-home .tst-home .tst{padding:22px}.op-home .tst-home .tst blockquote p{font-size:1.125rem}}
@media(max-width:520px){.op-connections .tv-lab{font-size:22px}.op-connections .tv-wire{opacity:.6}}
@media(max-width:380px){.op-connections .tv-lab{font-size:26px}}