/* ==========================================================================
   The Risk House — Custom Stylesheet
   Bootstrap 5.3 + custom layer
   Sections: 01 Tokens · 02 Base · 03 Utilities · 04 Buttons · 05 Header
             06 Hero · 07 Two Paths · 08 Brands · 09 Why Us · 10 Case Studies
             11 Reviews · 12 Blog · 13 Footer · 14 Animations · 15 Responsive
   ========================================================================== */

/* ---------- 01. Design tokens ---------- */
:root{
  --tr-blue:#2006F7;
  --tr-blue-600:#1A05CE;
  --tr-blue-700:#1404A6;
  --tr-blue-300:#7A63FF;
  --tr-blue-050:#EDECFE;
  --tr-violet:#7C3AED;
  --tr-violet-050:#F5F1FF;
  --tr-ink:#001A47;
  --tr-ink-700:#22355C;
  --tr-body:#59677F;
  --tr-muted:#8794AC;
  --tr-line:#E2E7F2;
  --tr-surface:#FFFFFF;
  --tr-surface-2:#F5F7FD;
  --tr-lavender:#ECEEFD;

  --tr-radius-sm:8px;
  --tr-radius:12px;
  --tr-radius-lg:18px;
  --tr-shadow-sm:0 2px 10px rgba(0,26,71,.06);
  --tr-shadow:0 10px 30px rgba(0,26,71,.08);
  --tr-shadow-lg:0 22px 60px rgba(0,26,71,.14);

  --tr-ff:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --tr-header-h:74px;
  --tr-ease:cubic-bezier(.2,.7,.3,1);

  /* Fixed hero height so every Slick slide renders at the same size —
     without this, adaptiveHeight:false locks the track to whichever slide
     is naturally tallest, and align-items-center on .tr-hero__inner then
     centers shorter slides inside that mismatched box, leaving a visible
     gap between the hero copy and whatever follows (see PROJECT-NOTES.md). */
  --tr-hero-height:clamp(300px, 38vw, 450px);

  --white: #fff;
}

/* ---------- Local Inter webfont ---------- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/inter/inter-latin-400-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url("../fonts/inter/inter-latin-500-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url("../fonts/inter/inter-latin-600-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;
  src:url("../fonts/inter/inter-latin-700-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;
  src:url("../fonts/inter/inter-latin-800-normal.woff2") format("woff2");}

/* ---------- 02. Base ---------- */
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{scroll-behavior:smooth;}

body{
  font-family:var(--tr-ff);
  color:var(--tr-body);
  font-size:15px;
  line-height:1.7;
  background:var(--tr-surface);
  /* overflow-x:hidden; */
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color:var(--tr-ink);font-weight:800;letter-spacing:-.02em;line-height:1.18;}
h1{font-size:clamp(2rem,3.4vw,2.95rem);}
h2{font-size:clamp(1.6rem,2.9vw,2.3rem);}
h3{font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:700;}
p{margin-bottom:1rem;}
a{color:var(--tr-blue);text-decoration:none;transition:color .22s var(--tr-ease);}
a:hover{color:var(--tr-blue-700);}
img,svg{max-width:100%;}
::selection{background:var(--tr-blue);color:#fff;}

.cust_container,
.container,
.container-xxl {
  max-width: 1920px;
  padding-inline: clamp(18px, 5.2vw, 100px);
  margin-inline: auto;
  width: 100%;
}

.bothSide_gap {
    width: 100%;
    height: auto;
    padding: 40px 0;
}

.topSide_gap {
    width: 100%;
    height: auto;
    padding: 40px 0 0;
}

.bottomSide_gap {
    padding: 0 0 40px;
}

@media (max-width: 1400px) {

    .bothSide_gap {
        padding: 35px 0;
    }

    .topSide_gap {
        padding: 35px 0 0;
    }

    .bottomSide_gap {
        padding: 0 0 35px;
    }
}

/* ---------- 03. Utilities ---------- */
.tr-eyebrow{
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tr-blue);margin-bottom:.65rem;display:block;
}
.tr-eyebrow--violet{color:var(--tr-violet);}
.tr-lead{font-size:.95rem;color:var(--tr-body);max-width:46ch;}
.tr-section{padding:64px 0;}
.tr-section.tr-section-top{padding: 64px 0 0 0;}
.tr-section--tight{padding:44px 0;}
.tr-bg-soft{background:var(--tr-surface-2);}
.tr-bg-lavender{background:var(--tr-lavender);}
.tr-text-blue{color:var(--tr-blue)!important;}
.tr-divider-v{width:1px;background:var(--tr-line);align-self:stretch;}
.tr-link-arrow{
  font-size:.82rem;font-weight:700;color:var(--tr-blue);
  display:inline-flex;align-items:center;gap:.45rem;
}
.tr-link-arrow i{transition:transform .25s var(--tr-ease);}
.tr-link-arrow:hover i{transform:translateX(4px);}

