.home-page .example-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#edf1f5;border:1px solid #e1e6ec;padding:7px;border-radius:12px;margin:0 0 24px}.home-page .example-selector button{border:0;background:transparent;color:#56677c;border-radius:8px;padding:13px 16px;text-align:left;min-height:62px;font-size:13px;font-weight:700}.home-page .example-selector button small{display:block;font-size:10px;font-weight:400;margin-top:4px}.home-page .example-selector button[aria-selected=true]{background:#fff;color:#19293e;box-shadow:0 2px 8px #17283e09}.home-page [data-example-panel][hidden]{display:none!important}.home-page .family-card{display:grid;grid-template-columns:1.05fr 1fr}.home-page .family-card .poster img{height:100%;aspect-ratio:4/3;object-fit:cover}.home-page .family-card .card-body{padding:30px}.home-page .family-card .card-body p{min-height:0}.home-page .family-card .card-body .small-note{font-size:11px;line-height:1.8;margin-top:20px}.home-page .operation-preview{display:flex;flex-direction:column;justify-content:center;gap:13px;background:#f0f3f7;padding:30px}.home-page .operation-preview header{font-size:11px;font-weight:700;margin-bottom:4px;color:#5d6e82}.home-page .operation-preview article{background:#fff;border:1px solid #dde4ec;border-radius:10px;padding:16px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-page .operation-preview small{font-size:10px;color:#5e6f83;display:block;margin-top:4px}.home-page .operation-preview b{font-size:10px;color:#376346;background:#edf5ef;border-radius:5px;padding:5px 8px}.home-page .example-family-note{font-size:11px;color:#5c6d81;line-height:1.8;margin:20px 0 0}.home-page .capability-outline{margin-top:24px;border-top:1px solid #e1e6ec;padding-top:15px}.home-page .capability-outline summary{font-size:12px;font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center}.home-page .capability-outline p{font-size:12px;line-height:1.9;color:#5c6d81;max-width:900px}.home-page .capability-outline a{font-size:12px;font-weight:600;color:#98502f;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:720px){.home-page .example-selector{gap:5px;padding:5px}.home-page .example-selector button{padding:11px 8px;font-size:11px;min-height:66px}.home-page .example-selector button small{font-size:9px;line-height:1.5}.home-page .family-card{grid-template-columns:1fr}.home-page .family-card .poster img{aspect-ratio:16/10;height:auto}.home-page .family-card .card-body{padding:23px}.home-page .operation-preview{padding:22px}.home-page .example-family-note{font-size:11px}}

.unified-product-grid{display:block}.unified-product-grid>.demo-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);overflow:hidden}.unified-product-grid .poster{height:100%;min-height:390px;border-radius:0;display:flex;align-items:center;background:#edf2f6}.unified-product-grid .poster img{height:auto;object-fit:contain}.unified-product-grid .card-body{padding:42px;display:flex;flex-direction:column;justify-content:center}.unified-product-grid .card-body h3{font-size:30px;line-height:1.2}.unified-product-grid .card-body p{font-size:16px;line-height:1.7}.unified-product-grid .actions{margin-top:20px;flex-wrap:wrap}.hero-land-choice .hero-choice-actions{grid-template-columns:1fr}@media(max-width:850px){.unified-product-grid>.demo-card{grid-template-columns:1fr}.unified-product-grid .poster{min-height:0}.unified-product-grid .card-body{padding:25px}.unified-product-grid .card-body h3{font-size:25px}}
