.trak-hero{grid-template-columns:1.05fr 1fr}.trak-hero-preview{margin:0;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.trak-hero-preview .trak-logo{width:200px;height:auto;margin:16px auto 10px}.trak-hero-preview>a{display:block;margin:0 16px}.trak-hero-preview>a>img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.trak-hero-preview figcaption{padding:15px 20px;color:var(--muted);font-size:.875rem;text-align:center}.trak-function-number{display:block;color:var(--blue-dark);font-size:.875rem;margin-bottom:17px;font-weight:700}.trak-connection-note{margin-top:30px!important;color:var(--muted);font-size:1rem;max-width:820px}.trak-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.trak-screen{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#fff}.trak-screen-main{grid-column:1/-1}.trak-screen>a{display:block;padding:18px;background:#f7fafc}.trak-screen>a>img{width:100%;height:360px;object-fit:contain}.trak-screen-main>a>img{height:auto}.trak-screen figcaption{padding:24px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.trak-screen h3{font-size:1.2rem;margin:0 0 10px}.trak-screen p{color:var(--muted);font-size:1rem;margin:0 0 18px}.trak-screen .text-link{margin-top:auto;font-size:.875rem}.trak-document{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--soft)}.trak-document p{margin:0;font-size:1rem}@media(max-width:700px){.trak-hero{grid-template-columns:1fr}.trak-hero-preview .trak-logo{width:180px}.trak-screens{grid-template-columns:1fr;gap:20px}.trak-screen-main{grid-column:auto}.trak-screen>a{padding:10px}.trak-screen>a>img{height:auto}.trak-screen figcaption{padding:20px}.trak-document{flex-direction:column;align-items:flex-start;padding:20px}}