/* Icon tiles */
.tr-hex{
  width:64px;height:70px;flex:0 0 64px;display:grid;place-items:center;
  background:var(--tr-blue-050);color:var(--tr-blue);font-size:1.5rem;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.tr-hex--violet{background:var(--tr-violet-050);color:var(--tr-violet);}
.tr-icon-circle{
  width:58px;height:58px;flex:0 0 58px;border-radius:50%;
  display:grid;place-items:center;background:var(--tr-blue-050);color:var(--tr-blue);font-size:1.35rem;
}

/* ---------- 04. Buttons ---------- */
.btn{
  font-size:.85rem;font-weight:600;border-radius:var(--tr-radius-sm);
  padding:.72rem 1.25rem;display:inline-flex;align-items:center;gap:.55rem;
  transition:all .25s var(--tr-ease);border-width:1px;
}
.btn i{transition:transform .25s var(--tr-ease);}
.btn:hover i{transform:translateX(3px);}
.btn-tr-primary{background:var(--tr-blue);border-color:var(--tr-blue);color:#fff;}
.btn-tr-primary:hover{background:var(--tr-blue-700);border-color:var(--tr-blue-700);color:#fff;
  box-shadow:0 10px 24px rgba(32,6,247,.32);transform:translateY(-1px);}
.btn-tr-outline{background:#fff;border:1px solid var(--tr-line);color:var(--tr-ink);}
.btn-tr-outline:hover{border-color:var(--tr-blue);color:var(--tr-blue);transform:translateY(-1px);
  box-shadow:var(--tr-shadow-sm);}
.btn-tr-ghost-blue{background:#fff;border:1px solid var(--tr-blue);color:var(--tr-blue);width:100%;justify-content:center;}
.btn-tr-ghost-blue:hover{background:var(--tr-blue);color:#fff;}
.btn-tr-ghost-violet{background:#fff;border:1px solid var(--tr-violet);color:var(--tr-violet);width:100%;justify-content:center;}
.btn-tr-ghost-violet:hover{background:var(--tr-violet);color:#fff;}

/* Round carousel controls */
.tr-nav-btn{
  width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--tr-line);
  color:var(--tr-ink);display:grid;place-items:center;box-shadow:var(--tr-shadow-sm);
  transition:all .25s var(--tr-ease);flex:0 0 42px;
}
.tr-nav-btn:hover{background:var(--tr-blue);border-color:var(--tr-blue);color:#fff;}


/* ---------- 05a. Utility top bar ---------- */
.tr-topbar{
  background:linear-gradient(90deg,#001A47 0%,#0A1F63 45%,#1B10C4 100%);
  color:rgba(255,255,255,.82);
  font-size:.74rem;
  position:relative;z-index:1;
}
.tr-topbar__inner{
  display:flex;align-items:center;justify-content:space-between;gap:1.25rem;
  min-height:40px;
}

/* left — contact */
.tr-topbar__contact{
  list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.4rem;
}
.tr-topbar__contact li{display:flex;align-items:center;gap:.45rem;}
.tr-topbar__contact i{color:var(--tr-blue-300);font-size:.72rem;}
.tr-topbar__contact a{color:rgba(255,255,255,.82);font-weight:500;}
.tr-topbar__contact a:hover{color:#fff;}

/* right — secondary nav */
.tr-topbar__nav{margin-left:auto;}
.tr-topbar__links{
  list-style:none;margin:0;padding:0;display:flex;align-items:center;
}
.tr-topbar__links li{padding-right:.95rem;}
.tr-topbar__links li:last-child{padding-right:0;}
.tr-topbar__links li + li{
  border-left:1px solid rgba(255,255,255,.16);
}
.tr-topbar__links a{
  display:block;padding:.35rem 0 .35rem .95rem;color:rgba(255,255,255,.85);
  font-weight:600;letter-spacing:.03em;position:relative;
}
.tr-topbar__links a::after{
  content:"";position:absolute;left:.95rem;right:0;bottom:.12rem;height:1.5px;
  background:var(--tr-blue-300);transform:scaleX(0);transform-origin:left;
  transition:transform .28s var(--tr-ease);
}
.tr-topbar__links a:hover{color:#fff;}
.tr-topbar__links a:hover::after{transform:scaleX(1);}

@media (max-width:991.98px){
  .tr-topbar__contact li:nth-child(2){display:none;}
}
@media (max-width:767.98px){
  .tr-topbar{font-size:.7rem;}
  .tr-topbar__inner{justify-content:center;gap:.5rem;}
  .tr-topbar__contact{display:none;}
  .tr-topbar__links{
    width:100%;justify-content:center;overflow-x:auto;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  .tr-topbar__links::-webkit-scrollbar{display:none;}
  .tr-topbar__nav{margin-left:0;}
  .tr-topbar__links li{padding-right:.6rem;}
  .tr-topbar__links a{padding:.35rem 0 .35rem .6rem;white-space:nowrap;}
}

/* ---------- 05. Header ---------- */
.tr-header{
  background:#fff;border:0;
  position:sticky;top:0;z-index:1035;transition:box-shadow .3s var(--tr-ease);
}
.tr-header.is-stuck{box-shadow:0 6px 24px rgba(0,26,71,.08);}
.tr-header .navbar{min-height:var(--tr-header-h);padding-top:0;padding-bottom:0;}

.tr-brand{display:flex;align-items:center;gap:.6rem;}
.tr-brand__lockup{height:44px;width:auto;display:block;}
.tr-brand__mark-only{height:34px;width:auto;}
.tr-brand__mark{width:34px;height:34px;flex:0 0 34px;}
.tr-brand__name{
  font-size:1.02rem;font-weight:800;color:var(--tr-ink);letter-spacing:.02em;line-height:1.1;
}
.tr-brand__name span{color:var(--tr-blue);}
.tr-brand__tagline{
  font-size:.5rem;font-weight:600;letter-spacing:.22em;color:var(--tr-muted);
  text-transform:uppercase;display:block;margin-top:2px;
}

.tr-nav .nav-link{
  color:var(--tr-ink-700);font-size:.79rem;font-weight:600;line-height:1.3;
  padding:.9rem .7rem;display:flex;align-items:center;gap:.35rem;position:relative;
}
.tr-nav .nav-link:hover,.tr-nav .nav-item.show>.nav-link{color:var(--tr-blue);}

/* animated underline — wipes in from the left on hover / while open */
.tr-nav .nav-link::after{
  content:"";position:absolute;left:.7rem;right:.7rem;bottom:.4rem;height:2px;
  background:var(--tr-blue);border-radius:2px;
  transform:scaleX(0);transform-origin:left center;
  transition:transform .32s var(--tr-ease);
}
.tr-nav .nav-link:hover::after,
.tr-nav .nav-item.show>.nav-link::after{transform:scaleX(1);}

/* Bootstrap paints a 4px box-shadow ring on .nav-link:focus-visible, which lingers
   after a click and reads as a rectangle around the item on the next hover.
   Drop the ring, keep a crisp outline for keyboard users only. */
.tr-nav .nav-link:focus,
.tr-nav .dropdown-item:focus{box-shadow:none;outline:0;}
.tr-nav .nav-link:focus-visible,
.tr-nav .dropdown-item:focus-visible{
  box-shadow:none;
  /* border-radius:6px;
  outline:2px solid var(--tr-blue);
  outline-offset:2px; */
}
.tr-drawer__close:focus{box-shadow:none;outline:0;}
.tr-drawer__close:focus-visible{outline:2px solid var(--tr-blue);outline-offset:2px;}

/* Pointer users get no outline at all; keyboard users keep it (see main.js block 00) */
body.tr-mouse .tr-nav .nav-link:focus-visible,
body.tr-mouse .tr-nav .dropdown-item:focus-visible,
body.tr-mouse .tr-drawer__close:focus-visible,
body.tr-mouse .btn:focus-visible,
body.tr-mouse .tr-nav-btn:focus-visible,
body.tr-mouse .slick-dots button:focus-visible{outline:0;box-shadow:none;}
.tr-nav .nav-link .bi-chevron-down{font-size:.6rem;opacity:.7;transition:transform .25s var(--tr-ease);}
.tr-nav .nav-item.show .nav-link .bi-chevron-down{transform:rotate(180deg);}
.tr-nav__label{
  max-width:12.6rem;display:block;
  text-wrap:balance;   /* split evenly, never a lonely third line */
}
.tr-nav .dropdown-menu{
  border:1px solid var(--tr-line);border-radius:var(--tr-radius);box-shadow:var(--tr-shadow);
  padding:.5rem;min-width:270px;margin-top:.35rem;
}
/* invisible bridge: keeps :hover alive while the pointer crosses the gap
   between the nav link and the panel, so the menu stays clickable */
.tr-nav .dropdown-menu::before{
  content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:transparent;
}
.tr-nav .nav-item.dropdown{position:relative;}
.tr-nav .dropdown-item{
  font-size:.82rem;font-weight:500;color:var(--tr-ink-700);border-radius:var(--tr-radius-sm);
  padding:.5rem .7rem;display:flex;align-items:center;gap:.55rem;
}
.tr-nav .dropdown-item i{color:var(--tr-blue);font-size:.9rem;}
.tr-nav .dropdown-item:hover{background:var(--tr-blue-050);color:var(--tr-blue);}
.tr-portal-btn{border-radius:var(--tr-radius-sm);padding:.6rem 1.05rem;font-size:.8rem;}
.tr-burger{border:1px solid var(--tr-line);border-radius:var(--tr-radius-sm);padding:.35rem .55rem;background:#fff;}
.tr-burger:focus{box-shadow:none;}


/* ---------- 05b. Mobile navigation drawer (offcanvas overlay) ---------- */
.tr-drawer{border:0;}

@media (min-width:992px){
  /* from lg up the drawer is just a normal nav row */
  .tr-drawer__head{display:none;}
  .tr-drawer__body{display:flex;align-items:center;padding:0;overflow:visible;}
}

@media (max-width:991.98px){
  .tr-drawer{
    width:min(340px,86vw);
    background:#fff;
    box-shadow:-18px 0 50px rgba(0,26,71,.18);
  }
  .tr-drawer__head{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;border-bottom:1px solid var(--tr-line);
  }
  .tr-drawer__logo{height:34px;width:auto;}
  .tr-drawer__close{
    width:36px;height:36px;border-radius:50%;border:1px solid var(--tr-line);
    background:#fff;color:var(--tr-ink);display:grid;place-items:center;font-size:.85rem;
    transition:all .25s var(--tr-ease);
  }
  .tr-drawer__close:hover{background:var(--tr-blue);border-color:var(--tr-blue);color:#fff;}
  .tr-drawer__body{padding:14px 20px 26px;}
  .tr-drawer__body .tr-portal-btn{width:100%;justify-content:center;}

  /* dim + blur the page behind the drawer */
  .offcanvas-backdrop.show{opacity:.45;backdrop-filter:blur(2px);}

  /* nav items inside the drawer */
  .tr-drawer .tr-nav{width:100%;}
  .tr-drawer .tr-nav > .nav-item{border-bottom:1px solid var(--tr-line);}
  .tr-drawer .tr-nav > .nav-item:last-child{border-bottom:0;}
  .tr-drawer .tr-nav .nav-link{justify-content:space-between;padding:.85rem 0;}
  .tr-drawer .tr-nav .dropdown-menu{
    background:transparent;padding:.1rem 0 .6rem .4rem;margin:0;min-width:0;
  }
  .tr-drawer .tr-nav .dropdown-item{padding:.42rem .5rem;font-size:.8rem;}
}

/* ---------- 06. Hero ---------- */
.tr-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(150deg,#F3F6FF 0%,#FAFBFF 45%,#FFFFFF 100%);
}
/* .tr-hero::before{
  content:"";
  position:absolute;
  inset:auto auto -30% -10%;
  width:520px;
  height:520px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(122,99,255,.16),transparent 65%);pointer-events:none;
} */
.tr-hero__inner{padding:40px 0 0;min-height:var(--tr-hero-height);}
.tr-hero__title{margin-bottom:1rem;letter-spacing:-.025em;}
.tr-hero__copy{font-size:.92rem;max-width:44ch;margin-bottom:1.6rem;}
.tr-hero__art{position:relative;text-align:center;}
.tr-hero__art img{width:100%; max-width:600px;filter:drop-shadow(0 24px 50px rgba(32,6,247,.16)); border-radius:var(--tr-radius); display: inline-block;}

.tr-hero__features{
  display:flex;align-items:stretch;gap:0;margin-top:2.4rem;flex-wrap:wrap;
}
.tr-hero__feature{
  display:flex;align-items:center;gap:.6rem;padding:0 1.15rem;
  border-right:1px solid var(--tr-line);
}
.tr-hero__feature:first-child{padding-left:0;}
.tr-hero__feature:last-child{border-right:0;}
.tr-hero__feature i{color:var(--tr-blue);font-size:1.15rem;}
.tr-hero__feature span{
  font-size:.75rem;font-weight:700;color:var(--tr-ink);line-height:1.25;max-width:6.4rem;display:block;
}


/* hero carousel chrome */
.tr-hero .carousel-item{transition:transform .7s var(--tr-ease),opacity .5s ease;}
.tr-hero__ctrl{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--tr-line);
  color:var(--tr-ink);display:grid;place-items:center;box-shadow:var(--tr-shadow-sm);
  transition:all .25s var(--tr-ease);
}
.tr-hero__ctrl:hover{background:var(--tr-blue);border-color:var(--tr-blue);color:#fff;}
.tr-hero__ctrl--prev{left:18px;}
.tr-hero__ctrl--next{right:18px;}
#trHeroCarousel .slick-dots{
  position:static;display:flex;justify-content:center;gap:.45rem;padding-bottom:18px;margin:0;
}
#trHeroCarousel .slick-dots li{width:auto;height:auto;margin:0;}
#trHeroCarousel .slick-dots li button{
  width:9px;height:9px;border-radius:50%;background:#C7CCE6;border:0;padding:0;
  transition:all .3s var(--tr-ease);opacity:1;margin:0;
}
#trHeroCarousel .slick-dots li button::before{display:none;}
#trHeroCarousel .slick-dots li.slick-active button{background:var(--tr-blue);width:26px;border-radius:6px;}

/* ---------- 07. Two Paths ---------- */
.tr-paths__intro h2{margin-bottom:.9rem;}
.tr-path-card{
  background:var(--tr-blue-050);border-radius:4px;padding:30px 28px;height:100%;
  display:flex;flex-direction:column;transition:transform .3s var(--tr-ease),box-shadow .3s var(--tr-ease);
}
.tr-path-card:hover{transform:translateY(-4px);box-shadow:var(--tr-shadow);}
.tr-path-card--violet{background:var(--tr-violet-050);}
.tr-path-card__head{display:flex;gap:1.1rem;align-items:flex-start;margin-bottom:.9rem;}
.tr-path-card h3{margin-bottom:0;}
.tr-path-card__desc{font-size:.85rem;margin-bottom:1rem;}
.tr-path-list{list-style:none;padding:0;margin:0 0 1.4rem;}
.tr-path-list li{
  font-size:.83rem;font-weight:500;color:var(--tr-ink-700);
  display:flex;align-items:center;gap:.6rem;padding:.28rem 0;
}
.tr-path-list li i{color:var(--tr-blue);font-size:.85rem;}
.tr-path-card--violet .tr-path-list li i{color:var(--tr-violet);}
.tr-path-card .btn{margin-top:auto;}

/* ---------- 07b. Compliance & Managed Security (plan cards) ---------- */
.tr-plan{
  position:relative;overflow:hidden;
  border-radius:var(--tr-radius-lg);background:var(--tr-blue-050);
  padding:32px 26px 28px;height:100%;display:flex;flex-direction:column;
  box-shadow:var(--tr-shadow-sm);
  transition:all .3s var(--tr-ease);
}
.tr-plan--violet{background:var(--tr-violet-050);}
.tr-plan::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--tr-blue),var(--tr-violet));
}
.tr-plan:hover{box-shadow:var(--tr-shadow-lg);transform:translateY(-4px);}
.tr-plan__head{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.1rem;}
.tr-plan__icon{
  width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:var(--tr-blue);font-size:1.3rem;
  box-shadow:var(--tr-shadow-sm);
}
.tr-plan__icon--violet{color:var(--tr-violet);}
.tr-plan__title{font-size:1.02rem;margin-bottom:.2rem;}
.tr-plan__price-label{
  font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tr-muted);display:block;margin-bottom:.3rem;
}
.tr-plan__price{font-size:1.6rem;font-weight:800;color:var(--tr-blue);margin-bottom:1rem;line-height:1.15;}
.tr-plan__price-freq{font-size:.8rem;font-weight:600;color:var(--tr-muted);}
.tr-plan__desc{
  font-size:.82rem;color:var(--tr-body);flex:1;
  border-top:1px solid var(--tr-line);padding-top:14px;margin-bottom:1.4rem;
}
.tr-plan__cta{margin-top:auto;justify-content:center;width:100%;border-radius:999px;}

/* Plan "Read More" modal */
.tr-modal{border-radius:var(--tr-radius-lg);border:0;box-shadow:var(--tr-shadow-lg);overflow:hidden;}
.tr-modal .modal-header{
  position:relative;padding:22px 60px 18px 28px;
  background:linear-gradient(135deg,var(--tr-blue) 0%,var(--tr-violet) 100%);
  border-bottom:0;overflow:hidden;
}
.tr-modal .modal-header::after{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;border:1px solid rgba(255,255,255,.18);border-radius:50%;}
.tr-modal .modal-header::before{content:'';position:absolute;top:-100px;right:-20px;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;}
.tr-modal .modal-header-inner{position:relative;z-index:1;}
.tr-modal__eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:4px;
}
.tr-modal .modal-title{font-weight:800;font-size:1.25rem;color:#fff;position:relative;z-index:1;}
.tr-modal .btn-close{
  position:absolute;top:18px;right:20px;z-index:2;
  width:34px;height:34px;margin:0;padding:0;background-size:14px;
  background-color:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);border-radius:50%;opacity:1;
  transition:background-color .25s var(--tr-ease),transform .25s var(--tr-ease);
}
.tr-modal .btn-close:hover{background-color:rgba(255,255,255,.32);transform:rotate(90deg) scale(1.06);}
.tr-modal .modal-body{padding:28px;font-size:.92rem;line-height:1.75;color:var(--tr-body);}
.tr-modal__price{font-size:1.3rem;font-weight:800;color:var(--tr-blue);margin-bottom:1rem;}

/* Service Widget — free-form admin HTML, reuses .tr-plan's card shell so it sits
   flush alongside the pricing cards in the same grid. */
.tr-plan > *:last-child{margin-bottom:0;}

/* ---------- Product Catalog ---------- */
.tr-product{
  position:relative;border-radius:var(--tr-radius-lg);background:#fff;
  overflow:hidden;height:100%;display:flex;flex-direction:column;
  box-shadow:var(--tr-shadow-sm);transition:all .3s var(--tr-ease);
}
.tr-product:hover{box-shadow:var(--tr-shadow-lg);transform:translateY(-4px);}
.tr-product__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--tr-ink);}
.tr-product__media a{display:block;width:100%;height:100%;}
.tr-product__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--tr-ease);}
.tr-product:hover .tr-product__media img{transform:scale(1.06);}
.tr-product__media::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:12%;
  background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
  pointer-events:none;
}
.tr-product__icon{
  position:absolute;left:24px;top:12px;z-index:2;
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--tr-blue-050);color:var(--tr-blue);font-size:1.3rem;box-shadow:var(--tr-shadow);
}
.tr-product__icon--violet{background:var(--tr-violet-050);color:var(--tr-violet);}
.tr-product__body{
  padding:32px 22px 22px;flex:1;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:.5rem 1rem;
}
.tr-product__title{font-size:1rem;margin-bottom:0;}
.tr-product__cta{white-space:nowrap;}

