body{font-family:"PingFang SC",Arial,sans-serif;background:#fff} .header{background:#f5fbff} .nav-shell{max-width:1310px;padding:18px 35px;margin:auto} .hero-center{text-align:center;background:#eaf8fd;padding:70px 0 0} .hero-center .center-wrap{max-width:900px;margin:auto;padding:0 25px} .hero-center .hero-copy{max-width:900px} .hero-center h1{font-size:clamp(50px,6vw,80px)} .hero-center .hero-lede{max-width:670px;margin:0 auto} .hero-center .download-actions{justify-content:center} .hero-center .hero-photo{max-width:1180px;margin:65px auto 0;overflow:hidden;border-radius:42px 42px 0 0} .hero-center .hero-photo img{height:410px;object-fit:cover} .hero-center .eyebrow{color:#1b78a8} .feature-main{max-width:1290px;margin:auto;padding:100px 42px} .feature-mobile{display:grid;grid-template-columns:repeat(4,1fr);gap:55px;margin-top:70px} .mobile-entry svg{color:#1b72ae} .mobile-entry h3{margin:22px 0} .story{background:#f3fafc;padding:90px 11%} .story-head{max-width:690px} .story-body{max-width:820px;margin:25px 0 0 auto} .guide-highlight{padding:100px 16%;text-align:center} .cta{background:#186a9e;color:white} .download-hero{padding:87px 7%;background:#f0faff} .platform-heading{max-width:820px;margin:auto;text-align:center} .download-systems{margin:60px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1000px} .system-slot{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center} .system-slot .action{grid-column:2} .install-method{display:grid;grid-template-columns:1fr 1fr;gap:110px} .footer{background:#ecf7fb}
/* 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}
}