body{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;background:#fff} .header{background:#111f48;color:#fff} .brand,.main-nav a{color:inherit} .nav-shell{padding:20px 4.8%;max-width:1460px;margin:auto} .hero-dark{background:linear-gradient(125deg,#0b1742,#194a84);color:#fff;padding:70px 4% 95px} .hero-dark .hero-wrap{max-width:1370px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center} .hero-dark .hero-photo{order:0;overflow:hidden;border-radius:80px 10px 80px 10px;box-shadow:0 36px 70px #07143a70} .hero-dark .hero-copy{order:1} .hero-dark .hero-photo img{height:510px;object-fit:cover} .hero-dark h1{font-size:clamp(46px,5vw,75px);line-height:1.14} .hero-dark p,.hero-dark .text-link{color:#d7e6ff} .hero-dark .platform-label{color:#d4e4fb} .hero-dark .eyebrow{color:#96bbff} .hero-dark .action-win{background:#86a9fa;color:#101a3c} .hero-dark .action-ios{background:transparent;border:1px solid #8eaceb;color:#fff} .feature-main{max-width:1270px;margin:auto;padding:95px 38px} .feature-ledger{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:54px 75px} .ledger-row{display:grid;grid-template-columns:68px 1fr;align-items:start;column-gap:16px} .ledger-row .ledger-icon{grid-row:span 2;color:#3158d5} .ledger-row h3{align-self:end;margin:0} .ledger-row p{grid-column:2;margin-top:12px} .story{padding:100px 8%;background:#eff4ff;display:grid;grid-template-columns:1fr 1fr;gap:9vw} .guide-highlight{padding:74px 12%;background:white;max-width:none} .cta{background:#14244b;color:white} .download-hero{background:#edf3ff;padding:88px max(7%,calc((100vw - 1050px)/2));max-width:none;text-align:center} .download-hero>p{max-width:750px;margin:15px auto} .download-systems{display:grid;grid-template-columns:1fr 1fr;gap:46px;text-align:left;margin:55px auto 0} .system-slot{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center} .install-method{display:grid;grid-template-columns:1fr 1fr;gap:78px} .footer{background:#111f48;color:#e0e9ff}
/* 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}
}