/* ---------- All Brands ---------- */
.tr-brand-tile{
  border:1px solid var(--tr-line);border-radius:var(--tr-radius);background:#fff;
  height:120px;display:flex;align-items:center;justify-content:center;padding:20px;
  box-shadow:var(--tr-shadow-sm);transition:all .3s var(--tr-ease);
}
.tr-brand-tile:hover{box-shadow:var(--tr-shadow);border-color:var(--tr-blue-300);transform:translateY(-3px);}
.tr-brand-tile a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.tr-brand-tile img{
  max-width:100%;max-height:100%;object-fit:contain;
  filter:grayscale(1);opacity:.7;transition:all .3s var(--tr-ease);
}
.tr-brand-tile:hover img{filter:grayscale(0);opacity:1;}

/* ---------- Contact Widgets ---------- */
.tr-contact-card{
  position:relative;overflow:hidden;height:100%;
  border-radius:var(--tr-radius-lg);background:var(--tr-blue-050);
  padding:30px 26px;box-shadow:var(--tr-shadow-sm);transition:all .3s var(--tr-ease);
}
.tr-contact-card--violet{background:var(--tr-violet-050);}
.tr-contact-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--tr-blue),var(--tr-violet));
}
.tr-contact-card:hover{box-shadow:var(--tr-shadow-lg);transform:translateY(-4px);}
.tr-contact-card__head{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;}
.tr-contact-card__icon{
  width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:var(--tr-blue);font-size:1.3rem;box-shadow:var(--tr-shadow);
}
.tr-contact-card--violet .tr-contact-card__icon{color:var(--tr-violet);}
.tr-contact-card__title{font-size:1.1rem;margin-bottom:0;}
.tr-contact-card__body{font-size:.85rem;color:var(--tr-body);}
.tr-contact-card__body p:last-child{margin-bottom:0;}

