.tt-software{--sw-green:#075f41;--sw-line:#dce7e1;line-height:1.95;color:#19362b}.tt-software *{box-sizing:border-box}.tt-software section{margin-block:2rem}.tt-software .tt-software-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:clamp(1.2rem,4vw,3rem);background:linear-gradient(130deg,#eef8f2,#fff8e5);border:1px solid var(--sw-line);border-radius:24px}.tt-software h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.6;color:var(--sw-green);margin-block:0 1rem}.tt-software h3{font-size:1.15rem;color:var(--sw-green)}.tt-software p{margin-block:.7rem 1.2rem}.tt-software-brand{font-weight:800;color:var(--sw-green);letter-spacing:.03em}.tt-software img{max-width:100%;height:auto;border-radius:18px;display:block}.tt-software-price{font-size:2rem;font-weight:800;color:var(--sw-green)}.tt-software-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.tt-software a.tt-software-button{display:inline-flex;align-items:center;justify-content:center;background:var(--sw-green);color:#fff!important;text-decoration:none;padding:.8rem 1.1rem;border-radius:12px;font-weight:700;min-height:48px}.tt-software a.tt-software-secondary{background:#fff;color:var(--sw-green)!important;border:1px solid var(--sw-green)}.tt-software a:focus-visible,.tt-software summary:focus-visible{outline:3px solid #be7910;outline-offset:4px}.tt-software-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tt-software-card{border:1px solid var(--sw-line);padding:1.4rem;border-radius:18px;background:#fff;min-width:0}.tt-software-card img{max-height:360px;object-fit:contain;margin-inline:auto}.tt-software-note{font-size:.95rem;color:#485b51}.tt-software-guide{max-width:850px;margin-inline:auto}.tt-software-guide h2{margin-top:2.2rem}.tt-software details{padding:1rem 1.2rem;border:1px solid var(--sw-line);border-radius:12px;margin-block:.7rem}.tt-software summary{cursor:pointer;font-weight:700}.tt-software-toc{display:flex;gap:1rem;flex-wrap:wrap;padding:1rem;background:#f2f7f4;border-radius:12px}.tt-software-toc a{text-decoration:underline}.tt-software li{margin-block:.5rem}.tt-software-product-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.tt-software-product-list .tt-software-card{max-width:580px}@media(max-width:800px){.tt-software .tt-software-hero{grid-template-columns:1fr}.tt-software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-software-hero img{max-width:480px;margin-inline:auto}}@media(max-width:480px){.tt-software-grid{grid-template-columns:1fr}.tt-software-actions a{width:100%}.tt-software h2{font-size:1.35rem}}
/* Systems section strip in the site footer. */
.tt-footer-systems{padding-block:0}
.tt-systems-bar{color:#dbe7ef}
.tt-systems-bar>.container{display:flex;align-items:center;gap:12px;min-height:44px;padding-block:6px 18px;flex-wrap:wrap;border-bottom:1px solid #ffffff24}
.tt-systems-bar-label{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;font-weight:800;color:#bfe0f2;white-space:nowrap}
.tt-systems-bar-label>span{font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9fbfd2;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:2px 8px}
.tt-systems-bar ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.tt-systems-bar li{margin:0}
.tt-systems-bar ul a{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#ffffff0f;border:1px solid #ffffff2e;color:#e8f2f8;font-size:12.5px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.tt-systems-bar ul a:hover,.tt-systems-bar ul a:focus-visible{background:#ffffff24;border-color:#ffffff66;color:#fff}
.tt-systems-bar-icon{flex:0 0 15px;width:15px;height:15px;background-size:15px;background-position:center;background-repeat:no-repeat;filter:brightness(1.9)}
.tt-systems-bar-all{margin-inline-start:auto;font-size:12.5px;font-weight:800;color:#9fd8f2;text-decoration:none;white-space:nowrap}
.tt-systems-bar-all span{margin-inline-start:5px}
.tt-systems-bar-all:hover{color:#fff;text-decoration:underline}
@media(max-width:760px){.tt-systems-bar>.container{flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none}.tt-systems-bar>.container::-webkit-scrollbar{display:none}.tt-systems-bar-label{flex:0 0 auto}.tt-systems-bar ul{flex-wrap:nowrap}.tt-systems-bar ul a{white-space:nowrap;min-height:44px}.tt-systems-bar-all{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px}}