/* Dinnovia modular cloud update. White-first, lightweight and responsive. */
:root{--accent:#078a82;--ink:#173248;--muted:#536878;--line:#e1eaee}
.skip-link{position:fixed;top:8px;left:8px;z-index:50;background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.langs{display:flex;align-items:center;gap:3px;white-space:nowrap}
.langs a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e6eb;background:#fff;border-radius:8px;min-width:35px;min-height:36px;padding:7px 9px;font:inherit;font-size:13px}
.langs a:hover{border-color:#0b9188}.langs a.active{background:#173248;color:#fff;border-color:#173248}
.site-navigation{align-items:center;gap:20px}.site-navigation a{white-space:nowrap}.site-navigation a:hover{color:var(--accent)}
.menu-toggle{display:none;background:#fff;border:1px solid #d8e6eb;border-radius:8px;padding:7px;color:var(--ink);cursor:pointer}
.menu-toggle svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.visualnote{right:20px;left:20px;max-width:max-content;font-size:13px;line-height:1.5}
.section-intro{max-width:790px;font-size:16px;margin-bottom:0}
.sync-section{padding:30px 0 64px}
.sync-panel{display:grid;grid-template-columns:1.13fr 1fr;gap:30px 48px;padding:40px 42px;background:linear-gradient(125deg,#fff 15%,#f5fbfa 100%);border:1px solid #dcebe8;border-radius:26px;box-shadow:0 16px 55px #17324805;align-items:center}
.sync-copy{min-width:0}.sync-copy .eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.65}
.sync-copy h2{margin:13px 0 19px;line-height:1.12;font-size:clamp(29px,3.2vw,42px);max-width:20ch;text-wrap:balance}
.sync-copy p{font-size:14px;line-height:1.75;margin:12px 0;color:var(--muted)}
.sync-copy p.sync-lead{font-size:15px;color:#365464}
.text-link{display:inline-block;color:#087d76;font-size:14px;font-weight:750;padding:8px 0;margin-top:4px}
.text-link:hover,.module-enquire:hover,.product-link:hover{text-decoration:underline;text-underline-offset:4px}
.sync-visual{min-width:0;text-align:center;padding:0 4px}
.sync-from{margin:0 0 15px;font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.04em}
.accounting-logos{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.accounting-logo{min-width:0;background:#fff;border:1px solid #e1ebe9;border-radius:15px;padding:12px 12px 10px;box-shadow:0 6px 22px #17324804}
.accounting-logo img{display:block;width:100%;height:68px;object-fit:contain;font-size:11px;color:var(--muted);line-height:1.4}
.accounting-logo span{font-size:11px;color:#526b79;display:block;margin-top:8px;font-weight:600}
.sync-connector{position:relative;height:54px;margin:0 21%;display:flex;justify-content:space-between}
.sync-connector span{width:50%;height:27px;border-bottom:1px solid #97cfc5}
.sync-connector span:first-child{border-left:1px solid #97cfc5;border-bottom-left-radius:10px}
.sync-connector span:nth-child(2){border-right:1px solid #97cfc5;border-bottom-right-radius:10px}
.sync-connector i{font-style:normal;position:absolute;bottom:-2px;left:calc(50% - 9px);font-size:25px;color:#0b9b8a;line-height:1.3}
.cloud-destination{padding:20px 18px 21px;background:#fff;border:1px solid #bddfd7;border-radius:17px;box-shadow:0 9px 26px #0c695b07;display:flex;flex-direction:column;align-items:center}
.cloud-symbol{color:var(--accent);width:35px;height:31px;margin-bottom:8px}.cloud-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.cloud-destination strong{font-size:23px;letter-spacing:-.03em;line-height:1.2}
.cloud-destination>span{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}
.sync-use-cases{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}
.sync-use-cases span{display:inline-block;padding:6px 9px;background:#e8f6f0;border:1px solid #d5ede3;border-radius:7px;color:#2e6a5e;font-size:10px;line-height:1.4}
.sync-qualification{grid-column:1/-1;border-top:1px solid #e0ece9;padding-top:17px;margin:0;font-size:11px;line-height:1.7;color:#607682}
.trademark-note{font-size:10px;line-height:1.6;text-align:center;color:#71818b;margin:13px 10px 0}
.module-subscription-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#576e7b;margin-top:17px}
.module-subscription-note>span{display:inline-block;border-radius:20px;padding:6px 12px;background:#e9f7f2;color:#26705e;font-size:11px;font-weight:650}
#catalog{gap:20px;margin-top:30px}
.module-card{display:flex;flex-direction:column;padding:25px 24px 20px;box-shadow:0 8px 30px #17324805;transition:border-color .2s,box-shadow .2s;scroll-margin-top:100px;min-width:0}
.module-card:hover{border-color:#b1d5cc;box-shadow:0 10px 35px #1732480a}
.module-icon{width:38px;height:38px;border-radius:10px;background:#edf8f5;display:flex;align-items:center;justify-content:center;color:#138f80;margin-bottom:12px}
.module-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.module-card h3{font-size:18px;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px;text-wrap:balance}
.module-card .module-description{font-size:13px;line-height:1.7;margin:0 0 22px;color:#5b7180;flex:1}
.module-price{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;line-height:1.25}
.module-price strong{font-size:25px;letter-spacing:-.04em;white-space:nowrap}.module-price>span{font-size:12px;color:#617783}
.module-card .module-tax{margin:8px 0 20px;font-size:11px;line-height:1.7;color:#607582}.module-tax span{white-space:normal}
.module-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #edf2f3;padding-top:16px;min-height:38px}
.module-enquire{font-size:12px;font-weight:750;color:#087d76;line-height:1.5}.product-link{font-size:11px;color:#506b7a;line-height:1.5}
#pricing{background:#f7faf9}
#pricing h2{max-width:850px;line-height:1.15;margin-bottom:15px;text-wrap:balance}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;align-items:stretch}
.price-card{display:flex;flex-direction:column;border:1px solid #dfe9e6;border-radius:20px;padding:28px 25px 24px;background:#fff;min-width:0}
.price-card.featured{border-color:#abcfc4;background:linear-gradient(150deg,#fff,#f0faf6);box-shadow:0 10px 40px #0c6b5808}
.price-badge{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#267562;line-height:1.4;font-weight:700}
.price-card h3{font-size:22px;letter-spacing:-.03em;margin:15px 0 18px;line-height:1.3}
.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.plan-price strong{font-size:39px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.plan-price>span{font-size:13px;color:#617783}
.price-card .plan-description{font-size:13px;line-height:1.7;color:#59707d;flex:1;margin:20px 0 25px}
.tax-breakdown{border-top:1px solid #e2ece7;padding-top:15px;margin-bottom:22px}
.tax-breakdown>div{display:flex;gap:12px;justify-content:space-between;align-items:baseline;font-size:12px;line-height:1.6;margin-bottom:7px;color:#526b77}
.tax-breakdown>div>span:last-child,.tax-breakdown strong{white-space:nowrap}.tax-breakdown .tax-total{margin-top:12px;margin-bottom:0;color:var(--ink);font-size:11px}.tax-total strong{font-size:17px;letter-spacing:-.03em}
.price-card .btn{margin:0;text-align:center;font-size:13px;min-height:44px}
.pricing-footnote{margin-top:23px;font-size:13px;color:#426154}.pricing-footnote strong{font-weight:650}.pricing-footnote p{margin:8px 0 0;font-size:12px;line-height:1.7;color:#627a76;max-width:960px}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.faq-grid h2{font-size:clamp(30px,3.2vw,40px);line-height:1.15;margin:13px 0 17px;text-wrap:balance}.faq-grid>div>p{font-size:14px;line-height:1.7;max-width:360px}
.faq-list{border-top:1px solid #dfe9ec}.faq-item{border-bottom:1px solid #dfe9ec;padding:0}
.faq-item summary{padding:21px 0;cursor:pointer;font-size:14px;line-height:1.5;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{font-size:23px;font-weight:400;color:var(--accent);flex-shrink:0;line-height:1}
.faq-item[open] summary>span{transform:rotate(45deg)}.faq-item p{margin:0 0 22px;padding-right:20px;font-size:13px;line-height:1.8;color:#576f7d}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3{letter-spacing:-.02em}
@media(min-width:821px) and (max-width:1000px){.site-navigation{gap:13px}.site-navigation a{font-size:12px}.sync-panel{padding:30px;gap:25px}.sync-copy h2{font-size:34px}}
@media(max-width:900px){.sync-panel{gap:28px;padding:30px}.sync-copy h2{font-size:32px}.pricing-grid{gap:14px}.price-card{padding:23px 18px}.plan-price strong{font-size:33px}.faq-grid{gap:35px}}
@media(max-width:820px){.nav{gap:8px}.langs{margin-left:auto;order:2}.menu-toggle{display:block;order:3}.site-navigation{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 24px;background:#fff;border-bottom:1px solid #dfe9ec;box-shadow:0 14px 24px #17324808;flex-wrap:wrap;gap:20px;z-index:6}.site-navigation.is-open{display:flex}.sync-panel{grid-template-columns:1fr}.sync-copy h2{max-width:22ch}.sync-visual{max-width:460px;width:100%;justify-self:center;padding:10px 0}.pricing-grid{grid-template-columns:1fr}.price-card{padding:27px}.price-card .plan-description{flex:0}.price-card .btn{align-self:flex-start;min-width:180px}.faq-grid{grid-template-columns:1fr;gap:23px}.faq-grid h2{max-width:23ch}.faq-grid>div>p{max-width:none}.sync-qualification{grid-column:1}}
@media(max-width:550px){.wrap{padding-left:18px;padding-right:18px}.logo{font-size:26px}.langs a{font-size:12px;min-height:34px;min-width:31px;padding:6px 7px}.menu-toggle{padding:7px}.hero{padding-top:35px;gap:15px}.hero h1{font-size:44px}.hero .lead{font-size:17px}.visualnote{font-size:11px;padding:12px;left:14px;right:14px}.sync-section{padding:24px 0 42px}.sync-panel{padding:25px 20px;border-radius:20px;gap:19px}.sync-copy h2{font-size:31px;line-height:1.16}.sync-copy p{font-size:13px}.sync-copy p.sync-lead{font-size:14px}.sync-copy .eyebrow{font-size:9px}.accounting-logos{gap:10px}.accounting-logo{padding:10px 8px}.accounting-logo img{height:57px}.sync-qualification{font-size:10px}.sync-use-cases span{font-size:9px;padding:5px 7px}.trademark-note{font-size:9px}.section-intro{font-size:14px}.module-subscription-note{font-size:12px;gap:9px}#catalog{gap:15px}.module-card{padding:23px}.module-card h3{font-size:20px}.module-card .module-description{font-size:14px}.module-enquire{font-size:13px}.product-link{font-size:12px}.module-card .module-tax{font-size:12px}.module-price strong{font-size:27px}.price-card{padding:25px}.plan-price strong{font-size:38px}.faq-item summary{font-size:14px;gap:12px}.faq-item p{font-size:13px;padding-right:0}}
@media(max-width:360px){.logo{font-size:23px}.langs{gap:2px}.langs a{min-width:28px;padding:5px 6px}.menu-toggle{padding:6px}.sync-panel{padding:22px 16px}.sync-copy h2{font-size:28px}.accounting-logo img{height:48px}.accounting-logo span{font-size:10px}.cloud-destination strong{font-size:21px}.price-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.module-card{transition:none}}