:root {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  color: #28352f;
  background: #fff;
  font-synthesis: none;
  color-scheme: light;
  --green: #087c5c;
  --ink: #28352f;
  --muted: #68736d;
  --border: #e2e7e4;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
a, button { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; }
.container { width: min(1160px, calc(100% - 96px)); margin-inline: auto; }
.skip-link { position: fixed; top: -70px; left: 20px; z-index: 100; padding: 12px; background: var(--green); color: #fff; }
.skip-link:focus { top: 10px; }
.site-header { height: 82px; position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid var(--border); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }
.brand-logo { display: block; width: 52px; height: 52px; flex-shrink: 0; object-fit: contain; }
.brand-name { font-size: 1.375rem; font-weight: 600; letter-spacing: 1px; }
.brand-name small { display: none; }
nav { display: flex; gap: 44px; height: 100%; align-items: stretch; }
nav a { display: flex; align-items: center; font-size: .9375rem; position: relative; color: #536159; }
nav a:hover, nav a.active { color: var(--green); }
nav a.active::after { content: ''; position: absolute; height: 2px; left: 0; right: 0; bottom: -1px; background: var(--green); }
.menu-toggle { display: none; }
.hero { background: #f3f6f4; border-bottom: 1px solid #e8ece9; }
.hero-inner { min-height: 412px; display: grid; grid-template-columns: 1.55fr 1fr; gap: 80px; align-items: center; }
.hero-copy { padding: 53px 0 56px; }
.company-label { font-size: .875rem; color: #5c7365; letter-spacing: .6px; margin: 0 0 17px; }
h1 { margin: 0 0 18px; font-size: 2.75rem; line-height: 1.45; letter-spacing: .2px; font-weight: 600; }
.hero-description { font-size: 1rem; line-height: 1.9; color: var(--muted); margin: 0; }
.hero-actions { display: flex; gap: 30px; align-items: center; margin-top: 26px; }
.button { display: inline-flex; justify-content: center; align-items: center; padding: 12px 24px; min-height: 44px; border: 1px solid transparent; border-radius: 4px; font-size: .9375rem; font-weight: 400; transition: background .16s, border-color .16s; }
.primary { background: var(--green); color: #fff; }
.primary:hover { background: #086448; }
.text-link { font-size: .9375rem; color: #4b6254; }
.text-link:hover { color: var(--green); text-decoration: underline; text-underline-offset: 5px; }
.secondary { background: #fff; color: var(--green); border-color: #89b4a0; }
.secondary:hover { background: #f0f6f2; border-color: var(--green); }
.product-shortcuts { border-left: 1px solid #d6dfd9; padding: 3px 0 3px 35px; }
.product-shortcuts h2 { font-size: 1.0625rem; font-weight: 500; margin: 0 0 9px; }
.product-shortcuts > p { font-size: .875rem; color: var(--muted); margin: 0 0 20px; }
.product-shortcuts button { width: 100%; display: flex; align-items: center; gap: 13px; background: none; border: 0; border-top: 1px solid #dce4dd; text-align: left; padding: 19px 0; color: var(--ink); }
.mini-icon { width: 45px; height: 45px; display: grid; place-items: center; flex-shrink: 0; border-radius: 8px; font: 600 1.5rem Arial, sans-serif; }
.cleaner { background: #178160; color: #fff; }
.dll { background: #4a73a3; color: #fff; }
.product-shortcuts strong { display: block; font-size: 1rem; font-weight: 500; margin-bottom: 6px; }
.product-shortcuts small { font-size: .8125rem; color: var(--muted); }
.shortcut-chevron { margin-left: auto; font-size: 1.5rem; color: #819084; }
.product-shortcuts button:hover strong { color: var(--green); }
.products-section { padding-block: 60px 47px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 30px; }
h2 { font-weight: 500; font-size: 1.875rem; line-height: 1.5; margin: 0; }
.section-heading p { font-size: 1rem; color: var(--muted); margin: 10px 0 0; line-height: 1.7; }
.platform-note { font-size: .875rem; color: #78847b; padding-bottom: 4px; white-space: nowrap; }
.product-list { border-top: 1px solid var(--border); }
.product-row { display: grid; grid-template-columns: 175px minmax(0, 1fr) 140px; align-items: center; gap: 37px; padding: 34px 0; border-bottom: 1px solid var(--border); }
.product-visual { height: 180px; background: #f1f5f2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; border-radius: 3px; }
.dll-product .product-visual { background: #f1f4f7; }
.product-icon { width: 76px; height: 76px; border-radius: 15px; display: grid; place-items: center; }
.product-icon svg { width: 44px; height: 44px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.product-type { font-size: .8125rem; color: #79847c; }
.product-info h3 { font-size: 1.5rem; font-weight: 500; margin: 0 0 13px; line-height: 1.5; }
.product-info > p { margin: 0 0 18px; font-size: 1rem; line-height: 1.9; color: var(--muted); max-width: 575px; }
.product-facts { display: flex; flex-wrap: wrap; gap: 13px 34px; margin: 0; }
.product-facts > div { display: flex; gap: 13px; font-size: .8125rem; line-height: 1.8; }
.product-facts dt { color: #7d8981; }
.product-facts dd { margin: 0; color: #53645a; }
.product-action { justify-self: end; }
.product-action .button { min-width: 115px; }
.product-disclaimer { font-size: .8125rem; color: #7b857e; line-height: 1.8; margin: 22px 0 0; }
.about-section { background: #f6f7f6; padding-block: 62px; }
.about-layout { display: grid; grid-template-columns: 1fr 2fr; gap: 88px; }
.about-title h2 { margin-bottom: 18px; }
.about-title p { font-size: 1rem; color: #58655e; line-height: 1.7; margin: 0 0 8px; }
.about-title > span { font-size: .875rem; color: #869088; }
.about-content > p { margin: 0 0 18px; font-size: 1rem; line-height: 2; color: #59675e; }
.company-principles { display: grid; grid-template-columns: repeat(3, 1fr); margin: 29px 0 0; padding-top: 24px; border-top: 1px solid #dce2dd; scroll-margin-top: 110px; }
.company-principles > div + div { padding-left: 22px; border-left: 1px solid #dde3dd; }
.company-principles dt { font-size: .9375rem; color: #3f5447; margin-bottom: 10px; }
.company-principles dd { font-size: .8125rem; color: #7e8a81; margin: 0; line-height: 1.8; }
.site-footer { padding-top: 37px; }
.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-bottom: 27px; }
.footer-brand { font-size: 1.25rem; font-weight: 600; color: var(--green); letter-spacing: 1px; }
.footer-main p { font-size: .875rem; color: #7b867e; margin: 11px 0 0; }
.footer-links { display: flex; gap: 30px; font-size: .875rem; color: #65746a; }
.footer-links a:hover { color: var(--green); }
.footer-bottom { border-top: 1px solid var(--border); padding-block: 20px 24px; display: flex; justify-content: space-between; gap: 18px; font-size: .75rem; color: #869188; line-height: 1.8; }
dialog { border: 1px solid #d9e2dc; border-radius: 7px; padding: 0; width: min(520px, calc(100% - 32px)); max-height: calc(100dvh - 40px); color: var(--ink); box-shadow: 0 12px 50px #10271c26; }
dialog::backdrop { background: #16271e66; }
.dialog-content { padding: 39px; position: relative; }
.dialog-close { position: absolute; right: 14px; top: 11px; width: 36px; height: 36px; border: 0; border-radius: 3px; background: none; color: #64766a; font-size: 1.5rem; }
.dialog-close:hover { background: #f0f4f1; }
.dialog-category { margin: 0 0 23px; color: var(--green); font-size: .875rem; }
.dialog-content h2 { font-size: 1.625rem; font-weight: 500; margin: 0 0 17px; }
.dialog-content > p:not(.dialog-category) { font-size: 1rem; line-height: 1.9; color: var(--muted); }
.dialog-content h3 { font-size: 1rem; font-weight: 500; margin-top: 26px; }
.dialog-content ul { padding-left: 19px; font-size: 1rem; line-height: 2; color: #596d60; }
.dialog-content li::marker { color: #7a9b86; }
.dialog-content p.dialog-note { border-top: 1px solid var(--border); margin-top: 23px; padding-top: 16px; font-size: .8125rem; }
.dialog-done { width: 100%; margin-top: 8px; }
.no-scroll { overflow: hidden; }
@media (max-width: 1080px) {
  .container { width: calc(100% - 64px); }
  .hero-inner { gap: 35px; grid-template-columns: 1.4fr 1fr; }
  h1 { font-size: 2.375rem; }
  .hero-copy { padding-block: 48px; }
  .hero-description .desktop-break { display: none; }
  .product-shortcuts { padding-left: 26px; }
  .product-shortcuts button { gap: 10px; }
  .product-shortcuts strong { font-size: .9375rem; }
  .product-row { grid-template-columns: 140px minmax(0, 1fr) 110px; gap: 26px; }
  .product-visual { height: 164px; }
  .product-action .button { min-width: 105px; padding-inline: 16px; }
  .product-facts { gap: 8px 22px; }
  .about-layout { gap: 45px; }
  .company-principles > div + div { padding-left: 16px; }
}
@media (max-width: 760px) {
  .container { width: calc(100% - 40px); }
  .site-header { height: 70px; }
  .brand-logo { width: 44px; height: 44px; }
  .brand-name { font-size: 1.25rem; }
  .menu-toggle { display: flex; flex-direction: column; gap: 6px; justify-content: center; align-items: center; width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 4px; background: #fff; }
  .menu-toggle span { width: 19px; height: 2px; background: #4d6455; }
  nav { display: none; position: absolute; top: 70px; left: 0; right: 0; height: auto; background: #fff; border-bottom: 1px solid var(--border); padding: 13px 21px 18px; }
  nav.open { display: flex; flex-direction: column; gap: 0; }
  nav a { padding-block: 12px; }
  nav a.active::after { display: none; }
  .hero-inner { grid-template-columns: 1fr; gap: 0; min-height: auto; }
  .hero-copy { padding: 36px 0 30px; }
  .company-label { font-size: .8125rem; margin-bottom: 14px; }
  h1 { font-size: 2.125rem; letter-spacing: 0; margin-bottom: 15px; }
  .hero-description { font-size: 1rem; }
  .hero-actions { margin-top: 22px; gap: 26px; }
  .button { padding: 11px 19px; font-size: .875rem; }
  .product-shortcuts { border-left: 0; padding: 0 0 12px; }
  .product-shortcuts h2, .product-shortcuts > p { display: none; }
  .product-shortcuts button { padding: 16px 0; gap: 13px; }
  .mini-icon { width: 40px; height: 40px; font-size: 1.3125rem; }
  .product-shortcuts strong { font-size: .9375rem; }
  .product-shortcuts small { font-size: .8125rem; }
  .products-section { padding-block: 38px 32px; }
  .section-heading { align-items: flex-start; gap: 10px; margin-bottom: 23px; }
  h2 { font-size: 1.625rem; }
  .section-heading p { font-size: .9375rem; line-height: 1.9; max-width: 230px; margin-top: 7px; }
  .platform-note { font-size: .8125rem; padding-top: 10px; }
  .product-row { grid-template-columns: 62px minmax(0, 1fr); gap: 0 16px; padding-block: 28px; align-items: start; }
  .product-visual { height: auto; background: none; border-radius: 0; padding-top: 2px; }
  .dll-product .product-visual { background: none; }
  .product-icon { width: 60px; height: 60px; border-radius: 12px; }
  .product-icon svg { width: 36px; height: 36px; }
  .product-type { display: none; }
  .product-info h3 { font-size: 1.25rem; margin-bottom: 10px; line-height: 1.6; }
  .product-info > p { font-size: 1rem; line-height: 1.85; margin-bottom: 14px; }
  .product-facts { display: flex; flex-direction: column; gap: 5px; }
  .product-facts > div { gap: 10px; font-size: .8125rem; }
  .product-action { grid-column: 2; justify-self: start; margin-top: 18px; }
  .product-disclaimer { font-size: .75rem; margin-top: 18px; }
  .about-section { padding-block: 35px 40px; }
  .about-layout { grid-template-columns: 1fr; gap: 24px; }
  .about-title h2 { margin-bottom: 11px; }
  .about-title p { display: inline; font-size: .9375rem; }
  .about-title > span { display: block; margin-top: 7px; font-size: .8125rem; }
  .about-content > p { font-size: 1rem; line-height: 1.95; }
  .company-principles { margin-top: 23px; padding-top: 22px; }
  .company-principles > div + div { padding-left: 12px; }
  .company-principles dt { font-size: .875rem; margin-bottom: 8px; }
  .company-principles dd { font-size: .75rem; }
  .site-footer { padding-top: 28px; }
  .footer-main { flex-direction: column; align-items: flex-start; gap: 22px; padding-bottom: 24px; }
  .footer-links { gap: 25px; font-size: .875rem; }
  .footer-bottom { flex-direction: column; gap: 9px; font-size: .75rem; padding-block: 18px 24px; }
  .dialog-content { padding: 36px 25px 27px; }
  .dialog-content h2 { font-size: 1.375rem; }
}
@media (max-width: 370px) {
  .container { width: calc(100% - 32px); }
  h1 { font-size: 1.875rem; }
  .product-row { grid-template-columns: 48px minmax(0, 1fr); gap: 0 13px; }
  .product-icon { width: 46px; height: 46px; border-radius: 10px; }
  .product-icon svg { width: 29px; height: 29px; }
  .product-info h3 { font-size: 1.1875rem; }
  .company-principles { grid-template-columns: 1fr; gap: 15px; }
  .company-principles > div { display: flex; gap: 20px; }
  .company-principles > div + div { padding-left: 0; border-left: 0; }
  .company-principles dt { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

/* Restore a spacious brand hero, without decorative glass artwork. */
.hero{background:linear-gradient(115deg,#fbfcfa,#eef5ef);border-bottom:1px solid #e2eae3}.hero-inner{min-height:620px;grid-template-columns:1.05fr 1fr;gap:75px}.hero-copy{padding:75px 0}h1{font-size:3.625rem;font-weight:600;line-height:1.4;letter-spacing:-1px;margin:22px 0 24px}h1 span{color:#087c5c}.hero-description{font-size:1.0625rem;line-height:2}.hero-actions{margin-top:31px}.hero .button{border-radius:7px;padding:15px 24px;gap:24px}.hero-footnote{margin:42px 0 0;font-size:.875rem;color:#7a877d}.hero-showcase{background:#fff;border:1px solid #dbe5dd;border-radius:13px;padding:23px;box-shadow:0 18px 45px #294a3310}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:19px}.showcase-heading>span{font-size:.8125rem;color:#75877c}.showcase-heading strong{font-size:.9375rem;font-weight:500}.hero-screen-placeholder{aspect-ratio:16/10;background:#f2f5f2;border:1px dashed #c7d6ca;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8ba191;gap:12px}.hero-screen-placeholder svg{width:47px;height:40px;fill:none;stroke:currentColor;stroke-width:1.4;margin-bottom:6px}.hero-screen-placeholder strong{font-size:1rem;font-weight:400;color:#6d8173}.hero-screen-placeholder span{font-size:.8125rem;color:#91a097}.showcase-caption{display:flex;justify-content:space-between;gap:15px;padding-top:18px;font-size:.8125rem;color:#7d8c81}.showcase-caption a{color:#087c5c}@media(max-width:1080px){.hero-inner{gap:40px;min-height:560px}h1{font-size:3rem}}@media(max-width:760px){.hero-inner{grid-template-columns:1fr;min-height:auto;gap:0;padding-bottom:40px}.hero-copy{padding:44px 0 33px}h1{font-size:2.625rem;margin:21px 0}.hero-footnote{margin-top:25px}.hero-showcase{padding:18px}.hero-screen-placeholder{aspect-ratio:16/9}.hero-description{font-size:1rem}}
/* Product media and company presentation */
[hidden]{display:none!important}
.mobile-only{display:none}
.container{width:min(1240px,calc(100% - 112px))}
.site-header{height:90px}
.brand-name small{display:block;font-family:Arial,sans-serif;font-size:.625rem;letter-spacing:1.3px;margin-top:6px;font-weight:500}
.brand-name{font-size:1.4rem}
nav{gap:42px}
.hero{overflow:hidden}
.hero-inner{min-height:610px;gap:72px;grid-template-columns:1.05fr 1fr}
.hero-copy{padding:70px 0 60px}
.hero-copy h1{font-size:3.625rem;letter-spacing:-1px;font-weight:600;line-height:1.4;margin:24px 0}
.hero-footnote{font-size:.8125rem}
.hero-showcase{position:relative;padding:22px;background:#fff;border:1px solid #d5e2d8;box-shadow:0 18px 50px #294a3310;border-radius:12px}
.showcase-heading{padding-bottom:18px}
.showcase-heading strong{font-size:.875rem;font-weight:500}
.showcase-caption{padding-top:17px;font-size:.8125rem}
.showcase-tabs{display:flex;margin:22px -22px -22px;border-top:1px solid #e0e8e1;border-radius:0 0 12px 12px;overflow:hidden}
.showcase-tabs button{flex:1;border:0;background:#fafcf9;color:#7b887f;padding:17px 10px;font-size:.8125rem;line-height:1.5}
.showcase-tabs button+button{border-left:1px solid #e0e8e1}
.showcase-tabs button.selected{background:#eaf3eb;color:#126d4e;font-weight:500;box-shadow:inset 0 -2px #148259}
.showcase-tabs button:hover{color:#126d4e;background:#eff5ef}
.hero-baseline{border-top:1px solid #dce6dd;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0;color:#7b897f;font-size:.8125rem}
.hero-baseline a{color:#4a6954;white-space:nowrap}
.products-section{padding-top:85px;padding-bottom:66px}
.section-heading{margin-bottom:37px;align-items:flex-end}
.section-heading h2{font-size:2.0625rem;font-weight:500;line-height:1.5}
.section-heading>p{font-size:.9375rem;color:#7a857d;margin:0 0 4px;line-height:1.8}
.section-overline{color:var(--green);font-size:.9375rem!important;font-weight:500;margin:0 0 16px!important;line-height:1.5}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.product-card{border:1px solid #dfe7e1;border-radius:12px;padding:30px;background:#fff}
.product-card-top{display:flex;align-items:center;gap:19px}
.icon-slot{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:70px;height:70px;overflow:hidden;border-radius:13px;background:#f2f5f3;border:1px dashed #bbcfc1}
.icon-slot img{width:100%;height:100%;object-fit:contain}
.icon-placeholder{font-size:.875rem;line-height:1.5;color:#799183;text-align:center}
.icon-placeholder>span{display:block;font-size:.6875rem;color:#97a79d}
.product-platform{font-size:.8125rem;color:#7d8d81;margin:0 0 7px;line-height:1.6}
.product-card h3{font-size:1.4375rem;font-weight:500;line-height:1.5;margin:0}
.product-card>p{font-size:1rem;line-height:1.9;color:var(--muted);margin:25px 0;min-height:62px}
.screen-slot{position:relative;aspect-ratio:16/10;background:#f3f6f3;border:1px dashed #c8d7cc;overflow:hidden;border-radius:4px;display:grid;place-items:center}
.screen-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8a9e90;min-height:0}
.screen-placeholder svg{width:45px;height:39px;fill:none;stroke:currentColor;stroke-width:1.4;margin-bottom:9px}
.screen-placeholder strong{font-size:1rem;color:#718477;font-weight:400}
.screen-placeholder>span{font-size:.8125rem;color:#96a398}
.product-screenshot{width:100%;height:100%;object-fit:contain;background:#fff}
.card-screen{aspect-ratio:16/9}
.product-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:23px}
.product-card-bottom>span{font-size:.8125rem;color:#87928a}
.product-link{display:flex;align-items:center;gap:20px;font-size:.9375rem;color:var(--green);font-weight:500;padding:6px 0}
.product-link:hover{text-decoration:underline;text-underline-offset:5px}
.product-link>span{font-size:1.25rem}
.product-disclaimer{text-align:center;font-size:.75rem;margin-top:25px;color:#89938b;line-height:1.8}
.about-section{padding:76px 0 0;background:#f4f7f3}
.about-layout{grid-template-columns:1fr 1.8fr;gap:100px;align-items:start}
.about-title h2{font-size:2.125rem;line-height:1.5;margin:0 0 20px;font-weight:500}
.about-title>span{font-size:.8125rem;color:#839085}
.about-content>p{font-size:1rem;line-height:2;margin:0 0 18px;color:#5c6c61}
.business-fields{display:flex;flex-wrap:wrap;gap:0;margin-top:27px}
.business-fields span{font-size:.9375rem;color:#35694c;padding:0 20px;border-left:1px solid #cbd9ce;line-height:1.5}
.business-fields span:first-child{border-left:0;padding-left:0}
.company-facts{margin:45px 0 0;padding:32px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8e2d9;gap:25px}
.company-facts>div{padding-left:33px;border-left:1px solid #d8e2d9}
.company-facts>div:first-child{padding-left:0;border-left:0}
.company-facts dt{font-size:.8125rem;color:#859286;margin-bottom:15px}
.company-facts dd{font-size:1.8125rem;font-weight:500;color:#294d35;margin:0;line-height:1.5}
.company-facts dd.industry-value{font-size:1.25rem;padding-top:7px}
.registered-address{border-top:1px solid #d8e2d9;display:flex;align-items:center;gap:24px;padding:28px 0 34px;scroll-margin-top:115px}
.registered-address>span{font-size:.875rem;color:#7b8b7e;white-space:nowrap}
.registered-address p{font-size:.875rem;line-height:1.9;color:#65786a;margin:0}
.registered-address>a{margin-left:auto;font-size:.8125rem;white-space:nowrap;color:#35724d}
.site-footer{padding-top:42px}
.footer-main{padding-bottom:30px}
.footer-links a{font-size:.875rem}
.footer-bottom{font-size:.75rem}
/* Dedicated product pages share the same real-media slots as the homepage. */
nav.breadcrumb{display:flex;position:static;height:auto;gap:12px;padding:28px 0 0;background:none;border:0;align-items:center;flex-wrap:wrap;margin:0;color:#8a958d;font-size:.8125rem}
nav.breadcrumb a{display:inline;font-size:.8125rem;padding:0;color:#63856f}
nav.breadcrumb span:last-child{color:#617568}
.product-detail-heading{padding:49px 0 37px;max-width:850px}
.detail-title{display:flex;align-items:center;gap:24px}
.detail-title .icon-slot{width:88px;height:88px;border-radius:17px}
.detail-title h1{font-size:2.4375rem;letter-spacing:0;margin:5px 0 0;line-height:1.45;font-weight:600}
.product-detail-heading>p{font-size:1.0625rem;line-height:1.9;margin:28px 0 23px;color:#637568;max-width:820px}

.product-gallery{margin-top:10px;padding-top:31px;border-top:1px solid #e0e8e1}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}
.gallery-heading h2{font-size:1.625rem}
.gallery-heading>span{font-size:.875rem;color:#8d9890}
.detail-screen{width:min(980px,100%);margin-inline:auto;aspect-ratio:16/10;background:#f5f7f4}
.detail-screen .screen-placeholder svg{width:60px;height:51px;margin-bottom:13px}
.detail-screen .screen-placeholder strong{font-size:1.1875rem}

.product-scenarios{padding:53px 0 37px}
.product-scenarios h2{font-size:1.625rem;margin-bottom:24px}
.product-scenarios ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-scenarios li{font-size:1rem;line-height:1.9;padding:24px 23px;background:#f5f8f4;border-top:2px solid #cfdfd1;color:#576e5d}
.product-scenarios li>span{display:block;font-size:.8125rem;color:#819987;margin-bottom:10px}
.product-scenarios .product-disclaimer{text-align:left}




@media(max-width:1080px){
.container{width:calc(100% - 64px)}.hero-inner{gap:38px;min-height:580px}.hero-copy h1{font-size:3rem}.hero-showcase{padding:19px}.showcase-tabs{margin:20px -19px -19px}.product-card{padding:24px}.product-card-top{gap:16px}.product-card h3{font-size:1.3125rem}.about-layout{gap:48px}.company-facts{gap:17px}.company-facts>div{padding-left:23px}.company-facts dd.industry-value{font-size:1.0625rem}.registered-address{gap:18px}.registered-address .desktop-break{display:none}
}
@media(max-width:760px){
.container{width:calc(100% - 40px)}.site-header{height:78px}.brand-name{font-size:1.25rem}.brand-name small{font-size:.5625rem}.hero-inner{grid-template-columns:1fr;gap:0;min-height:auto;padding-bottom:33px}.hero-copy{padding:44px 0 32px}.hero-copy h1{font-size:2.625rem;margin:21px 0}.hero-actions{gap:25px;margin-top:27px}.hero-footnote{margin-top:28px}.hero-showcase{padding:18px}.showcase-tabs{margin:19px -18px -18px}.showcase-tabs button{font-size:.75rem;padding:15px 7px}.showcase-caption{font-size:.75rem}.hero-baseline{padding-block:18px;gap:18px;font-size:.75rem}.hero-baseline>span{max-width:213px;line-height:1.8}.hero-screen{aspect-ratio:16/9}.products-section{padding-top:53px;padding-bottom:43px}.section-heading{flex-direction:column;gap:14px;margin-bottom:26px}.section-heading h2{font-size:1.6875rem}.section-heading>p{font-size:.875rem}.section-overline{font-size:.875rem!important;margin-bottom:13px!important}.product-grid{grid-template-columns:1fr;gap:22px}.product-card{padding:23px}.product-card-top{gap:16px}.icon-slot{width:61px;height:61px;border-radius:11px}.product-card h3{font-size:1.3125rem}.product-platform{font-size:.75rem}.product-card>p{font-size:1rem;margin:21px 0;min-height:0}.screen-placeholder svg{width:38px;height:33px;margin-bottom:5px}.screen-placeholder strong{font-size:.875rem}.screen-placeholder>span{font-size:.75rem}.screen-placeholder{gap:8px}.product-card-bottom{margin-top:17px}.product-card-bottom>span{font-size:.75rem}.product-link{font-size:.875rem}.product-disclaimer{font-size:.75rem;margin-top:20px}.about-section{padding-top:49px}.about-layout{grid-template-columns:1fr;gap:26px}.about-title h2{font-size:1.875rem;margin-bottom:15px}.about-title h2 br{display:none}.about-title>span{font-size:.8125rem}.about-content>p{font-size:1rem;line-height:1.95}.business-fields{margin-top:21px}.business-fields span{font-size:.8125rem;padding-inline:12px}.company-facts{grid-template-columns:1fr 1fr;gap:24px 14px;margin-top:32px;padding:27px 0}.company-facts>div{padding-left:17px}.company-facts>div:last-child{grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid #d8e2d9;padding-top:23px}.company-facts dt{font-size:.75rem;margin-bottom:11px}.company-facts dd{font-size:1.4375rem}.company-facts dd.industry-value{font-size:1.125rem;padding:0}.registered-address{flex-wrap:wrap;padding:24px 0 29px;gap:10px}.registered-address>span{font-size:.8125rem;flex-basis:100%}.registered-address p{font-size:.875rem;line-height:1.9}.registered-address>a{margin-left:0;margin-top:7px;font-size:.8125rem}.site-footer{padding-top:32px}nav#navigation{top:78px}nav.breadcrumb{padding-top:23px;gap:9px;font-size:.75rem}nav.breadcrumb a{font-size:.75rem}.product-detail-heading{padding:31px 0 28px}.detail-title{gap:16px;align-items:center}.detail-title .icon-slot{width:68px;height:68px;border-radius:13px}.detail-title h1{font-size:1.5rem}.detail-title .product-platform{font-size:.75rem}.product-detail-heading>p{font-size:1rem;line-height:1.9;margin-top:24px}.product-gallery{padding-top:25px}.gallery-heading h2{font-size:1.375rem}.gallery-heading>span{font-size:.75rem}.detail-screen .screen-placeholder svg{width:42px;height:36px;margin-bottom:5px}.detail-screen .screen-placeholder strong{font-size:1rem}.product-scenarios{padding-top:37px}.product-scenarios h2{font-size:1.375rem}.product-scenarios ul{grid-template-columns:1fr;gap:13px}.product-scenarios li{padding:18px 20px;font-size:1rem}.product-scenarios li>span{display:inline;margin-right:17px}.footer-links{gap:25px}
}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero-copy h1{font-size:2.375rem}.product-card{padding:19px}.product-card h3{font-size:1.25rem}.product-card-top{gap:13px}.icon-slot{width:55px;height:55px}.detail-title{gap:13px}.detail-title h1{font-size:1.3125rem}}

/* Glass sculpture in the home hero */
.hero-art{position:relative;min-width:0;height:520px;align-self:center}
.hero-sculpture{position:absolute;width:120%;max-width:none;height:auto;left:-8%;top:50%;transform:translateY(-51%);mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 7%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 83%,transparent);mask-composite:intersect;pointer-events:none}
@media(max-width:1080px){.hero-art{height:460px}}
@media(max-width:760px){.hero-art{height:clamp(260px,70vw,400px);width:100%}.hero-sculpture{width:108%;left:-4%}}

/* A full first screen, including the navigation */
.hero{min-height:calc(100vh - 90px);min-height:calc(100svh - 90px);display:flex;flex-direction:column}
.hero>.container{width:min(1440px,calc(100% - 112px))}
.hero-inner{flex:1;min-height:0;grid-template-columns:1.04fr 1fr;gap:clamp(40px,5vw,90px)}
.hero-copy{padding:clamp(32px,5vh,72px) 0}
.hero-copy h1{font-size:clamp(3.125rem,5.2vw,4.875rem);line-height:1.35}
.hero-art{height:clamp(420px,56svh,680px)}
.hero-sculpture{width:124%;left:-12%}
.hero-baseline{flex-shrink:0}
@media(max-width:1080px){.hero>.container{width:calc(100% - 64px)}.hero-inner{gap:38px}.hero-copy h1{font-size:clamp(2.75rem,5.2vw,3.5rem)}.hero-sculpture{width:120%;left:-10%}}
@media(max-width:760px){
.hero{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px)}
.hero>.container{width:calc(100% - 40px)}
.hero-inner{grid-template-columns:1fr;gap:0;padding-bottom:0}
.hero-copy{padding:30px 0 12px}
.hero-copy h1{font-size:clamp(2.375rem,10.5vw,3.25rem);margin:18px 0}
.hero-footnote{margin-top:24px}
.hero-art{height:clamp(220px,30svh,360px)}
.hero-sculpture{width:108%;left:-4%}
}
@media(max-width:380px){.hero>.container{width:calc(100% - 32px)}}

/* Official product media */
.icon-slot.has-media{border:0;background:transparent}
.screen-slot.has-media{border:1px solid #dfe7e1;background:#fff}
.detail-screen{aspect-ratio:16/9}

/* Full-screen homepage sections with larger content areas. */
:root{--site-header-height:90px;scroll-padding-top:var(--site-header-height)}
body[data-page="home"] main>section{min-height:calc(100vh - var(--site-header-height));min-height:calc(100svh - var(--site-header-height))}
body[data-page="home"] .products-section,body[data-page="home"] .about-shell{width:min(1480px,calc(100% - 112px))}
body[data-page="home"] .products-section{display:flex;flex-direction:column;justify-content:center;padding-block:clamp(24px,3svh,48px)}
body[data-page="home"] .section-heading{margin-bottom:30px}
body[data-page="home"] .section-heading h2{font-size:clamp(1.875rem,2.4vw,2.625rem);line-height:1.35}
body[data-page="home"] .product-grid{gap:28px}
body[data-page="home"] .product-card{padding:28px;background:#f5faf7;border-color:#d4e4da;display:flex;flex-direction:column}
body[data-page="home"] .dll-card{background:#f4f8fc;border-color:#d8e3ee}
body[data-page="home"] .product-card-top{gap:20px}
body[data-page="home"] .product-card .icon-slot{width:76px;height:76px;border-radius:15px}
body[data-page="home"] .product-card h3{font-size:clamp(1.375rem,1.7vw,1.75rem);line-height:1.4}
body[data-page="home"] .product-card>p{min-height:0;margin:18px 0;font-size:1rem;line-height:1.75;color:#576b5f}
body[data-page="home"] .card-screen{height:clamp(250px,38svh,450px);aspect-ratio:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);background:#e3f5ea;border:0;border-radius:7px}
body[data-page="home"] .dll-card .card-screen{background:#e6eff9}
body[data-page="home"] .card-screen .product-screenshot{min-width:0;min-height:0;background:transparent}
body[data-page="home"] .product-card-bottom{margin-top:20px;padding-top:0}
body[data-page="home"] .product-link{font-size:1rem}
body[data-page="home"] .products-section>.product-disclaimer{margin:16px 0 0}
body[data-page="home"] .about-section{display:flex;align-items:center;padding-block:clamp(32px,4svh,56px);background:#eef3ef}
body[data-page="home"] .about-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:clamp(36px,5vw,84px);min-height:clamp(440px,calc(100svh - 310px),660px);align-items:stretch}
body[data-page="home"] .about-title{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,3.2vw,52px);background:#0c634d;border-radius:10px;color:#fff}
body[data-page="home"] .about-title .section-overline{color:#c3dfd2;font-size:1rem!important;margin-bottom:24px!important}
.about-brand-mark{width:86px;height:86px;padding:12px;background:#fff;border-radius:16px;margin-bottom:24px}
.about-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
body[data-page="home"] .about-title h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1.45;font-weight:500;margin:0 0 14px}
body[data-page="home"] .about-title .about-brand-caption{color:#d2e5dc;font-size:1rem;margin:0;line-height:1.8}
.about-brand-bottom{margin-top:auto;padding-top:36px;display:flex;flex-direction:column;gap:12px;color:#c1dcd0;font-size:.875rem;line-height:1.5}
.about-brand-bottom>span:first-child{font-family:Arial,sans-serif;letter-spacing:2px;font-size:.8125rem}
body[data-page="home"] .about-content{display:flex;flex-direction:column;justify-content:space-between;padding:10px 0}
.about-intro p{font-size:1.0625rem;line-height:1.95;color:#586b5e;margin:0}
.about-intro .about-lead{font-size:clamp(1.125rem,1.4vw,1.375rem);line-height:1.85;font-weight:500;color:#284d38;margin-bottom:20px}
body[data-page="home"] .business-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
body[data-page="home"] .business-fields>div{border-top:2px solid #7ba68c;padding-top:17px}
body[data-page="home"] .business-fields strong{display:block;font-size:1.0625rem;font-weight:500;color:#25553b;margin-bottom:9px}
body[data-page="home"] .business-fields span{display:block;border:0;padding:0;font-size:.875rem;color:#718477;line-height:1.65}
body[data-page="home"] .company-facts{margin:0;padding:24px 0 0;border-bottom:0;gap:14px}
body[data-page="home"] .company-facts>div{padding-left:18px}
body[data-page="home"] .company-facts>div:first-child{padding-left:0}
body[data-page="home"] .company-facts dt{font-size:.875rem;margin-bottom:12px}
body[data-page="home"] .company-facts dd{font-size:clamp(1.375rem,1.8vw,2rem);line-height:1.4}
body[data-page="home"] .company-facts dd.industry-value{font-size:1.125rem;padding-top:0}
body[data-page="home"] .registered-address{margin-top:24px;padding:22px 28px;background:#fff;border:1px solid #dce6de;border-radius:8px;gap:28px}
body[data-page="home"] .registered-address>span{color:#335e43}
body[data-page="home"] .registered-address p{font-size:.9375rem;line-height:1.8}
@media(min-width:761px) and (max-height:850px){
body[data-page="home"] .products-section{padding-block:22px}
body[data-page="home"] .section-heading{margin-bottom:22px}
body[data-page="home"] .products-section .section-overline{margin-bottom:10px!important}
body[data-page="home"] .section-heading h2{font-size:2rem}
body[data-page="home"] .product-card{padding:20px}
body[data-page="home"] .product-card .icon-slot{width:60px;height:60px;border-radius:12px}
body[data-page="home"] .product-card>p{margin:12px 0}
body[data-page="home"] .card-screen{height:clamp(210px,36svh,300px)}
body[data-page="home"] .product-card-bottom{margin-top:12px}
body[data-page="home"] .about-title{padding:30px}
body[data-page="home"] .about-title .section-overline{margin-bottom:18px!important}
.about-brand-mark{width:72px;height:72px;margin-bottom:18px}
.about-brand-bottom{padding-top:24px}
body[data-page="home"] .business-fields{margin:22px 0}
body[data-page="home"] .company-facts{padding-top:20px}
}
@media(max-width:1080px){
body[data-page="home"] .products-section,body[data-page="home"] .about-shell{width:calc(100% - 64px)}
body[data-page="home"] .about-layout{grid-template-columns:.85fr 1.15fr;gap:32px}
body[data-page="home"] .about-title{padding:28px}
body[data-page="home"] .about-title h2{font-size:2.125rem}
body[data-page="home"] .product-card .icon-slot{width:62px;height:62px}
body[data-page="home"] .company-facts{grid-template-columns:1fr 1fr;gap:20px}
body[data-page="home"] .company-facts>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #d8e2d9;padding:16px 0 0}
body[data-page="home"] .company-facts dd.industry-value br{display:none}
body[data-page="home"] .business-fields{grid-template-columns:1fr;gap:12px}
body[data-page="home"] .business-fields>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top-width:1px}
body[data-page="home"] .business-fields strong{margin:0}
}
@media(max-width:760px){
:root{--site-header-height:78px}
body[data-page="home"] .products-section,body[data-page="home"] .about-shell{width:calc(100% - 40px)}
body[data-page="home"] .products-section,body[data-page="home"] .about-section{padding-block:40px}
body[data-page="home"] .section-heading{margin-bottom:26px}
body[data-page="home"] .section-heading h2{font-size:1.75rem}
body[data-page="home"] .product-grid{gap:22px}
body[data-page="home"] .product-card{padding:20px}
body[data-page="home"] .product-card-top{gap:16px}
body[data-page="home"] .product-card h3{font-size:1.3125rem}
body[data-page="home"] .product-card>p{margin:18px 0}
body[data-page="home"] .card-screen{height:auto;aspect-ratio:16/9}
body[data-page="home"] .about-layout{grid-template-columns:1fr;gap:30px;min-height:0}
body[data-page="home"] .about-title{padding:27px}
body[data-page="home"] .about-title h2{font-size:1.875rem}
body[data-page="home"] .about-title h2 br{display:block}
.about-brand-mark{width:72px;height:72px;margin-bottom:20px}
.about-brand-bottom{padding-top:28px;gap:9px}
body[data-page="home"] .about-content{padding:0}
.about-intro .about-lead{font-size:1.125rem}
.about-intro p{font-size:1rem}
body[data-page="home"] .business-fields strong{font-size:1rem}
body[data-page="home"] .company-facts>div{padding-left:15px}
body[data-page="home"] .company-facts>div:last-child{padding-left:0}
body[data-page="home"] .registered-address{margin-top:28px;padding:22px;gap:10px}
body[data-page="home"] .registered-address>span{flex-basis:100%}
body[data-page="home"] .registered-address p{font-size:.875rem}
}

/* A single, catalogue-driven product spotlight. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-carousel{min-width:0;border-radius:12px}
.product-carousel:focus-visible{outline:2px solid var(--green);outline-offset:8px}
.product-spotlight{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.65fr);min-height:clamp(400px,54svh,600px);border:1px solid #d9e5dd;border-radius:12px;overflow:hidden;background:#f8fbf9}
.spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,3.2vw,48px)}
.spotlight-identity{display:flex;align-items:center;gap:18px}
.spotlight-identity .icon-slot{width:64px;height:64px;border-radius:12px;flex-shrink:0}
.spotlight-identity .product-platform{font-size:.875rem;line-height:1.6;color:#687c70}
.spotlight-copy h3{font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.45;letter-spacing:-.02em;margin:24px 0 16px;color:#183f2f;font-weight:600;overflow-wrap:anywhere}
.spotlight-description{font-size:1.0625rem;line-height:1.9;color:#647569;margin:0;overflow-wrap:anywhere}
.spotlight-link{font-size:.9375rem;min-height:44px;padding:12px 22px;gap:34px;margin-top:30px}
.spotlight-visual{display:flex;align-items:center;padding:clamp(24px,3vw,48px);background:#eaf1ed;border-left:1px solid #dce7df;min-width:0}
.spotlight-screen.screen-slot{width:100%;aspect-ratio:16/9;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);border:1px solid #dae3dd;border-radius:6px;background:#fff;box-shadow:0 14px 32px #1d503314}
.spotlight-screen .product-screenshot{min-width:0;min-height:0;object-fit:contain;background:#fff}
.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}
.carousel-footer .product-disclaimer{margin:0;text-align:left;font-size:.8125rem;line-height:1.7;color:#89968d}
.carousel-controls{display:flex;align-items:center;gap:22px;flex-shrink:0}
.carousel-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #cbdacf;background:#fff;color:#276748;border-radius:50%;font-size:1.5rem;line-height:1;transition:background .15s,color .15s,border-color .15s}
.carousel-arrow:hover{background:#087c5c;color:#fff;border-color:#087c5c}
.carousel-arrow:focus-visible{outline:2px solid #087c5c;outline-offset:4px}
.carousel-arrow:disabled{opacity:.4;cursor:default}
.carousel-count{display:flex;gap:12px;align-items:baseline;font-family:Arial,sans-serif;font-size:.875rem;color:#8b9b90;font-variant-numeric:tabular-nums}
.carousel-count strong{font-size:1.125rem;color:#285a40;font-weight:500}
@media(min-width:761px) and (max-height:850px){
.product-spotlight{min-height:380px}
.spotlight-copy{padding:28px}
.spotlight-identity .icon-slot{width:56px;height:56px}
.spotlight-copy h3{font-size:1.75rem;margin:20px 0 12px}
.spotlight-description{font-size:1rem;line-height:1.85}
.spotlight-link{margin-top:24px}
.spotlight-visual{padding:28px}
.carousel-footer{margin-top:16px}
}
@media(max-width:1080px){
.product-spotlight{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.spotlight-copy{padding:26px}
.spotlight-copy h3{font-size:1.5rem}
.spotlight-description{font-size:1rem}
.spotlight-visual{padding:22px}
}
@media(max-width:760px){
.product-spotlight{grid-template-columns:1fr;min-height:0}
.spotlight-copy{padding:26px}
.spotlight-identity .icon-slot{width:54px;height:54px}
.spotlight-copy h3{font-size:1.625rem;margin:20px 0 12px}
.spotlight-description{font-size:1rem;line-height:1.85}
.spotlight-link{margin-top:24px}
.spotlight-visual{padding:24px 18px;border-left:0;border-top:1px solid #dce7df}
.carousel-footer{flex-direction:column-reverse;align-items:stretch;gap:16px;margin-top:22px}
.carousel-controls{justify-content:center;gap:28px}
.carousel-footer .product-disclaimer{text-align:center;font-size:.75rem}
}

/* Keep the frame and navigation steady while product content moves. */
.product-carousel.is-changing .product-spotlight{pointer-events:none}
.product-carousel.is-changing .spotlight-copy,.product-carousel.is-changing .spotlight-screen{will-change:transform,opacity}

/* Product detail gallery: a single full image with previous/next navigation. */
.product-detail-heading>p{margin-bottom:0}
.product-gallery:focus-visible{outline:2px solid var(--green);outline-offset:8px}
.gallery-stage{display:grid;grid-template-columns:46px minmax(0,980px) 46px;justify-content:center;align-items:center;gap:20px}
.gallery-stage .detail-screen{grid-column:2;grid-row:1;width:100%;margin:0;aspect-ratio:16/9;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.gallery-stage .product-screenshot{min-width:0;min-height:0;object-fit:contain}
.gallery-previous{grid-column:1;grid-row:1}
.gallery-next{grid-column:3;grid-row:1}
.product-gallery.is-changing .product-screenshot{will-change:transform,opacity}
.product-gallery.single-screenshot .gallery-stage{grid-template-columns:minmax(0,980px)}
.product-gallery.single-screenshot .detail-screen{grid-column:1}
@media(max-width:760px){
.gallery-stage{grid-template-columns:1fr 1fr;gap:20px}
.gallery-stage .detail-screen{grid-column:1/-1;grid-row:1}
.gallery-previous{grid-column:1;grid-row:2;justify-self:end}
.gallery-next{grid-column:2;grid-row:2;justify-self:start}
}

/* Product detail layout: identity and real screenshots share the first view. */
body[data-page="product"]{--product-accent:#087c5c;--product-ink:#173e32;--product-surface:#edf5f1;--product-line:#dbe8e0}
body[data-product="dll"]{--product-accent:#2478a9;--product-ink:#193d50;--product-surface:#edf4f8;--product-line:#dbe6ed}
.product-page>.product-page-inner{width:min(1380px,calc(100% - 112px))}
.product-page nav.breadcrumb{padding-top:28px;font-size:.875rem;gap:12px}
.product-page nav.breadcrumb a{font-size:.875rem;color:#718179}
.product-page nav.breadcrumb span:last-child{color:#344c40}
.product-detail-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,2fr);align-items:center;gap:clamp(36px,4.4vw,68px);padding:46px 0 64px}
.product-detail-layout .product-detail-heading{max-width:none;padding:0}
.product-detail-layout .detail-title{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.product-detail-layout .detail-title .icon-slot{width:88px;height:88px;border-radius:18px}
.product-detail-layout .product-platform{display:inline-block;font-size:.875rem;line-height:1.6;color:var(--product-accent);margin:0 0 12px}
.product-detail-layout .detail-title h1{font-size:clamp(1.875rem,2.7vw,2.75rem);font-weight:600;line-height:1.45;letter-spacing:-.025em;color:var(--product-ink);margin:0;overflow-wrap:anywhere}
.product-detail-layout .product-detail-heading>p{font-size:1.0625rem;line-height:1.95;color:#69796f;margin:22px 0 0;max-width:350px}
.product-detail-layout .product-gallery{position:relative;margin:0;padding:26px 24px 30px;border:1px solid var(--product-line);border-radius:16px;background:var(--product-surface);min-width:0}
.product-detail-layout .gallery-heading{margin:0 8px 24px;gap:20px}
.product-detail-layout .gallery-heading h2{font-size:1.0625rem;font-weight:500;line-height:1.7;color:var(--product-ink);margin:0}
.product-detail-layout .gallery-count{font-family:Arial,sans-serif;font-size:.875rem;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#75877c}
.product-detail-layout .gallery-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:14px}
.product-detail-layout .detail-screen{border:1px solid #dce6df;border-radius:7px;box-shadow:0 12px 28px #24493410;background:#fff}
.product-detail-layout .carousel-arrow{width:44px;height:44px;font-size:1.375rem;border-color:var(--product-line);color:var(--product-accent);background:#fff}
.product-detail-layout .carousel-arrow:hover{background:var(--product-accent);border-color:var(--product-accent);color:#fff}
.product-detail-layout .carousel-arrow:focus-visible{outline-color:var(--product-accent)}
.product-detail-layout .single-screenshot .gallery-stage{grid-template-columns:minmax(0,1fr)}
.product-page .product-scenarios{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,2fr);gap:clamp(36px,4.4vw,68px);padding:42px 0 38px;border-top:1px solid #e3eae5}
.scenario-heading .section-overline{font-size:.8125rem!important;color:#829087;margin-bottom:9px!important;line-height:1.7}
.product-page .scenario-heading h2{font-size:1.625rem;font-weight:500;color:var(--product-ink);margin:0;line-height:1.5}
.product-page .product-scenarios ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.product-page .product-scenarios li{padding:0 22px;background:none;border:0;border-left:1px solid #e0e8e2;min-width:0}
.product-page .product-scenarios li:first-child{padding-left:0;border-left:0}
.product-page .product-scenarios li:last-child{padding-right:0}
.product-page .product-scenarios .scenario-number{font-family:Arial,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;color:#8ca799;margin:0 0 17px;display:block}
.product-page .product-scenarios h3{font-size:1.125rem;line-height:1.5;font-weight:500;color:var(--product-ink);margin:0 0 12px}
.product-page .product-scenarios li p{font-size:1rem;line-height:1.85;color:#637168;margin:0}
.product-page .product-scenarios .product-disclaimer{font-size:.75rem;line-height:1.8;color:#939e97;text-align:left;margin:26px 0 0}









@media(min-width:761px) and (max-height:850px){
.product-detail-layout{padding-top:36px;padding-bottom:46px}
.product-detail-layout .detail-title{gap:22px}
.product-detail-layout .detail-title .icon-slot{width:76px;height:76px}
.product-detail-layout .product-detail-heading>p{margin-top:18px}
}
@media(max-width:1100px){
.product-page>.product-page-inner{width:calc(100% - 64px)}
.product-detail-layout{grid-template-columns:1fr;gap:32px}
.product-detail-layout .detail-title{flex-direction:row;align-items:center;gap:24px}
.product-detail-layout .product-detail-heading>p{max-width:640px}
.product-detail-layout .detail-title h1{font-size:1.875rem}
.product-detail-layout .product-gallery{padding:22px 16px}
.product-detail-layout .gallery-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:9px}
.product-detail-layout .carousel-arrow{width:44px;height:44px}
.product-page .product-scenarios{grid-template-columns:1fr;gap:26px;padding-top:34px}
.product-page .scenario-heading{display:flex;gap:16px;align-items:baseline}
.scenario-heading .section-overline{margin:0!important}
}
@media(max-width:760px){
.product-page>.product-page-inner{width:calc(100% - 40px)}
.product-page nav.breadcrumb{padding-top:24px;font-size:.75rem;gap:8px}
.product-page nav.breadcrumb a{font-size:.75rem}
.product-detail-layout{grid-template-columns:1fr;gap:28px;padding:32px 0 34px}
.product-detail-layout .detail-title{flex-direction:row;align-items:center;gap:16px}
.product-detail-layout .detail-title .icon-slot{width:64px;height:64px;flex-shrink:0;border-radius:13px}
.product-detail-layout .product-platform{font-size:.75rem;margin-bottom:7px}
.product-detail-layout .detail-title h1{font-size:1.4375rem;letter-spacing:0;line-height:1.5}
.product-detail-layout .product-detail-heading>p{font-size:1rem;line-height:1.9;margin-top:22px;max-width:none}
.product-detail-layout .product-gallery{padding:20px 16px 18px;border-radius:12px}
.product-detail-layout .gallery-heading{margin:0 0 16px}
.product-detail-layout .gallery-heading h2{font-size:.9375rem}
.product-detail-layout .gallery-count{font-size:.8125rem}
.product-detail-layout .gallery-stage{grid-template-columns:1fr 1fr;gap:18px}
.product-detail-layout .carousel-arrow{width:44px;height:44px}
.product-detail-layout .detail-screen{border-radius:4px;box-shadow:0 6px 18px #2449340d}
.product-page .product-scenarios{padding:28px 0 30px;gap:22px}
.product-page .scenario-heading h2{font-size:1.375rem}
.product-page .product-scenarios ul{grid-template-columns:1fr}
.product-page .product-scenarios li{position:relative;padding:20px 0 20px 42px;border-left:0;border-top:1px solid #e3eae5}
.product-page .product-scenarios li:first-child{padding:0 0 20px 42px;border-top:0}
.product-page .product-scenarios li:last-child{padding-bottom:0}
.product-page .product-scenarios .scenario-number{position:absolute;left:0;top:22px;font-size:.875rem;margin:0}
.product-page .product-scenarios li:first-child .scenario-number{top:2px}
.product-page .product-scenarios h3{font-size:1.0625rem;margin-bottom:6px}
.product-page .product-scenarios li p{font-size:1rem;line-height:1.8}
.product-page .product-scenarios .product-disclaimer{margin-top:22px}






}
@media(max-width:380px){
.product-detail-layout .detail-title{gap:13px}
.product-detail-layout .detail-title .icon-slot{width:55px;height:55px}
.product-detail-layout .detail-title h1{font-size:1.3125rem}

}