@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/assets/fonts/inter-latin-var.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/assets/fonts/inter-latin-ext-var.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
--te-blue:        #1b74d0;
--te-blue-dark:   #0c4c98;
--te-blue-deep:   #08376f;
--te-blue-soft:   #e8f2ff;
--te-sky:         #f4f9ff;
--te-accent:      #0c4c98;
--te-accent-dark: #0c4c98;
--te-accent-soft: #e8f2ff;
--te-ink:     #16232f;
--te-ink-2:   #2b3a48;
--te-muted:   #59697a;
--te-line:    #e3eaf2;
--te-line-2:  #eef3f9;
--block:      960px;
--te-white:   #ffffff;
--te-on-blue-1: #bcd8f8;
--te-on-blue-2: #dcebfc;
--te-warm:      #2f6bd8;
--te-warm-soft: #eef4ff;
--te-review-star: #e99b00;
--te-success:   #12855f;
--te-grad-cta: linear-gradient(118deg, var(--te-blue-deep) 0%, var(--te-blue-dark) 48%, var(--te-blue) 100%);
--te-grad-accent: linear-gradient(90deg, var(--te-blue) 0%, var(--te-blue-dark) 100%);
--te-shadow:      0 18px 44px -18px rgba(13, 46, 92, .30);
--te-shadow-soft: 0 10px 30px -14px rgba(13, 46, 92, .22);
--te-shadow-card: 0 2px 4px rgba(16, 42, 78, .04), 0 12px 28px -18px rgba(16, 42, 78, .28);
--font-heading: "Inter", "Noto Sans", "Segoe UI", Arial, sans-serif;
--font-body:    "Inter", "Noto Sans", "Segoe UI", Arial, sans-serif;
--max: 1180px;
--content: 880px;
--radius-sm: 9px;
--radius-md: 14px;
--radius-lg: 22px;
--radius-xl: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: var(--font-body);
font-size: 16px;
color: var(--te-ink);
background: var(--te-white);
line-height: 1.66;
-webkit-font-smoothing: antialiased;
}
a { color: var(--te-blue-dark); text-underline-offset: 3px; }
a:hover { color: var(--te-blue); }
.wrap { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.narrow { max-width: 820px; }
.site-header {
border-bottom: 1px solid var(--te-line);
background: rgba(255, 255, 255, .96);
position: sticky;
top: 0;
z-index: 20;
backdrop-filter: blur(12px);
}
.header-inner {
min-height: 70px;
display: flex;
align-items: center;
gap: 28px;
}
.brand {
font-family: var(--font-heading);
font-weight:800;
font-size: 1.42rem;
letter-spacing: -.055em;
text-decoration: none;
color: var(--te-blue);
white-space: nowrap;
}
.global-nav {
display: flex;
align-items: center;
gap: 22px;
flex: 1;
flex-wrap: wrap;
}
.global-nav a,
.local-nav a {
text-decoration: none;
color: var(--te-muted);
font-size: .91rem;
font-weight:600;
}
.global-nav a.active,
.global-nav a:hover,
.local-nav a:hover { color: var(--te-blue-dark); }
.global-nav a.active { position: relative; }
.global-nav a.active::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -23px;
height: 3px;
border-radius: 999px;
background: var(--te-blue);
}
.local-nav {
background: var(--te-sky);
border-bottom: 1px solid var(--te-line);
}
.local-nav-inner {
display: flex;
gap: 20px;
min-height: 48px;
align-items: center;
flex-wrap: wrap;
padding: 7px 0;
}
.breadcrumbs {
display: flex; align-items: center; flex-wrap: wrap; gap: 0 6px;
min-height: 44px; padding: 0;
font-size: .84rem; line-height: 1;
color: var(--te-muted);
}
.hero {
position: relative;
overflow: hidden;
padding: 56px 0 50px;
border-bottom: 1px solid var(--te-line);
background:
radial-gradient(circle at 88% 14%, rgba(22, 115, 209, .13), transparent 34%),
linear-gradient(180deg, var(--te-sky) 0%, var(--te-white) 100%);
}
.hero::before {
content: "";
position: absolute;
width: 420px;
height: 90px;
right: 3%;
bottom: 26px;
background: url("/assets/img/Logo-blue_2x-d246afe6.png") center/contain no-repeat;
opacity: .05;
pointer-events: none;
}
.hero > .wrap { position: relative; z-index: 1; }
.eyebrow {
margin: 0;
text-transform: uppercase;
letter-spacing: .105em;
font-family: var(--font-heading);
font-weight:800;
font-size: .72rem;
color: var(--te-blue);
}
h1, h2, h3 {
font-family: var(--font-heading);
color: var(--te-ink);
}
h1 {
font-size: clamp(2.15rem, 4.7vw, 4rem);
line-height: 1.14;
margin: 10px 0 18px;
letter-spacing: -.043em;
max-width: var(--block);
}
.hero-text {
font-size: clamp(1.05rem, 1.8vw, 1.22rem);
line-height: 1.58;
color: var(--te-muted);
max-width: 760px;
margin: 0;
}
.content { padding: 18px 0 82px; }
section {
padding: 38px 0;
border-bottom: 1px solid var(--te-line);
}
section:last-child { border-bottom: 0; }
h2 {
font-size: clamp(1.62rem, 3vw, 2.25rem);
line-height: 1.2;
margin: 0 0 17px;
letter-spacing: -.028em;
}
h3 {
margin: 0 0 10px;
line-height: 1.3;
font-size: 1.12rem;
letter-spacing: -.012em;
}
p { max-width: var(--content); margin-top: 0; }
p:last-child { margin-bottom: 0; }
ul, ol { padding-left: 1.25rem; max-width: 860px; }
li + li { margin-top: .42rem; }
.card-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 24px;
}
.card {
border: 1px solid var(--te-line);
border-radius: var(--radius-md);
padding: 23px;
background: var(--te-white);
box-shadow: var(--te-shadow-soft);
}
.card p { color: var(--te-muted); }
.card .text-link { display: inline-block; margin-top: 2px; }
.text-link {
font-family: var(--font-heading);
font-weight:700;
text-decoration-thickness: 1px;
}
.cta {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, var(--te-blue-dark), #176fc5);
color: var(--te-white);
border-radius: var(--radius-lg);
padding: 38px;
margin-top: 46px;
box-shadow: var(--te-shadow);
}
.cta h2 { color: var(--te-white); max-width: 920px; }
.cta p { color: #e7f2ff; max-width: 780px; }
.button-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 23px; position: relative; z-index: 1; }
.button {
display: inline-block;
text-decoration: none;
background: var(--te-blue);
color: var(--te-white);
padding: 10px 18px;
border-radius: var(--radius-sm);
font-family: var(--font-heading);
font-size: .91rem;
font-weight:700;
line-height: 1.35;
border: 1px solid transparent;
transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
.button:hover {
background: var(--te-blue-dark);
color: var(--te-white);
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(11, 79, 155, .18);
}
.button.secondary {
background: transparent;
border-color: rgba(255,255,255,.52);
}
.button.secondary:hover { background: rgba(255,255,255,.1); }
.button.small {
padding: 8px 14px;
background: var(--te-blue);
white-space: nowrap;
}
.site-footer {
background: #232428;
border-top: 1px solid #33343a;
color: #fafafa;
padding: 44px 0;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
}
.site-footer strong { font-family: var(--font-heading); }
.site-footer p { color: #c9cacd; margin-top: 6px; }
.route-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 26px;
}
.route-card {
border: 1px solid var(--te-line);
border-radius: 18px;
padding: 25px;
background: var(--te-white);
box-shadow: var(--te-shadow-soft);
display: flex;
flex-direction: column;
}
.route-card h3 {
font-size: 1.3rem;
margin: 11px 0;
}
.route-card blockquote {
margin: 0 0 17px;
padding: 14px 15px;
border-left: 4px solid var(--te-blue);
background: var(--te-sky);
font-family: var(--font-heading);
font-weight:700;
color: var(--te-ink);
}
.route-card ul { flex: 1; }
.route-label, .mini-badge {
display: inline-block;
width: fit-content;
font-family: var(--font-heading);
font-size: .68rem;
font-weight:800;
letter-spacing: .065em;
text-transform: uppercase;
border-radius: 999px;
padding: 5px 9px;
background: var(--te-blue-soft);
color: var(--te-blue-dark);
}
.card .mini-badge { margin-bottom: 10px; }
.callout-box {
border: 1px solid var(--te-line);
border-left: 5px solid var(--te-blue);
border-radius: var(--radius-md);
padding: 19px 21px;
margin: 28px auto;
max-width: var(--block);
background: var(--te-sky);
}
.callout-box strong { font-family: var(--font-heading); }
.callout-box p { margin: 5px 0 0; color: var(--te-muted); }
.callout-box.warning {
border-left-color: var(--te-warm);
background: var(--te-warm-soft);
}
.flowline {
display: flex;
gap: 10px;
align-items: stretch;
overflow-x: auto;
padding: 10px 0 18px;
margin: 12px 0;
}
.flow-step {
flex: 1 0 130px;
min-width: 130px;
position: relative;
border: 1px solid var(--te-line);
border-radius: 12px;
padding: 15px 13px 14px;
background: var(--te-white);
box-shadow: 0 4px 14px rgba(20, 59, 98, .05);
}
.flow-step span {
display: grid;
place-items: center;
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--te-blue);
color: var(--te-white);
font-size: .75rem;
font-weight:800;
margin-bottom: 9px;
}
.flow-step strong {
font-family: var(--font-heading);
font-size: .84rem;
line-height: 1.3;
}
.comparison-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin: 22px 0;
}
.comparison-grid > article {
border: 1px solid var(--te-line);
border-radius: 16px;
padding: 23px;
background: var(--te-white);
box-shadow: var(--te-shadow-soft);
}
.quote-example {
max-width: 840px;
margin: 18px 0;
padding: 18px 22px;
border-left: 5px solid var(--te-blue);
background: var(--te-sky);
border-radius: 0 12px 12px 0;
font-family: var(--font-heading);
font-size: 1.02rem;
font-weight:700;
}
.quote-example cite {
display: block;
margin-top: 8px;
font-family: var(--font-body);
font-size: .82rem;
color: var(--te-muted);
font-style: normal;
}
@media (max-width: 960px) {
.global-nav { gap: 15px; }
.route-grid { grid-template-columns: 1fr; }
.comparison-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
.site-header { position: static; }
.header-inner { align-items: flex-start; padding: 16px 0; flex-wrap: wrap; }
.global-nav { order: 3; width: 100%; }
.global-nav a.active::after { display: none; }
.card-grid, .footer-grid { grid-template-columns: 1fr; }
.hero { padding: 42px 0 38px; }
.wrap { width: min(var(--max), calc(100% - 32px)); }
.cta { padding: 30px 24px; }
}
@media (max-width: 520px) {
body { font-size: 15.5px; }
.header-inner { gap: 16px; }
.global-nav { gap: 10px 16px; }
.local-nav-inner { gap: 10px 16px; }
section { padding: 32px 0; }
.card, .route-card, .comparison-grid > article { padding: 20px; }
}
.header-inner { position: relative; }
.global-nav {
align-self: stretch;
flex-wrap: nowrap;
}
.global-nav > a,
.nav-dropdown > summary {
position: relative;
display: flex;
align-items: center;
min-height: 70px;
color: var(--te-muted);
font-family: var(--font-heading);
font-size: .9rem;
font-weight:700;
text-decoration: none;
white-space: nowrap;
}
.global-nav > a:hover,
.nav-dropdown > summary:hover,
.nav-dropdown[open] > summary,
.nav-dropdown.active > summary {
color: var(--te-blue-dark);
}
.global-nav > a.active::after,
.nav-dropdown.active > summary::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
border-radius: 999px 999px 0 0;
background: var(--te-blue);
}
.nav-dropdown {
position: relative;
margin: 0;
padding: 0;
}
.nav-dropdown--wide { position: static; }
.nav-dropdown > summary {
cursor: pointer;
list-style: none;
user-select: none;
}
.nav-dropdown > summary::-webkit-details-marker { display: none; }
.nav-caret {
width: 7px;
height: 7px;
margin: -4px 0 0 8px;
border-right: 1.8px solid currentColor;
border-bottom: 1.8px solid currentColor;
transform: rotate(45deg);
transition: transform .16s ease, margin .16s ease;
}
.nav-dropdown[open] .nav-caret {
margin-top: 3px;
transform: rotate(225deg);
}
.mega-menu {
position: absolute;
top: calc(100% + 10px);
z-index: 80;
visibility: hidden;
opacity: 0;
pointer-events: none;
transform: translateY(-7px);
border: 1px solid var(--te-line);
border-radius: var(--radius-md);
background: var(--te-white);
box-shadow: 0 22px 52px rgba(20, 59, 98, .16);
transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.mega-menu::before {
content: "";
position: absolute;
top: -14px;
left: 0;
right: 0;
height: 14px;
}
.nav-dropdown[open] > .mega-menu,
.nav-dropdown:hover > .mega-menu,
.nav-dropdown:focus-within > .mega-menu {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.mega-menu--quoting {
left: 0;
right: 0;
display: grid;
grid-template-columns: .9fr 1.22fr 1.12fr .88fr;
gap: 0;
padding: 24px;
}
.mega-menu--compact {
left: -22px;
width: 330px;
padding: 18px;
}
.mega-menu--right {
left: auto;
right: -22px;
}
.mega-menu-group {
min-width: 0;
padding: 0 20px;
border-left: 1px solid var(--te-line);
}
.mega-menu-group:first-child {
padding-left: 0;
border-left: 0;
}
.mega-menu-group:last-child { padding-right: 0; }
.mega-menu-title {
display: block;
margin: 0 0 9px;
color: var(--te-ink);
font-family: var(--font-heading);
font-size: .74rem;
font-weight:800;
letter-spacing: .055em;
line-height: 1.25;
text-transform: uppercase;
}
.mega-menu a {
display: block;
padding: 7px 8px;
border-radius: 7px;
color: var(--te-muted);
font-size: .84rem;
font-weight:600;
line-height: 1.32;
text-decoration: none;
}
.mega-menu a:hover,
.mega-menu a.active {
color: var(--te-blue-dark);
background: var(--te-blue-soft);
}
.mega-menu a.active { font-weight:800; }
@media (max-width: 1060px) {
.header-inner { gap: 20px; }
.global-nav { gap: 15px; }
.global-nav > a,
.nav-dropdown > summary { font-size: .84rem; }
.mega-menu--quoting { padding: 20px; }
.mega-menu-group { padding: 0 14px; }
.mega-menu a { font-size: .8rem; }
}
@media (max-width: 800px) {
.header-inner { align-items: center; }
.global-nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px 12px;
align-self: auto;
}
.global-nav > a,
.nav-dropdown > summary {
min-height: 42px;
padding: 0 10px;
border: 1px solid var(--te-line);
border-radius: 8px;
background: var(--te-white);
}
.global-nav > a.active::after,
.nav-dropdown.active > summary::after { display: none; }
.nav-dropdown { grid-column: 1 / -1; position: static; }
.nav-dropdown > summary { justify-content: space-between; }
.mega-menu,
.mega-menu--quoting,
.mega-menu--compact,
.mega-menu--right {
position: static;
display: none;
width: 100%;
margin-top: 7px;
padding: 14px;
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: none;
box-shadow: none;
}
.nav-dropdown:hover > .mega-menu,
.nav-dropdown:focus-within > .mega-menu { display: none; }
.nav-dropdown[open] > .mega-menu { display: grid; }
.mega-menu--quoting { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 0; }
.mega-menu-group,
.mega-menu-group:first-child,
.mega-menu-group:last-child {
padding: 0 14px;
border-left: 0;
}
.mega-menu-group:nth-child(even) { border-left: 1px solid var(--te-line); }
.mega-menu::before { display: none; }
}
@media (max-width: 520px) {
.global-nav { grid-template-columns: 1fr; }
.global-nav > a { grid-column: 1 / -1; }
.mega-menu--quoting { grid-template-columns: 1fr; }
.mega-menu-group,
.mega-menu-group:first-child,
.mega-menu-group:last-child,
.mega-menu-group:nth-child(even) {
padding: 0;
border-left: 0;
}
.mega-menu-group + .mega-menu-group {
padding-top: 14px;
border-top: 1px solid var(--te-line);
}
}
.journey-nav {
background: var(--te-sky);
border-bottom: 1px solid var(--te-line);
}
.journey-nav-inner {
min-height: 46px;
display: flex;
align-items: center;
gap: 8px;
overflow-x: auto;
scrollbar-width: thin;
}
.journey-nav a {
flex: 0 0 auto;
padding: 7px 13px;
border-radius: 999px;
color: var(--te-muted);
font-family: var(--font-heading);
font-size: .82rem;
font-weight:700;
text-decoration: none;
}
.journey-nav a:hover,
.journey-nav a.active { color: var(--te-blue-dark); background: var(--te-blue-soft); }
.mega-menu--journey {
left: 0;
right: 0;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
padding: 20px;
max-height: min(78vh, 820px);
overflow-y: auto;
}
.mega-menu--journey .mega-menu-group,
.mega-menu--journey .mega-menu-group:first-child,
.mega-menu--journey .mega-menu-group:last-child {
padding: 15px 14px 13px;
border: 1px solid var(--te-line);
border-radius: 10px;
background: #fff;
}
.mega-menu--journey .mega-menu-title { color: var(--te-blue-dark); }
.route-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.problem-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 22px;
}
.problem {
border-left: 4px solid var(--te-blue);
border-radius: 0 12px 12px 0;
padding: 17px 18px;
background: var(--te-sky);
}
.problem strong { font-family: var(--font-heading); }
.problem p { color: var(--te-muted); margin: 5px 0 0; }
.kicker-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 24px;
padding-left: 1.2rem;
}
.compact-note {
max-width: var(--block);
padding: 18px 20px;
border: 1px solid var(--te-line);
border-radius: 12px;
background: var(--te-sky);
}
.page-tree { display: grid; gap: 14px; margin-top: 22px; }
.page-tree details { border: 1px solid var(--te-line); border-radius: var(--radius-md); background: var(--te-white); box-shadow: var(--te-shadow-soft); overflow: hidden; }
.page-tree summary { display: flex; justify-content: space-between; gap: 18px; cursor: pointer; padding: 17px 20px; font-family: var(--font-heading); font-weight:800; color: var(--te-ink); background: var(--te-sky); }
.page-tree summary span { font-family: var(--font-body); font-size: .82rem; font-weight:600; color: var(--te-muted); }
.page-tree ul { list-style: none; max-width: none; margin: 0; padding: 8px 20px 16px 38px; }
.page-tree li { position: relative; display: grid; grid-template-columns: minmax(180px, 1fr) minmax(220px, auto); gap: 18px; padding: 8px 0 8px 16px; border-bottom: 1px solid var(--te-line); }
.page-tree li:last-child { border-bottom: 0; }
.page-tree li::before { content: ""; position: absolute; left: 0; top: 0; bottom: 50%; width: 10px; border-left: 1px solid var(--te-line); border-bottom: 1px solid var(--te-line); }
.page-tree a { font-family: var(--font-heading); font-weight:700; }
.page-tree code { color: var(--te-muted); font-size: .76rem; overflow-wrap: anywhere; text-align: right; }
@media (max-width: 1180px) {
.mega-menu--journey { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.route-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
.mega-menu--journey { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; }
.problem-grid, .kicker-list { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
.mega-menu--journey { grid-template-columns: 1fr; }
.route-grid--four { grid-template-columns: 1fr; }
.page-tree li { grid-template-columns: 1fr; gap: 3px; }
.page-tree code { text-align: left; }
}
.topbar { background: #0d3156; color: #d9e8f8; font-size: .78rem; }
.topbar-inner { min-height: 34px; display:flex; justify-content:space-between; align-items:center; gap:18px; }
.topbar a { color:#fff; text-decoration:none; font-weight:700; margin-left:8px; }
.topbar div:last-child { display:flex; gap:16px; }
.topbar div:last-child a { margin-left:0; }
.topbar-sep { opacity:.55; margin-left:8px; }
.site-header { top:0; }
.header-inner { min-height:76px; }
.global-nav > a, .nav-dropdown > summary { min-height:76px; }
.header-cta { margin-left:auto; }
.mega-menu--future-product { left:0; right:0; display:grid; grid-template-columns:1.65fr .82fr .82fr; padding:24px; }
.mega-menu-journey { padding-right:24px; }
.journey-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:4px 0 12px; }
.mega-menu a.journey-card { display:flex; flex-direction:column; gap:2px; padding:12px; border:1px solid var(--te-line); background:var(--te-sky); }
.journey-card strong { color:var(--te-blue-dark); font-family:var(--font-heading); font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; }
.journey-card span { color:var(--te-ink); font-size:.83rem; }
.mega-menu a.journey-card.active { border-color:var(--te-blue); background:var(--te-blue-soft); }
.mega-menu a.mega-feature-link { padding:10px 12px; font-family:var(--font-heading); font-weight:800; color:var(--te-blue-dark); }
.journey-nav { background:#eaf4ff; border-bottom:1px solid var(--te-line); }
.journey-nav-inner { display:flex; align-items:center; gap:5px; min-height:46px; overflow-x:auto; }
.journey-nav a { flex:1; min-width:100px; padding:8px 14px; border-radius:8px; text-align:center; text-decoration:none; color:var(--te-muted); font-family:var(--font-heading); font-size:.82rem; font-weight:800; }
.journey-nav a:hover,.journey-nav a.active { color:var(--te-blue-dark); background:#fff; box-shadow:0 3px 12px rgba(20,59,98,.08); }
.quote-nav { background:#fff; border-bottom:1px solid var(--te-line); }
.quote-nav-inner { display:flex; align-items:center; gap:7px; min-height:44px; overflow-x:auto; }
.quote-nav strong { font-family:var(--font-heading); color:var(--te-blue-dark); margin-right:7px; white-space:nowrap; }
.quote-nav a { white-space:nowrap; padding:7px 11px; border-radius:7px; color:var(--te-muted); text-decoration:none; font-size:.8rem; font-weight:700; }
.quote-nav a:hover,.quote-nav a.active { color:var(--te-blue-dark); background:var(--te-blue-soft); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr); gap:46px; align-items:center; }
.hero-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:26px; }
.hero-actions .text-link { font-size:.92rem; }
.hero-media,.content-figure { margin:0; min-width:0; }
.hero-media { position:relative; z-index:1; }
.hero-media img,.content-figure img { display:block; width:100%; height:auto; border:1px solid var(--te-line); border-radius:14px; background:#fff; box-shadow:var(--te-shadow); }
.hero-media figcaption,.content-figure figcaption { margin-top:9px; color:var(--te-muted); font-size:.74rem; line-height:1.45; }
.hero-media figcaption a,.content-figure figcaption a { color:inherit; }
.content-figure { max-width:760px; }
.section-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(360px,1.1fr); gap:42px; align-items:center; }
.rating-strip { display:flex; align-items:center; flex-wrap:wrap; gap:8px 11px; margin-top:24px; color:var(--te-muted); font-size:.82rem; }
.rating-strip .stars,.stars { color:var(--te-review-star); letter-spacing:.08em; }
.rating-strip strong { color:var(--te-ink); font-size:.95rem; }
.rating-strip a { font-weight:700; }
.review-card { max-width:var(--block); margin:40px auto; padding:28px 30px; border:1px solid #d9e4f6; border-radius:18px; background:linear-gradient(145deg,#f7faff,#fff); box-shadow:var(--te-shadow-soft); }
.review-card blockquote { margin:7px 0 14px; font-family:var(--font-heading); font-size:clamp(1.35rem,2.5vw,2rem); font-weight:700; line-height:1.3; letter-spacing:-.02em; }
.review-card p { color:var(--te-muted); }
.review-card p strong { color:var(--te-ink); }
.review-card span { font-size:.82rem; }
.review-context { margin-bottom:4px; }
.accounts-strip { display:grid; grid-template-columns:1fr auto; gap:34px; align-items:center; margin:38px 0; padding:28px 30px; border:1px solid #bcd8f3; border-radius:18px; background:var(--te-blue-soft); }
.accounts-strip h2 { margin-top:10px; font-size:1.55rem; }
.accounts-strip p { margin-bottom:0; }
.accounts-links { display:flex; flex-direction:column; gap:10px; min-width:230px; }
.accounts-links a { padding:10px 12px; border-radius:8px; background:#fff; text-decoration:none; font-weight:700; box-shadow:0 3px 12px rgba(20,59,98,.06); }
.related-section { border-top:1px solid var(--te-line); }
.columns-3 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.topic-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:24px; }
.topic-directory>div { padding:22px; border:1px solid var(--te-line); border-radius:14px; background:#fff; box-shadow:var(--te-shadow-soft); }
.topic-directory a { display:block; margin:8px 0; color:var(--te-muted); font-size:.87rem; text-decoration:none; }
.topic-directory a:hover { color:var(--te-blue-dark); text-decoration:underline; }
.site-footer a { display:block; width:fit-content; color:#c9d8e7; text-decoration:none; margin-top:8px; font-size:.86rem; }
.site-footer a:hover { color:#fff; }
.footer-grid--wide { grid-template-columns:1.4fr repeat(3,1fr); }
.footer-brand { font-size:1.16rem; }
.footer-phone a { color:#fff; font-weight:700; }
.light-buttons .button { background:var(--te-blue); }
.menu-map-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:24px; }
.menu-map { padding:22px; border:1px solid var(--te-line); border-radius:15px; background:#fff; box-shadow:var(--te-shadow-soft); }
.menu-map ul { list-style:none; padding:0; margin:0; }
.menu-map li { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid #eef3f8; }
.menu-map li:first-child { border-top:0; }
.menu-map a { text-decoration:none; font-size:.87rem; font-weight:700; }
.map-badge { flex:0 0 auto; border-radius:999px; padding:3px 7px; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.045em; }
.map-badge.new { color:#0b6750; background:#e8f7f1; }
.map-badge.current { color:#775100; background:#fff3d4; }
.tree-view { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.tree-view details { border:1px solid var(--te-line); border-radius:12px; background:#fff; padding:14px 17px; }
.tree-view summary { cursor:pointer; font-family:var(--font-heading); font-weight:800; color:var(--te-ink); }
.tree-view ul { margin-bottom:0; }
.tree-view li { margin:6px 0; }
.change-table { border:1px solid var(--te-line); border-radius:14px; overflow:hidden; }
.change-table>div { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:14px; padding:13px 16px; border-top:1px solid var(--te-line); }
.change-table>div:first-child { border-top:0; background:var(--te-blue-soft); font-family:var(--font-heading); }
@media (max-width:1080px){
.mega-menu--future-product{grid-template-columns:1.35fr 1fr 1fr;}
.hero-grid{grid-template-columns:1fr 420px;gap:30px;}
.topic-directory{grid-template-columns:repeat(2,minmax(0,1fr));}
.menu-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.footer-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:800px){
.topbar-inner{align-items:flex-start;padding:8px 0;flex-direction:column;gap:4px;}
.topbar div:last-child{position:absolute;right:16px;}
.header-cta{margin-left:0;}
.mega-menu--future-product{grid-template-columns:1fr;}
.journey-card-grid{grid-template-columns:1fr 1fr;}
.hero-grid,.section-grid{grid-template-columns:1fr;}
.hero-media{max-width:620px;}
.columns-3,.menu-map-grid,.tree-view{grid-template-columns:1fr;}
.accounts-strip{grid-template-columns:1fr;}
.accounts-links{min-width:0;}
.change-table>div{grid-template-columns:1fr;gap:4px;}
.change-table>div:first-child{display:none;}
}
@media (max-width:520px){
.topbar div:last-child{position:static;}
.journey-card-grid,.topic-directory,.footer-grid--wide{grid-template-columns:1fr;}
.quote-nav-inner{padding:6px 0;}
.review-card,.accounts-strip{padding:22px 20px;}
}
.review-card {
margin: 38px 0 10px;
padding: 27px 30px;
border: 1px solid var(--te-line);
border-left: 5px solid var(--te-warm);
border-radius: var(--radius-md);
background: var(--te-white);
box-shadow: var(--te-shadow-soft);
max-width: 930px;
}
.review-rating { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; color:var(--te-muted); font-size:.84rem; }
.review-rating .stars { color:var(--te-review-star); letter-spacing:.07em; }
.review-card blockquote { margin:0 0 14px; font-family:var(--font-heading); font-size:1.32rem; line-height:1.42; font-weight:700; color:var(--te-ink); }
.review-card p { margin:0 0 10px; }
.review-card p span, .review-overall { color:var(--te-muted); font-size:.88rem; }
.review-card .review-overall { margin-top:10px; }
.conversion-cta .button.primary { background:var(--te-white); color:var(--te-blue-dark); border-color:var(--te-white); }
.conversion-cta .button.primary:hover { background:#eef6ff; color:var(--te-blue-dark); }
.conversion-cta .button.secondary { color:var(--te-white); }
.cta-contact { position:relative; z-index:1; margin:18px 0 0; color:#e7f2ff; }
.cta-contact a { color:var(--te-white); font-weight:700; }
.cta-related { position:relative; z-index:1; margin-top:12px; font-size:.9rem; color:#d7eaff !important; }
.cta-related a { color:var(--te-white); }
.merged-topic { scroll-margin-top:150px; }
.trust-proof-strip{background:#fff;padding:44px 0 8px;border-bottom:1px solid #e8eef5}
.trust-proof-strip .trust-proof-intro{display:block;max-width:var(--block);text-align:center;margin:0 auto 26px}
.trust-proof-intro h2{margin:0 0 12px;line-height:1.14}
.trust-proof-intro p{max-width:52em;margin:0 auto;color:var(--te-muted)}
.trust-proof-strip .wrap:not(.trust-proof-intro){display:flex;justify-content:center}
.trust-proof-strip img{display:block;width:min(733px,100%);height:auto}
.related-callout{margin:28px 0;padding:16px 18px;border-left:4px solid #1477d4;background:#f4f8fc}
.related-callout a{font-weight:700}
@media (max-width:700px){.trust-proof-strip{padding-top:14px}.trust-proof-strip img{width:100%}}
.local-support-block{margin:40px auto;padding:25px 28px;border:1px solid #bcd8f3;border-radius:16px;background:#f3f8fd;max-width:var(--block)}
.local-support-block h2{margin:0 0 10px;font-size:1.42rem}
.local-support-block p{margin:8px 0;color:var(--te-muted)}
.local-support-block a{font-weight:700}
.proof-label{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef5fb;color:var(--te-blue-dark);font-family:var(--font-heading);font-weight:800;letter-spacing:.02em}
@media (max-width:520px){.local-support-block{padding:21px 20px}}
.te-modal-open { overflow: hidden; }
.te-form-modal[hidden] { display: none; }
.te-form-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; }
.te-form-modal__backdrop { position: absolute; inset: 0; background: rgba(8, 26, 46, .72); backdrop-filter: blur(4px); }
.te-form-modal__panel { position: relative; width: min(680px, 100%); max-height: calc(100vh - 48px); overflow: auto; background: var(--te-white); border-radius: var(--radius-lg); box-shadow: 0 30px 90px rgba(0, 0, 0, .28); padding: 32px; outline: 0; }
.te-form-modal__close { position: absolute; top: 12px; right: 14px; border: 0; background: transparent; color: var(--te-muted); font-size: 2rem; line-height: 1; cursor: pointer; }
.te-form-modal__heading { padding-right: 38px; margin-bottom: 12px; }
.te-form-modal__heading h2 { margin: 0 0 6px; }
.te-form-modal__heading p:last-child { margin: 0; color: var(--te-muted); }
.te-form-modal__privacy { margin: 14px 0 0; font-size: .82rem; color: var(--te-muted); }
.te-form-modal__form-panel[hidden] { display: none; }
.te-form-modal__forms .row, .paid-landing-form .row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.te-form-modal__forms .form-group, .paid-landing-form .form-group { width: 100%; padding: 0 8px; margin: 0 0 14px; }
.te-form-modal__forms label, .paid-landing-form label { display: block; margin-bottom: 5px; font-weight:700; color: var(--te-ink); }
.te-form-modal__forms .form-control, .paid-landing-form .form-control,
.te-form-modal__forms input[type="text"], .te-form-modal__forms input[type="email"], .te-form-modal__forms input[type="tel"], .te-form-modal__forms textarea, .te-form-modal__forms select,
.paid-landing-form input[type="text"], .paid-landing-form input[type="email"], .paid-landing-form input[type="tel"], .paid-landing-form textarea, .paid-landing-form select {
width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #b8c7d6; border-radius: var(--radius-sm); background: #fff; color: var(--te-ink); font: inherit;
}
.te-form-modal__forms textarea, .paid-landing-form textarea { min-height: 110px; resize: vertical; }
.te-form-modal__forms .btn, .paid-landing-form .btn { appearance: none; border: 0; border-radius: 999px; background: var(--te-blue); color: #fff; padding: 12px 22px; font: inherit; font-weight:800; cursor: pointer; }
.te-form-modal__forms [class^="webform_"], .te-form-modal__forms [class*=" webform_"],
.paid-landing-form [class^="webform_"], .paid-landing-form [class*=" webform_"] { max-width: none !important; padding: 0 !important; }
.te-modal-form-loading { padding: 20px 0; color: var(--te-muted); }
@media (min-width: 680px) {
.te-form-modal__forms .col-md-6, .paid-landing-form .col-md-6 { width: 50%; }
}
@media (max-width: 600px) {
.te-form-modal { padding: 10px; }
.te-form-modal__panel { max-height: calc(100vh - 20px); padding: 25px 18px 22px; border-radius: var(--radius-md); }
}
.paid-landing { background: var(--te-sky); min-height: 100vh; }
.paid-landing-header { padding: 22px 0; border-bottom: 1px solid var(--te-line); background: #fff; }
.paid-landing-brand { font-family: var(--font-heading); font-size: 1.45rem; font-weight:800; letter-spacing: -.045em; }
.paid-landing-main { padding: 58px 0 70px; }
.paid-landing-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr); gap: 46px; align-items: start; }
.paid-landing-copy h1 { margin: 0 0 18px; font-size: clamp(2.35rem, 5vw, 4.35rem); line-height: 1.02; letter-spacing: -.055em; }
.paid-landing-lead { font-size: 1.18rem; color: var(--te-muted); max-width: 720px; }
.paid-landing-points { margin: 28px 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.paid-landing-points li { position: relative; padding-left: 30px; font-weight:700; }
.paid-landing-points li::before { content: '✓'; position: absolute; left: 0; color: var(--te-success); font-weight:800; }
.paid-landing-proof { margin-top: 28px; padding: 20px 22px; background: #fff; border: 1px solid var(--te-line); border-radius: var(--radius-md); box-shadow: var(--te-shadow-soft); }
.paid-landing-proof blockquote { margin: 0 0 8px; font-size: 1.05rem; font-weight:700; }
.paid-landing-form-card { background: #fff; border: 1px solid var(--te-line); border-radius: var(--radius-lg); box-shadow: var(--te-shadow); padding: 28px; position: sticky; top: 24px; }
.paid-landing-form-card h2 { margin: 0 0 5px; }
.paid-landing-form-card > p { margin: 0 0 18px; color: var(--te-muted); }
.paid-landing-footer { padding: 22px 0 36px; color: var(--te-muted); font-size: .85rem; text-align: center; }
.paid-landing-footer a { color: inherit; }
.landing-page-directory { padding: 60px 0; }
@media (max-width: 900px) {
.paid-landing-grid { grid-template-columns: 1fr; }
.paid-landing-form-card { position: static; }
}
.who-for-home,.who-for-intro{padding:32px;border:1px solid var(--te-line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#f6fbff,#fff);}
.who-for-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.who-for-grid .card{height:100%;}
.product-faq{margin:40px auto;max-width:var(--block);padding:28px 32px;border:1px solid var(--te-line);border-radius:var(--radius-lg);background:#f8fbfe;}
.product-faq .faq-list{max-width:none;}
.faq-list{display:grid;gap:10px;margin-top:18px;}
.faq-list details{border:1px solid var(--te-line);border-radius:10px;background:#fff;padding:0 18px;}
.faq-list summary{cursor:pointer;padding:16px 30px 16px 0;font-family:var(--font-heading);font-weight:800;color:var(--te-blue-dark);}
.faq-list details p{margin:0;padding:0 0 18px;color:var(--te-ink);}
.nav-who-for > summary{color:var(--te-blue-dark);}
@media(max-width:900px){.who-for-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.who-for-home,.who-for-intro,.product-faq{padding:22px}.who-for-grid{grid-template-columns:1fr;}}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
font-family: var(--font-body);
font-size: 16.5px;
color: var(--te-ink);
background: var(--te-white);
line-height: 1.66;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, .brand, .footer-brand { font-family: var(--font-heading); }
h1, h2, h3 { color: var(--te-ink); letter-spacing: -.02em; }
h2 { font-size: clamp(1.55rem, 1rem + 1.9vw, 2.3rem); line-height: 1.18; font-weight:700; margin: 0 0 .5em; }
h3 { font-size: 1.16rem; line-height: 1.3; font-weight:700; margin: 0 0 .4em; }
p  { max-width: var(--content); margin: 0 0 1em; }
a { color: var(--te-blue-dark); text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
a:hover { color: var(--te-blue); }
::selection { background: var(--te-blue-soft); }
:focus-visible {
outline: 3px solid color-mix(in srgb, var(--te-accent) 55%, white);
outline-offset: 2px;
border-radius: 4px;
}
.wrap { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
.narrow { max-width: 820px; }
.topbar {
background: var(--te-blue-deep);
color: #cfe0f5;
font-size: .82rem;
}
.topbar-inner {
display: flex; align-items: center; justify-content: space-between;
gap: 16px; min-height: 38px; flex-wrap: wrap;
}
.topbar span { color: #9fbbdd; }
.topbar a { color: #eaf2fc; text-decoration: none; font-weight:600; }
.topbar a:hover { color: #fff; }
.topbar > div:last-child { display: flex; gap: 20px; }
.topbar-sep { opacity: .5; }
.site-header {
border-bottom: 1px solid var(--te-line);
background: rgba(255, 255, 255, .9);
position: sticky; top: 0; z-index: 40;
backdrop-filter: saturate(140%) blur(12px);
}
.header-inner { min-height: 74px; display: flex; align-items: center; gap: 30px; }
.brand {
display: block; flex: none;
width: 148px; height: 38px;
background: url("/assets/img/Logo-blue_2x-d246afe6.png") left center / contain no-repeat;
text-indent: -9999px; overflow: hidden; white-space: nowrap;
}
.global-nav { display: flex; align-items: center; gap: 22px; flex: 1; flex-wrap: wrap; }
.global-nav > a,
.nav-dropdown > summary {
text-decoration: none; color: var(--te-ink-2);
font-family: var(--font-heading);
font-size: .92rem; font-weight:600;
}
.global-nav > a:hover,
.nav-dropdown > summary:hover { color: var(--te-blue-dark); }
.global-nav > a.active { position: relative; color: var(--te-blue-dark); }
.global-nav > a.active::after {
content: ""; position: absolute; left: 0; right: 0; bottom: -27px;
height: 3px; border-radius: 999px; background: var(--te-grad-accent);
}
.nav-dropdown { position: relative; }
.nav-dropdown > summary {
list-style: none; cursor: pointer; user-select: none;
display: inline-flex; align-items: center; gap: 6px;
}
.nav-dropdown > summary::-webkit-details-marker { display: none; }
.nav-caret {
width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; opacity: .7;
}
.nav-dropdown[open] > summary { color: var(--te-blue-dark); }
.nav-dropdown[open] .nav-caret { transform: rotate(-135deg) translateY(-1px); }
.mega-menu {
position: absolute; top: calc(100% + 16px); left: 0;
display: flex; gap: 30px;
min-width: 320px; padding: 22px 24px;
background: #fff; border: 1px solid var(--te-line);
border-radius: var(--radius-lg); box-shadow: var(--te-shadow);
z-index: 50;
}
.mega-menu::before {
content: ""; position: absolute; top: -7px; left: 34px;
width: 13px; height: 13px; background: #fff;
border-left: 1px solid var(--te-line); border-top: 1px solid var(--te-line);
transform: rotate(45deg);
}
.nav-dropdown:not([open]) > .mega-menu { display: none; }
.mega-menu--right { left: auto; right: 0; }
.mega-menu--right::before { left: auto; right: 34px; }
.mega-menu--compact { min-width: 300px; }
.mega-menu--wide, .mega-menu--future-product { min-width: 720px; }
.mega-menu-group { display: flex; flex-direction: column; gap: 3px; min-width: 210px; }
.mega-menu-title {
font-family: var(--font-heading); font-size: .72rem; font-weight:700;
letter-spacing: .09em; text-transform: uppercase; color: var(--te-accent-dark);
margin-bottom: 8px;
}
.mega-menu a {
text-decoration: none; color: var(--te-ink-2); font-size: .9rem; font-weight:500;
padding: 6px 9px; margin: 0 -9px; border-radius: 8px; line-height: 1.35;
transition: background .14s ease, color .14s ease;
}
.mega-menu a:hover { background: var(--te-sky); color: var(--te-blue-dark); }
.mega-feature-link {
margin-top: 12px !important; font-weight:700 !important; color: var(--te-blue-dark) !important;
}
.mega-feature-link::after { content: " →"; }
.journey-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 4px; }
.journey-card {
display: flex; flex-direction: column; gap: 1px;
padding: 12px 13px !important; margin: 0 !important;
border: 1px solid var(--te-line); border-radius: 12px; background: var(--te-sky);
}
.journey-card:hover { background: var(--te-blue-soft) !important; border-color: color-mix(in srgb, var(--te-blue) 30%, white); }
.journey-card strong { font-family: var(--font-heading); color: var(--te-blue-dark); font-size: .95rem; }
.journey-card span { color: var(--te-muted); font-size: .8rem; }
.journey-card.active { background: var(--te-accent-soft) !important; border-color: color-mix(in srgb, var(--te-accent) 34%, white); }
.journey-card.active strong { color: var(--te-accent-dark); }
.journey-nav {
background: linear-gradient(180deg, var(--te-sky), #fff);
border-bottom: 1px solid var(--te-line);
}
.journey-nav-inner { display: flex; gap: 8px; align-items: center; min-height: 46px; overflow-x: auto; }
.journey-nav a, .quote-nav a {
text-decoration: none; white-space: nowrap;
font-family: var(--font-heading); font-weight:600; font-size: .86rem;
color: var(--te-muted); padding: 6px 14px; border-radius: 999px;
transition: background .14s ease, color .14s ease;
}
.journey-nav a:hover, .quote-nav a:hover { background: var(--te-blue-soft); color: var(--te-blue-dark); }
.journey-nav a.active { background: var(--te-grad-accent); color: #fff; }
.quote-nav { background: #fff; border-bottom: 1px solid var(--te-line); position: sticky; top: 74px; z-index: 30; }
.quote-nav-inner { display: flex; align-items: center; gap: 6px; min-height: 48px; overflow-x: auto; }
.quote-nav strong {
font-family: var(--font-heading); color: var(--te-accent-dark);
margin-right: 8px; white-space: nowrap; font-size: .9rem;
}
.quote-nav a { color: var(--te-ink-2); }
.quote-nav a:first-of-type, .quote-nav a[href="index.html"] { color: var(--te-blue-dark); }
.breadcrumbs { font-size: .82rem; color: var(--te-muted); display: flex; align-items: center; flex-wrap: wrap; gap: 0 6px; min-height: 40px; padding: 0; line-height: 1; }
.breadcrumbs a { color: var(--te-muted); text-decoration: none; }
.breadcrumbs a:hover { color: var(--te-blue-dark); }
.hero {
position: relative; overflow: hidden;
border-bottom: 1px solid var(--te-line);
background:
radial-gradient(1100px 520px at 88% -8%, var(--te-accent-soft) 0%, transparent 55%),
linear-gradient(180deg, var(--te-sky) 0%, #fff 82%);
}
.hero::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background-image: linear-gradient(var(--te-line-2) 1px, transparent 1px),
linear-gradient(90deg, var(--te-line-2) 1px, transparent 1px);
background-size: 46px 46px; opacity: .5;
mask-image: radial-gradient(560px 360px at 20% 10%, #000, transparent 75%);
}
.hero-grid {
position: relative; z-index: 1;
display: grid; grid-template-columns: 1.05fr .95fr; gap: 52px;
align-items: center; padding: 60px 0 64px;
}
.eyebrow {
font-family: var(--font-heading); font-size: .74rem; font-weight:700;
letter-spacing: .12em; text-transform: uppercase;
color: var(--te-accent-dark);
display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px;
}
.eyebrow::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: var(--te-grad-accent); }
.hero h1 {
font-size: clamp(2.05rem, 1.2rem + 3vw, 3.35rem);
line-height: 1.14; font-weight:800; letter-spacing: -.032em;
margin: 0 0 .5em; color: var(--te-ink);
}
.hero-text { font-size: 1.12rem; color: var(--te-ink-2); max-width: 34em; }
.hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin: 26px 0 22px; }
.rating-strip {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
font-size: .9rem; color: var(--te-muted);
padding-top: 16px; border-top: 1px solid var(--te-line);
}
.rating-strip strong { color: var(--te-ink); }
.stars { color: var(--te-warm); letter-spacing: 1px; }
.rating-strip a { color: var(--te-blue-dark); font-weight:600; text-decoration: none; }
.rating-strip a:hover { text-decoration: underline; }
.hero-media { margin: 0; }
.hero-media img {
width: 100%; height: auto; border-radius: var(--radius-lg);
border: 1px solid var(--te-line); box-shadow: var(--te-shadow);
background: #fff;
}
.trust-proof-strip { padding: 44px 0 6px; }
.trust-proof-strip .wrap:not(.trust-proof-intro) { display: flex; justify-content: center; }
.trust-proof-strip img { max-width: min(733px, 100%); height: auto; opacity: .96; }
.content { padding: 8px 0 20px; }
.content > section { padding-block: 44px; border-top: 1px solid var(--te-line-2); }
.content > section:first-child { border-top: 0; }
.content > section > p { color: var(--te-ink-2); font-size: 1.04rem; }
.button, .btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
font-family: var(--font-heading); font-weight:600; font-size: .98rem;
padding: 13px 24px; border-radius: 999px; border: 1.5px solid transparent;
text-decoration: none; cursor: pointer; line-height: 1;
transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .15s ease;
}
.button { background: var(--te-blue); color: #fff; box-shadow: 0 10px 22px -12px rgba(27,116,208,.9); }
.button:hover { background: var(--te-blue-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 16px 28px -14px rgba(12,76,152,.9); }
.button.small { padding: 10px 18px; font-size: .9rem; }
.button.primary { background: var(--te-grad-accent); color: #fff; }
.button.primary:hover { filter: brightness(1.04); background: var(--te-grad-accent); }
.button.secondary {
background: #fff; color: var(--te-blue-dark); border-color: color-mix(in srgb, var(--te-blue) 34%, white);
box-shadow: none;
}
.button.secondary:hover { background: var(--te-blue-soft); color: var(--te-blue-dark); border-color: var(--te-blue); }
.header-ctas { display:flex; align-items:center; gap:10px; margin-left:auto; flex:none; }
.header-ctas .header-cta { margin-left:0; white-space:nowrap; }
.header-cta--trial { box-shadow:0 10px 22px -12px rgba(27,116,208,.9); }
.text-link {
font-family: var(--font-heading); font-weight:600; text-decoration: none;
color: var(--te-blue-dark); font-size: .95rem;
}
.text-link:hover { color: var(--te-blue); text-decoration: underline; }
.button-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); gap: 20px; margin-top: 26px; }
.card {
position: relative; overflow: hidden;
border: 1px solid var(--te-line); border-radius: var(--radius-md);
padding: 24px 22px; background: #fff; box-shadow: var(--te-shadow-card);
transition: transform .16s ease, box-shadow .2s ease, border-color .2s ease;
}
.card::before {
content: ""; position: absolute; left: 0; top: 0; height: 3px; width: 100%;
background: var(--te-grad-accent); opacity: 0; transition: opacity .2s ease;
}
.card:hover { transform: translateY(-4px); box-shadow: var(--te-shadow); border-color: color-mix(in srgb, var(--te-blue) 24%, white); }
.card:hover::before { opacity: 1; }
.card h3 { color: var(--te-ink); }
.card p { color: var(--te-muted); margin-bottom: .6em; }
.card p:last-child { margin-bottom: 0; }
.route-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 26px; }
.route-card {
display: flex; flex-direction: column;
border: 1px solid var(--te-line); border-left: 4px solid var(--te-accent);
border-radius: var(--radius-md); padding: 24px 24px 26px;
background: linear-gradient(180deg, #fff, var(--te-sky));
box-shadow: var(--te-shadow-card);
}
.route-card:nth-child(2) { border-left-color: var(--te-blue); }
.route-card:nth-child(3) { border-left-color: var(--te-success); }
.route-label {
font-family: var(--font-heading); font-size: .72rem; font-weight:700;
letter-spacing: .08em; text-transform: uppercase; color: var(--te-muted); margin-bottom: 6px;
}
.route-card h3 { font-size: 1.28rem; }
.route-card blockquote {
margin: 4px 0 14px; padding: 12px 14px; border-radius: 10px;
background: #fff; border: 1px solid var(--te-line);
font-style: italic; color: var(--te-ink-2); font-size: .96rem;
}
.route-card ul { margin: 0 0 18px; padding-left: 20px; color: var(--te-muted); }
.route-card li { margin: 6px 0; }
.route-card ul + p, .route-card p:last-child { margin-top: auto; margin-bottom: 0; }
.sales-orders-page .route-card { text-align:center; }
.sales-orders-page .route-label { margin-left:auto; margin-right:auto; }
.sales-orders-page .route-card ul { text-align:left; }
.sales-orders-page .route-card .button { display:block; text-align:center; }
.sales-orders-page .card-grid .card { text-align:center; }
.sales-orders-page .card-grid .card .text-link { display:inline-block; }
.comparison-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 22px 0 6px; }
.comparison-grid > article {
border: 1px solid var(--te-line); border-radius: var(--radius-md);
padding: 22px 24px; background: var(--te-sky);
}
.comparison-grid h3 { color: var(--te-blue-dark); }
.comparison-grid ul { margin: 0; padding-left: 20px; color: var(--te-ink-2); }
.comparison-grid li { margin: 7px 0; }
.quote-example, .callout-box {
margin: 20px 0; padding: 18px 22px; border-radius: var(--radius-md);
background: var(--te-accent-soft); border: 1px solid color-mix(in srgb, var(--te-accent) 22%, white);
border-left: 4px solid var(--te-accent);
font-family: var(--font-heading); font-weight:500; font-style: italic;
color: var(--te-accent-dark); font-size: 1.06rem; max-width: var(--content);
}
.flowline {
display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0;
counter-reset: none;
}
.flow-step {
position: relative; flex: 1 1 150px;
display: flex; align-items: center; gap: 12px;
padding: 16px 16px; border: 1px solid var(--te-line); border-radius: 12px;
background: #fff; box-shadow: var(--te-shadow-card);
}
.flow-step span {
flex: none; width: 30px; height: 30px; border-radius: 50%;
display: grid; place-items: center; font-family: var(--font-heading); font-weight:700;
color: #fff; background: var(--te-grad-accent); font-size: .92rem;
}
.flow-step strong { font-family: var(--font-heading); font-size: .92rem; color: var(--te-ink); }
.flow-step:not(:last-child)::after {
content: ""; position: absolute; right: -12px; top: 50%; width: 12px; height: 2px;
background: color-mix(in srgb, var(--te-blue) 40%, white); z-index: 1;
}
.local-support-block {
margin: 8px 0; padding: 26px 28px; border-radius: var(--radius-lg);
background: var(--te-sky); border: 1px solid var(--te-line);
}
.local-support-block h2 { font-size: 1.5rem; }
.local-support-block p { color: var(--te-ink-2); margin-bottom: .6em; }
.review-card {
max-width: 940px; margin: 34px auto; padding: 28px 30px 28px 32px;
border: 1px solid #c9dcf5; border-left: 5px solid var(--te-warm);
border-radius: var(--radius-lg);
background: linear-gradient(145deg, #dce9fb 0%, #f4f9ff 60%);
box-shadow: var(--te-shadow-soft);
}
.review-rating { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.proof-label {
font-family: var(--font-heading); font-size: .72rem; font-weight:700;
letter-spacing: .07em; text-transform: uppercase; color: var(--te-blue-dark);
background: #dce9fb; border: 1px solid #b9d2f3; border-radius: 999px; padding: 4px 11px;
}
.review-card blockquote {
margin: 8px 0 14px; font-family: var(--font-heading);
font-size: clamp(1.3rem, 1rem + 1.2vw, 1.85rem); font-weight:700;
line-height: 1.3; letter-spacing: -.015em; color: var(--te-ink);
}
.review-card p { color: var(--te-muted); }
.review-source-link { color: var(--te-warm) !important; }
.review-source-link:hover { color: var(--te-blue-dark) !important; }
.product-faq { padding-top: 8px; }
.faq-list { display: flex; flex-direction: column; gap: 12px; margin: 22px auto 0; max-width: var(--block); }
.faq-list details {
border: 1px solid var(--te-line); border-radius: var(--radius-md);
background: #fff; box-shadow: var(--te-shadow-card); overflow: hidden;
}
.faq-list summary {
list-style: none; cursor: pointer; padding: 17px 20px;
font-family: var(--font-heading); font-weight:600; color: var(--te-ink);
display: flex; justify-content: space-between; align-items: center; gap: 14px;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after {
content: "+"; font-size: 1.3rem; color: var(--te-accent); font-weight:500;
transition: transform .2s ease; line-height: 1;
}
.faq-list details[open] summary::after { transform: rotate(45deg); }
.faq-list details[open] summary { color: var(--te-blue-dark); }
.faq-list details p { margin: 0; padding: 0 20px 18px; color: var(--te-muted); }
.cta, .conversion-cta {
position: relative; overflow: hidden;
margin: 44px 0 8px; padding: 44px 40px;
background: var(--te-grad-cta); color: #fff;
border-radius: var(--radius-xl); box-shadow: var(--te-shadow);
}
.cta::after, .conversion-cta::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
width: auto; height: auto; border: 0; border-radius: 0;
background:
radial-gradient(460px 300px at 92% -30%, rgba(255,255,255,.18), transparent 60%),
radial-gradient(360px 260px at -8% 130%, rgba(27,116,208,.42), transparent 60%);
}
.cta > *, .conversion-cta > * { position: relative; z-index: 1; }
.cta h2, .conversion-cta h2 { color: #fff; max-width: 900px; }
.cta p, .conversion-cta p { color: #dbe6f7; max-width: 720px; }
.cta .button.primary, .conversion-cta .button.primary { background: #fff; color: var(--te-blue-dark); }
.cta .button.primary:hover, .conversion-cta .button.primary:hover { background: #fff; color: var(--te-accent-dark); filter: none; }
.cta .button.secondary, .conversion-cta .button.secondary {
background: transparent; color: #fff; border-color: rgba(255,255,255,.55);
}
.cta .button.secondary:hover, .conversion-cta .button.secondary:hover { background: rgba(255,255,255,.12); color: #fff; border-color: #fff; }
.cta-contact, .cta-related { font-size: .95rem; margin-top: 16px; }
.cta-contact a, .cta-related a { color: #fff; font-weight:600; }
.site-footer { background: #232428; color: #c9cacd; padding: 52px 0 40px; margin-top: 20px; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 34px; }
.footer-grid--wide { grid-template-columns: 1.8fr 1fr 1fr 1fr; }
.footer-brand {
display: block; width: 150px; height: 40px; margin-bottom: 12px;
background: url("/assets/img/TE-logo-whitepng-72692fe5.png") left center / contain no-repeat;
text-indent: -9999px; overflow: hidden; white-space: nowrap;
}
.site-footer p { color: #9fb2cc; font-size: .92rem; margin-top: 6px; }
.footer-grid > div { display: flex; flex-direction: column; }
.footer-grid strong {
font-family: var(--font-heading); color: #fff; font-size: .78rem;
letter-spacing: .08em; text-transform: uppercase; margin-bottom: 12px;
}
.footer-grid a { color: #cdd9ea; text-decoration: none; font-size: .92rem; padding: 4px 0; }
.footer-grid a:hover { color: #fff; }
.footer-phone a { color: #fff !important; font-weight:600; }
.mini-badge, .new {
display: inline-block; font-family: var(--font-heading); font-size: .68rem; font-weight:700;
letter-spacing: .05em; text-transform: uppercase; color: var(--te-accent-dark);
background: var(--te-accent-soft); border-radius: 999px; padding: 3px 9px; margin-left: 6px;
}
.map-badge { color: var(--te-muted); font-size: .8rem; }
@media (max-width: 960px) {
.hero-grid { grid-template-columns: 1fr; gap: 34px; padding: 44px 0 48px; }
.hero-media { order: -1; }
.footer-grid, .footer-grid--wide { grid-template-columns: 1fr 1fr; gap: 26px; }
.mega-menu--wide, .mega-menu--future-product { min-width: min(92vw, 640px); flex-wrap: wrap; }
}
@media (max-width: 800px) {
.global-nav { display: none; }
.header-inner { justify-content: space-between; }
.cta, .conversion-cta { padding: 34px 26px; }
}
@media (max-width: 560px) {
.wrap { width: calc(100% - 32px); }
.footer-grid, .footer-grid--wide { grid-template-columns: 1fr; }
.flow-step:not(:last-child)::after { display: none; }
.hero h1 { font-size: 2.1rem; }
}
@media (prefers-reduced-motion: reduce) {
* { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}
.content > section.cta,
.content > section.conversion-cta,
.content > section.cta > p,
.content > section.conversion-cta > p,
.cta .cta-contact, .conversion-cta .cta-contact,
.cta .cta-related, .conversion-cta .cta-related { color: #e7f2ff; }
.content > section.cta > h2,
.content > section.conversion-cta > h2 { color: #fff; }
.cta a, .conversion-cta a,
.cta .cta-contact a, .conversion-cta .cta-contact a,
.cta .cta-related a, .conversion-cta .cta-related a { color: #fff; }
.review-index .hero { padding-bottom: 2.5rem; }
.review-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:-1rem; }
.review-summary > div { background:#fff; border:1px solid rgba(0,0,0,.1); border-radius:12px; padding:1.25rem; display:flex; flex-direction:column; }
.review-summary strong { font-size:2rem; line-height:1; }
.review-summary span { margin-top:.4rem; color:#555; }
.review-controls { display:grid; grid-template-columns:auto minmax(240px,1fr) auto; align-items:center; gap:.8rem; }
.review-controls label { font-weight:700; }
.review-controls input { width:100%; min-height:44px; border:1px solid #b7b7b7; border-radius:8px; padding:.65rem .8rem; font:inherit; }
.review-filter-buttons { display:flex; gap:.5rem; flex-wrap:wrap; }
.review-filter-buttons .button { border:1px solid currentColor; cursor:pointer; }
.review-page-tree li { display:grid; grid-template-columns:minmax(220px,1fr) minmax(260px,auto) auto; gap:1rem; align-items:center; }
.review-page-tree code { overflow-wrap:anywhere; }
.review-status { display:inline-flex; align-items:center; width:max-content; border-radius:999px; padding:.22rem .58rem; font-size:.75rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; }
.review-status--review { background:#f1f1f1; color:#4c4c4c; }
.review-status--approved { background:#dff4e5; color:#17672c; }
.review-status--recheck { background:#fff0c7; color:#765400; }
.review-page-row[hidden], .review-page-group[hidden] { display:none !important; }
@media (max-width: 800px) { .review-summary { grid-template-columns:1fr; } .review-controls { grid-template-columns:1fr; } .review-page-tree li { grid-template-columns:1fr; gap:.25rem; } }
.header-inner { position: relative; }
.mega-menu--product-v14,
.mega-menu--solutions-v14,
.mega-menu--integrations-v14,
.mega-menu--resources-v14 {
left: 0; right: 0; width: auto; max-width: none; padding: 0;
background: #fff; border: 1px solid var(--te-line); border-radius: 0 0 16px 16px;
box-shadow: 0 20px 45px rgba(21, 55, 92, .16); overflow: hidden;
}
.mega-menu--product-v14,
.mega-menu--solutions-v14,
.mega-menu--integrations-v14,
.mega-menu--resources-v14 { display: block; }
.mega-menu--product-v14::before,
.mega-menu--solutions-v14::before,
.mega-menu--integrations-v14::before,
.mega-menu--resources-v14::before { display: none; }
.mega-positioning { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:16px 22px; background:var(--te-blue-dark); color:#fff; }
.mega-positioning div { display:flex; gap:14px; align-items:baseline; }
.mega-positioning strong { font-family:var(--font-heading); font-size:1rem; letter-spacing:.02em; }
.mega-positioning span { color:rgba(255,255,255,.78); font-size:.84rem; }
.mega-positioning a { color:#fff; font-family:var(--font-heading); font-weight:800; white-space:nowrap; }
.product-menu-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.product-menu-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-menu-column { min-width:0; padding:22px; border-right:1px solid var(--te-line); }
.product-menu-column:last-child { border-right:0; }
.product-menu-column .product-stage,
.menu-callout .product-stage { margin:0 0 5px; color:var(--te-blue); font-family:var(--font-heading); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.product-menu-column h3 { margin:0 0 5px; font-size:1.08rem; }
.product-menu-column h3 a { padding:0; color:var(--te-blue-dark); font-size:inherit; font-weight:900; }
.product-menu-column > span { display:block; min-height:42px; margin-bottom:10px; color:var(--te-muted); font-size:.79rem; line-height:1.4; }
.product-menu-column > a { padding:5px 0; font-size:.79rem; line-height:1.25; }
.product-menu-column > a:hover { transform:translateX(2px); }
.solutions-menu-grid { display:grid; grid-template-columns:1fr 1fr .92fr; }
.solutions-menu-grid > section,
.integration-menu-grid > section { padding:22px; border-right:1px solid var(--te-line); }
.solutions-menu-grid a,
.integration-menu-grid a,
.resources-menu-grid a { padding:6px 0; }
.menu-callout { padding:24px; background:linear-gradient(145deg,var(--te-sky),#fff); }
.menu-callout h3 { margin:4px 0 8px; color:var(--te-blue-dark); }
.menu-callout p { margin:0 0 12px; font-size:.83rem; color:var(--te-muted); }
.menu-callout a { padding:6px 0; font-weight:800; }
.integration-menu-grid { display:grid; grid-template-columns:1fr 1fr 1fr; }
.menu-small-copy { margin:12px 0 0; color:var(--te-muted); font-size:.78rem; line-height:1.45; }
.resources-menu-grid { display:grid; grid-template-columns:1fr 1fr; }
.resources-menu-grid > section { padding:22px; }
.resources-menu-grid > section + section { border-left:1px solid var(--te-line); }
.journey-nav-inner { gap:8px; }
.journey-nav a { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:150px; text-align:left; line-height:1.1; }
.journey-nav a strong { color:var(--te-blue-dark); font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; }
.journey-nav a span { margin-top:3px; color:var(--te-muted); font-size:.72rem; font-weight:700; }
.journey-nav a.active span { color:var(--te-blue-dark); }
.journey-nav a.review-link { flex:0 0 auto; min-width:105px; border-left:1px solid var(--te-line); border-radius:0; }
.footer-grid--v14 { grid-template-columns:1.4fr repeat(4,minmax(0,1fr)); gap:30px; }
.process-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:24px 0; }
.process-strip div { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid var(--te-line); border-radius:10px; background:#fff; }
.process-strip strong { display:grid; place-items:center; width:30px; height:30px; flex:0 0 30px; border-radius:50%; background:var(--te-blue-soft); color:var(--te-blue-dark); }
.process-strip span { font-family:var(--font-heading); font-size:.8rem; font-weight:800; }
@media (max-width: 1100px) {
.product-menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.product-menu-column:nth-child(2) { border-right:0; }
.product-menu-column:nth-child(-n+2) { border-bottom:1px solid var(--te-line); }
.solutions-menu-grid { grid-template-columns:1fr 1fr; }
.menu-callout { grid-column:1 / -1; }
.footer-grid--v14 { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width: 760px) {
.mega-positioning { align-items:flex-start; }
.mega-positioning div { display:block; }
.mega-positioning span { display:block; margin-top:4px; }
.product-menu-grid,.solutions-menu-grid,.integration-menu-grid,.resources-menu-grid { grid-template-columns:1fr; }
.product-menu-column,.solutions-menu-grid > section,.integration-menu-grid > section,.resources-menu-grid > section { border-right:0; border-bottom:1px solid var(--te-line); }
.resources-menu-grid > section + section { border-left:0; }
.product-menu-column > span { min-height:0; }
.journey-nav a { min-width:130px; }
.footer-grid--v14,.process-strip { grid-template-columns:1fr; }
}
.header-inner .nav-dropdown--wide { position: static; }
.mega-menu--product-v14::before,
.mega-menu--solutions-v14::before,
.mega-menu--integrations-v14::before { display:none; }
@media (max-width: 800px) {
.header-inner { flex-wrap: wrap; gap: 12px; padding: 12px 0; }
.global-nav {
display: flex; order: 3; flex: 1 0 100%; width: 100%;
flex-wrap: nowrap; gap: 20px; overflow-x: auto;
padding: 10px 2px 2px; border-top: 1px solid var(--te-line);
scrollbar-width: thin;
}
.global-nav > a,
.nav-dropdown > summary { min-height: 34px; white-space: nowrap; font-size: .82rem; }
.header-cta { margin-left: auto; }
.header-inner .mega-menu {
top: 100%; left: 0; right: 0; width: auto;
max-height: calc(100vh - 150px); overflow-y: auto;
border-radius: 0 0 14px 14px;
}
}
@media (max-width: 760px) {
.mega-positioning { display:block; }
.mega-positioning > a { display:inline-block; margin-top:10px; }
}
.header-inner { gap: 34px; }
.global-nav { gap: clamp(24px, 2.5vw, 38px); }
.global-nav > a,
.nav-dropdown > summary {
min-height: 76px;
padding-inline: 5px;
}
.nav-dropdown:not([open]) > .mega-menu,
.nav-dropdown:hover:not([open]) > .mega-menu,
.nav-dropdown:focus-within:not([open]) > .mega-menu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.nav-dropdown[open] > .mega-menu {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
.mega-menu--product-v14 { background: var(--te-sky); }
.product-menu-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
padding: 20px;
}
.product-menu-column,
.product-menu-column:last-child {
padding: 25px 22px;
border: 1px solid var(--te-line) !important;
border-radius: 13px;
background: var(--te-white);
}
.product-menu-column h3 { margin-bottom: 7px; }
.product-menu-column > span {
min-height: 48px;
margin-bottom: 13px;
font-size: .82rem;
line-height: 1.45;
}
.product-menu-column > a {
margin-inline: -8px;
padding: 7px 8px;
border-radius: 8px;
font-size: .82rem;
line-height: 1.32;
}
.product-menu-column > a:hover { transform: none; }
.journey-nav,
.quote-nav { display: none !important; }
@media (max-width: 1100px) {
.header-inner { gap: 22px; }
.global-nav { gap: 20px; }
.product-menu-grid { gap: 12px; padding: 14px; }
.product-menu-column,
.product-menu-column:last-child { padding: 21px 18px; }
}
@media (max-width: 800px) {
.global-nav > a,
.nav-dropdown > summary { min-height: 38px; padding-inline: 8px; }
.product-menu-grid { padding: 12px; }
.product-menu-column,
.product-menu-column:last-child { padding: 19px 17px; }
}
.mega-menu a.active::after { display: none !important; content: none !important; }
.paid-landing-long .paid-landing-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.paid-landing-long .paid-landing-header-note { color:var(--te-muted); font-size:.86rem; font-weight:700; text-align:right; }
.paid-landing-long .paid-landing-hero { background:radial-gradient(920px 520px at 12% 0%, var(--te-accent-soft), transparent 58%), linear-gradient(180deg,#f6fbff 0%,var(--te-sky) 100%); border-bottom:1px solid var(--te-line); }
.paid-landing-long .paid-landing-main { padding:54px 0 64px; }
.paid-landing-long .paid-landing-copy h1 { max-width:820px; }
.paid-landing-long .paid-landing-form-card { top:18px; }
.paid-landing-long .paid-landing-privacy { margin:14px 0 0; color:var(--te-muted); font-size:.78rem; line-height:1.45; }
.paid-landing-long .paid-landing-privacy a { color:inherit; }
.paid-landing-trust { background:#fff; border-bottom:1px solid var(--te-line); padding:22px 0; }
.paid-landing-trust .wrap { display:flex; justify-content:center; }
.paid-landing-trust img { display:block; width:min(733px,100%); height:auto; }
.paid-landing-body { background:#fff; }
.landing-section { padding:70px 0; border-bottom:1px solid var(--te-line-2); }
.landing-section--soft { background:linear-gradient(180deg,#f7fbff,#fff); }
.landing-section--dark { background:var(--te-blue-deep); color:#fff; }
.landing-section--dark h2,.landing-section--dark h3 { color:#fff; }
.landing-section--dark p { color:#d9e8f8; }
.landing-section--dark .eyebrow { color:#9cc4ff; }
.landing-narrow { max-width:980px; }
.landing-section h2 { margin:0 0 18px; font-size:clamp(1.8rem,1.3rem + 1.8vw,2.7rem); line-height:1.12; letter-spacing:-.035em; }
.landing-section p { color:var(--te-ink-2); font-size:1.04rem; }
.landing-intro { max-width:880px; margin-bottom:28px; }
.landing-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:30px; }
.landing-card { padding:24px; border:1px solid var(--te-line); border-radius:var(--radius-md); background:#fff; box-shadow:var(--te-shadow-soft); }
.landing-card h3 { margin:0 0 9px; font-size:1.08rem; line-height:1.25; }
.landing-card p { margin:0; font-size:.94rem; }
.landing-route-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:30px; }
.landing-route-card { padding:23px; border:1px solid var(--te-line); border-radius:var(--radius-md); background:var(--te-sky); }
.landing-route-label { display:block; margin-bottom:9px; color:var(--te-accent-dark); font-family:var(--font-heading); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.landing-route-card h3 { margin:0 0 8px; font-size:1.04rem; }
.landing-route-card p { margin:0; font-size:.92rem; }
.landing-split { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr); gap:50px; align-items:start; }
.landing-check-panel { padding:28px; border-radius:var(--radius-lg); background:var(--te-blue-deep); color:#fff; box-shadow:var(--te-shadow); }
.landing-check-panel h3 { margin:0 0 15px; color:#fff; }
.landing-check-panel ul { margin:0; padding:0; list-style:none; display:grid; gap:11px; }
.landing-check-panel li { position:relative; padding-left:25px; color:#e4effa; }
.landing-check-panel li::before { content:'✓'; position:absolute; left:0; color:#5b8def; font-weight:800; }
.landing-flow { display:flex; align-items:center; justify-content:center; gap:11px; flex-wrap:wrap; margin:30px 0 22px; }
.landing-flow span { padding:11px 16px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-family:var(--font-heading); font-weight:700; }
.landing-flow b { color:#5b8def; font-size:1.15rem; }
.landing-pill-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.landing-pill-row span { padding:9px 14px; border:1px solid var(--te-line); border-radius:999px; background:#fff; color:var(--te-blue-dark); font-weight:700; font-size:.9rem; }
.landing-faq { display:grid; gap:12px; margin-top:28px; }
.landing-faq details { border:1px solid var(--te-line); border-radius:var(--radius-md); background:#fff; padding:0 20px; }
.landing-faq summary { cursor:pointer; padding:18px 34px 18px 0; font-family:var(--font-heading); font-weight:750; color:var(--te-ink); position:relative; }
.landing-faq summary::after { content:'+'; position:absolute; right:0; top:14px; color:var(--te-blue); font-size:1.5rem; }
.landing-faq details[open] summary::after { content:'–'; }
.landing-faq details p { margin:0 0 18px; font-size:.96rem; }
.landing-final { padding:72px 0; text-align:center; background:linear-gradient(145deg,var(--te-blue-deep),#103b6f); color:#fff; }
.landing-final h2 { margin:0 0 12px; color:#fff; font-size:clamp(2rem,1.4rem + 2vw,3rem); }
.landing-final p { margin:0 auto 26px; max-width:720px; color:#dbeafb; font-size:1.08rem; }
.paid-landing-long .paid-landing-footer { background:#fff; border-top:1px solid var(--te-line); line-height:1.7; }
@media (max-width:1050px) { .landing-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .landing-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .paid-landing-long .paid-landing-header-inner { align-items:flex-start; } .paid-landing-long .paid-landing-header-note { font-size:.75rem; max-width:190px; } .landing-section { padding:52px 0; } .landing-split { grid-template-columns:1fr; gap:28px; } .landing-card-grid,.landing-route-grid { grid-template-columns:1fr; } .landing-flow { justify-content:flex-start; } }
@media (max-width:480px) { .paid-landing-long .paid-landing-header-note { display:none; } .paid-landing-long .paid-landing-main { padding-top:38px; } .paid-landing-long .paid-landing-form-card { padding:22px 18px; } .landing-card,.landing-route-card,.landing-check-panel { padding:21px; } }
.site-org-footer{background:var(--te-ink);color:#cfe0f5;margin-top:4rem;padding:2.2rem 0 1.5rem;font-size:.95rem}
footer + .site-org-footer{margin-top:0;border-top:1px solid rgba(255,255,255,.14)}
.site-org-footer a{color:#fff;text-decoration:underline}
.org-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
@media(max-width:760px){.org-footer-grid{grid-template-columns:1fr}}
.org-footer-heading{font-weight:700;color:#fff;margin-bottom:.5rem}
.org-footer-links ul{list-style:none;margin:0;padding:0}
.org-footer-links li{margin:.35rem 0}
.org-footer-brand img{margin-bottom:.75rem;background:#fff;border-radius:8px;padding:6px}
.org-footer-note{margin-top:2rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;color:#9fb8d8}
main.wp-import{display:block;max-width:1100px;margin:0 auto;padding:2rem 1.25rem;line-height:1.65}
main.wp-import img{max-width:100%;height:auto}
main.wp-import h1,main.wp-import h2,main.wp-import h3{margin:1.4em 0 .5em;line-height:1.25}
main.wp-import p,main.wp-import ul,main.wp-import ol{margin:.7em 0}
main.wp-import table{max-width:100%;overflow-x:auto;display:block}
main.wp-import iframe{max-width:100%}
.flowline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:visible;padding:0;margin:24px 0}
@media(max-width:980px){.flowline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.flowline{grid-template-columns:1fr}}
.review-card,.compact-note,.hero-media,.content-figure,.local-support-block{margin-left:auto;margin-right:auto}
.framed-shot{max-width:900px;margin:0 auto}
.framed-shot img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 40px rgba(15,39,73,.14)}
.framed-shot figcaption{text-align:center;color:var(--te-muted);font-size:.85rem;margin-top:10px}
.site-org-footer{background:#1b1c1f;color:#b8b9bd;margin-top:0;border-top:1px solid rgba(255,255,255,.14);padding:1.1rem 0;font-size:.85rem}
.site-org-footer .org-bar{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:center;justify-content:space-between}
.site-org-footer p{margin:0}
.site-org-footer a{color:#c9d8e7;text-decoration:none}
.site-org-footer a:hover{color:#fff;text-decoration:underline}
.site-org-footer .org-links a{margin-left:1rem}
@media(max-width:760px){.site-org-footer .org-bar{flex-direction:column;align-items:flex-start}.site-org-footer .org-links a{margin-left:0;margin-right:1rem}}
.route-grid.route-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.route-grid.route-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.route-grid.route-grid--four{grid-template-columns:1fr}}
@media(min-width:1180px){
.card-grid:has(> :last-child:nth-child(4)),.who-for-grid:has(> :last-child:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.card-grid:has(> :last-child:nth-child(6)),.who-for-grid:has(> :last-child:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1180px){
.sec-text{max-width:880px;margin-left:auto;margin-right:auto}
.content section:not([class])>p,.content section:not([class])>h2,
.content section:not([class])>ul,.content section:not([class])>ol{max-width:880px;margin-left:auto;margin-right:auto}
.content section:not([class])>a.text-link{display:block;max-width:880px;margin:10px auto 0}
.has-aside>.review-card,.has-aside>.content-figure,.has-aside>.compact-note{float:right;width:min(360px,34%);margin:6px 0 18px 2.6rem;max-width:none}
.has-aside::after{content:"";display:block;clear:both}
}
.sec-text--tint{background:var(--te-sky);border:1px solid var(--te-line);border-radius:18px;padding:30px 34px;border-bottom:1px solid var(--te-line)}
.site-index-group{border-bottom:1px solid var(--te-line);padding:18px 0}
.site-index-group h2{font-size:1.15rem;margin:0 0 10px}
.site-index-group ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 24px}
.site-index-group li a{color:var(--te-blue-dark);text-decoration:none;font-size:.92rem}
.site-index-group li a:hover{text-decoration:underline}
main.wp-import h1.was-h3{font-size:1.5rem}
main.wp-import h1.was-h4{font-size:1.3rem}
main.wp-import h1.was-h5{font-size:1.15rem}
main.wp-import h1.was-h6{font-size:1rem}
.hub-list{border-bottom:1px solid var(--te-line);padding:14px 0}
.hub-list h2{font-size:1.2rem;margin:0 0 10px}
.hub-list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:6px 28px}
.hub-list li a{color:var(--te-blue-dark);text-decoration:none;font-size:.95rem}
.hub-list li a:hover{text-decoration:underline}
.crumb-group{color:var(--te-muted)}
.site-footer a:hover, .site-org-footer a:hover { color: #4da3ff; }
.header-phone { font-family: var(--font-heading); font-weight: 600; color: var(--te-blue-dark); text-decoration: none; white-space: nowrap; margin-right: 14px; font-size: .95rem; }
.header-phone:hover { text-decoration: underline; }
@media (max-width: 1080px) { .header-phone { display: none; } }
.trust-text{border:1px solid var(--te-line);border-radius:14px;padding:26px 30px;background:var(--te-sky);margin:40px auto;max-width:none}
.trust-text h2{font-size:1.35rem;margin:0 0 14px}
.trust-text p{font-size:.95rem;margin:.5em 0;max-width:none}
.trust-awards{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 30px;align-items:start}
.award-badges{display:flex;flex-direction:column;gap:12px}
.award-badges a{display:block;border-radius:var(--radius-sm)}
.award-badges img{display:block;width:104px;height:auto}
.review-logo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.review-logo-link{display:flex;min-height:90px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--te-line);border-radius:var(--radius-sm);background:var(--te-white);color:var(--te-ink);text-align:center;text-decoration:none}
.review-logo-link:hover{border-color:var(--te-blue);box-shadow:var(--te-shadow-soft)}
.review-logo-link img{display:block;width:auto;height:auto;max-width:112px;max-height:42px}
.review-logo-link span{font-size:.78rem;line-height:1.3;color:var(--te-muted)}
.trust-reviewed-date{font-size:.8rem!important;color:var(--te-muted)}
@media(max-width:800px){.review-logo-links{grid-template-columns:1fr}.review-logo-link{min-height:72px}.trust-awards{grid-template-columns:1fr}.award-badges{flex-direction:row}}
.trust-logo-strip,
.trust-proof-box,
.proof-logos { width:min(420px,calc(100% - 48px)); margin:28px auto; padding:20px 22px; border:1px solid var(--te-line); border-radius:18px; background:var(--te-white); box-shadow:var(--te-shadow-soft); text-align:center; }
.trust-logo-strip > .wrap { width:100%; }
.trust-logo-strip .trust-strip-line,
.trust-proof-title,
.proof-logos-title { margin:0 auto 16px; max-width:none; color:var(--te-ink); font-size:.84rem; font-weight:600; line-height:1.4; }
.trust-logo-strip .stars,
.trust-proof-box .stars,
.proof-logos .stars { display:block; margin:0 0 3px; color:var(--te-review-star); letter-spacing:.08em; }
.trust-logo-row { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:14px 22px; margin:0 auto; padding:0; max-width:none; }
.trust-logo-row li { display:flex; align-items:center; justify-content:center; }
.trust-logo-row a { display:flex; align-items:center; justify-content:center; min-height:54px; border-radius:var(--radius-sm); }
.trust-logo-row a:hover { box-shadow:0 0 0 2px var(--te-blue-soft); }
.trust-logo-row img { display:block; width:auto; height:auto; max-height:52px; max-width:108px; }
.trust-logo-strip .trust-strip-line--integrations,
.trust-logo-strip .trust-logo-row--integrations { display:none; }
.hero-grid--proof { grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); }
.hero-grid--proof .trust-proof-box { width:100%; margin:0; }
.works-with { color:var(--te-ink); }
.works-with strong { font-family:var(--font-heading); font-size:.82rem; letter-spacing:.02em; white-space:nowrap; }
.works-with-logos { display:flex; align-items:center; gap:10px; }
.works-with-logos a { display:flex; align-items:center; justify-content:center; width:104px; height:38px; }
.works-with-logos img { display:block; width:auto; height:30px; max-width:100px; }
.works-with--hero { display:flex; align-items:center; gap:14px; width:max-content; max-width:100%; margin-top:22px; padding:10px 13px; border:1px solid rgba(255,255,255,.34); border-radius:12px; background:var(--te-white); box-shadow:0 8px 24px rgba(3,20,45,.2); }
.works-with--footer { padding:14px 0; border-top:1px solid var(--te-line); border-bottom:1px solid var(--te-line); background:var(--te-sky); }
.works-with-inner { display:flex; align-items:center; justify-content:center; gap:18px; }
.home-page .works-with--footer { display:none; }
@media (max-width:900px){ .hero-grid--proof { grid-template-columns:1fr; } .hero-grid--proof .trust-proof-box { margin-top:4px; } }
@media (max-width:700px){ .trust-logo-strip,.trust-proof-box,.proof-logos { width:min(360px,calc(100% - 32px)); padding:18px; } .trust-logo-row { gap:12px 18px; } .trust-logo-row img { max-height:46px; max-width:96px; } .works-with--hero,.works-with-inner { flex-direction:column; align-items:flex-start; } .works-with--footer .works-with-inner { align-items:center; } }
.header-topbar { background:#fff; border-bottom:1px solid var(--te-line); font-size:.9rem; }
.header-topbar-inner { display:flex; align-items:center; justify-content:flex-end; min-height:42px; }
.topbar-call { display:flex; align-items:center; color:var(--te-ink); padding-right:16px; border-right:1px solid var(--te-line); }
.topbar-call strong { font-weight:600; }
.topbar-no { padding-left:10px; }
.topbar-call a { color:var(--te-blue-dark); font-weight:600; text-decoration:none; }
.topbar-call a:hover { color:var(--te-blue); }
.topbar-social { list-style:none; margin:0; padding:0 16px; display:flex; align-items:center; gap:14px; border-right:1px solid var(--te-line); }
.topbar-social li, .topbar-social a { display:flex; align-items:center; justify-content:center; height:42px; }
.topbar-social a { color:var(--te-ink-2); opacity:.55; }
.topbar-social a:hover { color:var(--te-blue); opacity:1; }
.topbar-social svg { display:block; width:17px; height:17px; }
.topbar-login { padding-left:16px; font-weight:600; color:var(--te-blue-dark); text-decoration:none; }
.topbar-login:hover { color:var(--te-blue); }
@media (max-width:900px){ .topbar-label, .topbar-no--nz, .topbar-social { display:none; } .topbar-call { border-right:none; padding-right:12px; } .topbar-no { padding-left:0; } .header-topbar-inner { min-height:38px; } }
.card-illo { display:block; width:min(150px,60%); height:auto; margin:0 0 10px; }
.feature-head { display:flex; align-items:center; gap:20px; margin:4px 0 2px; }
.feature-head-illo { width:88px; height:auto; flex:none; }
.feature-blurb { margin:4px 0 0; color:var(--te-muted); max-width:none; }
.feature-list { list-style:none; margin:14px 0 0; padding:0; max-width:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px 30px; }
.feature-list li { position:relative; padding:6px 0 6px 26px; }
.feature-list li::before { content:""; position:absolute; left:0; top:.55em; width:16px; height:16px; background:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath fill=%22%231b74d0%22 d=%22M6.2 12.6 1.9 8.3l1.4-1.4 2.9 2.9 6.5-6.5 1.4 1.4z%22/%3E%3C/svg%3E') no-repeat center/contain; }
@media (max-width:1000px){ .feature-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .feature-list { grid-template-columns:1fr; } .feature-head-illo { width:60px; } }
.quote-card blockquote { margin:0 0 12px; font-size:.95rem; line-height:1.5; color:var(--te-ink); }
.quote-card p { margin:0 0 8px; font-size:.85rem; color:var(--te-muted); }
.quote-row-links { margin-top:14px; font-size:.85rem; color:var(--te-muted); }
.hero .narrow { max-width: 1000px; }
.hero .narrow .hero-text { max-width: 46em; }
.announce-bar { background:#f7b527; color:var(--te-ink); font-size:.9rem; }
.announce-inner { display:flex; align-items:center; justify-content:center; gap:14px; min-height:42px; padding:6px 0; }
.announce-bar a { color:var(--te-ink); font-weight:800; text-decoration:underline; white-space:nowrap; }
.announce-close { background:none; border:0; color:var(--te-ink); font-size:1.15rem; line-height:1; cursor:pointer; padding:4px 8px; }
.announce-bar[hidden] { display:none; }
@media (max-width:700px){
.announce-inner { font-size:.82rem; gap:8px 10px; align-items:center; flex-wrap:wrap; text-align:left; }
.announce-inner > span { flex:1 1 220px; }
.announce-bar a { white-space:normal; }
.announce-bar a { white-space:normal; }
.announce-close { flex:none; }
.header-topbar-inner { justify-content:center; }
}
.who-for-home .card-grid + p { margin:22px 0 4px; }
main.wp-import .content-section #content > .col { float:none; margin:0 auto; width:100%; max-width:660px; }
main.wp-import .content-section .card-secondary { box-shadow:var(--te-shadow-card); border-radius:14px; overflow:hidden; }
main.wp-import .navigation-single { display:flex; justify-content:space-between; align-items:stretch; gap:16px; }
main.wp-import .navigation-single .prev { order:0; float:none; width:auto; max-width:48%; }
main.wp-import .navigation-single .next { order:1; float:none; width:auto; max-width:48%; margin-left:auto; }
@media (max-width:700px){ main.wp-import .navigation-single { flex-direction:column; } main.wp-import .navigation-single .prev, main.wp-import .navigation-single .next { max-width:none; margin-left:0; } }
main.wp-import .teaser-holder { position:relative; }
.te-video-play { position:absolute; inset:0; margin:auto; width:76px; height:76px; border-radius:50%; border:0; cursor:pointer; background:var(--te-blue); opacity:.95; box-shadow:0 6px 20px rgba(12,60,110,.35); transition:transform .15s ease, opacity .15s ease; }
.te-video-play::after { content:""; position:absolute; left:54%; top:50%; transform:translate(-50%,-50%); border-style:solid; border-width:14px 0 14px 24px; border-color:transparent transparent transparent #fff; }
.te-video-play:hover { transform:scale(1.06); opacity:1; }
.te-video-frame { aspect-ratio:16/9; width:100%; background:#000; }
.te-video-frame iframe { width:100%; height:100%; display:block; }
.demo-hero-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr); gap:24px; align-items:stretch; margin-top:30px; }
.demo-hero-grid .te-video-frame { overflow:hidden; border-radius:var(--radius-lg); box-shadow:var(--te-shadow-card); }
.demo-signup-card { margin:0; display:flex; flex-direction:column; justify-content:center; }
.demo-signup-card h2 { font-size:clamp(1.35rem,2.2vw,1.9rem); }
.video-card-thumb { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; border-radius:var(--radius-sm); margin:-8px -8px 18px; }
.video-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.video-card-thumb::after { content:""; position:absolute; inset:0; margin:auto; width:52px; height:52px; border-radius:50%; background:var(--te-blue); box-shadow:0 4px 16px rgba(12,60,110,.32); }
.video-card-thumb::before { content:""; position:absolute; z-index:1; left:calc(50% + 3px); top:50%; transform:translate(-50%,-50%); border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent var(--te-white); }
@media (max-width:820px){ .demo-hero-grid { grid-template-columns:1fr; } }
main.wp-import .card-body h1.was-h5 { font-size:1.55rem; line-height:1.25; margin:4px 0 8px; }
.video-meta { color:var(--te-muted); font-size:.85rem; margin:0 0 10px; }
main.wp-import .card-inner-info { font-size:.98rem; line-height:1.6; color:var(--te-ink-2); }
.site-org-footer a { text-decoration: underline; text-underline-offset: 2px; }
.integration-logo-grid { list-style:none; margin:22px 0 0; padding:0; max-width:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:18px; }
.integration-logo-grid li { display:flex; align-items:center; justify-content:center; min-height:74px; border:1px solid var(--te-line); border-radius:var(--radius-md); background:#fff; padding:14px; }
.integration-logo-grid img { max-width:120px; max-height:40px; width:auto; height:auto; }
.integration-logo-grid a { display:flex; }
.int-toolbar { margin:26px 0 6px; display:flex; flex-direction:column; gap:14px; align-items:center; }
.int-search { width:min(420px, 100%); padding:11px 16px; font:inherit; color:var(--te-ink); background:var(--te-white); border:1px solid var(--te-line); border-radius:999px; }
.int-search:focus { outline:2px solid var(--te-blue); outline-offset:1px; }
.int-cats { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.int-cat { font:inherit; font-size:0.88rem; padding:7px 15px; border:1px solid var(--te-line); border-radius:999px; background:var(--te-white); color:var(--te-ink-2); cursor:pointer; }
.int-cat:hover { border-color:var(--te-blue); color:var(--te-blue-dark); }
.int-cat.is-active { background:var(--te-blue-dark); border-color:var(--te-blue-dark); color:var(--te-white); }
.int-none { text-align:center; color:var(--te-muted); margin:26px 0; }
.int-card { text-align:center; }
.int-card-logo-slot { display:flex; align-items:center; justify-content:center; min-height:64px; margin-bottom:10px; }
.int-card-logo { display:block; width:auto; max-width:210px; max-height:54px; }
.int-card-logo-slot--text span { font-size:1.5rem; font-weight:700; color:var(--te-blue-dark); letter-spacing:0.01em; }
.int-card-sub { color:var(--te-muted); font-size:0.88rem; margin:-4px 0 10px; }
.int-card .text-link { display:inline-block; }
.int-hero-logo-col { display:flex; align-items:center; justify-content:center; order:2; }
.int-hero-logo-card { background:var(--te-white); border:1px solid var(--te-line); border-radius:var(--radius-md); box-shadow:var(--te-shadow-soft); padding:40px 56px; text-align:center; }
.int-hero-logo-card img { display:block; width:auto; height:auto; max-width:280px; max-height:72px; margin:0 auto; }
.int-hero-logo-line { margin:14px 0 0; font-size:0.85rem; color:var(--te-muted); }
@media (max-width: 991px) { .int-hero-logo-card { padding:24px 32px; margin:24px 0 8px; } .int-hero-logo-card img { max-height:56px; } }
.int-hero-partner-logo { display:block; width:auto; height:auto; max-height:56px; max-width:240px; margin-bottom:18px; }
.hero-orbit { background:linear-gradient(118deg, var(--te-blue-deep) 0%, var(--te-blue-dark) 55%, var(--te-blue) 100%); color:var(--te-white); padding:64px 0 56px; }
.hero-orbit-grid { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; max-width:none; }
.hero-orbit .eyebrow { color:var(--te-on-blue-1); }
.hero-orbit h1 { color:var(--te-white); }
.hero-orbit .hero-text { color:var(--te-on-blue-2); max-width:34em; }
.hero-orbit .button { background:var(--te-white); color:var(--te-blue-dark); }
.hero-orbit .button.secondary { background:transparent; color:var(--te-white); border-color:color-mix(in srgb, var(--te-white) 72%, transparent); }
.hero-orbit .button.secondary:hover { background:color-mix(in srgb, var(--te-white) 12%, transparent); color:var(--te-white); }
.hero-orbit .text-link { color:var(--te-white); }
.orbit-wrap { display:flex; justify-content:center; }
.orbit { position:relative; width:min(460px, 92%); aspect-ratio:1; margin:18px 0; }
.orbit::before { content:""; position:absolute; inset:11%; border:2px dotted rgba(255,255,255,0.55); border-radius:50%; }
.orbit-hub { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:44%; aspect-ratio:1; background:var(--te-white); border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 40px rgba(3,20,45,0.35); }
.orbit-hub img { width:72%; height:auto; display:block; }
.orbit-chip { position:absolute; transform:translate(-50%,-50%); display:flex; align-items:center; gap:9px; background:var(--te-white); color:var(--te-ink); font-size:0.92rem; font-weight:600; padding:9px 15px 9px 10px; border-radius:12px; box-shadow:0 6px 22px rgba(3,20,45,0.28); white-space:nowrap; }
.orbit-chip-icon { display:flex; align-items:center; justify-content:center; width:27px; height:27px; border-radius:8px; background:var(--te-blue-soft); }
.orbit-chip-icon img { width:17px; height:17px; display:block; }
.orbit-chip--n  { left:50%;   top:0; }
.orbit-chip--ne { left:85.4%; top:14.6%; }
.orbit-chip--e  { left:100%;  top:50%; }
.orbit-chip--se { left:85.4%; top:85.4%; }
.orbit-chip--s  { left:50%;   top:100%; }
.orbit-chip--sw { left:14.6%; top:85.4%; }
.orbit-chip--w  { left:0;     top:50%; }
.orbit-chip--nw { left:14.6%; top:14.6%; }
@media (max-width: 900px) {
.hero-orbit { padding:44px 0 40px; }
.hero-orbit-grid { grid-template-columns:1fr; gap:10px; }
.orbit { width:min(400px, 100%); margin:26px 0 10px; }
.orbit-chip { font-size:0.78rem; padding:6px 10px 6px 7px; gap:6px; }
.orbit-chip-icon { width:22px; height:22px; }
.orbit-chip-icon img { width:14px; height:14px; }
}
@media (max-width: 760px) {
.header-ctas { width:100%; max-width:100%; min-width:0; order:3; }
.header-ctas .header-cta { flex:1 1 0; min-width:0; padding-inline:10px; text-align:center; }
}
.outgrown-home { max-width:var(--block); margin:0 auto; }
.outgrown-home h2 { font-size:clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem); line-height:1.14; margin:0 0 16px; }
.outgrown-home p { max-width:none; }
.outgrown-home .button-row { margin-top:22px; }
.ecommerce-hero-logos { display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap; padding:34px; }
.ecommerce-hero-logos img { width:auto; max-width:200px; max-height:78px; }
.int-cat[data-cat="data"] { display:none; }
.int-card[data-search*="datatools"] { display:none !important; }
.hero-text + .hero-text { margin-top: 12px; }
.post-byline { margin-top:14px; color:var(--te-muted); font-size:0.95rem; }
.post-byline a { color:var(--te-blue-dark); }
.post-body { max-width:var(--block); margin:0 auto; }
.post-body p, .post-body h2 { max-width:none; }
.post-body h2 { margin-top:34px; }
.post-grid .post-card { padding:0; overflow:hidden; display:flex; flex-direction:column; }
.post-card-media { display:block; aspect-ratio:16/9; overflow:hidden; background:var(--te-blue-soft); }
.post-card-media img { width:100%; height:100%; object-fit:cover; display:block; }
.post-card .post-card-meta { margin:16px 20px 6px; font-size:0.85rem; color:var(--te-muted); }
.post-card h3 { margin:0 20px 8px; font-size:1.08rem; line-height:1.3; }
.post-card h3 a { color:var(--te-ink); text-decoration:none; }
.post-card h3 a:hover { color:var(--te-blue-dark); text-decoration:underline; }
.post-card > p:last-child { margin:0 20px 20px; color:var(--te-ink-2); font-size:0.95rem; }
.recent-posts h2 { margin-bottom:16px; }
.post-hub .post-grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
@media (max-width: 900px) { .post-hub .post-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 600px) { .post-hub .post-grid { grid-template-columns:1fr; } }
.proof-strip { border-bottom:1px solid var(--te-line); background:var(--te-white); }
.proof-strip-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 28px; padding:12px 0; }
.proof-strip .trust-proof-title { margin:0; }
.proof-strip .stars { display:inline; margin:0 6px 0 0; }
.proof-strip .trust-logo-row { gap:8px 18px; }
.proof-strip .trust-logo-row a { min-height:44px; }
.proof-strip .trust-logo-row img { max-height:38px; max-width:96px; }
.video-hero-teaser { position:relative; aspect-ratio:16/9; width:100%; overflow:hidden; border-radius:var(--radius-lg); box-shadow:var(--te-shadow-card); background:var(--te-ink); }
.video-hero-teaser > img { width:100%; height:100%; object-fit:cover; display:block; }
.proof-split { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr); gap:32px; align-items:center; margin:0 0 30px; }
.proof-split > section { margin:0; }
.proof-split .trust-proof-box { width:100%; margin:0; }
@media (max-width: 900px) { .proof-split { grid-template-columns:1fr; } .proof-split .trust-proof-box { width:min(420px,100%); margin:0 auto; } }
.table-wrap { overflow-x:auto; margin:8px 0 22px; }
.carrier-table { border-collapse:collapse; width:100%; min-width:640px; font-size:0.93rem; }
.carrier-table th, .carrier-table td { padding:9px 10px; border-bottom:1px solid var(--te-line); text-align:center; }
.carrier-table thead th { background:var(--te-blue-soft); font-family:var(--font-heading); font-size:0.82rem; }
.carrier-table th[scope="row"] { text-align:left; font-weight:600; }
.carrier-table th[scope="row"] small { display:block; font-weight:400; color:var(--te-muted); }
.carrier-table td.yes { color:var(--te-blue-dark); font-weight:700; }
.carrier-table td.no { color:var(--te-muted); }
.cap-chips { display:flex; flex-wrap:wrap; gap:6px; margin:14px 0 4px; }
.orbit-wrap { flex-direction:column; align-items:center; }
.works-with--under-media { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin:30px 0 0; }
.works-with--under-media > span { font-family:var(--font-heading); font-size:.76rem; font-weight:600; color:var(--te-ink); }
.works-with--under-media { background:var(--te-white); border-radius:999px; padding:7px 14px; width:auto; align-self:flex-end; margin-right:calc((100% - min(460px, 92%)) / 2); box-shadow:0 6px 18px rgba(3,20,45,.22); }
.works-with--under-media a { display:flex; align-items:center; }
.works-with--under-media img { display:block; height:22px; width:auto; }
@media (max-width: 900px) { .works-with--under-media { align-self:center; margin-right:0; } }
.hero-media-col { display:flex; flex-direction:column; align-items:flex-end; gap:0; min-width:0; }
.hero-media-col .hero-media { width:100%; margin:0; }
.hero-media-col .works-with--under-media { margin:14px 0 0; align-self:flex-end; }
.hero:not(.hero-orbit) .works-with--under-media { border:1px solid var(--te-line); box-shadow:var(--te-shadow-soft); }
@media (max-width: 900px) { .hero-media-col { align-items:center; } .hero-media-col .works-with--under-media { align-self:center; } }
.nav-toggle { display:none; }
@media (max-width: 900px) {
.site-header { position:sticky; top:0; z-index:60; background:var(--te-white); }
.header-inner { display:flex; flex-wrap:wrap; align-items:center; gap:12px; min-height:64px; padding:0; }
.brand { margin-right:auto; }
.nav-toggle { display:inline-flex; flex-direction:column; justify-content:center; gap:5px; width:44px; height:44px; padding:10px; order:4; border:1px solid var(--te-line); border-radius:10px; background:var(--te-white); cursor:pointer; }
.nav-toggle-bar { display:block; width:100%; height:2px; border-radius:2px; background:var(--te-ink); transition:transform .2s, opacity .2s; }
.nav-open .nav-toggle-bar:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-open .nav-toggle-bar:nth-child(2) { opacity:0; }
.nav-open .nav-toggle-bar:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.header-ctas { order:3; width:auto; margin-left:0; }
.header-ctas .header-cta--demo { display:none; }
.header-ctas .header-cta--trial { padding:9px 14px; font-size:.9rem; }
.global-nav { display:none; order:5; width:100%; flex-direction:column; align-items:stretch; gap:0; padding:6px 0 16px; border-top:1px solid var(--te-line); max-height:calc(100vh - 64px); overflow-y:auto; }
.nav-open .global-nav { display:flex; }
.global-nav > a, .nav-dropdown > summary { display:flex; align-items:center; justify-content:space-between; width:100%; padding:14px 4px; margin:0; font-size:1.05rem; font-weight:600; color:var(--te-ink); border-bottom:1px solid var(--te-line-2); }
.global-nav a.active::after { display:none; }
.nav-dropdown { width:100%; position:static; }
.nav-dropdown > summary::after { display:none; }
.nav-caret { margin-left:auto; }
.nav-dropdown[open] > summary { color:var(--te-blue-dark); }
.nav-dropdown > .mega-menu, .nav-dropdown[open] > .mega-menu, .nav-dropdown:hover > .mega-menu, .nav-dropdown:focus-within > .mega-menu {
position:static; visibility:visible; opacity:1; pointer-events:auto; transform:none; width:auto; min-width:0; max-width:none;
left:auto; right:auto; box-shadow:none; border:0; border-radius:0; background:var(--te-sky); padding:6px 12px 12px; margin:0; display:none; }
.nav-dropdown[open] > .mega-menu { display:block; }
.mega-positioning { position:static; }
.product-menu-grid, .mega-menu--quoting { display:block; }
.product-menu-column { padding:10px 0; border-bottom:1px solid var(--te-line); }
.product-menu-column:last-child { border-bottom:0; }
.product-menu-column a { display:block; padding:6px 0; font-size:.98rem; }
.product-menu-column h3 { margin:2px 0 4px; }
.product-menu-column span { display:none; }
.nav-lock body { overflow:hidden; }
}
@media (max-width: 700px) {
.content > section { padding-block: 28px; }
.content > section > h2:first-child, .content > section > .eyebrow + h2 { margin-top: 0; }
.route-grid { gap: 14px; margin-top: 18px; }
.route-card { padding: 16px 16px 18px; }
.route-card h3 { font-size: 1.12rem; }
.route-card:has(> .card-illo) { display:grid; grid-template-columns: 84px minmax(0,1fr); grid-template-rows:auto auto auto auto; column-gap: 16px; }
.route-card:has(> .card-illo) .card-illo { grid-row: 1 / span 4; width: 84px; margin: 0; align-self: start; }
.route-card:has(> .card-illo) .route-label { grid-column: 2; justify-self: start; margin: 0 0 6px; }
.route-card:has(> .card-illo) h3 { grid-column: 2; margin: 0 0 6px; }
.route-card:has(> .card-illo) p { grid-column: 2; margin: 0 0 8px; }
.route-card:has(> .card-illo) p:last-child { margin: 0; }
.route-card blockquote { float:none; width:auto; max-width:none; margin: 0 0 12px; }
.who-for-home, .who-for-intro, .product-faq, .outgrown-home { padding: 18px; }
.recent-posts h2, .hub-list h2 { margin-bottom: 12px; }
.proof-strip-inner { padding: 10px 0; gap: 6px 14px; }
.proof-strip .trust-logo-row img { max-height: 32px; max-width: 78px; }
h2 { margin-bottom: .45em; }
}
@media (max-width: 700px) {
.announce-inner { position: relative; padding-right: 30px; }
.announce-close { position: absolute; right: 0; top: 4px; }
.orbit { width: min(400px, 74%); margin: 34px auto 10px; }
.orbit-chip { font-size: .74rem; padding: 5px 9px 5px 6px; }
.orbit-chip-icon { width: 20px; height: 20px; }
.orbit-chip-icon img { width: 13px; height: 13px; }
}