/* ---------- System Variable (label + value) ---------- */
.tr-sysvar{display:flex;flex-direction:column;gap:.2rem;}
.tr-sysvar__label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tr-muted);}
.tr-sysvar__value{font-size:1rem;font-weight:700;color:var(--tr-ink);display:flex;align-items:center;gap:.5rem;}
.tr-sysvar__value i{color:var(--tr-blue);font-size:.9rem;}

/* ---------- 08. Brand strip ---------- */
.tr-brands{border-top:1px solid var(--tr-line);border-bottom:1px solid var(--tr-line);padding:34px 0;}
.tr-brands__label{
  font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tr-blue);line-height:1.6;max-width:9rem;
}
.tr-brands__item{
  display:flex!important;align-items:center;justify-content:center;height:64px;padding:14px 18px;
  filter:grayscale(1);opacity:.72;transition:all .3s var(--tr-ease);
}
.tr-brands__item:hover{filter:grayscale(0);opacity:1;transform:translateY(-2px);}
.tr-brands__item img{max-height:26px;width:auto;}

/* ---------- 09. Why one partner ---------- */
.tr-why{padding:46px 0;}
.tr-why__head{text-align:center;margin-bottom:1.9rem;}
.tr-why__head .tr-eyebrow{margin-bottom:.3rem;}
.tr-why__row{
  background:#fff;border:1px solid var(--tr-line);border-radius:4px;
  display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;
}
.tr-why__cell{
  display:flex;gap:1rem;padding:26px 26px;border-right:1px solid var(--tr-line);
  transition:box-shadow .3s var(--tr-ease);
}
.tr-why__cell:hover{box-shadow:inset 0 0 0 1px rgba(0,26,71,.06);}
.tr-why__cell:last-child{border-right:0;}

