/* TO THE LINE | V19 homepage refinement */
.sidebar .tr-wordmark{font-size:18px!important;letter-spacing:-.5px!important}
.sidebar .tr-brand-tagline{font-size:8.5px!important;letter-spacing:.65px!important}

.ttl-landing{margin:-28px -29px 0;font-family:Arial,Helvetica,sans-serif;color:#122741}
.ttl-hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:490px;background:linear-gradient(120deg,#061b32 0%,#102b4b 100%);border-radius:15px;overflow:hidden;color:#fff}
.ttl-hero-text{padding:60px 38px 52px 47px;position:relative;z-index:1}
.ttl-kicker,.ttl-section-kicker{font-size:11px;font-weight:800;letter-spacing:2.2px;color:#78A5FF;margin:0 0 23px}
.ttl-hero h1{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-2px;color:#fff;margin:0 0 22px;font-weight:850}
.ttl-hero h1 span{color:#78A5FF}
.ttl-lead{font-size:21px;line-height:1.35;color:#fff;margin:0 0 18px}
.ttl-lead strong{font-weight:800}
.ttl-description{font-size:15px;color:#d0deee;line-height:1.7;max-width:490px}
.ttl-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.ttl-primary{border:0;border-radius:9px;background:#3868ED;color:#fff!important;padding:13px 22px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}
.ttl-primary:hover{background:#2856d7}
.ttl-secondary{padding:12px 19px;border:1px solid #78A5FF;border-radius:9px;color:#eef7ff!important;text-decoration:none;font-weight:700}
.ttl-secondary:hover{background:#ffffff1c}
.ttl-hero-foot{font-size:10px;color:#a6c1de;letter-spacing:1.1px;font-weight:700}
.ttl-hero-art{background:linear-gradient(90deg,#102b4b 0%,#102b4b14 35%,#102b4b05 100%),url('cockpit-unsplash.jpg') center center/cover no-repeat;position:relative;min-height:380px}
.ttl-hero-art-label{position:absolute;right:24px;bottom:25px;color:#d0e4f8;letter-spacing:1.3px;font-weight:700;font-size:10px;padding:11px 13px;border:1px solid #ffffff3b;background:#061b32ad;border-radius:8px;backdrop-filter:blur(4px)}
.ttl-art-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#78A5FF;margin-right:8px}

/* Refined feature cards directly below hero */
.ttl-value{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:transparent;color:#fff;margin:16px 0 68px;padding:0;align-items:stretch}
.ttl-value>div{padding:22px 22px 18px;background:#102c4d;color:#fff;border:1px solid #1f4169;border-radius:14px;min-height:132px;display:flex;flex-direction:column;justify-content:flex-start}
.ttl-value-icon{color:#78A5FF;font-size:24px;display:block;margin-bottom:14px;line-height:1}
.ttl-value strong{display:block;font-size:18px;line-height:1.25;margin-bottom:10px;min-height:44px}
.ttl-value p{color:#bfd1e8;font-size:14px;line-height:1.55;margin:0}

.ttl-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin:0 15px 70px}
.ttl-section-kicker{color:#3868ED}
.ttl-platform-left h2,.ttl-systems h2,.ttl-close h2{font-size:clamp(30px,3.4vw,44px);line-height:1.14;letter-spacing:-1.2px;color:#132c4b;margin:0 0 20px}
.ttl-platform-left h2 em,.ttl-close h2 em{color:#3868ED;font-style:normal}
.ttl-platform-left>p:not(.ttl-section-kicker),.ttl-systems p:not(.ttl-section-kicker){font-size:15px;color:#5b6f89;line-height:1.8}
.ttl-feature-list{display:flex;gap:14px;margin:12px 0;font-size:14px;font-weight:650}
.ttl-feature-list span{display:grid;place-items:center;border-radius:50%;height:23px;width:23px;background:#3868ED;color:#fff;flex-shrink:0}
.ttl-text-link{color:#2456d7;font-weight:800;display:inline-block;margin:17px 0;text-decoration:none}
.ttl-demo-card{box-shadow:0 18px 45px #11284919;border:1px solid #dce5f2;background:#fff;border-radius:16px;padding:27px}
.ttl-demo-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:850;color:#19385F;border-bottom:1px solid #e4ebf4;padding-bottom:18px}
.ttl-demo-top b{color:#3868ED}
.ttl-demo-top small{font-weight:600;color:#7587a1}
.ttl-demo-status{font-size:8px;color:#778ba7;letter-spacing:1px}
.ttl-demo-number{font-size:11px;color:#7587a1;font-weight:800;letter-spacing:1px;margin:28px 0 14px}
.ttl-demo-number span{float:right;color:#3868ED}
.ttl-demo-card h3{font-size:20px;margin:0 0 22px;color:#19385F}
.ttl-demo-option{border:1px solid #dce5f2;background:#f7faff;padding:13px 15px;border-radius:9px;margin:10px 0;color:#3868ED;font-size:13px;font-weight:850}
.ttl-demo-option span{color:#27415f;margin-left:12px}
.ttl-demo-bottom{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:750;color:#7690b1;border-top:1px solid #e6ecf4;padding-top:18px;margin-top:23px}

.ttl-systems{margin:0 15px 65px;padding:35px 39px;border-radius:17px;background:#eff4fb;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.ttl-system-tags{display:flex;align-content:center;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.ttl-system-tags span{padding:11px 14px;background:#fff;border:1px solid #d8e3f3;border-radius:10px;color:#1b4268;font-size:12px;font-weight:750}

.ttl-close{margin:0 0 25px;border-radius:16px;background:linear-gradient(90deg,#061b32 0%,#0b223e 53%,#061b3244 100%),url('cockpit-unsplash.jpg') right center/cover no-repeat;min-height:330px;color:#fff;padding:47px;display:flex;align-items:center}
.ttl-close>div{max-width:470px}
.ttl-close h2{color:#fff;font-size:43px}
.ttl-close h2 em{color:#78A5FF}
.ttl-close p:not(.ttl-section-kicker){color:#cfdeef;line-height:1.7}
.ttl-close .ttl-primary{margin-top:14px}

@media (max-width:1180px){
  .ttl-landing{margin:-20px -20px 0}
  .ttl-hero-text{padding:43px 28px}
  .ttl-section{gap:25px}
}

@media (max-width:900px){
  .ttl-hero{grid-template-columns:1fr}
  .ttl-hero-art{min-height:300px}
  .ttl-value{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .ttl-section,.ttl-systems{grid-template-columns:1fr}
}

@media (max-width:600px){
  .ttl-landing{margin:-16px -12px 0}
  .ttl-hero-text{padding:35px 24px}
  .ttl-hero h1{font-size:38px}
  .ttl-value{grid-template-columns:1fr;gap:14px;margin:14px 0 48px}
  .ttl-value>div{padding:20px 16px;min-height:auto}
  .ttl-value strong{min-height:0;font-size:17px}
  .ttl-section{margin:0 7px 50px}
  .ttl-systems{margin:0 7px 45px;padding:24px}
  .ttl-close{padding:30px;background-position:right center}
  .ttl-close h2{font-size:34px}
  .ttl-demo-card{padding:17px}
  .ttl-demo-status{display:none}
}

/* V21: Restore hero heading contrast against the navy panel; retain blue accent on second line. */
.content .ttl-landing .ttl-hero h1{color:#ffffff!important;opacity:1!important;text-shadow:none!important}
.content .ttl-landing .ttl-hero h1 span{color:#78A5FF!important;opacity:1!important}

/* V24: auth-aware hero actions */
.ttl-actions{align-items:center}
.ttl-actions .ttl-secondary-button{background:transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:normal}
.ttl-actions .ttl-hero-explore{color:#d0e3f9;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:13px;padding:8px 2px}
.ttl-actions .ttl-hero-explore:hover{color:#fff}
@media(max-width:600px){.ttl-actions .ttl-hero-explore{flex-basis:100%}}
