/* Public landing page: responsive presentation, using original Tetramia imagery. */
.tt-home{max-width:1100px;margin:0 auto 36px;color:#e5f0f7;font:400 16px/1.65 system-ui,-apple-system,sans-serif}
.tt-home *{box-sizing:border-box}
.tt-home a{color:#b2effd}
.tt-home-eyebrow{color:#7ee8df;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}
.tt-home-hero{border:1px solid #315667;border-radius:15px;padding:26px;background:linear-gradient(145deg,#132d3e,#0c1b2a);overflow:hidden}
.tt-home h1{font-size:clamp(29px,3.4vw,46px);line-height:1.14;letter-spacing:-.02em;margin:9px 0 14px;color:#f4fbff!important}
.tt-home-hero p{font-size:17px;line-height:1.7;max-width:68ch;color:#d1e4ee;margin:0 0 20px}
.tt-home-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.tt-home-actions a,.tt-home-footer-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;text-decoration:none;border:1px solid #4f8696;border-radius:9px;color:#d9f8fc;background:#102c3d;font-weight:700;font-size:14px}
.tt-home-actions a:hover,.tt-home-footer-cta a:hover{border-color:#97f0e5;background:#1b4758}
.tt-home-actions .tt-home-action-primary,.tt-home-footer-cta a{background:#54d5c7;border-color:#54d5c7;color:#08212a}
.tt-home-ship{display:block;width:100%;max-height:360px;height:auto;object-fit:contain;object-position:center;border-radius:11px;border:1px solid #2f5366;background:#081622}
.tt-home-section{margin-top:18px;padding:23px 25px;border:1px solid #315263;border-radius:14px;background:#101f2d}
.tt-home h2{font-size:clamp(23px,2.6vw,30px);line-height:1.25;margin:6px 0 16px!important;color:#f0fbff!important}
.tt-home-features{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0;margin:0}
.tt-home-features li{padding:16px 17px;background:#172f40;border:1px solid #31576a;border-radius:9px;min-width:0}
.tt-home-features strong{display:block;color:#a1f2e8;font-size:16px;margin-bottom:5px}
.tt-home-features span{display:block;color:#c7dce8;font-size:14px;line-height:1.6}
.tt-home-gallery-intro{color:#c5d9e6;margin:-7px 0 14px}
.tt-home-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}
.tt-home-screenshot{display:block;text-decoration:none;border:1px solid #34566a;border-radius:10px;background:#132b3b;overflow:hidden}
.tt-home-screenshot:hover,.tt-home-screenshot:focus-visible{border-color:#7de7e5;outline:2px solid #7de7e5;outline-offset:2px}
.tt-home-screenshot img{display:block;width:100%;height:140px;object-fit:cover}
.tt-home-screenshot span{display:block;color:#d9f2fb;font-weight:700;padding:9px 11px;font-size:13px}
.tt-home-footer-cta{padding:23px 25px;margin-top:18px;border:1px solid #3b696f;border-radius:14px;background:#133339}
.tt-home-footer-cta p{margin:0 0 16px;color:#d1e4e8}
.tt-home-preview{width:min(96vw,1050px);max-width:96vw;max-height:94dvh;box-sizing:border-box;background:#0c1826;border:1px solid #48778c;border-radius:12px;padding:12px;color:#e9f8ff}
.tt-home-preview::backdrop{background:rgba(0,8,15,.85)}
.tt-home-preview form{display:flex;justify-content:flex-end;margin:0 0 9px}
.tt-home-preview-close{min-height:44px;padding:8px 15px;color:#eaf8ff;background:#143c4b;border:1px solid #5f9daf;border-radius:8px;cursor:pointer}
.tt-home-preview img{display:block;max-width:100%;max-height:calc(94dvh - 95px);margin:auto;object-fit:contain}
@media(max-width:680px){
  .tt-home-hero,.tt-home-section,.tt-home-footer-cta{padding:17px}
  .tt-home-features{grid-template-columns:1fr}
  .tt-home-actions a{flex:1 1 145px;text-align:center}
  .tt-home-hero p{font-size:16px}
  .tt-home-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .tt-home-screenshot img{height:100px}
  .tt-home-screenshot span{font-size:12px}
}
@media(max-width:340px){
  .tt-home-gallery{grid-template-columns:1fr}
  .tt-home-screenshot img{height:155px}
}