/* Soft accent gradients — one per value prop */
.tr-why__cell--red{
  background:linear-gradient(135deg,#FFF6F7 0%,#FDE9EC 55%,#F9DDE2 100%);
}
.tr-why__cell--green{
  background:linear-gradient(135deg,#F4FCF8 0%,#E4F6EC 55%,#D5EFE1 100%);
}
.tr-why__cell--blue{
  background:linear-gradient(135deg,#F5F6FF 0%,#E8EBFE 55%,#DCE1FD 100%);
}
.tr-why__cell--red:hover{
  background:linear-gradient(135deg,#FFEFF1 0%,#FBDFE4 55%,#F6D2D9 100%);
}
.tr-why__cell--green:hover{
  background:linear-gradient(135deg,#EDFAF4 0%,#DBF2E6 55%,#CBEBD9 100%);
}
.tr-why__cell--blue:hover{
  background:linear-gradient(135deg,#EEF0FF 0%,#DFE3FE 55%,#D1D8FC 100%);
}

.tr-why__cell--red .tr-icon-circle{
  background:linear-gradient(135deg,#FBDDE1 0%,#F4BFC7 100%);color:#D9394A;
}
.tr-why__cell--green .tr-icon-circle{
  background:linear-gradient(135deg,#D5F0E2 0%,#B4E4CC 100%);color:#0E9F63;
}
.tr-why__cell--blue .tr-icon-circle{
  background:linear-gradient(135deg,#DDE1FD 0%,#C3CAFB 100%);color:var(--tr-blue);
}
.tr-why__cell h3{font-size:.95rem;font-weight:700;margin-bottom:.35rem;}
.tr-why__cell p{font-size:.8rem;margin:0;}

/* ---------- 10. Case studies ---------- */
.tr-cases__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.4rem;gap:1rem;flex-wrap:wrap;}
.tr-cases__head h2{margin:0;}
.tr-case{
  border-radius:4px;overflow:hidden;background:#fff;height:100%;
  display:flex;flex-direction:column;box-shadow:var(--tr-shadow-sm);
  transition:transform .3s var(--tr-ease),box-shadow .3s var(--tr-ease);
}
.tr-case:hover{transform:translateY(-5px);box-shadow:var(--tr-shadow-lg);}
.tr-case__media{
  position:relative;min-height:238px;flex:1 1 auto;display:flex;flex-direction:column;
  justify-content:flex-end;padding:22px 22px 24px;overflow:hidden;background:#061029;
}
.tr-case__media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s var(--tr-ease);
}
.tr-case:hover .tr-case__media img{transform:scale(1.06);}
.tr-case__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(4,10,32,.25) 0%,rgba(4,10,32,.72) 55%,rgba(4,10,32,.92) 100%);
}
.tr-case__body{position:relative;z-index:2;}
.tr-case__badge{
  display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  background:var(--tr-blue);color:#fff;padding:.3rem .6rem;border-radius:3px;margin-bottom:.85rem;
}
.tr-case__badge--violet{background:var(--tr-violet);}
.tr-case__title{color:#fff;font-size:1.06rem;font-weight:700;line-height:1.32;margin-bottom:.6rem;}
.tr-case__text{color:rgba(255,255,255,.78);font-size:.79rem;line-height:1.6;margin:0;}
.tr-case__foot{padding:16px 22px;border-top:1px solid var(--tr-line);background:#fff;}
.tr-case__media .tr-blog-post__media-fallback{position:absolute;inset:0;}

/* ---------- 11. Reviews ---------- */
.tr-reviews__label,.tr-blog__label{
  font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tr-blue);
}
.tr-review{
  border:1px solid var(--tr-line);border-radius:4px;background:#fff;padding:20px 18px;height:100%;
  display:flex;flex-direction:column;transition:all .3s var(--tr-ease);
}
.tr-review:hover{border-color:var(--tr-blue-300);box-shadow:var(--tr-shadow);}
.tr-review__quote{color:var(--tr-blue-300);font-size:1.5rem;line-height:1;margin-bottom:.5rem;display:block;}
.tr-review__text{font-size:.82rem;color:var(--tr-ink-700);line-height:1.72;margin-bottom:1.1rem;}
.tr-review__stars{color:#F5A623;font-size:.82rem;letter-spacing:.12em;margin-bottom:.5rem;margin-top:auto;}
.tr-review__author{font-size:.78rem;font-weight:700;color:var(--tr-ink);margin:0;}
.tr-reviews__ctrls{display:flex;flex-direction:column;gap:.5rem;}
.tr-review-slide{padding:0 10px;height:100%;}

/* ---------- All Reviews (full list) ---------- */
.tr-review-full{
  position:relative;overflow:hidden;
  display:flex;gap:1.4rem;align-items:flex-start;
  border-radius:var(--tr-radius-lg);background:var(--tr-blue-050);
  padding:28px 26px;box-shadow:var(--tr-shadow-sm);transition:all .3s var(--tr-ease);
}
.tr-review-full--violet{background:var(--tr-violet-050);}
.tr-review-full::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--tr-blue),var(--tr-violet));
}
.tr-review-full:hover{box-shadow:var(--tr-shadow-lg);transform:translateY(-4px);}
.tr-review-full__avatar{
  width:84px;height:84px;flex:0 0 84px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:#fff;box-shadow:var(--tr-shadow);
  color:var(--tr-blue);font-size:2.1rem;
}
.tr-review-full--violet .tr-review-full__avatar{color:var(--tr-violet);}
.tr-review-full__avatar img{width:100%;height:100%;object-fit:cover;}
.tr-review-full__body{flex:1 1 auto;min-width:0;}
.tr-review-full__head{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .8rem;
  margin-bottom:.4rem;
}
.tr-review-full__name{font-size:1.05rem;margin:0;}
.tr-review-full__stars{color:#F5A623;font-size:.82rem;letter-spacing:.1em;white-space:nowrap;}
.tr-review-full__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;}
.tr-review-full__meta span{
  display:inline-flex;align-items:center;gap:.35rem;
  background:#fff;border-radius:30px;padding:.28rem .7rem;
  font-size:.72rem;font-weight:600;color:var(--tr-ink-700);box-shadow:var(--tr-shadow-sm);
}
.tr-review-full__meta i{color:var(--tr-blue);font-size:.72rem;}
.tr-review-full--violet .tr-review-full__meta i{color:var(--tr-violet);}
.tr-review-full__text{font-size:.85rem;color:var(--tr-body);line-height:1.75;margin:0;}

@media (max-width:575.98px){
  .tr-review-full{flex-direction:column;align-items:flex-start;}
  .tr-review-full__head{flex-direction:column;align-items:flex-start;}
}

/* ---------- Pagination ---------- */
.tr-results-count{font-size:.8rem;color:var(--tr-muted);}
.tr-pagination{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;}
.tr-pagination__arrow.disabled{opacity:.35;pointer-events:none;}
.tr-pagination__pages{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;}
.tr-page-btn{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid var(--tr-line);color:var(--tr-ink);
  font-size:.82rem;font-weight:700;transition:all .25s var(--tr-ease);
}
.tr-page-btn:hover{border-color:var(--tr-blue-300);color:var(--tr-blue);}
.tr-page-btn.is-active{background:var(--tr-blue);border-color:var(--tr-blue);color:#fff;}
.tr-page-btn.is-active:hover{color:#fff;}

/* ---------- Blog Listing ---------- */
.tr-blog-empty{font-size:.88rem;color:var(--tr-muted);}
.tr-blog-post{
  position:relative;overflow:hidden;display:flex;
  border-radius:var(--tr-radius-lg);background:var(--tr-blue-050);
  box-shadow:var(--tr-shadow-sm);transition:all .3s var(--tr-ease);
}
.tr-blog-post--violet{background:var(--tr-violet-050);}
.tr-blog-post::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;z-index:2;
  background:linear-gradient(90deg,var(--tr-blue),var(--tr-violet));
}
.tr-blog-post:hover{box-shadow:var(--tr-shadow-lg);transform:translateY(-4px);}
.tr-blog-post__media{position:relative;flex:0 0 260px;aspect-ratio:4/3;overflow:hidden;background:#061029;}
.tr-blog-post__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--tr-ease);}
.tr-blog-post:hover .tr-blog-post__media img{transform:scale(1.06);}
.tr-blog-post__media-fallback{
  width:100%;height:100%;display:grid;place-items:center;
  color:rgba(255,255,255,.22);font-size:2.6rem;
}
.tr-blog-post__date{
  position:absolute;left:14px;bottom:14px;background:var(--tr-blue);color:#fff;
  font-size:.68rem;font-weight:700;padding:.35rem .65rem;border-radius:30px;
}
.tr-blog-post--violet .tr-blog-post__date{background:var(--tr-violet);}
.tr-blog-post__body{flex:1 1 auto;min-width:0;padding:26px 28px;}
.tr-blog-post__cat{
  display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tr-blue);margin-bottom:.5rem;
}
.tr-blog-post--violet .tr-blog-post__cat{color:var(--tr-violet);}
.tr-blog-post__title{font-size:1.15rem;line-height:1.36;margin-bottom:.6rem;}
.tr-blog-post__excerpt{font-size:.85rem;color:var(--tr-body);line-height:1.72;margin-bottom:.9rem;}

@media (max-width:767.98px){
  .tr-blog-post{flex-direction:column;}
  .tr-blog-post__media{flex-basis:auto;aspect-ratio:16/9;}
}

/* ---------- Blog Sidebar ---------- */
.tr-blog-sidebar{position:sticky;top:calc(var(--tr-header-h) + 20px);display:flex;flex-direction:column;gap:1.5rem;}
.tr-blog-widget{
  background:#fff;border:1px solid var(--tr-line);border-radius:var(--tr-radius-lg);
  padding:24px;box-shadow:var(--tr-shadow-sm);
}
.tr-blog-widget__title{
  font-size:.95rem;font-weight:800;color:var(--tr-ink);margin-bottom:1.1rem;
  position:relative;padding-bottom:.7rem;
}
.tr-blog-widget__title::after{
  content:'';position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--tr-blue),var(--tr-violet));
}
.tr-blog-widget__list{list-style:none;margin:0;padding:0;}
.tr-blog-widget__list li{border-bottom:1px solid var(--tr-line);}
.tr-blog-widget__list li:last-child{border-bottom:0;}
.tr-blog-widget__list a{
  display:flex;align-items:center;justify-content:space-between;gap:.6rem;
  padding:.65rem 0;font-size:.83rem;font-weight:600;color:var(--tr-ink-700);
  transition:all .25s var(--tr-ease);
}
.tr-blog-widget__list a:hover{color:var(--tr-blue);transform:translateX(3px);}
.tr-blog-widget__list a.is-active{color:var(--tr-blue);}
.tr-blog-widget__count{
  font-size:.68rem;font-weight:700;color:var(--tr-blue);background:var(--tr-blue-050);
  border-radius:30px;padding:.15rem .55rem;flex:0 0 auto;
}

@media (max-width:991.98px){
  .tr-blog-sidebar{position:static;top:auto;}
}

/* ---------- Blog Detail ---------- */
.tr-blog-detail__media{
  border-radius:var(--tr-radius-lg);overflow:hidden;margin-bottom:1.6rem;
  aspect-ratio:16/9;box-shadow:var(--tr-shadow-sm);
}
.tr-blog-detail__media img{width:100%;height:100%;object-fit:cover;}
.tr-blog-detail__meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem;}
.tr-blog-detail__cat{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;background:linear-gradient(90deg,var(--tr-blue),var(--tr-violet));
  padding:.4rem .85rem;border-radius:30px;
}
.tr-blog-detail__date{
  display:inline-flex;align-items:center;gap:.4rem;
  font-size:.78rem;font-weight:600;color:var(--tr-ink-700);
  background:var(--tr-blue-050);padding:.4rem .8rem;border-radius:30px;
}
.tr-blog-detail__date i{color:var(--tr-blue);}
.tr-blog-detail__content{font-size:.92rem;color:var(--tr-body);line-height:1.85;}
.tr-blog-detail__content h1,
.tr-blog-detail__content h2,
.tr-blog-detail__content h3,
.tr-blog-detail__content h4{color:var(--tr-ink);margin-top:1.6rem;margin-bottom:.7rem;}
.tr-blog-detail__content p{margin-bottom:1.1rem;}
.tr-blog-detail__content ul,
.tr-blog-detail__content ol{margin-bottom:1.1rem;padding-left:1.3rem;}
.tr-blog-detail__content img{max-width:100%;height:auto;border-radius:var(--tr-radius);}
.tr-blog-detail__back{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--tr-line);}

