/* Full website components. The approved light concept and readable typography are shared. */
[hidden]{display:none!important}
.menu-open,.dialog-open{overflow:hidden}
html{scroll-padding-top:112px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
button,input,select,textarea{font:inherit}
input,select,textarea{max-width:100%}
.header{height:88px}
.header-inner{gap:24px}
.navigation{gap:25px;margin-right:20px}
.navigation>a[aria-current="page"]{color:#295641;text-decoration:underline;text-underline-offset:8px}
.nav-services{position:static}
.nav-disclosure{border:0;background:none;padding:14px 0;display:flex;align-items:center;gap:10px;color:#34424e;font-size:14px;font-weight:600}
.nav-disclosure[aria-expanded="true"]{color:#28593f}
.nav-disclosure[aria-expanded="true"]>span{transform:rotate(180deg)}
.mega-panel{position:absolute;top:87px;left:50%;transform:translateX(-50%);width:min(1230px,calc(100% - 64px));padding:28px 32px 32px;background:#fff;border:1px solid #cbd6d9;border-top:3px solid #426d59;border-radius:0 0 12px 12px;box-shadow:0 22px 40px #2035361c;max-height:calc(100dvh - 115px);overflow:auto}
.mega-top{display:flex;justify-content:space-between;gap:22px;align-items:center;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #e1e7e6;color:#50616a;font-size:14px}
.mega-top>a{display:flex;align-items:center;gap:9px;color:#274d3c;font-weight:700}
.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.mega-heading{display:flex;gap:11px;align-items:center;margin-bottom:20px}
.mega-icon,.category-icon{display:grid;place-items:center;background:#f4f1e7;color:#8d6621;border:1px solid #e2d8be;border-radius:8px;width:42px;height:46px}
.mega-heading strong{display:block;font-size:19px;color:#203741;line-height:1.3}
.mega-heading small{display:block;font-size:11px;color:#51656b;margin-top:3px}
.mega-links>a{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;padding:10px 0;font-size:13px;line-height:1.55;color:#3c505b;border-top:1px solid #eef1f0;min-height:44px}
.mega-links .icon{width:12px;height:15px;margin-top:3px;color:#637b70}
.mega-links>a:hover,.mega-links>a[aria-current="page"]{color:#24563e}
.mega-feature{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;color:#2b5940;padding:14px 0 0;margin-top:12px;border-top:1px solid #cbdcd0}
.mega-feature .icon{width:13px;height:13px}
.full-footer{padding-top:28px}
.footer-lead{display:flex;gap:44px;align-items:center;padding:34px 0 42px;border-bottom:1px solid #ffffff26}
.footer-lead .brand{color:#f1f5ef;font-size:35px}
.footer-lead p{color:#c3d0c7;font-size:14px;line-height:1.7}
.footer-lead .back-top{margin-left:auto;border:1px solid #75867d;border-radius:50%;display:grid;place-items:center;width:44px;height:44px;color:#eaf1e9}
.footer-columns{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1.2fr .9fr;gap:28px;padding:40px 0 36px}
.footer-column h3{color:#f3f5ef;font-size:16px;font-weight:700;margin:0 0 15px}
.footer-column>a{display:flex;align-items:baseline;gap:7px;font-size:12px;color:#bfcec4;line-height:1.7;padding:6px 0}
.footer-column .icon{width:11px;height:11px;color:#a7bcae}
.footer-column>a:hover{color:#ffe0a0}
.full-footer .footer-bottom{border-top:1px solid #ffffff26;gap:20px;flex-wrap:wrap}
.full-footer .footer-bottom>a{color:#d3ded6;font-size:12px}
.technology-inner{display:grid;grid-template-columns:185px 1fr;gap:34px;padding-block:34px}
.technology-inner>p{font-size:15px;color:#3c4e55;min-width:0;display:block}
.technology-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 20px}
.technology-logo{height:63px;display:flex;align-items:center;justify-content:center;min-width:0;padding:9px 15px}
.technology-logo img{width:100%;height:43px;object-fit:contain;filter:none;opacity:1;max-width:146px}
.technology-logo img[src*="ruijie.png"]{mix-blend-mode:multiply}
.service-detail-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.service-detail-links>a{border:1px solid #cdd8d8;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 23px;font-size:14px;line-height:1.5;color:#244735;font-weight:650;background:#fff}
.service-detail-links>a:hover{background:#edf4ef;border-color:#739283}
.service-detail-links .icon{width:16px;height:16px}
.inner-hero{padding:28px 0 66px;background:#fafbfc;border-bottom:1px solid #dce4e6}
.breadcrumbs{font-size:12px;color:#4b606b;line-height:1.75;margin-bottom:48px}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 12px;padding:0;margin:0}
.breadcrumbs li:not(:last-child):after{content:'/';color:#83948e;margin-left:12px}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs li[aria-current]{color:#2d4d3d}
.inner-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:62px;align-items:center}
.inner-hero h1{font-size:clamp(38px,3.65vw,58px);letter-spacing:-2px;font-weight:650;line-height:1.14;color:#172b36;margin:22px 0 24px;overflow-wrap:break-word}
.inner-lead{color:#3d5360;font-size:17px;line-height:1.8;max-width:650px}
.inner-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.inner-actions .button{font-size:14px}
.inner-actions .text-link{font-size:13px}
.text-hero .inner-hero-grid{display:block;max-width:930px}
.text-hero .inner-lead{max-width:740px}
.text-hero h1{font-size:clamp(40px,4.4vw,65px);max-width:940px}
.inner-visual{margin:0;min-width:0;padding:21px 0 0}
.inner-visual .visual-open{padding:0;position:relative;width:100%;border:1px solid #bbcbd0;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 20px 45px #203f4514;cursor:zoom-in}
.inner-visual img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain}
.inner-visual.photo-visual img{object-fit:cover}
.inner-visual figcaption{font-size:11px;line-height:1.6;margin-top:12px;color:#50636c}
.inner-visual .image-zoom{font-size:11px;padding:8px 10px}
.reading-section{padding:72px 0 100px}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:75px;align-items:start}
.article-body{min-width:0;color:#344b58;font-size:16px;font-weight:500;line-height:1.85;overflow-wrap:break-word}
.article-body h2{font-size:31px;line-height:1.25;letter-spacing:-.8px;color:#1b3442;font-weight:700;margin:54px 0 24px;scroll-margin-top:108px}
.article-body>h2:first-child,.article-body>div>h2:first-child{margin-top:0}
.article-body h3{font-size:22px;line-height:1.4;letter-spacing:-.4px;color:#213e4b;font-weight:700;margin:29px 0 15px}
.article-body h4{font-size:17px;line-height:1.5;color:#284535;margin:22px 0 10px}
.article-body p{margin:0 0 21px;font-size:16px;line-height:1.85;color:#344b58}
.article-body strong{font-weight:750;color:#294536}
.article-body ul,.article-body ol{padding-left:24px;margin:22px 0 27px}
.article-body li{margin-block:9px;padding-left:3px}
.article-body a{color:#215e41;text-decoration:underline;text-underline-offset:3px}
.article-body a:hover{color:#865b16}
.article-body .benefits-list{padding:0;list-style:none;display:grid;gap:12px}
.article-body .benefits-list>li{display:flex;align-items:flex-start;gap:13px;padding:17px 20px;margin:0;background:#f5f8f6;border:1px solid #dae3df;border-radius:7px}
.article-body .benefits-list>li:before{content:'↗';color:#3e7056;flex-shrink:0;font-weight:750}
.feature-grid,.content-grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:26px 0 36px}
.feature-card{border:1px solid #d1dedb;background:#f8faf9;border-radius:9px;padding:26px;min-width:0}
.feature-card h3{font-size:20px;margin:16px 0 13px}
.feature-card p{font-size:15px;margin:0;line-height:1.8}
.feature-icon,.feature-icon-wrap,.service-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ddd2b5;background:#fbf4e4;color:#946e29;border-radius:8px}
.article-body .table-scroll{overflow:auto;max-width:100%;margin:24px 0 32px;border:1px solid #c9d7dc;border-radius:8px}
.article-body table{border-collapse:collapse;width:100%;min-width:540px;font-size:14px;text-align:left;line-height:1.75}
.article-body th{background:#edf3f0;color:#284b39;font-weight:700}
.article-body th,.article-body td{padding:15px 18px;border-bottom:1px solid #dce5e2;vertical-align:top}
.article-body tr:last-child td{border-bottom:0}
.article-body tr:nth-child(even) td{background:#fafcfa}
.article-body code{font-family:Consolas,'Cascadia Code',monospace;background:#edf3f1;border-radius:4px;padding:2px 5px;font-size:.88em;color:#244c3b;overflow-wrap:anywhere}
.article-body pre{margin:0;background:#1b2b32;color:#d8e9df;padding:47px 23px 23px;border-radius:8px;overflow:auto;font-size:13px;line-height:1.85;white-space:pre;max-width:100%}
.article-body pre code{padding:0;background:none;color:inherit;font-size:inherit;white-space:inherit;overflow-wrap:normal}
.code-block{position:relative;min-width:0;margin:24px 0 30px}
.code-copy{position:absolute;top:10px;right:12px;border:1px solid #758d81;background:#284238;color:#e7f0e7;border-radius:4px;padding:5px 10px;font-size:11px;min-height:30px}
.article-body blockquote,.article-body .info-box,.article-body .highlight-box{margin:26px 0;padding:23px 28px;background:#fbf6e9;border-left:3px solid #c99c45;border-radius:0 7px 7px 0}
.sticky-side{position:sticky;top:111px;max-height:calc(100dvh - 135px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b3c4b7 transparent;padding-right:4px}
.side-services,.toc,.company-note,.side-facts{border:1px solid #d1ddda;border-radius:8px;background:#f7faf8;padding:22px;margin-bottom:20px}
.side-services .eyebrow{font-size:11px;color:#3c614e}
.side-services h2{font-size:19px;letter-spacing:-.4px;line-height:1.4;margin:12px 0 17px;color:#244536}
.side-services>a{font-size:13px;color:#40595b;display:flex;justify-content:space-between;gap:9px;align-items:center;line-height:1.6;border-top:1px solid #dce5de;padding:12px 0}
.side-services>a[aria-current="page"]{font-weight:750;color:#26593d}
.side-services .icon{width:14px;height:14px}
.toc{background:#fff}
.toc summary{color:#254437;font-weight:700;cursor:pointer;font-size:14px}
.toc nav{margin-top:15px;display:flex;flex-direction:column;gap:2px}
.toc a{font-size:12px;line-height:1.7;padding:7px 0 7px 12px;border-left:2px solid #dbe4dd;color:#4a6168}
.toc a:hover{color:#225b3d;border-color:#426d59;background:#f7faf6}
.side-facts h4{font-size:15px;color:#294b39;margin:0 0 14px}
.side-facts p{font-size:13px;line-height:1.7;color:#425c5d;margin:12px 0}
.side-facts strong{color:#2b5740}
.side-contact{border:1px solid #d5b466;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f8e9c2;color:#513d19;padding:22px;font-size:17px;font-weight:650;line-height:1.5;border-radius:8px}
.faq{margin:12px 0;border:1px solid #cedbd5;background:#fff;border-radius:8px;overflow:hidden}
.faq summary{position:relative;list-style:none;cursor:pointer;color:#263f4b;font-size:16px;font-weight:650;line-height:1.65;padding:19px 49px 19px 22px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:21px;top:18px;color:#536f5e;font-size:22px;font-weight:500}
.faq[open] summary:after{content:'−'}
.faq[open] summary{background:#edf4ef;border-bottom:1px solid #d7e2da}
.faq-content{padding:21px 22px 1px}
.faq-content p{font-size:15px}
.timeline{border-left:2px solid #c9d8cf;margin:25px 0 40px 12px;padding-left:33px}
.timeline-item{position:relative;padding:0 0 29px}
.timeline-item:before{content:'';position:absolute;left:-42px;top:10px;width:16px;height:16px;background:#f4bd4b;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bdcfc0}
.timeline-year{font-size:26px;font-weight:750;color:#3c6951}
.timeline-item h3{margin-top:10px}
.big-year{font-size:64px;letter-spacing:-3px;line-height:1.1;font-weight:650;color:#315b43}
.company-note p{font-size:13px;color:#465e59;line-height:1.7;margin-top:15px}
.legal-body .updated{font-size:13px;color:#50695b;margin-bottom:25px}
.closing-cta{background:#eabd63;border-top:1px solid #d4ad57}
.closing-inner{padding-block:60px;display:flex;gap:50px;align-items:center;justify-content:space-between}
.closing-inner .eyebrow{color:#5a411b;font-size:11px}
.closing-inner h2{font-size:41px;color:#302a1e;max-width:750px;line-height:1.2;margin:19px 0}
.closing-inner p:not(.eyebrow){font-size:15px;color:#4d3b1e;max-width:700px;line-height:1.8}
.closing-inner .button{flex-shrink:0;background:#1e352d;color:#fff4d9}
.closing-inner .button:hover{background:#304d40}
.category-heading{display:flex;align-items:center;gap:21px;margin-bottom:32px}
.category-icon{width:66px;height:72px}
.category-icon .icon{width:29px;height:29px}
.category-heading h2{margin:6px 0 0;font-size:40px}
.service-category:nth-of-type(odd){background:#f6f8f8}
.service-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-card-link{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #c8d6da;border-radius:9px;padding:30px;transition:transform .2s,border-color .2s}
.service-card-link:hover{transform:translateY(-4px);border-color:#61826e}
.service-card-no{font-size:12px;color:#956d23;font-weight:700;letter-spacing:1px}
.service-card-link h3{font-size:25px;line-height:1.3;letter-spacing:-.7px;color:#233d49;margin:22px 0 17px}
.service-card-link p{font-size:16px;line-height:1.8;color:#425865;margin-bottom:26px}
.card-link{display:flex;gap:12px;align-items:center;font-size:13px;color:#28563e;font-weight:700;margin-top:auto}
.card-link .icon{width:15px;height:15px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.home-references{background:#f4f7f5}
.testimonial-card{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid #d0ded4;border-radius:9px;min-width:0}
.testimonial-stars{font-size:14px;color:#94671f;letter-spacing:3px;margin-bottom:22px}
.testimonial-card>p{font-size:16px;line-height:1.85;color:#2d4653;margin-bottom:25px}
.testimonial-author{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:21px;border-top:1px solid #e3e9e4}
.author-avatar{width:40px;height:40px;display:grid;place-items:center;background:#eaf0e8;border-radius:50%;color:#3d6047;font-size:12px;font-weight:750;flex-shrink:0}
.testimonial-author h4,.testimonial-author strong{font-size:14px;color:#253e4a;margin:0;display:block}
.testimonial-author p,.testimonial-author span{font-size:12px;color:#52676d;margin:3px 0 0;line-height:1.6}
.reference-note{font-size:14px;color:#4d6369;margin-top:30px}
.case-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.case-story{border:1px solid #cedbd7;background:#fff;border-radius:9px;padding:29px;display:flex;flex-direction:column}
.case-number{font-size:13px;color:#8b6b2b;font-weight:700}
.case-story h3{color:#213c49;font-size:22px;line-height:1.35;margin:22px 0 16px;letter-spacing:-.5px}
.case-story p{font-size:15px;line-height:1.85;color:#425c63;margin:0 0 25px}
.case-platform{font-size:11px;color:#3e614c;border-top:1px solid #dfe8df;padding-top:16px;margin-top:auto}
.blog-controls{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:18px}
.blog-filters{display:flex;gap:8px;flex-wrap:wrap}
.blog-filters button{border:1px solid #bfcfc4;background:#fff;color:#345647;font-size:13px;font-weight:650;padding:12px 17px;border-radius:5px;min-height:44px}
.blog-filters button[aria-pressed="true"]{background:#294f3a;border-color:#294f3a;color:#fff}
.blog-search{display:block;width:290px}
.blog-search input{border:1px solid #b5c6cb;padding:13px 17px;border-radius:6px;width:100%;background:#fff;font-size:14px;color:#23414d;min-height:48px}
.blog-search input::placeholder{color:#5a7078;opacity:1}
.blog-count{font-size:12px;color:#50676c;margin:0 0 28px}
.blog-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 33px}
.blog-index-grid .insight-cover{height:300px}
.blog-meta{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#496554;margin-top:21px;line-height:1.6}
.blog-index-grid .insight-title h3{font-size:27px;max-width:90%;line-height:1.35}
.blog-index-grid .insight-card>p{font-size:16px;max-width:90%;margin:13px 0 20px}
.blog-empty{padding:40px;border:1px solid #d4dfd8;border-radius:9px;background:#f7faf7}
.blog-empty h2{font-size:30px;margin:0 0 18px}
.blog-empty p{color:#4b6269;font-size:16px;margin-bottom:24px}
.article-meta{display:flex;align-items:center;gap:25px;flex-wrap:wrap;color:#4a6656;font-size:12px;padding-top:28px}
.article-meta span:not(:first-child):before{content:'·';margin-right:25px;color:#839787}
.blog-article .inner-hero h1{font-size:clamp(38px,4.2vw,60px);max-width:980px}
.blog-article .reading-section{padding-top:46px}
.related-posts{background:#f5f8f7}
.related-posts h2{margin-bottom:33px}
.related-posts .insight-card p{margin-bottom:18px}
.reading-progress{position:fixed;left:0;right:0;top:88px;height:3px;z-index:19;transform-origin:left;transform:scaleX(var(--progress,0));background:#c48d2d;pointer-events:none}
.contact-page-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:75px;align-items:start}
.contact-form-card{border:1px solid #cbd9dc;border-radius:10px;padding:37px;background:#f8faf9}
.contact-form-card h2{font-size:37px;letter-spacing:-1px;margin:14px 0}
.form-intro{font-size:13px;color:#4f6669;margin-bottom:25px}
.contact-form{display:flex;flex-direction:column;gap:22px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-group{display:flex;flex-direction:column;gap:9px;min-width:0}
.form-group label{font-size:14px;color:#294733;font-weight:650}
.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #afc1c7;border-radius:5px;background:#fff;color:#213e4a;padding:12px 13px;font-size:15px;min-height:49px}
.form-group input::placeholder,.form-group textarea::placeholder{color:#62767d;opacity:1}
.form-group textarea{min-height:150px;resize:vertical;line-height:1.6}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:2px solid #597e65;outline-offset:2px}
.contact-form .button{align-self:flex-start;min-width:175px}
.contact-form .button:disabled{opacity:.72;cursor:progress}
.form-result{padding:15px;border-radius:6px;font-size:14px;line-height:1.65}
.form-result.success{background:#dfefe3;border:1px solid #7fa88b;color:#1c5131}
.form-result.error{background:#fff0ed;border:1px solid #c19181;color:#802e20}
.form-privacy{font-size:12px;color:#4b666a;line-height:1.75}
.form-privacy a{text-decoration:underline;color:#29583e;text-underline-offset:3px}
.contact-direct>.eyebrow{margin-bottom:21px}
.contact-direct-link{display:block;position:relative;padding:20px 40px 23px 0;border-bottom:1px solid #c9d8d4;margin-bottom:6px}
.contact-direct-link small{display:block;color:#526b64;font-size:13px;margin-bottom:9px}
.contact-direct-link strong{font-size:clamp(19px,1.8vw,27px);color:#23412f;font-weight:650;letter-spacing:-.6px;overflow-wrap:anywhere}
.contact-direct-link>.icon{position:absolute;right:0;top:50%;width:18px;color:#426e54}
.contact-direct>.button{margin-top:23px;margin-bottom:10px}
.office-card{padding-top:27px;margin-top:20px;border-top:1px solid #d1dcd7}
.office-card>span{font-size:11px;letter-spacing:1px;color:#685424;font-weight:700}
.office-card h3{font-size:24px;letter-spacing:-.5px;margin:12px 0;color:#253e49}
.office-card p{font-size:15px;line-height:1.8;color:#4b626a}
.office-card a{display:flex;gap:10px;align-items:center;margin-top:16px;color:#2f6346;font-size:13px;font-weight:650}
.office-card .icon{width:14px;height:14px}
.landing-section:nth-of-type(odd){background:#f6f9f7}
.odoo-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;color:#345440;font-size:12px;line-height:1.6}
.odoo-trust>span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d3dfd7;border-radius:6px;background:#edf3ef;white-space:nowrap}.odoo-trust .icon{width:16px;height:16px;flex-shrink:0}
.inner-lead strong{font-weight:750;color:#253e2e}
.demo-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.demo-actions>span{font-size:12px;color:#4d4121}.demo-phone{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:#294735}.demo-phone .icon{width:14px;height:14px}
.odoo-contact{background:#f3f7f4}.odoo-contact-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:24px}
.odoo-contact-card{display:flex;flex-direction:column;padding:30px;border:1px solid #c5d7cb;border-radius:12px;background:#fff;min-width:0;box-shadow:0 8px 24px #26493906}
.contact-channel{transition:border-color .18s,box-shadow .18s,transform .18s}.contact-channel:hover{border-color:#789d85;box-shadow:0 12px 28px #26493912;transform:translateY(-3px)}
.contact-channel-1{background:#e8f0ea}.contact-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}
.contact-card-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid #c4d6c8;border-radius:12px;background:#f8fbf8;color:#325b40}.contact-channel-2 .contact-card-mark{background:#fcf4df;border-color:#e3d3ac;color:#89651d}
.contact-glyph{width:26px;height:26px;flex-shrink:0}.contact-card-no{font-size:12px;font-weight:650;color:#567560;letter-spacing:1px}
.odoo-contact-card h3{font-size:18px;color:#365542;margin:0 0 15px;font-weight:650}.contact-card-value{font-size:clamp(19px,1.8vw,27px);color:#203b2d;font-weight:750;line-height:1.45;letter-spacing:-.7px;overflow-wrap:anywhere;margin-bottom:16px}
.odoo-contact-card p{font-size:15px;color:#405b61;line-height:1.8;margin:0 0 20px}
.contact-card-action{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:50px;padding-top:20px;margin-top:auto;border-top:1px solid #c6d8cc;color:#2e593d;font-size:14px;font-weight:700}.contact-card-action .icon{width:17px;height:17px}
.contact-offices{background:#fcfdfb}.contact-offices .contact-card-top{margin-bottom:23px}.contact-offices h3{margin-bottom:21px}.contact-office+.contact-office{margin-top:22px;padding-top:22px;border-top:1px solid #d5e0d7}
.contact-office h4{font-size:16px;color:#233f30;margin:0 0 9px;font-weight:700}.contact-office p{font-size:14px;margin:0 0 8px}.contact-map-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#305e40;font-size:12px;font-weight:700}.contact-map-link .icon{width:13px;height:13px}
.landing-content .services-grid,.landing-content .features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.landing-content .service-card{border:1px solid #ccdcd4;border-radius:8px;padding:28px;background:#fff}
.landing-content .service-card h3{font-size:22px;margin:20px 0 16px}
.landing-content .service-card p{font-size:15px;margin-bottom:0}
.landing-content .features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.landing-content .feature-card{padding:24px}
.landing-content .stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:36px;padding:30px;background:#e8f0e9;border:1px solid #c6d7cc;border-radius:8px}
.landing-content .stat-item{text-align:center;color:#2d523b}
.landing-content .stat-num{font-size:40px;line-height:1.2;font-weight:750}
.landing-content .stat-label{font-size:12px;color:#486855;margin-top:8px}
.landing-content .stat-plus{font-size:25px;font-weight:650}
.landing-content .stat-desc{display:block;font-size:13px;line-height:1.6;color:#3f614e;margin-top:9px}
.landing-content .case-proof{margin:28px 0 0;padding:20px 24px;border:1px solid #c6d9cc;border-radius:7px;background:#edf4ee;color:#31533e;font-size:15px}
.landing-content .modules-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.landing-content .module-card{border:1px solid #cddcd5;border-radius:8px;padding:24px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;font-size:15px;color:#365640}
.landing-content .module-card>span:first-child{font-size:27px}
.landing-content .module-card h3{font-size:15px;margin:0}
.landing-content .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.landing-content .process-step{border-top:2px solid #c3d5c7;padding:25px 0}
.landing-content .process-number{font-size:31px;font-weight:650;color:#9a711f;margin-bottom:20px}
.landing-content .process-content h3{font-size:21px;margin:0 0 15px}
.landing-content .process-content p{font-size:15px}
.process-connector{display:none}
.landing-content .faq-list{max-width:920px;margin:auto}
.error-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding-block:45px 100px}
@media(max-width:1200px){
 .odoo-contact-grid{gap:18px}.odoo-contact-card{padding:24px}.contact-card-value{font-size:21px}
 .navigation{gap:18px;margin-right:10px}.navigation>a,.nav-disclosure{font-size:13px}.header-cta{font-size:13px;gap:12px}.header .brand{font-size:32px}
 .content-layout{gap:40px;grid-template-columns:minmax(0,1fr) 265px}.inner-hero-grid{gap:35px}.inner-hero h1{font-size:44px}
 .technology-inner{grid-template-columns:160px 1fr;gap:20px}.technology-logos{gap:7px}.technology-logo{padding-inline:12px}
 .contact-page-grid{gap:40px}.contact-form-card{padding:29px}.footer-columns{gap:18px}.mega-grid{gap:18px}.mega-panel{padding-inline:24px}
 .landing-content .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-stories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-content .modules-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
 .odoo-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-offices{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.contact-offices .contact-card-top{grid-column:1/-1;margin-bottom:18px}.contact-offices h3{grid-column:1/-1}.contact-office+.contact-office{margin:0;padding:0 0 0 30px;border-top:0;border-left:1px solid #d5e0d7}.contact-channel{min-height:315px}
 .header{height:80px}.header .brand{font-size:32px}.header-cta{margin-left:auto;font-size:13px}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:none;color:#223d48;padding:0}
 .menu-toggle>span{width:22px;height:2px;background:currentColor}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .navigation{display:none;position:absolute;top:79px;left:0;right:0;background:#fff;margin:0;padding:14px 30px 24px;max-height:calc(100dvh - 80px);overflow:auto;border-bottom:1px solid #bfcfd0;box-shadow:0 18px 28px #2035321f}
 .navigation.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.navigation>a,.navigation .mobile-contact{display:flex;font-size:16px;padding:17px 0;border-bottom:1px solid #dce6df;color:#2c4936}
 .nav-disclosure{width:100%;justify-content:space-between;font-size:16px;padding:17px 0}.nav-services{border-bottom:1px solid #dce6df}
 .mega-panel{position:static;transform:none;width:100%;padding:17px 0;border:0;box-shadow:none;max-height:none;border-radius:0;overflow:visible}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.mega-top{font-size:12px;padding-bottom:14px}.mega-heading{margin-bottom:12px}.mega-links>a{font-size:14px}
 .reading-progress{top:80px}.technology-inner{display:block}.technology-inner>p{margin-bottom:24px}.technology-inner>p br{display:none}.technology-inner>p strong{margin-left:5px}.technology-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
 .content-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.side-services,.toc,.side-facts,.company-note{padding:18px}.side-services h2{font-size:17px}
 .inner-hero h1{font-size:38px;letter-spacing:-1.3px}.inner-hero-grid{gap:25px;grid-template-columns:1.05fr 1fr}.inner-lead{font-size:16px}.inner-actions{gap:18px}.inner-actions .button{font-size:13px;padding-inline:16px}
 .inner-hero .eyebrow{font-size:10px}.article-body h2{font-size:28px}.article-body p{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:23px}
 .footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.closing-inner h2{font-size:34px}.closing-inner{gap:30px}.testimonial-grid{gap:16px}.testimonial-card{padding:23px}.testimonial-card>p{font-size:15px}
 .blog-index-grid .insight-cover{height:240px}.blog-index-grid .insight-title h3{font-size:23px}.blog-controls{align-items:flex-start}.blog-search{width:220px;flex-shrink:0}
 .contact-page-grid{grid-template-columns:1.18fr 1fr;gap:30px}.form-row{grid-template-columns:1fr}.contact-form-card{padding:24px}.contact-direct-link strong{font-size:22px}
 .landing-content .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-content .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .odoo-contact-grid{grid-template-columns:1fr;gap:18px}.odoo-contact-card{padding:26px}.contact-card-value{font-size:25px}.contact-channel{min-height:310px}.contact-offices{display:flex;grid-column:auto}.contact-office+.contact-office{margin-top:20px;padding:20px 0 0;border-left:0;border-top:1px solid #d5e0d7}.contact-office p{font-size:15px}.demo-actions{margin-top:26px}.closing-inner .demo-actions .button{margin-top:0}.odoo-trust{font-size:12px}.odoo-page .closing-inner h2{font-size:32px}
 html{scroll-padding-top:96px}.header .brand{font-size:30px}.header-inner{gap:12px}.header-cta{font-size:12px}.header-cta .icon{width:14px}
 .technology-inner{padding-block:29px}.technology-inner>p{font-size:14px;text-align:center}.technology-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 17px}.technology-logo{padding:10px;height:61px}.technology-logo img{height:38px}
 .service-detail-links{grid-template-columns:1fr;gap:9px}.service-detail-links>a{padding:17px 18px;font-size:14px}
 .inner-hero{padding:20px 0 42px}.breadcrumbs{font-size:11px;margin-bottom:31px}.inner-hero-grid{grid-template-columns:1fr;gap:28px}.inner-hero h1,.text-hero h1,.blog-article .inner-hero h1{font-size:37px;letter-spacing:-1.5px;line-height:1.18;margin:19px 0 22px}.inner-hero .eyebrow{font-size:11px}
 .inner-lead{font-size:16px;line-height:1.8}.inner-actions{margin-top:26px;gap:19px}.inner-visual{padding-top:0}.inner-visual figcaption{font-size:11px}.inner-visual .image-zoom{font-size:10px}
 .reading-section{padding:43px 0 60px}.content-layout{display:flex;flex-direction:column;gap:35px}.article-body{width:100%;font-size:16px}.reading-side{width:100%;order:-1}.sticky-side{position:static;max-height:none;overflow:visible;padding:0}.side-services,.side-facts,.side-contact,.company-note{display:none}.toc{margin:0;padding:19px}.toc a{font-size:13px}
 .article-body h2{font-size:27px;margin-top:41px}.article-body h3{font-size:21px}.article-body p{font-size:16px;line-height:1.85}.article-body .benefits-list>li{padding:16px;gap:10px}.feature-grid{gap:14px}.article-body .table-scroll{margin:21px 0 27px}.article-body pre{font-size:12px;padding:47px 17px 20px}.faq summary{font-size:15px;padding-left:18px}.faq-content{padding:18px 18px 0}
 .closing-inner{display:block;padding-block:45px}.closing-inner h2{font-size:33px}.closing-inner .button{margin-top:28px}.closing-inner p:not(.eyebrow){font-size:15px}
 .footer-lead{flex-wrap:wrap;gap:25px}.footer-lead .brand{font-size:30px}.footer-lead p{order:3;width:100%;font-size:13px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;padding-top:28px}.footer-column h3{font-size:15px}.footer-column>a{font-size:12px}.footer-column .icon{display:none}.full-footer .footer-bottom{gap:12px;font-size:11px}
 .category-heading{gap:16px}.category-icon{width:50px;height:57px}.category-heading h2{font-size:33px}.category-heading .eyebrow{font-size:11px}.service-directory{grid-template-columns:1fr;gap:16px}.service-card-link{padding:24px}.service-card-link h3{font-size:24px}.service-card-link p{font-size:16px}
 .testimonial-grid,.case-stories{grid-template-columns:1fr;gap:18px}.testimonial-card{padding:27px}.testimonial-card>p{font-size:16px}.case-story{padding:26px}.case-story p{font-size:16px}
 .blog-controls{flex-direction:column;gap:20px}.blog-search{width:100%}.blog-filters{gap:7px}.blog-filters button{font-size:12px;padding:10px 13px}.blog-index-grid{grid-template-columns:1fr;gap:40px}.blog-index-grid .insight-cover{height:235px}.blog-index-grid .insight-title h3{font-size:23px;max-width:90%}.blog-index-grid .insight-card>p{max-width:100%}.blog-empty{padding:26px}.blog-empty h2{font-size:26px}.article-meta{font-size:11px;gap:10px 14px}.article-meta span:not(:first-child):before{margin-right:14px}.blog-article .reading-section{padding-top:28px}.related-posts .insight-card p{font-size:15px}
 .contact-page-grid{grid-template-columns:1fr;gap:45px}.contact-form-card{padding:25px 21px}.contact-form-card h2{font-size:33px}.form-row{gap:20px}.form-group input,.form-group textarea,.form-group select{font-size:16px}.contact-form .button{width:100%}.contact-direct-link strong{font-size:25px}.contact-direct>.button{width:100%}.office-card p{font-size:16px}
 .landing-content .services-grid,.landing-content .features-grid{grid-template-columns:1fr}.landing-content .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px;padding:25px 18px}.landing-content .stat-num{font-size:33px}.landing-content .modules-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-content .module-card{padding:20px 8px;font-size:13px}.landing-content .process-grid{gap:24px 20px}.landing-content .process-content h3{font-size:19px}.landing-content .process-content p{font-size:15px}
}
@media(max-width:380px){
 .contact-card-value{font-size:21px}
 .header-cta{display:none}.mega-grid{grid-template-columns:1fr}.mega-top{display:block}.mega-top>a{margin-top:15px}.navigation{padding-inline:22px}.inner-hero h1,.text-hero h1,.blog-article .inner-hero h1{font-size:33px}.technology-logos{gap:6px}.technology-logo{padding-inline:9px}.footer-columns{gap:22px 16px}.article-body h2{font-size:25px}.contact-direct-link strong{font-size:22px}.landing-content .process-grid{grid-template-columns:1fr}.landing-content .modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Old inbound fragment URLs remain native anchors, without changing the visible layout. */
.legacy-anchor{display:block;height:0;scroll-margin-top:110px}
.odoo-page .footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.odoo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.odoo-blog-card{display:flex;flex-direction:column;gap:18px;padding:32px;border:1px solid #ccd7d2;border-radius:12px;background:#fff;color:#1b252e}
.odoo-blog-card h2{font-size:25px;line-height:1.4;letter-spacing:-.7px}
.odoo-blog-card p{font-size:17px;line-height:1.8;color:#42525d;flex:1}
a.odoo-blog-card:hover{border-color:#547767;background:#f5f8f6}
.odoo-blog-card.upcoming{background:#f5f7f5}
.odoo-page .article-body .callout{padding:24px;border:1px solid #c6d4cc;border-radius:12px;background:#f2f6f2;margin-block:32px}
.odoo-page .article-body .callout .btn{display:inline-flex;padding:12px 18px;background:#f9c65f;border-radius:6px;color:#1b252e;font-weight:750;text-decoration:none}
@media(max-width:960px){.odoo-blog-grid{grid-template-columns:1fr 1fr}.odoo-page .footer-columns{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.odoo-blog-grid,.odoo-page .footer-columns{grid-template-columns:1fr}.odoo-blog-card{padding:24px}}