.landing-home .trydemo .demo-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px; background:#eaf1f9; border:2px solid #b7cce5; border-radius:16px 16px 0 0; }
.landing-home .trydemo .demo-tabs .demo-tab { display:flex; align-items:center; justify-content:center; gap:10px; min-height:68px; padding:14px 18px; border:2px solid #174b85; border-radius:12px; background:#fff; color:#10375f; font-size:clamp(15px,1.5vw,19px); font-weight:800; line-height:1.25; text-align:center; cursor:pointer; opacity:1; box-shadow:0 2px 5px rgba(0,0,0,.09); transition:background .15s,color .15s,transform .15s; }
.landing-home .trydemo .demo-tabs .demo-tab svg { flex:0 0 24px; width:24px; height:24px; stroke:currentColor; }
.landing-home .trydemo .demo-tabs .demo-tab.active { background:#1555a0; color:#fff; border-color:#1555a0; box-shadow:0 4px 12px rgba(21,85,160,.25); }
.landing-home .trydemo .demo-tabs .demo-tab:not(.active):hover { background:#dceafa; }
.landing-home .trydemo .demo-tabs .demo-tab:focus-visible { outline:3px solid #ffbb33; outline-offset:3px; }
@media(max-width:520px) { .landing-home .trydemo .demo-tabs {gap:8px;padding:8px;} .landing-home .trydemo .demo-tabs .demo-tab {min-height:74px; padding:10px 7px; font-size:14px; flex-direction:column; gap:5px;} }