/* ---------- 12. Blog ---------- */
.tr-blog__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;}
.tr-post{display:flex;flex-direction:column;height:100%;transition:transform .3s var(--tr-ease);}
.tr-post:hover{transform:translateY(-4px);}
.tr-post__thumb{border-radius:3px;overflow:hidden;margin-bottom:.7rem;aspect-ratio:16/9;background:#061029;}
.tr-post__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--tr-ease);}
.tr-post:hover .tr-post__thumb img{transform:scale(1.07);}
.tr-post__meta{font-size:.66rem;color:var(--tr-muted);font-weight:500;margin-bottom:.3rem;}
.tr-post__meta .dot{margin:0 .35rem;}
.tr-post__title{
  font-size:.83rem;font-weight:700;color:var(--tr-ink);line-height:1.42;margin-bottom:.6rem;
  display:block;
}
.tr-post:hover .tr-post__title{color:var(--tr-blue);}
.tr-post .tr-link-arrow{font-size:.72rem;margin-top:auto;}

/* ---------- 13. Footer ---------- */
.tr-footer{background:var(--tr-surface-2);border-top:1px solid var(--tr-line);padding:48px 0 0;}
.tr-footer__about{
  font-size:.8rem;
  /* max-width:30ch; */
  margin-bottom:1.1rem;
}
.tr-footer__title{
  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tr-ink);margin-bottom:1rem;line-height:1.55;
}
.tr-footer__links{list-style:none;padding:0;margin:0;}
.tr-footer__links a{
  display:inline-block;font-size:.8rem;color:var(--tr-body);font-weight:500;padding:.2rem 0;
}
.tr-footer__links a:hover{color:var(--tr-blue);transform:translateX(3px);}
.tr-contact{list-style:none;padding:0;margin:0;}
.tr-contact li{display:flex;gap:.7rem;align-items:flex-start;font-size:.8rem;padding:.35rem 0;}
.tr-contact i{
  width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;
  background:var(--tr-blue-050);color:var(--tr-blue);font-size:.75rem;
}
.tr-social{display:flex;gap:.45rem;}
.tr-social a{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:var(--tr-blue-050);color:var(--tr-blue);font-size:.75rem;transition:all .25s var(--tr-ease);
}
.tr-social a:hover{background:var(--tr-blue);color:#fff;transform:translateY(-2px);}
.tr-footer__bar{
  margin-top:34px;border-top:1px solid var(--tr-line);padding:18px 0;
  font-size:.75rem;color:var(--tr-muted);
}
.tr-footer__bar a{color:var(--tr-body);}
.tr-footer__bar a:hover{color:var(--tr-blue);}

/* Back to top */
.tr-top{
  position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;
  background:var(--tr-blue);color:#fff;border:0;display:grid;place-items:center;z-index:1040;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s var(--tr-ease);
  box-shadow:0 10px 24px rgba(32,6,247,.35);
}
.tr-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);}

