:root {
    color-scheme: light;
    --ink: #06142b;
    --muted: #536277;
    --line: #dfe8ec;
    --paper: #ffffff;
    --panel: #ffffff;
    --brand: #087f78;
    --brand-dark: #06142b;
    --accent: #ef5a3c;
    --warm: #f1b13a;
    --happy: #f1b13a;
    --kind: #62af93;
    --soft: #f6fbfb;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: "Heebo", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: var(--ink);
    background: #fff;
    line-height: 1.55;
    overflow-x: hidden;
}
button, input, select, textarea { font-family: inherit; }
input::placeholder,
textarea::placeholder {
    color: #8a97a8;
    opacity: 1;
    font-weight: 400;
}
a { color: inherit; text-decoration: none; }
.wrap { width: min(1220px, calc(100% - 36px)); margin: 0 auto; }
.topbar { border-bottom: 1px solid #e7eef1; background: rgba(255,255,255,.95); position: sticky; top: 0; z-index: 10; box-shadow: 0 10px 30px rgba(15, 23, 42, .045); backdrop-filter: blur(18px); }
.nav { min-height: 78px; display: grid; grid-template-columns: 230px minmax(0, 1fr) auto; align-items: center; gap: 20px; }
.brand img { width: auto; max-width: 178px; max-height: 62px; height: auto; display: block; object-fit: contain; padding: 0; background: transparent; border: 0; box-shadow: none; }
.links { display: flex; align-items: center; justify-content: center; gap: 30px; color: #26364b; font-size: 15px; font-weight: 760; }
.nav-actions { display: flex; align-items: center; justify-content: end; gap: 22px; color: #26364b; font-size: 15px; font-weight: 760; }
.links a.active { color: var(--brand-dark); font-weight: 900; }
.nav-actions a.active:not(.btn) { color: var(--brand-dark); font-weight: 900; }
.links a.active:not(.btn) { border-bottom: 3px solid var(--brand); padding-bottom: 4px; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 8px; background: #fff; align-items: center; justify-content: center; flex-direction: column; gap: 5px; cursor: pointer; }
.menu-toggle span { width: 21px; height: 2px; border-radius: 999px; background: var(--ink); display: block; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid var(--line); font-weight: 800; }
.btn.primary { background: var(--accent); color: #fff; border-color: var(--accent); font-weight: 700; }
.links .btn.primary { color: #fff; font-weight: 800; background: var(--accent); border-color: var(--accent); box-shadow: 0 14px 28px rgba(239, 90, 60, .2); }
.links .btn.primary.active { color: #fff; background: var(--accent); border-color: var(--accent); }
.nav-dropdown { position: relative; }
.nav-dropdown summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px; color: var(--muted); }
.nav-dropdown summary::-webkit-details-marker { display: none; }
.nav-dropdown summary::after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid currentColor; color: var(--brand-dark); }
.nav-dropdown summary.active { color: var(--brand-dark); font-weight: 900; }
.nav-dropdown-menu { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); width: 270px; display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 18px 44px rgba(24, 32, 51, .14); z-index: 20; }
.nav-dropdown:not([open]) .nav-dropdown-menu { display: none; }
.nav-dropdown-menu a { padding: 10px 12px; border-radius: 8px; color: var(--ink); font-weight: 800; }
.nav-dropdown-menu a:hover { background: var(--soft); color: var(--brand-dark); }
.language-switcher { position: relative; }
.language-switcher summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 58px; min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.82); color: var(--brand-dark); font-size: 13px; font-weight: 900; }
.language-switcher summary::-webkit-details-marker { display: none; }
.language-switcher svg,
.language-switcher svg * { fill: none !important; }
.language-switcher svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.language-switcher__menu { position: absolute; top: calc(100% + 10px); right: 0; width: 172px; display: grid; gap: 4px; padding: 8px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 18px 44px rgba(24, 32, 51, .14); z-index: 24; }
.language-switcher:not([open]):not(:hover) .language-switcher__menu { display: none; }
.language-switcher__menu a { display: block; padding: 10px 12px; border-radius: 8px; color: var(--ink); font-weight: 800; }
.language-switcher__menu a:hover,
.language-switcher__menu a.active { background: var(--soft); color: var(--brand-dark); }
.region-suggestion { border-bottom: 1px solid rgba(221,229,234,.9); background: rgba(255,255,255,.96); box-shadow: 0 10px 26px rgba(24,32,51,.06); }
.region-suggestion[hidden] { display: none; }
.region-suggestion__inner { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-block: 10px; }
.region-suggestion p { margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 14px; line-height: 1.35; }
.region-suggestion strong { color: var(--ink); font-weight: 700; }
.region-suggestion__actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.region-suggestion__button,
.region-suggestion__dismiss { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 0 12px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.region-suggestion__button { border: 1px solid var(--brand); background: var(--brand); color: #fff; }
.region-suggestion__dismiss { border: 1px solid var(--line); background: #fff; color: var(--muted); }
.region-suggestion__dismiss:hover { background: var(--soft); color: var(--brand-dark); }
.hero { padding: 72px 0 48px; background: linear-gradient(180deg, #fff 0%, #f8fbfb 100%); border-bottom: 1px solid #e7eef1; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 46px; align-items: center; }
.hero-media { min-height: 520px; border-radius: 8px; overflow: hidden; background:
    linear-gradient(180deg, rgba(8, 30, 26, .06), rgba(8, 30, 26, .42)),
    url('/images/industries/contact-support.jpg') center/cover;
    box-shadow: 0 24px 70px rgba(18, 38, 34, .16);
    border: 1px solid rgba(217, 226, 223, .8);
    position: relative;
}
.media-card { position: absolute; left: 22px; right: 22px; bottom: 22px; background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.8); border-radius: 8px; padding: 18px; box-shadow: 0 16px 40px rgba(0,0,0,.14); }
.eyebrow { color: var(--brand-dark); font-weight: 900; text-transform: uppercase; font-size: 13px; letter-spacing: .08em; }
h1 { font-size: 50px; line-height: 1.01; margin: 12px 0 18px; letter-spacing: 0; max-width: 760px; }
h2 { font-size: clamp(28px, 4vw, 44px); line-height: 1.12; margin: 0 0 14px; letter-spacing: 0; }
h3 { margin: 0 0 8px; font-size: 18px; letter-spacing: 0; }
h1 + p, h1 + .lead, h2 + p, h2 + .muted { margin-top: 6px; }
.lead { font-size: 19px; color: var(--muted); max-width: 720px; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.trust-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.trust-row span { border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 12px; font-weight: 800; color: var(--brand-dark); }
.pill { display: inline-flex; width: fit-content; border-radius: 999px; padding: 4px 10px; background: #fff0c4; color: #5d3a0c; font-size: 12px; font-weight: 800; }
.section { padding: 66px 0; }
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 22px; box-shadow: 0 16px 38px rgba(15, 23, 42, .055); }
.card.session-warning { border-color:#fed7aa; background:#fff7ed; color:#7c2d12; box-shadow:0 16px 38px rgba(124, 45, 18, .08); }
.feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; }
.feature-list > div { padding: 14px 0; border-top: 1px solid var(--line); }
.feature-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: start; }
.feature-icon { width: 38px; height: 38px; border-radius: 8px; display: grid; place-items: center; background: var(--soft); color: var(--brand-dark); }
.feature-icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.muted { color: var(--muted); }
.pricing { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.price { font-size: 42px; font-weight: 900; margin: 14px 0 4px; }
.form { display: grid; gap: 14px; max-width: 720px; }
.robot-check { display:flex; grid-template-columns:none; align-items:center; gap:10px; padding:12px 14px; border:1px solid #fde68a; border-radius:12px; background:#fffbeb; color:#101c31; font-weight:800; }
.robot-check input { width:18px; height:18px; flex:0 0 auto; }
.anti-spam-check { display:grid; gap:6px; }
.anti-spam-check.compact .robot-check { padding:9px 11px; font-size:14px; }
.hp-field { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }
.form-error { margin:0; color:#b91c1c; font-weight:800; font-size:14px; }
.contact-shell { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); gap: 28px; align-items: stretch; }
.contact-card { max-width: 480px; gap: 12px; }
.contact-card input { padding: 10px 12px; min-height: 42px; }
.contact-card textarea { min-height: 116px; padding: 10px 12px; }
.contact-visual { border-radius: 8px; min-height: 100%; background: #fff; border: 1px solid var(--line); overflow: hidden; box-shadow: 0 22px 60px rgba(18, 38, 34, .08); }
.contact-points { display: grid; gap: 12px; padding: 22px; }
label { display: grid; gap: 6px; font-weight: 800; }
.check-item { display: flex; align-items: center; gap: 10px; min-height: 44px; }
.check-item input[type="checkbox"] { width: 18px; height: 18px; margin: 0; flex: 0 0 18px; }
input, textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 13px 14px; font: inherit; background: #fff; }
.password-field { position: relative; display: block; }
.password-field input { padding-right: 48px; }
.password-toggle { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); display: grid; place-items: center; cursor: pointer; padding: 0; }
.password-toggle:hover { background: var(--soft); color: var(--brand-dark); }
.password-toggle svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }
textarea { min-height: 150px; resize: vertical; }
.compact-auth { max-width: 520px; gap: 12px; }
.compact-auth input { padding: 10px 12px; min-height: 42px; }
.compact-auth label { gap: 5px; }
.compact-auth .card { padding: 14px; }
.footer { border-top: 1px solid #e7eef1; padding: 0; color: var(--muted); background: linear-gradient(180deg, #fff 0%, #f8fbfb 100%); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 24px; width: 100%; max-width: none; padding: 34px max(28px, calc((100vw - 1220px) / 2 + 28px)); border-top: 1px solid #dce8ec; border-bottom: 1px solid #dce8ec; border-left: 0; border-right: 0; border-radius: 0; background: rgba(255,255,255,.96); box-shadow: 0 -10px 36px rgba(15,23,42,.045); }
.footer a { color: var(--brand-dark); font-weight: 750; }
.footer-social { display: grid; gap: 8px; margin-top: 16px; }
.footer-social > span { color: var(--muted); font-size: 13px; font-weight: 650; }
.footer-social-icons { display: flex; flex-wrap: wrap; gap: 9px; }
.footer-social-icon { display: inline-flex; align-items: center; width: fit-content; min-height: 32px; transition: opacity .18s ease, transform .18s ease; }
.footer-social-icon svg { width: 46px; height: 32px; display: block; }
.footer-social-icon:hover { opacity: .86; transform: translateY(-1px); }
.support-assistant { position: fixed; right: 18px; bottom: 18px; z-index: 76; font-family: inherit; }
.support-assistant-toggle { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 14px; border: 1px solid rgba(66,109,129,.28); border-radius: 999px; background: var(--brand); color: #fff; font: inherit; font-weight: 700; box-shadow: 0 14px 32px rgba(24,32,51,.18); cursor: pointer; }
.support-assistant-toggle-icon { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: var(--brand); font-size: 14px; font-weight: 800; }
.support-assistant-toggle-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.support-assistant-panel { position: absolute; right: 0; bottom: 52px; display: none; width: min(380px, calc(100vw - 24px)); max-height: min(620px, calc(100vh - 96px)); overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 24px 60px rgba(24,32,51,.2); }
.support-assistant.open .support-assistant-panel { display: grid; grid-template-rows: auto minmax(160px, 1fr) auto auto auto; }
.support-assistant-head { display: flex; justify-content: space-between; gap: 10px; padding: 12px 13px; border-bottom: 1px solid var(--line); background: var(--soft); }
.support-assistant-head strong { display: block; color: var(--ink); font-size: 15px; font-weight: 700; line-height: 1.2; }
.support-assistant-head span { display: block; margin-top: 2px; color: var(--muted); font-size: 12px; font-weight: 450; line-height: 1.25; }
.support-assistant-head button { width: 28px; height: 28px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font-size: 20px; line-height: 1; cursor: pointer; }
.support-assistant-messages { display: grid; align-content: start; gap: 8px; min-height: 180px; max-height: 360px; padding: 12px; overflow: auto; background: #fbfdfd; }
.support-assistant-message { max-width: 92%; padding: 9px 10px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); font-size: 14px; font-weight: 450; line-height: 1.38; white-space: pre-wrap; }
.support-assistant-message.assistant { justify-self: start; background: #fff; }
.support-assistant-message.user { justify-self: end; border-color: rgba(66,109,129,.28); background: var(--brand); color: #fff; }
.support-assistant-conversation-actions { display: flex; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--line); background: #fff; }
.support-assistant-conversation-actions[hidden] { display: none; }
.support-assistant-conversation-actions button { flex: 1; min-height: 32px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: var(--ink); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.support-assistant-conversation-actions button:first-child { border-color: rgba(15, 118, 110, .22); background: #eaf7f5; color: var(--brand-dark); }
.support-assistant-conversation-actions button:hover { border-color: rgba(15, 118, 110, .38); }
.support-assistant-review-prompt { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--line); background: #fff7ed; color: #7c2d12; font-size: 12px; font-weight: 700; }
.support-assistant-review-prompt[hidden] { display: none; }
.support-assistant-review-prompt button { min-height: 28px; padding: 0 10px; border: 1px solid rgba(194,65,12,.22); border-radius: 999px; background: #fff; color: #9a3412; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.support-assistant-human { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--line); background: #fff; color: var(--muted); font-size: 12px; font-weight: 500; }
.support-assistant-human[hidden] { display: none; }
.support-assistant-human button { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 10px; border: 1px solid rgba(15, 118, 110, .28); border-radius: 999px; background: #eaf7f5; color: var(--brand-dark); font: inherit; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer; }
.support-assistant-human button:hover { background: #dff6f1; }
.support-assistant-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; padding: 10px; border-top: 1px solid var(--line); background: #fff; }
.support-assistant-form textarea { min-height: 42px; max-height: 110px; resize: vertical; border-radius: 10px; font-size: 14px; line-height: 1.3; }
.support-assistant-form .btn { min-height: 42px; align-self: end; }
.page-reveal { opacity: 0; transform: translateY(14px); transition: opacity .72s ease, transform .72s ease, box-shadow .72s ease; }
.page-reveal.is-visible { opacity: 1; transform: translateY(0); }
.page-reveal.delay-1 { transition-delay: .08s; }
.page-reveal.delay-2 { transition-delay: .16s; }
.page-reveal.delay-3 { transition-delay: .24s; }
.cookie-consent {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 14px;
    z-index: 80;
    width: min(860px, calc(100% - 32px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(217, 226, 223, .95);
    border-radius: 12px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 48px rgba(16, 28, 49, .14);
}
.cookie-consent[hidden], .cookie-panel[hidden] { display: none; }
.cookie-consent__text { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.cookie-consent__text strong { color: var(--ink); }
.cookie-consent__text a, .cookie-settings-link { color: var(--brand-dark); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.cookie-consent__actions, .cookie-panel__actions { display: flex; gap: 8px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.cookie-btn { min-height: 34px; border-radius: 8px; border: 1px solid var(--line); padding: 0 12px; font: inherit; font-size: 13px; font-weight: 850; cursor: pointer; background: #fff; color: var(--ink); }
.cookie-btn.accept { background: var(--brand); border-color: var(--brand); color: #fff; }
.cookie-btn.ghost:hover { background: var(--soft); border-color: #b9d6cf; }
.cookie-panel {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(16, 28, 49, .28);
}
.cookie-panel__box {
    width: min(440px, 100%);
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    padding: 18px;
    box-shadow: 0 24px 64px rgba(16, 28, 49, .2);
}
.cookie-panel__box h2 { font-size: 24px; margin: 0 0 8px; }
.cookie-panel__box p { margin: 0 0 14px; color: var(--muted); }
.cookie-choice { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px 0; border-top: 1px solid var(--line); font-weight: 500; }
.cookie-choice input { width: 18px; height: 18px; margin-top: 3px; }
.cookie-choice small { display: block; color: var(--muted); font-weight: 500; margin-top: 2px; }
.human-check {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 11px 12px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #f8fafc;
    color: var(--ink);
    font-weight: 850;
    cursor: pointer;
}
.human-check input {
    width: 19px;
    height: 19px;
    margin: 0;
    accent-color: var(--brand);
}
.human-check-error {
    margin-top: -4px;
    color: #991b1b;
    font-size: 14px;
    font-weight: 750;
}
.resource-hero {
    background: linear-gradient(180deg, #fff, #f7f7f7);
}
.resource-hero-card {
    display: grid;
    gap: 10px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(16, 28, 49, .1);
}
.resource-hero-card strong {
    font-size: 22px;
}
.resource-hero-card span {
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--soft);
    color: var(--brand-dark);
    font-weight: 800;
}
.resource-list-section {
    background: #fff;
}
.blog-magazine-section {
    padding-top: 28px;
    background:
        linear-gradient(180deg, #f7f9fb 0, #fff 260px);
}
.blog-index-wrap {
    display: grid;
    gap: 14px;
}
.blog-magazine-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--brand-dark);
}
.blog-magazine-head div {
    display: grid;
    gap: 3px;
}
.blog-magazine-head span,
.blog-magazine-head small {
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blog-magazine-head strong {
    color: var(--brand-dark);
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1;
}
.blog-magazine-head small {
    color: #5d6b7c;
    white-space: nowrap;
}
.blog-industry-filter {
    display: grid;
    gap: 8px;
    padding: 12px 0 4px;
    border-bottom: 1px solid var(--line);
}
.blog-industry-filter > span {
    color: #5d6b7c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blog-industry-filter nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.blog-industry-filter a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fff;
    color: var(--brand-dark);
    font-weight: 500;
}
.blog-industry-filter a:hover,
.blog-industry-filter a.active {
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}
.blog-industry-filter a span {
    min-width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(18, 38, 34, .08);
    font-size: 12px;
    font-weight: 400;
}
.blog-industry-filter a:hover span,
.blog-industry-filter a.active span {
    background: rgba(255, 255, 255, .22);
}
.blog-magazine-shell {
    display: grid;
    grid-template-columns: 215px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.blog-category-sidebar {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 10px;
}
.blog-category-sidebar > span {
    color: #5d6b7c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.blog-category-nav {
    display: grid;
    gap: 0;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    overflow: hidden;
}
.blog-category-nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
    min-height: 42px;
    padding: 9px 11px;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    color: var(--brand-dark);
    font-weight: 400;
}
.blog-category-nav a:last-child {
    border-bottom: 0;
}
.blog-category-nav a.active,
.blog-category-nav a:hover {
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}
.blog-category-nav span {
    min-width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(18, 38, 34, .08);
    font-size: 12px;
    font-weight: 400;
}
.blog-category-nav a.active span,
.blog-category-nav a:hover span {
    background: rgba(255, 255, 255, .22);
}
.blog-row-list {
    display: grid;
    gap: 0;
    border-top: 1px solid var(--line);
}
.blog-row {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 112px;
    gap: 18px;
    align-items: center;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--brand-dark);
    transition: background .18s ease, transform .18s ease;
}
.blog-row:hover {
    transform: translateX(3px);
    background: linear-gradient(90deg, rgba(255, 244, 240, .7), transparent);
}
.blog-row-image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 4px;
    background: var(--soft);
}
.blog-row-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.blog-row-copy {
    display: grid;
    gap: 6px;
}
.blog-row-copy small {
    color: var(--accent);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.blog-row-copy strong {
    color: var(--brand-dark);
    font-size: clamp(22px, 2.4vw, 31px);
    line-height: 1.15;
}
.blog-row-copy em {
    color: var(--muted);
    font-style: normal;
    line-height: 1.45;
}
.blog-row-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.blog-row-tags b {
    padding: 4px 8px;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #f7f9fb;
    color: var(--brand-dark);
    font-size: 12px;
    font-weight: 400;
}
.blog-row-action {
    align-self: center;
    justify-self: end;
    padding: 0 0 4px;
    border-bottom: 2px solid var(--accent);
    border-radius: 0;
    background: transparent;
    color: var(--brand-dark);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}
.home-resource-strip {
    background: #f7f7f7;
}
.resource-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 14px;
}
.resource-card-grid.compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.resource-card {
    display: grid;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 16px 42px rgba(16, 28, 49, .07);
    transition: transform .2s ease, box-shadow .2s ease;
}
.resource-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 50px rgba(16, 28, 49, .11);
}
.resource-card-image {
    display: block;
    aspect-ratio: 16 / 9;
    background: var(--soft);
    overflow: hidden;
}
.resource-card-image img,
.resource-article-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.resource-card-copy {
    display: grid;
    gap: 7px;
    padding: 18px;
}
.resource-card-copy small {
    color: var(--accent);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.resource-card-copy strong {
    color: var(--brand-dark);
    font-size: 21px;
    line-height: 1.15;
}
.resource-card-copy span {
    color: var(--muted);
}
.press-hero,
.case-hero {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 249, 251, .96)),
        radial-gradient(circle at 82% 18%, rgba(20, 128, 112, .12), transparent 32%);
}
.press-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 34px;
    align-items: center;
}
.press-summary-card {
    display: grid;
    gap: 16px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(16, 28, 49, .1);
}
.press-summary-card img {
    width: min(240px, 100%);
    height: auto;
}
.press-summary-card p {
    margin: 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.55;
}
.press-section {
    background: #fff;
}
.press-section.subtle {
    background: #f7f9fb;
}
.press-grid,
.press-two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.press-panel,
.case-proof-card {
    display: grid;
    gap: 14px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(16, 28, 49, .06);
}
.press-panel p,
.case-proof-card p {
    margin: 0;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.65;
}
.press-list-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.press-list-item {
    min-height: 86px;
    display: flex;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--brand-dark);
    font-weight: 650;
    line-height: 1.35;
}
.press-field-list {
    display: grid;
    gap: 10px;
}
.press-field-list div {
    display: grid;
    gap: 4px;
    padding: 12px 0;
    border-bottom: 1px solid var(--line);
}
.press-field-list div:last-child {
    border-bottom: 0;
}
.press-field-list span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.press-field-list strong {
    color: var(--brand-dark);
    font-weight: 650;
    line-height: 1.45;
}
.press-check-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.press-check-list li {
    position: relative;
    padding-left: 25px;
    color: #334155;
    line-height: 1.5;
}
.press-check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .54em;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--accent);
    box-shadow: 0 0 0 5px rgba(20, 128, 112, .1);
}
.case-proof-strip {
    padding: 18px 0;
    background: #fff;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.case-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.case-metric-grid span {
    min-height: 52px;
    display: grid;
    place-items: center;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #f7f9fb;
    color: var(--brand-dark);
    font-weight: 650;
    text-align: center;
}
.case-study-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 18px;
    align-items: start;
}
.case-story {
    display: grid;
    gap: 14px;
}
.case-proof-card {
    position: sticky;
    top: 96px;
}
.case-proof-card > strong {
    color: var(--brand-dark);
    font-size: 22px;
}
.resource-article-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 440px;
    gap: 34px;
    align-items: center;
}
.blog-article-hero-section.hero {
    padding: 38px 0 24px;
}
.blog-article-hero {
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 28px;
}
.resource-article-image {
    min-height: 340px;
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(16, 28, 49, .1);
    margin: 0;
}
.blog-article-hero .resource-article-image {
    min-height: 235px;
    max-height: 280px;
}
.resource-article-image figcaption {
    background: rgba(15, 23, 42, .78);
    color: #f8fafc;
    font-size: .78rem;
    line-height: 1.35;
    padding: 8px 10px;
}
.resource-article-section {
    background: #fff;
}
.resource-article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 20px;
    align-items: start;
}
.resource-article,
.resource-sidebar {
    display: grid;
    gap: 14px;
}
.resource-content-block {
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
}
.resource-content-block p {
    color: var(--muted);
    font-size: 18px;
    margin: 0 0 16px;
}
.blog-body {
    display: grid;
    gap: 14px;
    padding: 30px;
}
.blog-body p {
    margin: 0;
    color: #344458;
    font-size: 19px;
    line-height: 1.72;
}
.blog-body a {
    color: #2563eb;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.blog-body a:hover {
    color: #1d4ed8;
}
.blog-body .blog-intro {
    padding: 0 0 18px;
    border-bottom: 1px solid var(--line);
    color: var(--brand-dark);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.55;
}
.blog-body h2 {
    margin: 10px 0 -4px;
    color: var(--brand-dark);
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.1;
}
.blog-body h3 {
    margin: 6px 0 -4px;
    color: var(--brand-dark);
    font-size: 24px;
}
.blog-body ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-body li {
    position: relative;
    padding-left: 24px;
    color: #344458;
    font-size: 18px;
    line-height: 1.55;
}
.blog-body li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .67em;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--accent);
}
.blog-inline-conversion {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin: 22px 0;
    padding: 14px 16px;
    border: 1px solid #dbe7e4;
    border-radius: 10px;
    background: #f8fbfa;
}
.blog-inline-conversion strong {
    display: block;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.25;
}
.blog-inline-conversion span {
    display: block;
    margin-top: 4px;
    color: #475569;
    font-size: 14px;
    line-height: 1.45;
}
.blog-inline-conversion-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.blog-inline-conversion-actions a {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid var(--brand);
    border-radius: 8px;
    background: var(--brand);
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
    text-decoration: none;
}
.blog-inline-conversion-actions a + a {
    border-color: var(--line);
    background: #fff;
    color: var(--brand-dark);
}
.blog-inline-conversion-actions a:hover {
    transform: translateY(-1px);
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}
.blog-highlight {
    display: inline;
    padding: 0 .12em;
    background: linear-gradient(transparent 58%, rgba(255, 217, 90, .65) 58%);
    color: var(--brand-dark);
    font-weight: 900;
}
.blog-highlight u {
    text-decoration-color: var(--accent);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.blog-share-panel {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.blog-share-panel > span {
    color: var(--brand-dark);
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.blog-product-cue {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid #b8dcd5;
    border-radius: 14px;
    background: linear-gradient(135deg, #f4fffb, #ffffff);
    box-shadow: 0 14px 32px rgba(18, 31, 28, .06);
}
.blog-product-cue strong {
    display: block;
    color: var(--ink);
    font-size: 18px;
    line-height: 1.2;
}
.blog-product-cue p {
    max-width: 720px;
    margin: 5px 0 0;
    color: #334155;
    font-size: 14px;
    line-height: 1.45;
}
.blog-product-cue-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.blog-share-links {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.blog-share-links a,
.blog-share-links button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    color: var(--brand-dark);
    box-shadow: none;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.blog-share-links a:hover,
.blog-share-links button:hover,
.blog-share-links button.copied {
    transform: translateY(-1px);
    border-color: var(--accent);
    background: var(--accent);
    color: #fff;
}
.blog-share-links svg {
    width: 17px;
    height: 17px;
}
.blog-share-links svg path {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.marketing-ad {
    display: grid;
    gap: 8px;
    margin: 4px 0;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fbfdff;
}
.marketing-ad > span {
    color: #718096;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.marketing-ad ins {
    min-height: 92px;
}
.blog-post-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.blog-post-nav-card {
    min-height: 112px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--brand-dark);
    box-shadow: 0 12px 28px rgba(15, 28, 49, .06);
}
.blog-post-nav-card span {
    color: var(--accent);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.blog-post-nav-card strong {
    font-size: 18px;
    line-height: 1.2;
}
.blog-post-nav-card.next {
    text-align: right;
}
.blog-post-nav-card.disabled {
    color: #7a8797;
    background: #f7f9fb;
    box-shadow: none;
}
.resource-point-list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.resource-point-list span {
    padding: 7px 10px;
    border-radius: 999px;
    background: #f7f7f7;
    border: 1px solid var(--line);
    color: var(--brand-dark);
    font-weight: 800;
}
.resource-sidebar {
    position: sticky;
    top: 102px;
}
.resource-sidebar-card {
    display: grid;
    gap: 10px;
}
.resource-sidebar-card strong {
    color: var(--brand-dark);
    font-size: 18px;
}
.resource-sidebar-card a {
    padding: 9px 0;
    border-top: 1px solid var(--line);
    color: var(--brand-dark);
    font-weight: 800;
}
.blog-article-categories {
    gap: 12px;
}
.blog-article-categories .blog-category-nav {
    border-color: var(--line);
}
.blog-article-categories .blog-category-nav a {
    padding: 8px 10px;
    font-size: 15px;
}
.blog-article-categories .blog-category-nav a:hover,
.blog-article-categories .blog-category-nav a.active {
    border-color: var(--accent);
}
.help-index-section { padding-top: 42px; background: linear-gradient(180deg, #f7fbfa 0%, #fff 34%); }
.help-index-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 560px); gap: 28px; align-items: end; margin-bottom: 22px; padding: 34px; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 20px 52px rgba(24, 32, 51, .07); }
.help-manual-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; }
.help-manual-main { min-width: 0; }
.help-manual-sidebar { position: sticky; top: 104px; max-height: calc(100vh - 124px); overflow: auto; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 16px 38px rgba(24, 32, 51, .07); }
.help-manual-sidebar-head { display: grid; gap: 2px; padding: 16px; border-bottom: 1px solid var(--line); }
.help-manual-sidebar-head strong { color: var(--brand-dark); font-size: 18px; }
.help-manual-sidebar-head span { color: var(--muted); font-size: 13px; font-weight: 750; }
.help-manual-nav { display: grid; }
.help-manual-group { border-bottom: 1px solid var(--line); }
.help-manual-group:last-child { border-bottom: 0; }
.help-manual-group summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 14px; cursor: pointer; color: var(--brand-dark); font-weight: 900; list-style: none; }
.help-manual-group summary::-webkit-details-marker { display: none; }
.help-manual-group summary::after { content: "+"; width: 24px; height: 24px; border-radius: 999px; display: grid; place-items: center; background: var(--soft); color: var(--brand-dark); font-weight: 900; flex: 0 0 auto; }
.help-manual-group[open] summary::after { content: "-"; }
.help-manual-links { display: grid; gap: 4px; padding: 0 12px 12px; }
.help-manual-link-group { display: grid; gap: 3px; }
.help-manual-links a { padding: 8px 10px; border-radius: 8px; color: var(--muted); font-weight: 800; font-size: 14px; }
.help-manual-links a:hover,
.help-manual-links a.active { background: var(--soft); color: var(--brand-dark); }
.help-manual-links a.active { font-weight: 900; box-shadow: inset 3px 0 0 var(--accent); }
.help-manual-topics { display: grid; gap: 6px; padding: 0 4px 9px 18px; }
.help-manual-topics span,
.help-manual-topics a { position: relative; color: #536276; font-size: 14px; font-weight: 500; line-height: 1.25; padding-left: 15px; }
.help-manual-topics span::before,
.help-manual-topics a::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 999px; background: #8b9aaa; }
.help-manual-topics a:hover { color: var(--brand-dark); text-decoration: underline; text-underline-offset: 3px; }
.help-index-head { display: grid; gap: 12px; align-items: end; }
.help-index-head h1 { max-width: none; font-size: clamp(42px, 5vw, 72px); line-height: .98; margin: 0; letter-spacing: 0; }
.help-index-head .lead { max-width: 680px; margin: 0; color: var(--muted); font-size: 20px; }
.help-search { display: grid; gap: 8px; }
.help-search label { color: var(--brand-dark); font-size: 14px; font-weight: 900; }
.help-search input { min-height: 54px; box-shadow: 0 18px 44px rgba(24, 32, 51, .08); }
.help-category-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.help-category-chip { min-height: 42px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--brand-dark); padding: 0 16px; font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px rgba(24, 32, 51, .05); }
.help-category-chip.active,
.help-category-chip:hover { background: var(--brand); border-color: var(--brand); color: #fff; }
.help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.help-card { display: grid; grid-template-rows: 190px minmax(0, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.help-card:hover { transform: translateY(-2px); border-color: #b9d6cf; box-shadow: 0 18px 42px rgba(24, 32, 51, .1); }
.help-card[hidden] { display: none; }
.help-card-image { display: block; background: var(--soft); overflow: hidden; border-bottom: 1px solid var(--line); }
.help-card-image img { width: 100%; height: 100%; object-fit: cover; object-position: top left; display: block; }
.help-card-copy { display: grid; gap: 8px; padding: 18px; }
.help-card-copy small { color: var(--accent); font-weight: 900; text-transform: uppercase; font-size: 12px; letter-spacing: .06em; }
.help-card-copy strong { color: var(--ink); font-size: 19px; line-height: 1.2; }
.help-card-copy span { color: var(--muted); }
.help-guide-list { display: grid; gap: 10px; }
.help-guide-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 42px; gap: 14px; align-items: center; min-height: 104px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); box-shadow: 0 14px 34px rgba(24, 32, 51, .055); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.help-guide-row:hover { transform: translateY(-1px); border-color: #b9d6cf; box-shadow: 0 18px 42px rgba(24, 32, 51, .08); }
.help-guide-row[hidden] { display: none; }
.help-guide-icon,
.help-guide-arrow { display: grid; place-items: center; border-radius: 8px; background: var(--soft); color: var(--brand); }
.help-guide-icon { width: 52px; height: 52px; }
.help-guide-arrow { width: 42px; height: 42px; }
.help-guide-icon svg,
.help-guide-arrow svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.help-guide-copy { min-width: 0; display: grid; gap: 5px; }
.help-guide-copy small { color: var(--accent); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.help-guide-copy strong { color: var(--ink); font-size: 19px; line-height: 1.22; overflow-wrap: anywhere; }
.help-guide-copy span { color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.help-empty { margin-top: 18px; }
.help-back-link { display: inline-flex; width: fit-content; margin-bottom: 12px; color: var(--brand-dark); font-weight: 900; text-decoration: underline; text-underline-offset: 4px; }
.help-guide-shot { margin: 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; overflow: hidden; box-shadow: 0 24px 60px rgba(24, 32, 51, .12); }
.help-guide-shot img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; }
.help-guide-shot figcaption { padding: 10px 12px; color: var(--muted); font-size: 13px; border-top: 1px solid var(--line); }
.help-guide-section { padding-top: 30px; }
.help-top-search { display: grid; gap: 10px; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbfa; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65); }
.help-top-search label { color: var(--brand-dark); font-size: 14px; font-weight: 800; white-space: nowrap; }
.help-top-search div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.help-top-search input { min-height: 50px; padding: 0 15px; font-size: 16px; }
.help-top-search .btn { min-height: 50px; padding: 0 20px; }
.help-guide-article { display: grid; gap: 18px; }
.help-guide-block { background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 24px; }
.help-guide-title-block h1 { font-size: clamp(19px, 2.5vw, 28px); margin-bottom: 10px; }
.help-guide-intro-block { display: grid; gap: 22px; align-items: start; }
.help-guide-intro-block .help-guide-shot { width: 100%; }
.help-guide-intro-block .help-guide-shot { box-shadow: 0 18px 44px rgba(24, 32, 51, .1); }
.help-guide-block h2 { font-size: 30px; }
.help-guide-block p { color: var(--muted); font-size: 18px; }
.help-detail-section { display: grid; gap: 20px; }
.help-detail-head { display: grid; gap: 6px; }
.help-detail-head p { margin: 0; max-width: 720px; }
.help-detail-list { display: grid; gap: 18px; }
.help-detail-item { display: grid; gap: 16px; scroll-margin-top: 110px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #f8faf9; }
.help-detail-shot { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 16px 38px rgba(24, 32, 51, .08); }
.help-detail-shot img { display: block; width: 100%; height: auto; }
.help-detail-copy { display: grid; gap: 10px; }
.help-detail-copy h3 { margin: 0; color: var(--brand-dark); font-size: 23px; }
.help-detail-copy p { margin: 0; }
.help-detail-copy ul { margin: 0; padding-left: 22px; display: grid; gap: 8px; color: var(--ink); font-size: 17px; }
.help-detail-copy li::marker { color: var(--accent); }
.help-step-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; counter-reset: help-step; }
.help-step-list li { counter-increment: help-step; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; color: var(--ink); font-size: 18px; }
.help-step-list li::before { content: counter(help-step); width: 34px; height: 34px; border-radius: 999px; display: grid; place-items: center; background: var(--soft); color: var(--brand-dark); font-weight: 900; }
.help-tip-list { display: grid; gap: 10px; }
.help-tip-list p { margin: 0; padding: 14px 16px; border-left: 4px solid var(--warm); background: #fff8e7; color: #4c3920; border-radius: 0 8px 8px 0; }
.help-step-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 18px 0; }
.help-step-nav-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; min-height: 74px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--brand-dark); box-shadow: 0 14px 34px rgba(24, 32, 51, .08); }
.help-step-nav-card:hover { border-color: #b9d6cf; box-shadow: 0 18px 42px rgba(24, 32, 51, .12); transform: translateY(-1px); }
.help-step-nav-card span { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; min-width: 96px; padding: 0 14px; border-radius: 8px; background: var(--brand); color: #fff; font-size: 14px; font-weight: 900; }
.help-step-nav-card strong { font-size: 17px; line-height: 1.25; }
.help-step-nav-card.next { text-align: right; }
.help-step-nav-card.next { grid-template-columns: minmax(0, 1fr) auto; }
.help-step-nav-card.next span { order: 2; }
.help-step-nav-card.next strong { order: 1; }
.help-step-nav-card.disabled { color: #7a8797; background: #f7f9fb; box-shadow: none; }
.help-step-nav-card.disabled span { background: #dbe3ea; color: #526173; }
.help-related-section { padding-top: 0; }
.imei-tool-card {
    display: grid;
    gap: 12px;
    align-self: stretch;
}
.imei-tool-card input {
    font-size: 24px;
    font-weight: 850;
    letter-spacing: .08em;
}
.imei-tool-result {
    min-height: 54px;
    display: grid;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--soft);
    color: var(--brand-dark);
    font-weight: 850;
}
.imei-tool-result.is-valid {
    border-color: #9bd9c5;
    background: #e9fbf5;
    color: #0c6b58;
}
.imei-tool-result.is-invalid {
    border-color: #f0b6a8;
    background: #fff0ed;
    color: #9b2d1e;
}
@media (max-width: 860px) {
    .wrap { width: min(100% - 24px, 1180px); }
    .hero { padding-top: 44px; }
    .hero-grid, .grid, .feature-list, .footer-grid, .trust-row, .contact-shell, .resource-article-hero, .resource-article-grid, .resource-card-grid.compact, .help-manual-layout, .help-index-hero, .help-index-head, .help-grid, .help-guide-intro-block, .help-step-nav, .press-hero-grid, .press-grid, .press-two-column, .press-list-grid, .case-metric-grid, .case-study-layout { grid-template-columns: 1fr; }
    .hero-media { min-height: 360px; }
    .case-proof-card { position: static; }
    .blog-magazine-section { padding-top: 18px; }
    .blog-magazine-head { align-items: start; flex-direction: column; gap: 8px; }
    .blog-magazine-head small { white-space: normal; }
    .blog-magazine-shell { grid-template-columns: 1fr; gap: 14px; }
    .blog-category-sidebar { position: static; }
    .blog-category-nav { border-radius: 0; overflow: visible; }
    .blog-category-nav { display: flex; flex-wrap: wrap; }
    .blog-category-nav a { flex: 1 1 50%; justify-content: space-between; border-bottom: 1px solid var(--line); }
    .blog-row { grid-template-columns: 1fr; }
    .blog-row-image { max-height: 230px; aspect-ratio: 16 / 9; }
    .blog-row-action { width: fit-content; justify-self: start; }
    .resource-article-image { min-height: 260px; }
    .blog-article-hero-section.hero { padding: 28px 0 18px; }
    .blog-article-hero .resource-article-image { min-height: 210px; max-height: 230px; }
    .blog-body { padding: 20px; }
    .blog-body p { font-size: 17px; }
    .blog-body .blog-intro { font-size: 19px; }
    .resource-sidebar { position: static; }
    .help-manual-sidebar { position: static; max-height: none; }
    .help-guide-manual-layout .help-manual-main { order: 1; }
    .help-guide-manual-layout .help-manual-sidebar { order: 2; }
    .help-manual-group:not([open]) summary { border-bottom: 0; }
    .help-index-section { padding-top: 28px; }
    .help-index-hero { padding: 22px; gap: 18px; }
    .help-index-head h1 { font-size: clamp(38px, 12vw, 54px); }
    .help-index-head .lead { font-size: 18px; }
    .help-search input { min-height: 50px; }
    .help-category-row { gap: 8px; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }
    .help-category-chip { flex: 0 0 auto; }
    .help-card { grid-template-rows: 190px minmax(0, 1fr); }
    .help-guide-row { grid-template-columns: 44px minmax(0, 1fr); align-items: start; padding: 14px; }
    .help-guide-icon { width: 44px; height: 44px; }
    .help-guide-arrow { display: none; }
    .help-guide-shot img { min-height: 210px; }
    .help-top-search { grid-template-columns: 1fr; gap: 8px; }
    .help-top-search div { grid-template-columns: 1fr; }
    .help-top-search .btn { width: 100%; }
    .help-guide-block { padding: 20px; }
    .help-guide-title-block h1 { font-size: clamp(19px, 7vw, 24px); }
    .help-guide-block h2 { font-size: 26px; }
    .help-step-list li { grid-template-columns: 34px minmax(0, 1fr); font-size: 17px; }
    .help-step-list li::before { width: 30px; height: 30px; }
    .help-step-nav-card.next { text-align: left; }
    .help-guide-sidebar { position: static; }
    .blog-share-panel { width: 100%; align-items: flex-start; flex-direction: column; }
    .blog-product-cue { grid-template-columns: 1fr; }
    .blog-product-cue-actions { justify-content: flex-start; }
    .blog-inline-conversion { grid-template-columns: 1fr; }
    .blog-inline-conversion-actions { justify-content: flex-start; }
    .blog-post-nav { grid-template-columns: 1fr; }
    .blog-post-nav-card.next { text-align: left; }
    .nav { min-height: 64px; position: relative; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
    .brand { justify-self: start; }
    .brand img { max-width: 170px; max-height: 58px; }
    .menu-toggle { display: flex; justify-self: end; }
    .nav-actions { display: none; }
    .links { display: none; position: absolute; left: 0; right: 0; top: calc(100% + 10px); flex-direction: column; align-items: stretch; gap: 8px; padding: 12px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 44px rgba(18, 38, 34, .14); }
    .links.open { display: flex; }
    .links a { padding: 12px; border-radius: 8px; }
    .nav-mobile-auth .language-switcher:not([open]) .language-switcher__menu { display: none; }
    .nav-dropdown { padding: 0; }
    .nav-dropdown summary { padding: 12px; border-radius: 8px; }
    .nav-dropdown-menu { position: static; width: 100%; transform: none; box-shadow: none; margin-top: 6px; }
    .language-switcher summary { width: auto; min-width: 64px; border-radius: 8px; min-height: 44px; background: #fff; }
    .language-switcher__menu { position: static; width: 100%; box-shadow: none; margin-top: 6px; }
    .region-suggestion__inner { display: grid; gap: 10px; align-items: stretch; padding-block: 12px; }
    .region-suggestion p { display: grid; gap: 2px; }
    .region-suggestion__actions { display: grid; grid-template-columns: 1fr 1fr; }
    .region-suggestion__button,
    .region-suggestion__dismiss { width: 100%; min-width: 0; white-space: normal; text-align: center; }
    .links a.active:not(.btn) { border-bottom: 0; padding-bottom: 12px; background: var(--soft); }
    .links a:not(.btn):hover { background: var(--soft); }
    .links .btn { width: 100%; }
    .nav-actions .btn { min-height: 42px; }
    .actions .btn { width: 100%; }
    .cookie-consent { grid-template-columns: 1fr; left: 8px; right: 8px; bottom: 8px; width: auto; max-width: calc(100vw - 16px); margin: 0; padding: 10px; }
    .cookie-consent__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; gap: 8px; }
    .cookie-consent__actions .cookie-btn { min-width: 0; width: 100%; padding-inline: 4px; font-size: 12px; }
    .cookie-consent__actions .cookie-btn.accept { grid-column: 1 / -1; }
    .support-assistant { right: 10px; bottom: 86px; }
    .support-assistant-panel { right: -2px; bottom: 50px; width: calc(100vw - 16px); }
    .support-assistant-conversation-actions { flex-direction: column; }
    .support-assistant-human { align-items: stretch; flex-direction: column; }
    .support-assistant-form { grid-template-columns: 1fr; }
    .support-assistant-form .btn { width: 100%; }
    h1 { font-size: clamp(34px, 11vw, 48px); }
    h2 { font-size: clamp(26px, 8vw, 36px); }
}
@media (prefers-reduced-motion: reduce) {
    .page-reveal,
    .page-reveal-lift.is-visible {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
}

/* Shared public-site finish: keeps all marketing pages aligned with the approved homepage. */
.frontend-site {
    font-family: "Heebo", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: var(--ink);
    background: #fff;
}

.frontend-site .topbar {
    display: block;
    padding: 12px 0;
    background: linear-gradient(180deg, #fff 0%, #fbfffe 100%);
    border-bottom: 1px solid #e7eef1;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
    backdrop-filter: blur(18px);
}

.frontend-site .topbar .nav {
    width: calc(100% - 28px);
    max-width: none;
    min-height: 76px;
    padding: 0 26px;
    border: 1px solid #dce8ec;
    border-radius: 15px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 16px 42px rgba(15, 23, 42, .1);
}

.frontend-site .topbar .links,
.frontend-site .topbar .nav-actions,
.frontend-site .topbar .links a,
.frontend-site .topbar .nav-actions a,
.frontend-site .topbar .nav-dropdown summary,
.frontend-site .topbar .language-switcher summary {
    font-weight: 600;
}

.frontend-site .topbar .links a.active,
.frontend-site .topbar .nav-actions a.active:not(.btn),
.frontend-site .topbar .nav-dropdown summary.active {
    font-weight: 700;
}

.frontend-site .topbar .btn.primary {
    font-weight: 700;
}

.frontend-site h1,
.frontend-site h2,
.frontend-site h3 {
    color: var(--ink);
    letter-spacing: 0;
}

.frontend-site h1 {
    font-weight: 780;
}

.frontend-site h2,
.frontend-site h3 {
    font-weight: 760;
}

.frontend-site p,
.frontend-site li {
    font-weight: 430;
}

.frontend-site .btn,
.frontend-site button {
    letter-spacing: 0;
}

.frontend-site .footer {
    border-top: 1px solid #e7eef1;
    padding: 0;
    color: var(--muted);
    background: linear-gradient(180deg, #fff 0%, #f8fbfb 100%);
}

.frontend-site .footer-grid {
    width: 100%;
    max-width: none;
    padding: 34px max(28px, calc((100vw - 1220px) / 2 + 28px));
    border-top: 1px solid #dce8ec;
    border-bottom: 1px solid #dce8ec;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -10px 36px rgba(15, 23, 42, .045);
}

.frontend-site main :where(h1, .hero h1, .resource-article-hero h1, .help-guide-title-block h1) {
    font-weight: 680;
}

.frontend-site main :where(h2, .section h2, .faq-accordion h2, .help-guide-block h2) {
    font-weight: 640;
}

.frontend-site main :where(h3, .card h3, .feature-card h3, .plan-card h3) {
    font-weight: 600;
}

.frontend-site main :where(p, li, td, input, select, textarea, .lead, .muted, .card p, .feature-card p) {
    font-weight: 430;
}

.frontend-site main :where(strong, b, label, summary, th, small, .eyebrow, .badge, .chip, .tag, .pill) {
    font-weight: 600;
}

.frontend-site main :where(.faq-item summary, .help-manual-group summary, .help-manual-links a, .help-search label, .help-top-search label, .help-category-chip, .help-card-copy small, .help-back-link, .resource-card small, .blog-row small, .blog-card small, .trust-row span) {
    font-weight: 600;
}

.frontend-site main :where(.btn, button, .resource-filter, .category-filter, .blog-category-nav a) {
    font-weight: 600;
}

.frontend-site main .preview-starter-band h2,
.frontend-site main .preview-starter-band .preview-starter-copy h2 {
    color: #fff;
}

.frontend-site .footer :where(strong, a, b) {
    font-weight: 600;
}

.frontend-site .footer :where(p, li, span) {
    font-weight: 430;
}

@media (max-width: 860px) {
    .frontend-site .topbar {
        padding: 10px 0;
    }

    .frontend-site .topbar .nav {
        width: calc(100% - 20px);
        min-height: 64px;
        padding: 12px;
        border-radius: 14px;
    }
}

/* Keep marketing content readable on every screen size. */
.frontend-site main,
.frontend-site main :where(section, article, aside, div, header, footer, figure, figcaption, ul, ol, li, form, fieldset, .wrap, .section, .card, .panel, .grid) {
    min-width: 0;
}

.frontend-site main :where(h1, h2, h3, h4, h5, h6, p, li, figcaption, label, summary, small, strong, b, span, td, th, blockquote, a:not(.btn)) {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
}

.frontend-site main :where(
    .hero-subheader .wrap,
    .control-overview-head .muted,
    .industry-real-workflow-section .industry-section-head h2,
    .industry-workspace-points span,
    .industry-device-buy-points span,
    .industry-simple-starter-list span,
    .industry-hero-metrics span,
    .industry-real-workflow-points span,
    .industry-proof-list strong,
    .industry-workflow-caption strong,
    .home-hook-points span,
    .showcase-points span,
    .feature-detail-points span
) {
    white-space: normal;
}

.frontend-site main .industry-real-workflow-section .industry-section-head h2,
.frontend-site main .industry-section-head h2,
.frontend-site main .industry-section-head .muted,
.frontend-site main .control-overview-head .muted {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.frontend-site main :where(.btn, button, .pill, .chip, .badge, .tag) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

.frontend-site main :where(img, video, canvas, svg) {
    max-width: 100%;
}

@media (max-width: 860px) {
    .frontend-site {
        overflow-x: hidden;
    }

    .frontend-site main :where(.wrap, .section, .card, .panel) {
        max-width: 100%;
    }
}