body{font-family:"Inter","Microsoft YaHei",Arial,sans-serif;background:#f9fbfc} .header{background:#f9fbfc} .nav-shell{max-width:1330px;margin:auto;padding:20px 30px} .hero-calm{padding:78px 35px 0;text-align:center;background:#eef3f6} .hero-calm .calm-shell{max-width:920px;margin:auto} .hero-calm h1{font-size:clamp(54px,6vw,83px);letter-spacing:-.05em} .hero-calm .hero-lede{max-width:730px;margin:auto} .hero-calm .download-actions{justify-content:center} .hero-calm .eyebrow{color:#4b6377} .calm-annotation{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#698091;margin:33px 0} .hero-calm .hero-photo{max-width:1050px;margin:0 auto;overflow:hidden;border-radius:32px 32px 0 0} .hero-calm .hero-photo img{height:375px;object-fit:cover} .feature-main{padding:95px 9%;background:white} .feature-dictionary{max-width:1100px;margin:65px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:63px 85px} .dictionary-term dt{display:flex;align-items:center;gap:16px;font-size:23px} .dictionary-term dt svg{color:#5b7889} .dictionary-term dd{margin:17px 0 0 52px;color:#587080;line-height:1.95} .story{background:#f0f5f7;padding:90px 10%;display:grid;grid-template-columns:1fr 1fr;gap:75px} .guide-highlight{max-width:770px;margin:80px auto 100px;text-align:center} .cta{background:#284254;color:white} .download-hero{padding:95px 10%;background:#eef4f7;text-align:center} .download-hero>p{max-width:800px;margin:auto} .download-systems{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1100px;margin:60px auto 0;text-align:left} .system-slot{display:grid;grid-template-columns:45px 1fr;gap:16px;align-items:center} .system-slot .action{grid-column:2} .install-method{display:grid;grid-template-columns:1fr 1fr;gap:105px} .footer{background:#eaf0f3}
/* V10 typography and responsive editorial layout: readable content across window sizes */
:root{--reading-max:1120px}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,3.2vw,58px) clamp(35px,5.5vw,86px);
  width:100%;max-width:var(--reading-max);
  margin-left:auto;margin-right:auto;
}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) > *,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) > *{min-width:0;max-width:100%}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) p,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) p{
  line-height:1.8;font-size:16px;overflow-wrap:normal;word-break:normal;
}
.feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) h3,
.features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary) h3{line-height:1.42;overflow-wrap:normal;word-break:normal}
.feature-main .section-intro{max-width:900px}
.feature-main .section-intro > p{max-width:800px;line-height:1.8}
.features-detailed > h2{max-width:900px;margin-left:auto;margin-right:auto}
.story{min-width:0}
.story > *{min-width:0}
.story p,.guide-highlight p,.feature-focus p,.features-context p{line-height:1.8}
@media (max-width:980px){
  .feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
  .features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){grid-template-columns:minmax(0,1fr);gap:35px;max-width:760px}
  .story{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .story-body{margin-left:0!important;margin-right:0!important;max-width:760px}
  .feature-main .section-intro{max-width:760px;margin-left:auto;margin-right:auto}
  .feature-main{padding:62px max(5%,26px)!important}
  .features-detailed .feature-main{padding:0!important}
  .feature-gallery .gallery-note{grid-template-columns:44px minmax(0,1fr)!important;gap:16px}
  .feature-ledger .ledger-row{grid-template-columns:54px minmax(0,1fr)!important}
  .guide-highlight{padding-top:62px!important;padding-bottom:62px!important}
}
@media (max-width:710px){
  .feature-main :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary),
  .features-detailed :is(.feature-editorial,.feature-mobile,.features-reading,.feature-ledger,.feature-gallery,.feature-manuscript,.feature-symbols,.feature-guide,.feature-modalities,.feature-dictionary){grid-template-columns:minmax(0,1fr)!important;max-width:none;gap:30px}
  .feature-main .section-intro{margin-left:0;margin-right:0}
  .feature-main{padding:52px 24px!important}
  .features-detailed .feature-main{padding:0!important}
  .feature-ledger .ledger-row{grid-template-columns:44px minmax(0,1fr)!important}
  .feature-gallery .gallery-note{grid-template-columns:44px minmax(0,1fr)!important}
  .features-detailed{padding-top:54px!important;padding-bottom:54px!important}
}

/* Intermediate desktop width: avoid a thin sidebar next to a huge empty area. */
@media (min-width:711px) and (max-width:1200px){
  .story{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
  .story-body{margin-left:0!important;margin-right:0!important;max-width:850px}
  .guide-highlight{text-align:left!important}
  .guide-highlight p{max-width:850px}
}