/* ---------- 14. Animations ---------- */
.tr-js .tr-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--tr-ease),transform .7s var(--tr-ease);}
.tr-js .tr-reveal.is-in{opacity:1;transform:none;}
@keyframes trFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.tr-float{animation:trFloat 6s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}
  .tr-reveal{opacity:1;transform:none;}
}

/*
Inner Page Header
*/

.innerbanner_sec {
    width: 100%;
    height: 45vh;
    max-height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 0 0 var(--hero-radius) var(--hero-radius);
}

.innerbanner_sec::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0000005c;
    z-index: 1;
    border-radius: 0 0 var(--hero-radius) var(--hero-radius);
}

.innerbanner_sec .cust_container {
    position: relative;
    height: 100%;
    z-index: 2;
}

.innerbanner_sec .content {
    position: relative;
    top: 65%;
    left: 0%;
    transform: translateY(-50%);
    z-index: 3;
    display: inline-block;
}

/* .innerbanner_head {
    font-size: 300%;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
    color: var(--white);
    padding: 0;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
} */

.innerbanner_sec .tr-hero__title{
  color: var(--white);
}
.innerbanner_sec .tr-hero__title span {
    color: var(--tr-violet);
}

/* ---------- 15. Responsive ---------- */
@media (max-width:1399.98px){
  .tr-nav .nav-link{font-size:.76rem;padding:.9rem .55rem;}
  .tr-nav__label{max-width:12rem;}
}
@media (max-width:1199.98px){
  .tr-nav .nav-link{font-size:.72rem;padding:.9rem .4rem;}
  .tr-nav__label{max-width:11rem;}

  .tr-hero__feature{padding:.5rem .9rem;border-right:0;}
  .tr-hero__feature:first-child{padding-left:.9rem;}
  .tr-hero__features{gap:.25rem;margin-top:1.6rem;}
}
@media (max-width:991.98px){
  .tr-section{padding:48px 0;}
  .tr-hero__inner{padding:38px 0 34px;min-height:0;}
  .tr-hero__art{margin-top:26px;}
  .tr-hero__ctrl{display:none;}
  .tr-nav .nav-link{padding:.62rem .2rem;font-size:.88rem;}
  .tr-nav .nav-link::after{display:none;}
  .tr-nav__label{max-width:none;}
  .tr-nav .dropdown-menu{border:0;box-shadow:none;background:transparent;}
  .tr-why__row{grid-template-columns:1fr;}
  .tr-why__cell{border-right:0;border-bottom:1px solid var(--tr-line);}
  .tr-why__cell:last-child{border-bottom:0;}
  .tr-reviews__ctrls{flex-direction:row;}
}
@media (max-width:767.98px){
  .tr-cases__head{align-items:flex-start;}
  .tr-footer{padding-top:38px;}
}
@media (max-width:575.98px){
  body{font-size:14.5px;}
  .tr-path-card{padding:24px 20px;}
  .tr-case__media{min-height:210px;}
}

/* ---------- 16. AOS overrides ---------- */
[data-aos]{will-change:transform,opacity;}
body{overflow-x:clip;}
@media (max-width:767.98px){
  /* keep entrance motion subtle on small screens */
  [data-aos^="fade"][data-aos^="fade"]{transition-duration:.5s!important;}
}
@media (prefers-reduced-motion:reduce){
  [data-aos]{opacity:1!important;transform:none!important;transition:none!important;}
}

/* ---------- 17. Field Group layouts (Page Sections) ---------- */
.tr-fg-cta,
.tr-fg-split,
.tr-fg-auto,
.tr-fg-twopath{
  padding:32px 0;border-top:1px solid var(--tr-line);
}
.tr-fg-cta:first-child,
.tr-fg-split:first-child,
.tr-fg-auto:first-child,
.tr-fg-twopath:first-child{
  border-top:0;
}
.tr-fg-cta__title{color:var(--tr-ink);font-weight:700;margin-bottom:.85rem;}
.tr-fg-cta__desc{color:var(--tr-body);max-width:68ch;margin-bottom:1.25rem;}
.tr-fg-cta__desc p:last-child{margin-bottom:0;}
.tr-fg-cta__btn{display:inline-flex;width:auto;padding-left:1.5rem;padding-right:1.5rem;}

.tr-fg-split .row > [class^="col-"]{color:var(--tr-body);}
.tr-fg-split .row > [class^="col-"] p:last-child{margin-bottom:0;}

.tr-fg-auto h3{color:var(--tr-ink);font-weight:700;}
.tr-fg-auto p{color:var(--tr-body);}
.tr-fg-auto p strong{color:var(--tr-ink);}
.tr-fg-auto a.btn-tr-ghost-blue,
.tr-fg-auto a.btn-tr-ghost-violet{display:inline-flex;width:auto;padding-left:1.5rem;padding-right:1.5rem;margin-bottom:1rem;}